@chenghongyu/xpt-file-viewer 1.1.0

package/src/components/vue-codemirror/toolbar.vue

@@ -0,0 +1,183 @@
+<template>
+  <div class="toolbar">
+    <div class="item">
+      <label for="language">语言:</label>
+      <el-select
+        v-model="config.language"
+        placeholder="请选择"
+        :disabled="disabled"
+        class="w-32"
+        size="small"
+        @change="handleSelectLanguage">
+        <el-option
+          v-for="option in languages"
+          :key="option"
+          :label="option"
+          :value="option">
+        </el-option>
+      </el-select>
+    </div>
+    <div class="item">
+      <label for="language">编码:</label>
+      <el-select
+        v-model="config.encoding"
+        placeholder="请选择"
+        :disabled="disabled"
+        class="w-32"
+        size="small"
+        @change="handleSelectEncoding">
+        <el-option
+          v-for="option in encodings"
+          :key="option"
+          :label="option"
+          :value="option">
+        </el-option>
+      </el-select>
+    </div>
+    <div class="item">
+      <label for="theme">主题:</label>
+      <el-select
+        v-model="config.theme"
+        placeholder="请选择"
+        :disabled="disabled"
+        class="w-20"
+        size="small">
+        <el-option
+          v-for="option in ['default', ...themes]"
+          :key="option"
+          :label="option"
+          :value="option">
+        </el-option>
+      </el-select>
+    </div>
+    <!-- <div class="item">
+      <label for="disabled">只读:</label>
+      <el-checkbox
+        id="disabled"
+        v-model="config.readonly"
+        :disabled="disabled"
+        size="small">
+      </el-checkbox>
+    </div>
+    <div class="item">
+      <label for="lineWrapping">自动换行:</label>
+      <el-checkbox
+        id="lineWrapping"
+        v-model="config.lineWrapping"
+        :disabled="disabled"
+        size="small">
+      </el-checkbox>
+    </div> -->
+    <div class="item" v-show="false">
+      <label for="autofocus">autofocus:</label>
+      <el-checkbox
+        id="autofocus"
+        v-model="config.autofocus"
+        :disabled="disabled"
+        size="small">
+      </el-checkbox>
+    </div>
+    <div class="item" v-show="false">
+      <label for="indentWithTab">indentWithTab:</label>
+      <el-checkbox
+        id="indentWithTab"
+        v-model="config.indentWithTab"
+        :disabled="disabled"
+        size="small">
+      </el-checkbox>
+    </div>
+    <div class="item" v-show="false">
+      <label for="tabSize">tabSize:</label>
+      <el-select
+        v-model.number="config.tabSize"
+        id="tabSize"
+        placeholder="请选择"
+        :disabled="disabled"
+        class="w-12"
+        size="small">
+        <el-option
+          v-for="option in [2, 4, 6, 8]"
+          :key="option"
+          :label="option"
+          :value="option">
+        </el-option>
+      </el-select>
+    </div>
+    <div class="item" v-show="false">
+      <label for="height">height:</label>
+      <el-select
+        v-model="config.height"
+        placeholder="请选择"
+        :disabled="disabled"
+        class="w-16"
+        size="small">
+        <el-option
+          v-for="option in ['auto', '200px', '40em', '60vh']"
+          :key="option"
+          :label="option"
+          :value="option">
+        </el-option>
+      </el-select>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ElSelect, ElOption, ElCheckbox }  from "element-plus";
+import { PropType } from "vue";
+import { ToolBarConfig } from "./types";
+
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  config: {
+    type: Object as PropType<ToolBarConfig>,
+    required: true
+  },
+  languages: {
+    type: Array as PropType<Array<string>>,
+    required: true
+  },
+  encodings: {
+    type: Object as PropType<Record<string, string>>,
+    required: false
+  },
+  themes: {
+    type: Array as PropType<Array<string>>,
+    required: true
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const emits = defineEmits<{
+  (e: 'language', data: string): void
+  (e: 'encoding', data: string): void
+}>()
+
+const handleSelectLanguage = (value: string) => {
+  emits("language", value)
+}
+
+const handleSelectEncoding = (value: string) => {
+  emits("encoding", value)
+}
+</script>
+
+<style lang="scss">
+.toolbar {
+  @apply grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-5;
+
+  .item {
+    @apply sm:max-w-[80%] md:max-w-[70%] xl:max-w-[60%] space-x-1 flex my-1;
+
+    label {
+      @apply whitespace-nowrap;
+    }
+  }
+}
+</style>

package/src/components/vue-codemirror/types.ts

@@ -0,0 +1,12 @@
+export interface ToolBarConfig {
+  disabled: boolean;
+  readonly: boolean;
+  indentWithTab: boolean;
+  tabSize: number;
+  autofocus: boolean;
+  height: string;
+  language: string;
+  encoding: string;
+  theme: string;
+  lineWrapping: boolean;
+}

package/src/components.d.ts

@@ -0,0 +1,49 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    1: typeof import('./components/1.vue')['default']
+    AudioPlayer: typeof import('./components/file/preview/AudioPlayer.vue')['default']
+    AudioPlayerCopy: typeof import('./components/fileReview/AudioPlayer-copy.vue')['default']
+    Confirm: typeof import('./components/messageBox/confirm/confirm.vue')['default']
+    CopyCode: typeof import('./components/file/preview/CopyCode.vue')['default']
+    Editor: typeof import('./components/vue-codemirror/editor.vue')['default']
+    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
+    FileGallery: typeof import('./components/file/preview/FileGallery.vue')['default']
+    HelloWorld: typeof import('./components/HelloWorld.vue')['default']
+    KkFileViewer: typeof import('./components/file/preview/KkFileViewer.vue')['default']
+    KkFileViewerDialog: typeof import('./components/file/preview/KkFileViewerDialog.vue')['default']
+    MarkdownViewer: typeof import('./components/file/preview/MarkdownViewer.vue')['default']
+    MarkdownViewerAsyncLoading: typeof import('./components/file/preview/MarkdownViewerAsyncLoading.vue')['default']
+    MarkdownViewerDialogAsyncLoading: typeof import('./components/file/preview/MarkdownViewerDialogAsyncLoading.vue')['default']
+    OfficeViewer: typeof import('./components/file/preview/OfficeViewer.vue')['default']
+    OfficeViewerDialog: typeof import('./components/file/preview/OfficeViewerDialog.vue')['default']
+    PdfViewer: typeof import('./components/file/preview/PdfViewer.vue')['default']
+    PdfViewerCopy: typeof import('./components/fileReview/PdfViewer-copy.vue')['default']
+    PdfViewerDialog: typeof import('./components/file/preview/PdfViewerDialog.vue')['default']
+    Prompt: typeof import('./components/messageBox/prompt/prompt.vue')['default']
+    QrCodePreview: typeof import('./components/common/QrCodePreview.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SelectFolder: typeof import('./components/file/selectFolder/SelectFolder.vue')['default']
+    TextViewer: typeof import('./components/file/preview/TextViewer.vue')['default']
+    TextViewerAsyncLoading: typeof import('./components/file/preview/TextViewerAsyncLoading.vue')['default']
+    TextViewerCopy: typeof import('./components/fileReview/TextViewer-copy.vue')['default']
+    TextViewerDialog: typeof import('./components/file/preview/TextViewerDialog.vue')['default']
+    Three3dPreview: typeof import('./components/file/preview/Three3dPreview.vue')['default']
+    Three3dPreviewDialog: typeof import('./components/file/preview/Three3dPreviewDialog.vue')['default']
+    Toolbar: typeof import('./components/vue-codemirror/toolbar.vue')['default']
+    VideoPlayer: typeof import('./components/file/preview/VideoPlayer.vue')['default']
+    VideoPlayerAsyncLoading: typeof import('./components/file/preview/VideoPlayerAsyncLoading.vue')['default']
+    VideoPlayerCopy: typeof import('./components/fileReview/VideoPlayer-copy.vue')['default']
+    VideoPlayerDialog: typeof import('./components/file/preview/VideoPlayerDialog.vue')['default']
+    VueCodemirror: typeof import('./components/vue-codemirror/index.vue')['default']
+    ZDialog: typeof import('./components/common/dialog/ZDialog.vue')['default']
+  }
+}

