@skyfox2000/webui 1.4.6 → 1.4.8

package/src/components/form/upload/uploadList.vue

@@ -6,7 +6,7 @@ import type { UploadProps } from 'ant-design-vue';
 import { Upload, Progress, Tag, Popconfirm } from 'ant-design-vue';
 import { UploadFile, UploadStatus, donwloadFromMinio, path, Switch, previewFromMinio } from '@/index';
 import { useInputFactory } from '@/utils/form-validate';
-import { IUrlInfo } from '@skyfox2000/fapi';
+import { ApiResponse, httpPost, IUrlInfo, ResStatus } from '@skyfox2000/fapi';
 
 export interface UploadListProps {
    /**
@@ -26,6 +26,10 @@ export interface UploadListProps {
     * 预览Url
     */
    previewUrl?: IUrlInfo;
+   /**
+    * 删除Url
+    */
+   deleteUrl?: IUrlInfo;
    /**
     * 文件列表
     */
@@ -70,6 +74,10 @@ export interface UploadListProps {
     * 是否显示上线或下线
     */
    showOnlineSwitch?: boolean;
+   /**
+    * 是否显示删除
+    */
+   showDelete?: boolean;
 }
 
 const props = withDefaults(defineProps<UploadListProps>(), {
@@ -83,6 +91,7 @@ const props = withDefaults(defineProps<UploadListProps>(), {
    fileExtTip: true,
    showActionText: true,
    showOnlineSwitch: false,
+   showDelete: true,
 });
 
 const inputFactory = useInputFactory();
@@ -210,7 +219,21 @@ const previewFile = (index: number) => {
 };
 
 const removeFile = (index: number) => {
-   fileList.value.splice(index, 1);
+   const file = fileList.value[index];
+   if (props.deleteUrl) {
+      httpPost<ApiResponse>(props.deleteUrl, {
+         Query: {
+            FileKey: file.minioFile!.Key,
+         },
+      }).then((res) => {
+         if (res && res.status === ResStatus.SUCCESS) {
+            message.success('删除文件成功！');
+            fileList.value.splice(index, 1);
+         }
+      });
+   } else {
+      fileList.value.splice(index, 1);
+   }
    confirmOpen.value = false;
 };
 
@@ -270,11 +293,8 @@ const getStatus = (status?: UploadStatus) => {
    <div class="w-full border border-solid border-gray-100 mt-1 rounded-md py-5" :class="[errInfo?.errClass]">
       <div class="flex items-center justify-between w-full">
          <div class="w-35 mx-3">
-            <Upload
-               ref="fileUploader"
-               v-bind="uploadProps"
-               v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:upload' }"
-            >
+            <Upload ref="fileUploader" v-bind="uploadProps"
+               v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:upload' }">
                <Button :class="[errInfo?.errClass + '-text']">选择文件</Button>
             </Upload>
          </div>
@@ -288,99 +308,57 @@ const getStatus = (status?: UploadStatus) => {
          <div v-for="(file, index) in fileList" :key="index" class="mb-2 pb-1">
             <div class="flex items-center justify-between">
                <div class="flex items-center">
-                  <span
-                     class="text-gray-700 mr-2"
-                     :class="[file.status == UploadStatus.Offline ? 'line-through' : '']"
-                     >{{ file.fileName ?? file.name }}</span
-                  >
+                  <span class="text-gray-700 mr-2"
+                     :class="[file.status == UploadStatus.Offline ? 'line-through' : '']">{{ file.fileName ?? file.name
+                     }}</span>
                   <span>
                      <Tag :color="getStatusColor(file.status)">{{ getStatus(file.status) }}</Tag>
                   </span>
                </div>
                <div class="flex items-center">
-                  <div
-                     class="mr-2"
-                     v-if="
-                        showOnlineSwitch && (file.status == UploadStatus.Online || file.status == UploadStatus.Offline)
-                     "
-                  >
+                  <div class="mr-2" v-if="
+                     showOnlineSwitch && (file.status == UploadStatus.Online || file.status == UploadStatus.Offline)
+                  ">
                      <Tooltip title="上线或下线">
-                        <Switch
-                           v-model:checked="file.status"
-                           :data="[
-                              { label: '上线', value: UploadStatus.Online },
-                              { label: '下线', value: UploadStatus.Offline },
-                           ]"
-                           @change="onlineOrOffline(file)"
-                           v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:online' }"
-                        />
+                        <Switch v-model:checked="file.status" :data="[
+                           { label: '上线', value: UploadStatus.Online },
+                           { label: '下线', value: UploadStatus.Offline },
+                        ]" @change="onlineOrOffline(file)"
+                           v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:online' }" />
                      </Tooltip>
                   </div>
-                  <div
-                     class="flex items-center text-blue-500 hover:text-blue-700 mr-1 cursor-pointer"
-                     v-if="downloadUrl && (file.status == UploadStatus.Online || file.status == UploadStatus.Offline)"
-                  >
+                  <div class="flex items-center text-blue-500 hover:text-blue-700 mr-1 cursor-pointer"
+                     v-if="downloadUrl && (file.status == UploadStatus.Online || file.status == UploadStatus.Offline)">
                      <Tooltip title="下载">
-                        <ToolIcon
-                           icon="icon-download"
-                           v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:download' }"
-                           clickable
-                           @click="downloadFile(index)"
-                        />
-                        <span
-                           v-if="showActionText"
-                           class="mr-2 text-sm text-nowrap"
+                        <ToolIcon icon="icon-download"
+                           v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:download' }" clickable
+                           @click="downloadFile(index)" />
+                        <span v-if="showActionText" class="mr-2 text-sm text-nowrap"
                            v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:download' }"
-                           @click="downloadFile(index)"
-                           >下载</span
-                        >
+                           @click="downloadFile(index)">下载</span>
                      </Tooltip>
                   </div>
-                  <div
-                     class="flex items-center text-blue-500 hover:text-blue-700 mr-1 cursor-pointer"
-                     v-if="previewUrl && (file.status == UploadStatus.Online || file.status == UploadStatus.Offline)"
-                  >
+                  <div class="flex items-center text-blue-500 hover:text-blue-700 mr-1 cursor-pointer"
+                     v-if="previewUrl && (file.status == UploadStatus.Online || file.status == UploadStatus.Offline)">
                      <Tooltip title="预览">
-                        <ToolIcon
-                           icon="icon-eye"
+                        <ToolIcon icon="icon-eye" v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:preview' }"
+                           clickable @click="previewFile(index)" />
+                        <span v-if="showActionText" class="mr-2 text-sm text-nowrap"
                            v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:preview' }"
-                           clickable
-                           @click="previewFile(index)"
-                        />
-                        <span
-                           v-if="showActionText"
-                           class="mr-2 text-sm text-nowrap"
-                           v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:preview' }"
-                           @click="previewFile(index)"
-                           >预览</span
-                        >
+                           @click="previewFile(index)">预览</span>
                      </Tooltip>
                   </div>
-                  <div class="flex items-center text-red-500 hover:text-red-700 cursor-pointer">
-                     <Popconfirm
-                        v-model:open="confirmOpen"
-                        cancelText="否"
-                        okText="是"
-                        title="确定删除该文件吗？"
-                        :okButtonProps="{ size: 'small' }"
-                        :cancelButtonProps="{ size: 'small' }"
-                        @confirm="removeFile(index)"
-                        @cancel="confirmOpen = false"
-                     >
+                  <div v-if="showDelete !== false"
+                     class="flex items-center text-red-500 hover:text-red-700 cursor-pointer">
+                     <Popconfirm v-model:open="confirmOpen" cancelText="否" okText="是" title="确定删除该文件吗？"
+                        :okButtonProps="{ size: 'small' }" :cancelButtonProps="{ size: 'small' }"
+                        @confirm="removeFile(index)" @cancel="confirmOpen = false">
                         <Tooltip title="删除">
                            <div @click="confirmDelFile(index, file.status)">
-                              <ToolIcon
-                                 icon="icon-new"
-                                 :angle="45"
-                                 v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:delete' }"
-                                 clickable
-                              />
-                              <span
-                                 v-if="showActionText"
-                                 class="text-sm text-nowrap"
-                                 v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:delete' }"
-                                 >删除</span
-                              >
+                              <ToolIcon icon="icon-new" :angle="45"
+                                 v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:delete' }" clickable />
+                              <span v-if="showActionText" class="text-sm text-nowrap"
+                                 v-auth="{ role: ['Super', 'Admin'], permit: ':uploadlist:delete' }">删除</span>
                            </div>
                         </Tooltip>
                      </Popconfirm>
@@ -389,13 +367,11 @@ const getStatus = (status?: UploadStatus) => {
             </div>
 
             <!-- 上传进度条 -->
-            <div
-               v-if="
-                  file.status !== UploadStatus.Online &&
-                  file.status !== UploadStatus.Offline &&
-                  file.status !== UploadStatus.Success
-               "
-            >
+            <div v-if="
+               file.status !== UploadStatus.Online &&
+               file.status !== UploadStatus.Offline &&
+               file.status !== UploadStatus.Success
+            ">
                <Progress :percent="file.percent" :stroke-width="2" :show-info="false" style="height: 2px"></Progress>
             </div>
          </div>
@@ -408,6 +384,7 @@ const getStatus = (status?: UploadStatus) => {
    border-color: #ff4d4f80;
    box-shadow: 0 0 3px 0 #ff4d4f;
 }
+
 .error-text {
    color: #ff4d4f !important;
 }

package/src/utils/tree.ts

@@ -2,7 +2,15 @@ import { TreeControl, TreeNode } from '@/typings/tree.d';
 import { ApiResponse, ReqParams, ResStatus } from '@skyfox2000/fapi';
 import { doQuery } from './data';
 import { combineParams } from '@skyfox2000/microbase';
+import { TreeDataNode } from 'ant-design-vue/es/vc-tree-select/interface';
+import { EventDataNode } from 'ant-design-vue/es/vc-tree/interface';
 
+export interface TreeNodeInfo {
+   event: 'select';
+   node: EventDataNode;
+   selected: boolean;
+   selectedNodes: TreeDataNode[];
+}
 /**
  * 树加载数据
  * @param treeCtrl 树控制对象
@@ -28,3 +36,15 @@ export const queryTree = (treeCtrl: TreeControl, params?: ReqParams): Promise<Tr
       return [];
    });
 };
+
+// 辅助函数：根据key查找节点
+export const findNodeByKey = (nodes: TreeNode[], key: string | number): TreeNode | null => {
+   for (const node of nodes) {
+      if (node.key === key) return node;
+      if (node.children) {
+         const found = findNodeByKey(node.children, key);
+         if (found) return found;
+      }
+   }
+   return null;
+};

package/.eslintrc.js

@@ -1,23 +0,0 @@
-module.exports = {
-   root: true,
-   env: {
-      browser: true,
-      es2021: true,
-      node: true,
-   },
-   extends: [
-      'eslint:recommended',
-      'plugin:vue/vue3-essential',
-      'plugin:@typescript-eslint/recommended',
-      'plugin:prettier/recommended',
-   ],
-   parserOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-      parser: '@typescript-eslint/parser',
-   },
-   plugins: ['vue', '@typescript-eslint', 'prettier'],
-   rules: {
-      'prettier/prettier': 'error',
-   },
-};

package/.prettierrc

@@ -1,11 +0,0 @@
-{
-   "semi": true,
-   "tabWidth": 3,
-   "useTabs": false,
-   "singleQuote": true,
-   "quoteProps": "as-needed",
-   "printWidth": 120,
-   "trailingComma": "all",
-   "endOfLine": "lf",
-   "vueIndentScriptAndStyle": false
-}

package/.vscode/settings.json

@@ -1,25 +0,0 @@
-{
-   // 控制相关文件嵌套展示
-   "explorer.fileNesting.enabled": true,
-   "explorer.fileNesting.expand": false,
-   "explorer.fileNesting.patterns": {
-      "*.ts": "$(capture).test.ts, $(capture).test.tsx",
-      "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
-      "package.json": "index.html,pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitignore,.gitattributes,.gitpod.yml,CNAME,README*,.npmrc,.browserslistrc,.env.*,env.d.ts,.prettierrc,.eslintrc.js,*.md,.cursorignore,.npmignore",
-      "vite.config.ts": "tsconfig.*.json,postcss.config.ts,tailwind.config.ts,tsconfig.json"
-   },
-   "editor.formatOnSave": true,
-
-   "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": "always"
-   },
-   "[typescript]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
-   },
-   "[json]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
-   },
-   "[vue]": {
-      "editor.defaultFormatter": "Vue.volar"
-   }
-}

package/env.d.ts

@@ -1,11 +0,0 @@
-declare module '*.vue' {
-  import { ComponentOptions } from 'vue';
-  const componentOptions: ComponentOptions;
-  export default componentOptions;
-}
-
-interface ImportMetaEnv {}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}

package/index.html

@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="null">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>后台管理系统</title>
-    <style>
-      html {
-        overflow-y: hidden;
-        overflow-x: hidden;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/lib/assets/modules/index-DP1u2P1k.js

@@ -1,112 +0,0 @@
-import { defineComponent as F, provide as _, ref as w, watch as p, onMounted as B, createBlock as n, openBlock as r, unref as a, withCtx as i, createElementVNode as N, renderSlot as b, createVNode as V, createCommentVNode as d, createTextVNode as u, toDisplayString as v } from "vue";
-import { _ as m } from "./index-BqoqvtEv.js";
-import { Modal as D, Space as E } from "ant-design-vue";
-import "@skyfox2000/fapi";
-import { P as M, d as P, o as $, b as K } from "./uploadList-DSN9t4r8.js";
-import "@skyfox2000/microbase";
-import "vue-m-message";
-import "async-validator";
-import "dayjs";
-import "vue-draggable-next";
-const U = { class: "overflow-y-auto w-full h-full" }, R = /* @__PURE__ */ F({
-  __name: "index",
-  props: {
-    saveText: {},
-    saveAsText: {},
-    cancelText: {},
-    editorCtrl: {},
-    dialogSave: { type: Function },
-    dialogSaveAs: { type: Function },
-    width: {},
-    full: { type: Boolean },
-    open: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(C, { emit: T }) {
-    const l = C, e = l.editorCtrl;
-    _(M.EditorControl, e);
-    const t = w(l.open ?? !1), A = T, h = w(l.width ?? 430);
-    p(
-      () => e == null ? void 0 : e.visible.value,
-      (o) => {
-        t.value = o ?? !1;
-      }
-    ), p(
-      () => l.open,
-      (o) => {
-        t.value = o;
-      }
-    ), p(
-      () => t.value,
-      (o) => {
-        A("update:open", o), o || f();
-      }
-    ), B(() => {
-      t.value = (e == null ? void 0 : e.visible.value) ?? !1;
-    });
-    const k = () => {
-      l.dialogSave ? l.dialogSave() : e && $(e);
-    }, x = () => {
-      l.dialogSaveAs ? l.dialogSaveAs() : e && K(e);
-    }, f = () => {
-      e ? P(e) : t.value = !1;
-    };
-    return (o, c) => (r(), n(a(D), {
-      open: t.value,
-      "onUpdate:open": c[0] || (c[0] = (s) => t.value = s),
-      wrapClassName: "modal mx-auto min-w-[430px] " + (o.full ? "full-modal w-full" : ""),
-      width: h.value
-    }, {
-      footer: i(() => [
-        V(a(E), null, {
-          default: i(() => {
-            var s, g, S, y;
-            return [
-              o.cancelText !== "" ? (r(), n(a(m), {
-                key: 0,
-                onClick: f
-              }, {
-                default: i(() => [
-                  u(v(o.cancelText ?? "取消"), 1)
-                ]),
-                _: 1
-              })) : d("", !0),
-              o.saveAsText !== "" && ((s = a(e)) == null ? void 0 : s.saveAsBtnVisible) !== !1 ? (r(), n(a(m), {
-                key: 1,
-                onClick: x,
-                type: "primary",
-                loading: (g = a(e)) == null ? void 0 : g.isFormSaving.value
-              }, {
-                default: i(() => [
-                  u(v(o.saveAsText ?? "另存为"), 1)
-                ]),
-                _: 1
-              }, 8, ["loading"])) : d("", !0),
-              o.saveText !== "" && ((S = a(e)) == null ? void 0 : S.saveBtnVisible) !== !1 ? (r(), n(a(m), {
-                key: 2,
-                onClick: k,
-                type: "primary",
-                loading: (y = a(e)) == null ? void 0 : y.isFormSaving.value
-              }, {
-                default: i(() => [
-                  u(v(o.saveText ?? "保存"), 1)
-                ]),
-                _: 1
-              }, 8, ["loading"])) : d("", !0)
-            ];
-          }),
-          _: 1
-        })
-      ]),
-      default: i(() => [
-        N("div", U, [
-          b(o.$slots, "default")
-        ])
-      ]),
-      _: 3
-    }, 8, ["open", "wrapClassName", "width"]));
-  }
-});
-export {
-  R as _
-};

package/plugins/vite-plugin-auto-generate-vue.ts

@@ -1,105 +0,0 @@
-import { Plugin } from 'vite';
-import fs from 'fs';
-import path from 'path';
-
-/**
- * 首字母大写的工具函数
- */
-function capitalize(str: string): string {
-   return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-/**
- * 规范化路径，确保使用正斜杠
- */
-function normalizePath(filePath: string): string {
-   return filePath.split(path.sep).join('/');
-}
-
-/**
- * 递归扫描目录中的 .vue 文件并生成导出语句
- */
-function scanDir(dir: string, baseDir: string, skipDirFile: string[]): string[] {
-   const result: string[] = [];
-   const files = fs.readdirSync(dir);
-   files.forEach((file) => {
-      const filePath = path.join(dir, file);
-      if (skipDirFile.includes(filePath)) return;
-
-      const stat = fs.statSync(filePath);
-
-      if (stat.isDirectory()) {
-         // 递归扫描子目录
-         const subResult = scanDir(filePath, baseDir, skipDirFile);
-         result.push(...subResult);
-      } else if (file.endsWith('.vue')) {
-         // 获取相对路径并规范化
-         const relativePath = normalizePath(path.relative(baseDir, filePath));
-         const componentName = generateComponentName(filePath);
-
-         // 使用规范化的路径生成导入语句
-         result.push(`import ${componentName} from './${relativePath}';\nexport { ${componentName} };`);
-      }
-   });
-
-   return result;
-}
-
-/**
- * 根据文件路径生成组件名
- */
-function generateComponentName(filePath: string): string {
-   const dirName = path.basename(path.dirname(filePath));
-   const fileName = path.basename(filePath, '.vue');
-
-   if (fileName === 'index') {
-      return capitalize(dirName);
-   } else {
-      return capitalize(fileName);
-   }
-}
-
-/**
- * 插件主逻辑
- */
-export default function AutoGenerateVue(options: { dir: string; skip: string[]; output: string }): Plugin {
-   return {
-      name: 'vite-plugin-auto-generate-vue',
-      config() {
-         const { dir, skip, output } = options;
-
-         // 检查output是否文件结尾
-         const isFile = path.extname(output) !== '';
-         if (!isFile) {
-            throw new Error(`The specified output file "${output}" must be a file.`);
-         }
-
-         // 规范化路径
-         const componentsDir = normalizePath(path.resolve(process.cwd(), dir));
-         const skipDirFile = skip.map((url) => {
-            return normalizePath(path.resolve(process.cwd(), url));
-         });
-         const outputFile = normalizePath(path.resolve(process.cwd(), output));
-
-         // 获取输出文件的目录路径
-         const baseDir = normalizePath(path.dirname(path.resolve(process.cwd(), output)));
-
-         if (!fs.existsSync(componentsDir)) {
-            throw new Error(`The specified directory "${componentsDir}" does not exist.`);
-         }
-
-         const result = scanDir(componentsDir, baseDir, skipDirFile);
-         const exportStatements = result.join('\n');
-
-         // 确保输出目录存在
-         const outputDir = path.dirname(outputFile);
-         if (!fs.existsSync(outputDir)) {
-            fs.mkdirSync(outputDir, { recursive: true });
-         }
-
-         // 写入到目标文件
-         fs.writeFileSync(outputFile, exportStatements, 'utf-8');
-         console.log(`[autoGenerateVue] Global components written to ${output}`);
-      },
-   };
-}

package/postcss.config.ts

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/tailwind.config.ts

@@ -1,11 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
-  theme: {
-    extend: {},
-  },
-  corePlugins: {
-    preflight: false,
-  },
-  plugins: [],
-};

package/tsconfig.json

@@ -1,46 +0,0 @@
-{
-   "compilerOptions": {
-      "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-      "declaration": true,
-      "declarationMap": false,
-      "emitDeclarationOnly": false,
-      "esModuleInterop": true,
-      "target": "ESNext",
-      "useDefineForClassFields": true,
-      "module": "ESNext",
-      "lib": ["ES2020", "DOM", "DOM.Iterable"],
-      "skipLibCheck": true,
-      "removeComments": true,
-      "forceConsistentCasingInFileNames": true,
-
-      "composite": true,
-      "allowSyntheticDefaultImports": true,
-
-      /* Bundler mode */
-      "moduleResolution": "Bundler",
-      "resolveJsonModule": true,
-      "isolatedModules": true,
-      "noEmit": false,
-      "jsx": "preserve",
-
-      /* Linting */
-      "strict": true,
-      "noUnusedLocals": true,
-      "noUnusedParameters": true,
-      "noFallthroughCasesInSwitch": true,
-      "baseUrl": ".",
-      "paths": {
-         "@/*": ["src/*"]
-      },
-      "typeRoots": ["./node_modules/@types", "./types"],
-      "rootDir": "./",
-      "outDir": "lib",
-
-      "allowJs": true,
-      "types": ["vite/client", "node"],
-      "sourceMap": true,
-      "verbatimModuleSyntax": false
-   },
-   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "env.d.ts", "vite.config.ts"],
-   "exclude": ["node_modules", "lib", "dist"]
-}