@dt-frames/ui 2.0.17 → 2.0.18

package/es/components/table/index.less

@@ -130,8 +130,12 @@
 		}
 	}
 
-	.primary-color{
+	.primary-color-link{
 		color: @primary-color;
+		cursor: pointer;
+		&:hover{
+			text-decoration: underline;
+		}
 	}
 }
 

package/es/components/tree/index.js

@@ -3,8 +3,8 @@ import "ant-design-vue/es/spin/style";
 import "ant-design-vue/es/empty/style";
 import "ant-design-vue/es/tree/style";
 import { unref, defineComponent, useSlots, ref, computed, watch, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot, createVNode, createBlock, withModifiers, withCtx, Fragment, renderList, normalizeProps, guardReactiveProps, createTextVNode, createElementVNode, onMounted, nextTick, onUnmounted, isVNode, getCurrentInstance, render as render$2, useAttrs, reactive, toRaw, watchEffect, normalizeClass, createSlots, withDirectives, mergeProps, vShow } from "vue";
-import { useI18n, useSlots as useSlots$1, isEmpty, isBoolean, isArray, isFunction } from "@dt-frames/core";
-import { cloneDeep, get, difference, omit } from "lodash-es";
+import { useI18n, useSlots as useSlots$1, isArray, isFunction, isEmpty, isBoolean } from "@dt-frames/core";
+import { cloneDeep, difference, omit, get } from "lodash-es";
 import "ant-design-vue/es/dropdown/style";
 import "ant-design-vue/es/menu/style";
 import "ant-design-vue/es/input/style";