package/src/composables/admin/layout/admin-layout.js

@@ -0,0 +1,53 @@
+// 请求加载
+import { downloadLogReq } from "~/api/admin/admin-setting";
+
+import dayjs from "dayjs";
+
+export default function useAdminLayout(router, route) {
+
+    /**
+     * 日志下载
+     */
+    const logDownload = () => {
+        const loading = ElLoading.service({
+            fullscreen: true,
+            lock: true,
+            text: '下载中...',
+            background: 'rgba(0, 0, 0, 0.5)',
+        });
+        downloadLogReq().then((res) => {
+            const { data, headers } = res;
+            const fileName = `ZFile 诊断日志 - ${dayjs().format('YYYY-MM-DD HH:mm:ss')}.zip`;
+            // 此处当返回json文件时需要先对data进行JSON.stringify处理，其他类型文件不用做处理
+            //const blob = new Blob([JSON.stringify(data)], ...)
+            const blob = new Blob([data], {type: headers['content-type']})
+            let dom = document.createElement('a')
+            let url = window.URL.createObjectURL(blob)
+            dom.href = url
+            dom.download = decodeURI(fileName)
+            dom.style.display = 'none'
+            document.body.appendChild(dom)
+            dom.click()
+            dom.parentNode.removeChild(dom)
+            window.URL.revokeObjectURL(url);
+        }).catch((res) => {
+            ElMessage.error('下载日志失败.');
+        }).finally(() => {
+            loading.close();
+        });
+    }
+
+    const rebuildTitle = () => {
+        if (route.path.indexOf('/admin') === -1) {
+            return;
+        }
+        // 获取当前选中的左侧导航的文字, 作为标题
+        document.title = (route.meta.name || 'ZFile') + ' | 后台管理';
+    }
+
+    return {
+        logDownload,
+        rebuildTitle
+    }
+
+}

