添加SMB网络共享支持

src/components/cards/StorageCard.vue

@@ -7,11 +7,13 @@ import u115_png from '@images/misc/u115.png'
 import rclone_png from '@images/misc/rclone.png'
 import alist_png from '@images/misc/openlist.svg'
 import custom_png from '@images/misc/database.png'
+import smb_png from '@images/misc/smb.png'
 import api from '@/api'
 import AliyunAuthDialog from '../dialog/AliyunAuthDialog.vue'
 import U115AuthDialog from '../dialog/U115AuthDialog.vue'
 import RcloneConfigDialog from '../dialog/RcloneConfigDialog.vue'
 import AlistConfigDialog from '../dialog/AlistConfigDialog.vue'
+import SmbConfigDialog from '../dialog/SmbConfigDialog.vue'
 import { useToast } from 'vue-toastification'
 import { isNullOrEmptyObject } from '@/@core/utils'
 import { useI18n } from 'vue-i18n'
@@ -65,6 +67,8 @@ const u115AuthDialog = ref(false)
 const rcloneConfigDialog = ref(false)
 // AList配置对话框
 const aListConfigDialog = ref(false)
+// SMB配置对话框
+const smbConfigDialog = ref(false)
 // 自定义存储配置对话框
 const customConfigDialog = ref(false)
 
@@ -83,6 +87,9 @@ function openStorageDialog() {
     case 'alist':
       aListConfigDialog.value = true
       break
+    case 'smb':
+      smbConfigDialog.value = true
+      break
     case 'local':
       $toast.info(t('storage.noConfigNeeded'))
       break
@@ -105,6 +112,8 @@ const getIcon = computed(() => {
       return rclone_png
     case 'alist':
       return alist_png
+    case 'smb':
+      return smb_png
     default:
       return custom_png
   }
@@ -143,6 +152,7 @@ function handleDone() {
   u115AuthDialog.value = false
   rcloneConfigDialog.value = false
   aListConfigDialog.value = false
+  smbConfigDialog.value = false
   customConfigDialog.value = false
   // 更新存储
   storage_ref.value.name = customName.value
@@ -203,6 +213,13 @@ function onClose() {
       @close="aListConfigDialog = false"
       @done="handleDone"
     />
+    <SmbConfigDialog
+      v-if="smbConfigDialog"
+      v-model="smbConfigDialog"
+      :conf="props.storage.config || {}"
+      @close="smbConfigDialog = false"
+      @done="handleDone"
+    />
     <VDialog
       v-if="customConfigDialog"
       v-model="customConfigDialog"

src/components/dialog/SmbConfigDialog.vue

@@ -0,0 +1,131 @@
+<script lang="ts" setup>
+import api from '@/api'
+import { useI18n } from 'vue-i18n'
+import { useDisplay } from 'vuetify'
+
+// 显示器宽度
+const display = useDisplay()
+
+// 多语言支持
+const { t } = useI18n()
+
+// 定义输入
+const props = defineProps({
+  conf: {
+    type: Object as PropType<{ [key: string]: any }>,
+    required: true,
+  },
+})
+
+// 定义事件
+const emit = defineEmits(['done', 'close'])
+
+// 完成
+async function handleDone() {
+  await saveSmbConfig()
+  emit('done')
+}
+
+// 重置配置
+async function handleReset() {
+  try {
+    const result: { [key: string]: any } = await api.get('/storage/reset/smb')
+    if (result.success) {
+      // 重置成功
+      handleDone()
+    }
+  } catch (e) {
+    console.error(e)
+  }
+}
+
+// 保存 SMB 设置
+async function saveSmbConfig() {
+  try {
+    await api.post(`storage/save/smb`, props.conf)
+  } catch (e) {
+    console.error(e)
+  }
+}
+</script>
+
+<template>
+  <VDialog width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
+    <VCard>
+      <VDialogCloseBtn @click="emit('close')" />
+      <VCardItem>
+        <template #prepend>
+          <VIcon icon="mdi-folder-network-outline" class="me-2" />
+        </template>
+        <VCardTitle>
+          {{ t('dialog.smbConfig.title') }}
+        </VCardTitle>
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <VRow>
+          <VCol cols="12" md="6">
+            <VTextField
+              v-model="props.conf.host"
+              :hint="t('dialog.smbConfig.hostHint')"
+              :label="t('dialog.smbConfig.host')"
+              persistent-hint
+              prepend-inner-icon="mdi-server"
+              placeholder="192.168.1.100"
+            />
+          </VCol>
+          <VCol cols="12" md="6">
+            <VTextField
+              v-model="props.conf.share"
+              :hint="t('dialog.smbConfig.shareHint')"
+              :label="t('dialog.smbConfig.share')"
+              persistent-hint
+              prepend-inner-icon="mdi-folder-network"
+              placeholder="shared_folder"
+            />
+          </VCol>
+          <VCol cols="12" md="6">
+            <VTextField
+              v-model="props.conf.username"
+              :hint="t('dialog.smbConfig.usernameHint')"
+              :label="t('dialog.smbConfig.username')"
+              persistent-hint
+              prepend-inner-icon="mdi-account"
+              placeholder="your_username"
+            />
+          </VCol>
+          <VCol cols="12" md="6">
+            <VTextField
+              type="password"
+              v-model="props.conf.password"
+              :hint="t('dialog.smbConfig.passwordHint')"
+              :label="t('dialog.smbConfig.password')"
+              persistent-hint
+              prepend-inner-icon="mdi-lock"
+              placeholder="your_password"
+            />
+          </VCol>
+          <VCol cols="12" md="6">
+            <VTextField
+              v-model="props.conf.domain"
+              :hint="t('dialog.smbConfig.domainHint')"
+              :label="t('dialog.smbConfig.domain')"
+              persistent-hint
+              prepend-inner-icon="mdi-domain"
+              placeholder="WORKGROUP"
+            />
+          </VCol>
+        </VRow>
+      </VCardText>
+      <VCardActions>
+        <VBtn color="error" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
+          {{ t('dialog.smbConfig.reset') }}
+        </VBtn>
+        <VSpacer />
+        <VBtn @click="handleDone" prepend-icon="mdi-check" class="px-5 me-3">
+          {{ t('dialog.smbConfig.complete') }}
+        </VBtn>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>