@@ -200,7 +200,7 @@ function eachTree(treeDatas, callBack, parentNode = {}, config = { children: "ch
   treeDatas.forEach((el) => {
     const newNode = callBack(el, parentNode) || el;
     if (el[config.children]) {
-      eachTree(el[config.children], callBack, newNode);
+      eachTree(el[config.children], callBack, newNode, config);
     }
   });
 }
@@ -241,8 +241,8 @@ function useTree(treeDataRef, getFieldNames, emit) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const node = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
       keys.push(node[keyField]);
       const children = node[childrenField];
       if (children && children.length) {
@@ -257,8 +257,8 @@ function useTree(treeDataRef, getFieldNames, emit) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const node = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
       node.disabled !== true && node.selectable !== false && keys.push(node[keyField]);
       const children = node[childrenField];
       if (children && children.length) {
@@ -273,8 +273,8 @@ function useTree(treeDataRef, getFieldNames, emit) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const node = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
       const children = node[childrenField];
       if (nodeKey === node[keyField]) {
         keys.push(node[keyField]);
@@ -296,11 +296,11 @@ function useTree(treeDataRef, getFieldNames, emit) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const element = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const element = treeData[index];
       const children = element[childrenField];
       if (element[keyField] === key) {
-        treeData[index2] = { ...treeData[index2], ...node };
+        treeData[index] = { ...treeData[index], ...node };
         break;
       } else if (children && children.length) {
         updateNodeByKey(key, node, element[childrenField]);
@@ -312,8 +312,8 @@ function useTree(treeDataRef, getFieldNames, emit) {
       return [];
     const res = [];
     const data = list || unref(treeDataRef) || [];
-    for (let index2 = 0; index2 < data.length; index2++) {
-      const item = data[index2];
+    for (let index = 0; index < data.length; index++) {
+      const item = data[index];
       const { key: keyField, children: childrenField } = unref(getFieldNames);
       const key = keyField ? item[keyField] : "";
       const children = childrenField ? item[childrenField] : [];
@@ -375,11 +375,11 @@ function useTree(treeDataRef, getFieldNames, emit) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const element = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const element = treeData[index];
       const children = element[childrenField];
       if (element[keyField] === key) {
-        treeData.splice(index2, 1);
+        treeData.splice(index, 1);
         break;
       } else if (children && children.length) {
         deleteNodeByKey(key, element[childrenField]);
@@ -411,17 +411,17 @@ function useTree(treeDataRef, getFieldNames, emit) {
     const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);
     const { children: childrenField } = unref(getFieldNames);
     const loop = (data2, key, callback) => {
-      data2.forEach((item, index2) => {
+      data2.forEach((item, index) => {
         if (item.key === key)
-          return callback(item, index2, data2);
+          return callback(item, index, data2);
         if (item[childrenField])
           return loop(item[childrenField], key, callback);
       });
     };
     const data = [...treeDataRef.value];
     let dragObj;
-    loop(data, dragKey, (item, index2, arr) => {
-      arr.splice(index2, 1);
+    loop(data, dragKey, (item, index, arr) => {
+      arr.splice(index, 1);
       dragObj = item;
     });
     if (!info.dropToGap) {
@@ -437,9 +437,9 @@ function useTree(treeDataRef, getFieldNames, emit) {
     } else {
       let ar = [];
       let i = 0;
-      loop(data, dropKey, (_item, index2, arr) => {
+      loop(data, dropKey, (_item, index, arr) => {
         ar = arr;
-        i = index2;
+        i = index;
       });
       dropPosition === -1 ? ar.splice(i, 0, dragObj) : ar.splice(i + 1, 0, dragObj);
     }
@@ -544,10 +544,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_AMenu = Menu;
       const _component_ADropdown = Dropdown;
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2$2, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
+        _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2$2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
         _ctx.search || _ctx.toolbar ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
           _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            unref(slots).addonBefore ? renderSlot(_ctx.$slots, "addonBefore", { key: 0 }) : createCommentVNode("v-if", true),
+            unref(slots).addonBefore ? renderSlot(_ctx.$slots, "addonBefore", { key: 0 }) : createCommentVNode("", true),
             createVNode(_component_AInput, {
               size: "small",
               allowClear: "",
@@ -555,8 +555,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
               placeholder: unref(t)("FILTER")
             }, null, 8, ["value", "placeholder"]),
-            unref(slots).addonAfter ? renderSlot(_ctx.$slots, "addonAfter", { key: 1 }) : createCommentVNode("v-if", true)
-          ])) : createCommentVNode("v-if", true),
+            unref(slots).addonAfter ? renderSlot(_ctx.$slots, "addonAfter", { key: 1 }) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
           _ctx.toolbar ? (openBlock(), createBlock(_component_ADropdown, {
             key: 1,
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
@@ -575,7 +575,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1040),
-                      item.divider ? (openBlock(), createBlock(_component_AMenuDivider, { key: 0 })) : createCommentVNode("v-if", true)
+                      item.divider ? (openBlock(), createBlock(_component_AMenuDivider, { key: 0 })) : createCommentVNode("", true)
                     ], 64);
                   }), 128))
                 ]),
@@ -586,20 +586,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               _hoisted_5
             ]),
             _: 1
-          })) : createCommentVNode("v-if", true)
-        ])) : createCommentVNode("v-if", true)
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/components/TreeHeader.vue"]]);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -722,7 +714,6 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-const contextMenuVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/components/ContextMenu.vue"]]);
 function useContextMenu() {
   const menuManager = {
     domList: [],
@@ -746,7 +737,7 @@ function useContextMenu() {
         propsData.customEvent = event;
         propsData.axis = { x: event.clientX, y: event.clientY };
       }
-      const vm = createVNode(contextMenuVue, propsData);
+      const vm = createVNode(_sfc_main$1, propsData);
       render$2(vm, container);
       const handleClick = function() {
         menuManager.resolve("");
@@ -881,16 +872,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const treeData = computed(() => {
       const data = cloneDeep(getTreeData.value);
+      const {
+        title: titleField,
+        key: keyField,
+        children: childrenField
+      } = unref(getFieldNames);
       eachTree(data, (item, _parent) => {
         const searchText = searchState.searchText;
         const {
           highlight
         } = unref(props);
-        const {
-          title: titleField,
-          key: keyField,
-          children: childrenField
-        } = unref(getFieldNames);
         const icon = getIcon(item, item.icon);
         const title = get(item, titleField);
         const searchIdx = searchText ? title.indexOf(searchText) : -1;
@@ -903,13 +894,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [searchText]), createVNode("span", null, [title.substr(searchIdx + searchText.length)])]) : title;
         item._title = item[titleField];
         item[titleField] = createVNode("span", {
-          "class": `tree-title ${unref(activeKey) === item[keyField] ? "tree-active-node" : ""}`,
+          "class": `tree-title ${unref(activeKey) === item[keyField] ? "tree-active-node" : ""}`
+        }, [slots?.title ? getSlot(slots, "title", item) : createVNode(Fragment, null, [createVNode("span", {
+          "class": "flex items-center flex-1",
           "onClick": handleClickNode.bind(null, item[keyField], item[childrenField], item)
-        }, [slots?.title ? getSlot(slots, "title", item) : createVNode(Fragment, null, [unref(getBindValues).showIcon && icon, titleDom, createVNode("span", {
+        }, [unref(getBindValues).showIcon && icon, titleDom]), createVNode("span", {
           "class": "tree-action"
         }, [renderAction(item)])])]);
       }, {}, {
-        children: unref(getFieldNames).children
+        children: childrenField
       });
       return data;
     });
@@ -969,9 +962,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setExpandedKeys([...state.expandedKeys, key]);
       } else {
         const keys = [...state.expandedKeys];
-        const index2 = keys.findIndex((item) => item === key);
-        if (index2 !== -1) {
-          keys.splice(index2, 1);
+        const index = keys.findIndex((item) => item === key);
+        if (index !== -1) {
+          keys.splice(index, 1);
         }
         setExpandedKeys(keys);
       }
@@ -1164,7 +1157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ASpin = Spin;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["dt-tree h-full flex flex-col", `dt-tree-${unref(getUiSize)}`])
-      }, [unref(showTitle) ? (openBlock(), createBlock(TreeHeader, {
+      }, [unref(showTitle) ? (openBlock(), createBlock(_sfc_main$2, {
         key: 0,
         title: _ctx.title,
         toolbar: _ctx.toolbar,
@@ -1181,7 +1174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: item,
           fn: withCtx(() => [renderSlot(_ctx.$slots, item)])
         };
-      })]), 1032, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("v-if", true), createVNode(_component_ASpin, {
+      })]), 1032, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("", true), createVNode(_component_ASpin, {
         spinning: _ctx.loading,
         tip: unref(t)("LOADING")
       }, {
@@ -1195,7 +1188,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/index.vue"]]);
 export {
-  index as DtTree
+  _sfc_main as DtTree
 };

package/es/components/tree/src/type/tree.d.ts

@@ -1,4 +1,3 @@
-import { Recordable } from "@dt-frames/core";
 import { TreeDataItem } from "ant-design-vue/lib/tree/Tree";
 export declare type KeyType = string | number;
 export declare type CheckKeys = KeyType[] | {
@@ -10,9 +9,6 @@ export interface FieldNames {
     title?: string;
     key?: string;
 }
-export interface TreeActionItem {
-    render: (record: Recordable) => any;
-}
 export interface TreeItem extends TreeDataItem {
     icon?: any;
 }

package/es/components/tree/src/utils/tree.d.ts

@@ -1,5 +1,7 @@
 import { TreeHelperConfig } from "../type/tree";
-export declare function eachTree(treeDatas: any[], callBack: Function, parentNode?: {}): void;
+export declare function eachTree(treeDatas: any[], callBack: Function, parentNode?: {}, config?: {
+    children: string;
+}): void;
 export declare function forEach<T = any>(tree: T[], func: (n: T) => any, config?: Partial<TreeHelperConfig>): void;
 export declare function filter<T = any>(tree: T[], func: (n: T) => boolean, config?: Partial<TreeHelperConfig>): T[];
 export declare function treeToList<T = any>(tree: any, config?: Partial<TreeHelperConfig>): T;

package/es/components/upload/index.js

@@ -2,9 +2,9 @@ import { Button, Upload, Image } from "ant-design-vue/es";
 import "ant-design-vue/es/image/style";
 import "ant-design-vue/es/upload/style";
 import "ant-design-vue/es/button/style";
-import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, normalizeClass, toDisplayString, createCommentVNode, normalizeStyle, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { takeRight, omit } from "lodash-es";
-import { useAppStore, useMessage, isString, dispatchResize, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
+import { isString, useAppStore, useMessage, dispatchResize, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
 import { useModal, DtModal, useModalOut } from "../modal";
 import { DtIframe } from "../iframe";
 const basicProps = {
@@ -26,6 +26,10 @@ const basicProps = {
     type: Object,
     default: {}
   },
+  fieldNames: {
+    type: Object,
+    default: {}
+  },
   fileName: {
     type: String,
     default: "file"
@@ -77,6 +81,10 @@ const basicProps = {
     type: Object,
     default: () => ({})
   },
+  emitSnippet: {
+    type: Boolean,
+    default: false
+  },
   showView: {
     type: Boolean,
     default: true
@@ -90,12 +98,28 @@ const basicProps = {
     default: true
   }
 };
+function getFileSize(size) {
+  if (!size)
+    return "\u672A\u77E5\u5927\u5C0F";
+  if (isString(size))
+    return size;
+  if (size >= 1073741824) {
+    return size % 1073741824 === 0 ? size / 1073741824 + "G" : Math.trunc(size / 1073741824) + "G";
+  } else if (size >= 1048576) {
+    return size % 1048576 === 0 ? size / 1048576 + "MB" : Math.trunc(size / 1048576) + "MB";
+  } else if (size >= 1024) {
+    return size % 1024 === 0 ? size / 1024 + "KB" : Math.trunc(size / 1024) + "KB";
+  } else {
+    return size + "B";
+  }
+}
 function useFile({
   fileListRef = ref([]),
   acceptRef,
   helpTextRef,
   maxCountRef,
-  maxSizeRef
+  maxSizeRef,
+  fieldNamesRef
 }) {
   const { getAppConf } = useAppStore();
   const { message } = useMessage();
@@ -134,13 +158,17 @@ function useFile({
   });
   const setFile = (file) => {
     let _downloadUrl = getAppConf.pages?.downloadUrl;
+    const { fileName, fileType, fileId, filePath, fileSize } = unref(fieldNamesRef);
+    const url = file[filePath] || `${getAppConf.http?.baseUrl}${isString(_downloadUrl) ? _downloadUrl : _downloadUrl.api}?id=${file[fileId]}`;
     return {
       ...file,
-      name: file.fileName ?? file.fileId,
-      fileType: file.fileName ? takeRight(file.fileName.split("."))[0] : null,
+      name: file[fileName],
+      fileType: file[fileType] || takeRight(file[fileName].split("."))[0],
       status: "done",
-      uid: file.id ?? file.fileId,
-      url: `${getAppConf.http?.baseUrl}${isString(_downloadUrl) ? _downloadUrl : _downloadUrl.api}?id=${file.fileId}`
+      fileSize: getFileSize(file[fileSize]),
+      uid: file[fileId],
+      url,
+      filePath: url
     };
   };
   const fileList = ref(unref(fileListRef).map((it) => setFile(it)));
@@ -312,20 +340,21 @@ const _hoisted_2 = { class: "pl-3" };
 const _hoisted_3 = { class: "flex items-center flex-1" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "flex-1 pr-4" };
-const _hoisted_6 = {
+const _hoisted_6 = { class: "not-italic text-12 text-gray-400 ml-1" };
+const _hoisted_7 = {
   key: 0,
   class: "ant-progress ant-progress-line ant-progress-default ant-progress-status-normal"
 };
-const _hoisted_7 = { class: "ant-progress-outer" };
-const _hoisted_8 = { class: "ant-progress-inner" };
-const _hoisted_9 = { class: "flex items-center" };
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = { key: 0 };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
-const _hoisted_14 = [
-  _hoisted_12,
-  _hoisted_13
+const _hoisted_8 = { class: "ant-progress-outer" };
+const _hoisted_9 = { class: "ant-progress-inner" };
+const _hoisted_10 = { class: "flex items-center" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
+const _hoisted_15 = [
+  _hoisted_13,
+  _hoisted_14
 ];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -343,6 +372,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       maxCount: maxCountRef,
       maxSize: maxSizeRef
     } = toRefs(props);
+    const fieldNamesRef = computed(() => {
+      return {
+        ...{
+          fileId: "id",
+          fileName: "fileName",
+          filePath: "fileUrl",
+          fileSize: "fileSize",
+          fileType: "extendName"
+        },
+        ...unref(props.fieldNames)
+      };
+    });
     const {
       getStringAccept,
       getHelpText,
@@ -353,7 +394,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       acceptRef,
       helpTextRef,
       maxCountRef,
-      maxSizeRef
+      maxSizeRef,
+      fieldNamesRef
     });
     const btns = [
       {
@@ -400,7 +442,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const handlePreview = async (file) => {
-      imgSrcRef.value = file.url;
+      imgSrcRef.value = file.filePath;
       imgVisable.value = true;
     };
     const uploadFile = async ({ file, onSuccess, onError, onProgress }) => {
@@ -429,12 +471,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [fileName || "file"]: file
           }
         );
-        Object.assign(file, {
-          fileId: result?.data?.fileId,
-          url: `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${result?.data?.fileId}`,
-          fileName: result?.data?.fileName,
-          fileType: takeRight(result?.data?.fileName?.split("."))?.[0]
-        });
+        let field = {}, fieldNames = unref(fieldNamesRef);
+        for (let key in fieldNames) {
+          let val = fieldNames[key];
+          if (key === "filePath") {
+            field[key] = result?.data?.[val] ?? `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${result?.data?.fileId}`;
+            field["url"] = field["thumbUrl"] = field[key];
+            continue;
+          }
+          if (key === "fileType") {
+            field[key] = result?.data?.[val] ?? takeRight(file.name?.split("."))?.[0];
+            continue;
+          }
+          if (key === "fileSize") {
+            field[key] = getFileSize(file.size);
+            continue;
+          }
+          if (key === "fileName") {
+            field[key] = file.name;
+            continue;
+          }
+          field[key] = result?.data?.[val] ?? null;
+        }
+        Object.assign(file, field);
         onSuccess(result);
       } catch (err) {
         onError(err);
@@ -447,7 +506,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         let _downloadUrl = isString(downloadUrl) ? downloadUrl : downloadUrl.api;
         let _downloadType = isString(downloadUrl) ? "get" : downloadUrl.type;
         if (["jpg", "jpeg", "png", "bmp", "gif"].includes(file.fileType)) {
-          imgSrcRef.value = `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${file.fileId}`;
+          imgSrcRef.value = file.filePath ?? `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${file.fileId}`;
           imgVisable.value = true;
           return;
         }
@@ -485,13 +544,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => unref(fileList),
       async (v) => {
-        let ids = unref(fileList).map((it) => it.fileId);
-        if (ids.length === v.length)
-          emits("change", ids.join(","));
-      },
-      {
-        deep: true,
-        immediate: true
+        let ids = [];
+        unref(fileList).forEach((it) => {
+          ids.push(it.fileId);
+        });
+        if (props.emitSnippet || !props.emitSnippet && !ids.includes(void 0)) {
+          emits("change", ids.join(","), unref(fileList));
+        }
       }
     );
     return (_ctx, _cache) => {
@@ -513,11 +572,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "w-9 h-9 mr-2 p-1"
                 }, null, 8, _hoisted_4),
                 createElementVNode("div", _hoisted_5, [
-                  createElementVNode("span", null, toDisplayString(file.fileName || file.name), 1),
+                  createElementVNode("span", null, [
+                    createTextVNode(toDisplayString(file.fileName || file.name) + " ", 1),
+                    createElementVNode("i", _hoisted_6, "(" + toDisplayString(file.fileSize) + ")", 1)
+                  ]),
                   createCommentVNode(" \u8BBE\u7F6E\u8FDB\u5EA6 "),
-                  file.percent < 100 && file.percent > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                    createElementVNode("div", _hoisted_7, [
-                      createElementVNode("div", _hoisted_8, [
+                  file.percent < 100 && file.percent > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    createElementVNode("div", _hoisted_8, [
+                      createElementVNode("div", _hoisted_9, [
                         createElementVNode("div", {
                           class: "ant-progress-bg",
                           style: normalizeStyle({
@@ -530,7 +592,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("v-if", true)
                 ])
               ]),
-              createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(btns, (btn) => {
                   return openBlock(), createElementBlock(Fragment, {
                     key: btn.class
@@ -539,7 +601,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       class: normalizeClass(["i w-7 h-7 !text-base text-center leading-7 text-gray-600 cursor-pointer hover:bg-gray-200 hover:bg-opacity-50 transition-all duration-300", btn.class]),
                       onClick: ($event) => btn.click(file)
-                    }, null, 10, _hoisted_10)) : createCommentVNode("v-if", true)
+                    }, null, 10, _hoisted_11)) : createCommentVNode("v-if", true)
                   ], 64);
                 }), 64))
               ])
@@ -578,7 +640,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onPreview: handlePreview
         }), {
           default: withCtx(() => [
-            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_14)) : createCommentVNode("v-if", true)
+            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_12, _hoisted_15)) : createCommentVNode("v-if", true)
           ]),
           _: 1
         }, 16, ["fileList"])) : createCommentVNode("v-if", true),

package/es/components/upload/src/basicProps.d.ts

@@ -1,5 +1,5 @@
 import { PropType, Ref, ComputedRef } from "vue";
-import { UploadFile } from "./type/file";
+import { FieldNames, UploadFile } from "./type/file";
 import { UploadRequestOption } from "ant-design-vue/es/vc-upload/interface";
 import { ApiType, Recordable } from "@dt-frames/core";
 export declare const basicProps: {
@@ -21,6 +21,10 @@ export declare const basicProps: {
         type: PropType<object | ((file: UploadFile) => object)>;
         default: {};
     };
+    fieldNames: {
+        type: PropType<FieldNames>;
+        default: {};
+    };
     fileName: {
         type: StringConstructor;
         default: string;

package/es/components/upload/src/hooks/useFile.d.ts

@@ -1,15 +1,16 @@
-import { Ref } from "vue";
-import { UploadFile } from "../type/file";
-export declare function useFile({ fileListRef, acceptRef, helpTextRef, maxCountRef, maxSizeRef, }: {
+import { Ref, ComputedRef } from "vue";
+import { FieldNames, UploadFile } from "../type/file";
+export declare function useFile({ fileListRef, acceptRef, helpTextRef, maxCountRef, maxSizeRef, fieldNamesRef }: {
     fileListRef: Ref<UploadFile[]>;
     acceptRef: Ref<string[]>;
     helpTextRef: Ref<string>;
     maxCountRef: Ref<number>;
     maxSizeRef: Ref<number>;
+    fieldNamesRef: ComputedRef<FieldNames>;
 }): {
-    getAccept: import("vue").ComputedRef<string[]>;
-    getStringAccept: import("vue").ComputedRef<string>;
-    getHelpText: import("vue").ComputedRef<string>;
+    getAccept: ComputedRef<string[]>;
+    getStringAccept: ComputedRef<string>;
+    getHelpText: ComputedRef<string>;
     fileList: Ref<any[]>;
     setFile: (file: any) => any;
     beforeUpload: (file: File) => void;