package/src/composables/admin/link/useLinkSetting.js

@@ -0,0 +1,16 @@
+import { getLinkLimitInfoReq } from "~/api/admin/admin-setting";
+
+const linkLimitInfoList = ref([]);
+
+export default function useLinkSetting() {
+
+    const loadLinkLimitInfo = () => {
+        getLinkLimitInfoReq().then(res => {
+            linkLimitInfoList.value = res.data;
+        });
+    }
+
+    return {
+        linkLimitInfoList, loadLinkLimitInfo
+    }
+}

package/src/composables/admin/sso/baseSsoConfig.js

@@ -0,0 +1,54 @@
+export const baseSsoConfig = {
+	github: {
+		"provider": "github",
+		"name": "Github",
+		"icon": "<svg t=\"1747450607632\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"4752\" width=\"200\" height=\"200\"><path d=\"M950.930286 512q0 143.433143-83.748571 257.974857t-216.283429 158.573714q-15.433143 2.852571-22.601143-4.022857t-7.168-17.115429l0-120.539429q0-55.442286-29.696-81.115429 32.548571-3.437714 58.587429-10.313143t53.686857-22.308571 46.299429-38.034286 30.281143-59.977143 11.702857-86.016q0-69.12-45.129143-117.686857 21.138286-52.004571-4.534857-116.589714-16.018286-5.12-46.299429 6.290286t-52.589714 25.161143l-21.723429 13.677714q-53.174857-14.848-109.714286-14.848t-109.714286 14.848q-9.142857-6.290286-24.283429-15.433143t-47.689143-22.016-49.152-7.68q-25.161143 64.585143-4.022857 116.589714-45.129143 48.566857-45.129143 117.686857 0 48.566857 11.702857 85.723429t29.988571 59.977143 46.006857 38.253714 53.686857 22.308571 58.587429 10.313143q-22.820571 20.553143-28.013714 58.88-11.995429 5.705143-25.746286 8.557714t-32.548571 2.852571-37.449143-12.288-31.744-35.693714q-10.825143-18.285714-27.721143-29.696t-28.306286-13.677714l-11.410286-1.682286q-11.995429 0-16.603429 2.56t-2.852571 6.582857 5.12 7.972571 7.460571 6.875429l4.022857 2.852571q12.580571 5.705143 24.868571 21.723429t17.993143 29.110857l5.705143 13.165714q7.460571 21.723429 25.161143 35.108571t38.253714 17.115429 39.716571 4.022857 31.744-1.974857l13.165714-2.267429q0 21.723429 0.292571 50.834286t0.292571 30.866286q0 10.313143-7.460571 17.115429t-22.820571 4.022857q-132.534857-44.032-216.283429-158.573714t-83.748571-257.974857q0-119.442286 58.88-220.306286t159.744-159.744 220.306286-58.88 220.306286 58.88 159.744 159.744 58.88 220.306286z\" fill=\"#444444\" p-id=\"4753\"></path></svg>",
+		"clientId": "",
+		"clientSecret": "",
+		"authUrl": "https://github.com/login/oauth/authorize",
+		"tokenUrl": "https://github.com/login/oauth/access_token",
+		"userInfoUrl": "https://api.github.com/user",
+		"scope": "user:email",
+		"bindingField": "email",
+		"enabled": true
+	},
+	gitee: {
+		"provider": "gitee",
+		"name": "Gitee",
+		"icon": "<svg t=\"1747558280392\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"4149\" width=\"200\" height=\"200\"><path d=\"M512 1024C229.2224 1024 0 794.7776 0 512S229.2224 0 512 0s512 229.2224 512 512-229.2224 512-512 512z m259.1488-568.8832H480.4096a25.2928 25.2928 0 0 0-25.2928 25.2928l-0.0256 63.2064c0 13.952 11.3152 25.2928 25.2672 25.2928h177.024c13.9776 0 25.2928 11.3152 25.2928 25.2672v12.6464a75.8528 75.8528 0 0 1-75.8528 75.8528H366.592a25.2928 25.2928 0 0 1-25.2672-25.2928v-240.1792a75.8528 75.8528 0 0 1 75.8272-75.8528h353.9456a25.2928 25.2928 0 0 0 25.2672-25.2928l0.0768-63.2064a25.2928 25.2928 0 0 0-25.2672-25.2928H417.152a189.6192 189.6192 0 0 0-189.6192 189.6448v353.9456c0 13.9776 11.3152 25.2928 25.2928 25.2928h372.9408a170.6496 170.6496 0 0 0 170.6496-170.6496v-145.408a25.2928 25.2928 0 0 0-25.2928-25.2672z\" fill=\"#C71D23\" p-id=\"4150\"></path></svg>",
+		"clientId": "",
+		"clientSecret": "",
+		"authUrl": "https://gitee.com/oauth/authorize",
+		"tokenUrl": "https://gitee.com/oauth/token",
+		"userInfoUrl": "https://gitee.com/api/v5/user",
+		"scope": "user_info",
+		"bindingField": "login",
+		"enabled": true
+	},
+	gitlab: {
+		"provider": "gitlab",
+		"name": "Gitlab",
+		"icon": "<svg t=\"1747696327658\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2457\" width=\"200\" height=\"200\"><path d=\"M932.317184 567.76704L885.10464 422.46144l-93.57312-287.997952c-4.8128-14.81728-25.776128-14.81728-30.590976 0L667.36128 422.459392H356.62848L263.051264 134.46144c-4.8128-14.81728-25.776128-14.81728-30.593024 0l-93.57312 287.997952-47.210496 145.309696a32.165888 32.165888 0 0 0 11.68384 35.96288l408.6272 296.890368L920.61696 603.734016c11.272192-8.192 15.990784-22.71232 11.68384-35.964928\" fill=\"#FC6D26\" p-id=\"2458\"></path><path d=\"M512.002048 900.62848l155.365376-478.171136H356.634624z\" fill=\"#E24329\" p-id=\"2459\"></path><path d=\"M512.004096 900.62848L356.63872 422.47168H138.901504z\" fill=\"#FC6D26\" p-id=\"2460\"></path><path d=\"M138.891264 422.465536l-47.214592 145.309696a32.16384 32.16384 0 0 0 11.685888 35.96288L511.991808 900.62848z\" fill=\"#FCA326\" p-id=\"2461\"></path><path d=\"M138.893312 422.459392h217.737216L263.053312 134.46144c-4.8128-14.819328-25.778176-14.819328-30.590976 0z\" fill=\"#E24329\" p-id=\"2462\"></path><path d=\"M512.002048 900.62848l155.365376-478.154752H885.10464z\" fill=\"#FC6D26\" p-id=\"2463\"></path><path d=\"M885.11488 422.465536l47.214592 145.309696a32.16384 32.16384 0 0 1-11.685888 35.96288L512.014336 900.62848z\" fill=\"#FCA326\" p-id=\"2464\"></path><path d=\"M885.096448 422.459392H667.36128l93.577216-287.997952c4.814848-14.819328 25.778176-14.819328 30.590976 0z\" fill=\"#E24329\" p-id=\"2465\"></path></svg>",
+		"clientId": "",
+		"clientSecret": "",
+		"authUrl": "https://gitlab.com/oauth/authorize",
+		"tokenUrl": "https://gitlab.com/oauth/token",
+		"userInfoUrl": "https://gitlab.com/api/v4/user",
+		"scope": "openid email",
+		"bindingField": "email",
+		"enabled": true
+	},
+	logto_cloud: {
+		"provider": "logto_cloud",
+		"name": "Logto Cloud",
+		"icon": " <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">   <g clip-path=\"url(#clip0_3163_230)\">     <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"       d=\"M0 5.62127C0 4.58692 0 4.06975 0.189869 3.65348C0.357191 3.28664 0.626294 2.97572 0.96511 2.75777C1.34958 2.51044 1.86074 2.43703 2.88305 2.29021L17.463 0.196199C18.7865 0.00612588 19.4482 -0.0889106 19.9624 0.111751C20.4138 0.2879 20.7905 0.61494 21.0287 1.03745C21.3 1.51875 21.3 2.18826 21.3 3.52727L21.3 32.4727C21.3 33.8117 21.3 34.4812 21.0287 34.9626C20.7905 35.3851 20.4138 35.7121 19.9624 35.8882C19.4482 36.0889 18.7865 35.9939 17.463 35.8038L2.88305 33.7098C1.86074 33.563 1.34958 33.4896 0.96511 33.2422C0.626294 33.0243 0.357191 32.7134 0.189869 32.3465C0 31.9302 0 31.4131 0 30.3787L0 5.62127ZM14.7 15.4267C14.7 15.1172 14.7 14.9625 14.7582 14.8402C14.8094 14.7325 14.8916 14.6425 14.9942 14.5817C15.1108 14.5127 15.2649 14.4986 15.5731 14.4706L16.9531 14.3452C17.3162 14.3122 17.4978 14.2957 17.6379 14.3562C17.7611 14.4094 17.8629 14.5024 17.927 14.6202C18 14.7543 18 14.9366 18 15.3012L18 20.6988C18 21.0634 18 21.2457 17.927 21.3798C17.8629 21.4976 17.7611 21.5906 17.6379 21.6438C17.4978 21.7043 17.3162 21.6878 16.9531 21.6548L15.5731 21.5294H15.5731C15.2649 21.5014 15.1108 21.4873 14.9942 21.4183C14.8916 21.3575 14.8094 21.2675 14.7582 21.1598C14.7 21.0375 14.7 20.8828 14.7 20.5733L14.7 15.4267ZM25.44 3H23.4L23.4 33H25.44C26.6161 33 27.2042 33 27.6534 32.7711C28.0485 32.5698 28.3698 32.2485 28.5711 31.8534C28.8 31.4042 28.8 30.8161 28.8 29.64L28.8 6.36C28.8 5.18389 28.8 4.59583 28.5711 4.14662C28.3698 3.75148 28.0485 3.43022 27.6534 3.22889C27.2042 3 26.6161 3 25.44 3Z\"       fill=\"#191C1D\" />     <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"       d=\"M0 5.62127C0 4.58692 0 4.06975 0.189869 3.65348C0.357191 3.28664 0.626294 2.97572 0.96511 2.75777C1.34958 2.51044 1.86074 2.43703 2.88305 2.29021L17.463 0.196199C18.7865 0.00612588 19.4482 -0.0889106 19.9624 0.111751C20.4138 0.2879 20.7905 0.61494 21.0287 1.03745C21.3 1.51875 21.3 2.18826 21.3 3.52727L21.3 32.4727C21.3 33.8117 21.3 34.4812 21.0287 34.9626C20.7905 35.3851 20.4138 35.7121 19.9624 35.8882C19.4482 36.0889 18.7865 35.9939 17.463 35.8038L2.88305 33.7098C1.86074 33.563 1.34958 33.4896 0.96511 33.2422C0.626294 33.0243 0.357191 32.7134 0.189869 32.3465C0 31.9302 0 31.4131 0 30.3787L0 5.62127ZM14.7 15.4267C14.7 15.1172 14.7 14.9625 14.7582 14.8402C14.8094 14.7325 14.8916 14.6425 14.9942 14.5817C15.1108 14.5127 15.2649 14.4986 15.5731 14.4706L16.9531 14.3452C17.3162 14.3122 17.4978 14.2957 17.6379 14.3562C17.7611 14.4094 17.8629 14.5024 17.927 14.6202C18 14.7543 18 14.9366 18 15.3012L18 20.6988C18 21.0634 18 21.2457 17.927 21.3798C17.8629 21.4976 17.7611 21.5906 17.6379 21.6438C17.4978 21.7043 17.3162 21.6878 16.9531 21.6548L15.5731 21.5294H15.5731C15.2649 21.5014 15.1108 21.4873 14.9942 21.4183C14.8916 21.3575 14.8094 21.2675 14.7582 21.1598C14.7 21.0375 14.7 20.8828 14.7 20.5733L14.7 15.4267ZM25.44 3H23.4L23.4 33H25.44C26.6161 33 27.2042 33 27.6534 32.7711C28.0485 32.5698 28.3698 32.2485 28.5711 31.8534C28.8 31.4042 28.8 30.8161 28.8 29.64L28.8 6.36C28.8 5.18389 28.8 4.59583 28.5711 4.14662C28.3698 3.75148 28.0485 3.43022 27.6534 3.22889C27.2042 3 26.6161 3 25.44 3Z\"       fill=\"url(#paint0_linear_3163_230)\" />   </g>   <defs>     <linearGradient id=\"paint0_linear_3163_230\" x1=\"-8.91429\" y1=\"24.8965\" x2=\"26.9632\" y2=\"10.8165\"       gradientUnits=\"userSpaceOnUse\">       <stop stop-color=\"#4B2EFB\" />       <stop offset=\"1\" stop-color=\"#E65FFC\" />     </linearGradient>     <clipPath id=\"clip0_3163_230\">       <rect width=\"28.8\" height=\"36\" fill=\"white\" />     </clipPath>   </defs> </svg>",
+		"clientId": "",
+		"clientSecret": "",
+		"authUrl": "https://你的账号前缀.logto.app/oidc/auth",
+		"tokenUrl": "https://你的账号前缀.logto.app/oidc/token",
+		"userInfoUrl": "https://你的账号前缀.logto.app/oidc/me",
+		"scope": "openid email",
+		"bindingField": "email",
+		"enabled": true
+	}
+};

package/src/composables/admin/sso/useSsoConfig.js

@@ -0,0 +1,176 @@
+import { ElMessage } from "element-plus";
+import { baseSsoConfig } from "~/composables/admin/sso/baseSsoConfig";
+import {
+	listReq,
+	deleteReq,
+	saveOrUpdateReq,
+	checkProviderDuplicateReq,
+} from "~/api/admin/admin-sso";
+
+const currentSsoProvider = ref()
+
+export default function useSsoConfig() {
+
+	const ssoConfigList = ref([])
+	const autoId = ref(-1)
+
+	onMounted(() => {
+		loadList()
+	})
+
+	const loadList = () => {
+		listReq().then((res) => {
+			ssoConfigList.value = res.data.map(item => {
+				return {
+					...item,
+				}
+			})
+			if (!currentSsoProvider.value) {
+				currentSsoProvider.value = ssoConfigList.value[0]?.id
+			}
+		})
+	}
+
+	const saveOrUpdate = () => {
+		const item = ssoConfigList.value.find(item => item.id === currentSsoProvider.value)
+		if (item.id < 0) {
+			item.id = null
+		}
+		saveOrUpdateReq(item).then((res) => {
+			ElMessage({
+				type: 'success',
+				message: '保存成功',
+			})
+			if (!item.id) {
+				currentSsoProvider.value = res.data.id
+			}
+			loadList()
+		})
+	}
+
+	const formRules = ref({
+		provider: [
+			{ required: true, message: '请输入服务商简称', trigger: ['change'] },
+			{
+				validator: (rule, value, callback) => {
+					let reg = /^[a-z0-9_-]+$/;
+					if (!reg.test(value)) {
+						callback(new Error('只允许使用小写字母、数字、下划线、横杠。'));
+						return
+					}
+
+					let params = {
+						id: currentSsoProvider.value,
+						provider: value
+					};
+
+					checkProviderDuplicateReq(params).then((res) => {
+						if (res.data) {
+							callback(new Error("该服务商简称已存在，请修改。"));
+						} else {
+							callback();
+						}
+					});
+				}
+			},
+		],
+		name: [
+			{required: true, message: '请输入服务商名称', trigger: ['change']},
+		],
+		icon: [
+			{required: true, message: '请输入服务商图标', trigger: ['change']},
+		],
+		clientId: [
+			{required: true, message: '请输入 ClientId', trigger: ['change']},
+		],
+		clientSecret: [
+			{required: true, message: '请输入 ClientSecret', trigger: ['change']},
+		],
+		authUrl: [
+			{required: true, message: '请输入授权端点', trigger: ['change']},
+		],
+		tokenUrl: [
+			{required: true, message: '请输入 Token 端点', trigger: ['change']},
+		],
+		userInfoUrl: [
+			{required: true, message: '请输入用户信息端点', trigger: ['change']},
+		],
+		scope: [
+			{required: true, message: '请输入授权范围', trigger: ['change']},
+		],
+		bindingField: [
+			{required: true, message: '请输入绑定字段', trigger: ['change']},
+		],
+		enabled: [
+			{required: true, message: '请选择是否启用', trigger: ['change']},
+		],
+	});
+
+	const addTab = (provider) => {
+		const index = autoId.value--;
+		if (provider) {
+			const providerConfig = baseSsoConfig[provider]
+			if (providerConfig) {
+				let newProvider = JSON.parse(JSON.stringify(providerConfig))
+				newProvider.id = index
+				ssoConfigList.value.push(newProvider)
+				currentSsoProvider.value = index
+				return;
+			}
+		}
+
+		ssoConfigList.value.push({
+			id: index,
+			provider: 'new' + index,
+			name: '新服务商' + index,
+			icon: '',
+			clientId: '',
+			clientSecret: '',
+			authUrl: '',
+			tokenUrl: '',
+			userInfoUrl: '',
+			scope: '',
+			bindingField: '',
+			enabled: true,
+		})
+		currentSsoProvider.value = index
+	}
+
+	const removeTab = (delId) => {
+		ElMessageBox.confirm('是否确认删除?', {
+			confirmButtonText: '确定',
+			cancelButtonText: '取消',
+			type: 'warning',
+		}).then(() => {
+			if (delId < 0) {
+				const index = ssoConfigList.value.findIndex(item => item.id === delId)
+				if (index === -1) {
+					return
+				}
+				ssoConfigList.value.splice(index, 1)
+				if (currentSsoProvider.value === delId) {
+					currentSsoProvider.value = ssoConfigList.value[0]?.id
+				}
+			} else {
+				deleteReq(delId).then((res) => {
+					ElMessage({
+						type: 'success',
+						message: '删除成功',
+					})
+
+					if (currentSsoProvider.value === delId) {
+						currentSsoProvider.value = null
+					}
+					loadList()
+				})
+			}
+		})
+	}
+
+	return {
+		ssoConfigList, currentSsoProvider,
+		formRules, addTab, removeTab,
+		saveOrUpdate
+	}
+
+}

package/src/composables/admin/storage/storage-copy.js

@@ -0,0 +1,89 @@
+import { copyStorageReq, existStorageKeyReq } from "~/api/admin/admin-storage";
+import { constant } from '../../src/constant/index.js'
+const formData = reactive({
+  toName: '',
+  toKey: '',
+  fromId: null
+});
+
+const rules = {
+  toName: [
+    { required: true, message: '请输入新存储源名称', trigger: 'blur' }
+  ],
+  toKey: [
+    { required: true, message: '请输入新存储源别名', trigger: 'blur' },
+    {
+      validator: (rule, value, callback) => {
+        if (value === undefined || value === null || value === '') {
+          callback('请输入存储源别名');
+          return;
+        }
+
+        if (constant.systemNames.includes(value)) {
+          callback(new Error('不可占用系统级名称，请修改。'));
+          return;
+        }
+
+        let reg = /^[\w\-]+$/;
+        if (!reg.test(value)) {
+          callback(new Error('只允许使用字母、数字、下划线、横杠'));
+          return;
+        }
+
+        existStorageKeyReq({storageKey: value}).then((res) => {
+          if (res.data) {
+            callback(new Error('该存储源别名已存在，请修改。'));
+          } else {
+            callback();
+          }
+        })
+      },
+    }
+  ],
+}
+
+const dialogVisible = ref(false);
+const saveLoading = ref(false);
+export default function useStorageCopy() {
+
+  const openDialog = (row) => {
+    dialogVisible.value = true;
+    formData.fromId = row.id;
+    formData.toKey = row.key;
+    formData.toName = row.name;
+  }
+
+  const closeDialog = () => {
+    dialogVisible.value = false;
+  }
+
+  const storageCopyFormRef = ref(null);
+
+  const submitForm = (emit) => {
+    saveLoading.value = true;
+    storageCopyFormRef.value.validate((valid) => {
+      if (valid) {
+        copyStorageReq(formData).then((res) => {
+            ElMessage.success('复制成功');
+            dialogVisible.value = false;
+            emit('close');
+        }).finally(() => {
+          saveLoading.value = false;
+        })
+      } else {
+        saveLoading.value = false;
+      }
+    });
+  };
+
+  return {
+    dialogVisible,
+    openDialog,
+    closeDialog,
+    formData,
+    rules,
+    storageCopyFormRef,
+    submitForm,
+    saveLoading
+  }
+}