@dt-frames/ui 2.0.15 → 2.0.16

package/es/components/tree/index.less

@@ -1,5 +1,5 @@
 .dt-tree-search{
-    padding: 10px;
+    padding: 0 4px 0 10px;
 
     & > i {
         width: 24px;
@@ -22,43 +22,102 @@
         overflow-y: auto;
         padding: 10px 0;
 
+        .ant-tree-treenode{
+            padding: 0;
+            align-items: center;
+            .ant-tree-switcher-icon{
+                line-height: 28px;
+            }
+        }
+
+        .ant-tree-checkbox {
+            margin-top: 0;
+        }
+
         .tree-title{
             font-size: 13px;
             position: relative;
             display: flex;
             align-items: center;
             width: 100%;
+            line-height: 28px;
             padding-right: 10px;
+            padding-left: 3px;
+            transition: all 0.2s;
+            svg {
+                width: 22px;
+                padding-right: 8px;
+                opacity: 0.7;
+            }
             &:hover .tree-action{
                 visibility: visible;
             }
+            &:hover{
+                background-color: @primary-color-hover;
+            }
+        }
+    }
+
+    .toolbar{
+        transition: color 0.2s;
+        &:hover{
+            color: @primary-color;
         }
     }
 
+    .dragging::after {
+        bottom: 0 !important;
+    }
+
     .tree-action{
         visibility: hidden;
         position: absolute;
         top: 0;
         right: 3px;
         display: flex;
+        .i{
+            font-size: 16px;
+            width: 22px;
+            color: @primary-color;
+        }
     }
-}
 
-.dt-theme-middle .dt-tree .ant-spin-nested-loading{
-    .tree-title{
-        font-size: 13px;
+    .tree-active-node {
+        background-color: @primary-color-hover;
+        color: @primary-color;
+    }
+
+    &-middle{
+        .ant-spin-nested-loading{
+            .ant-tree-treenode{
+                .ant-tree-switcher-icon{
+                    line-height: 32px;
+                }
+            }
+            .tree-title{
+                font-size: 13px;
+                line-height: 32px;
+            }
+        }
     }
-}
 
-.dt-theme-large .dt-tree .ant-spin-nested-loading{
-    .tree-title{
-        font-size: 14px;
+    &-large{
+        .ant-spin-nested-loading{
+            .ant-tree-treenode{
+                .ant-tree-switcher-icon{
+                    line-height: 36px;
+                }
+            }
+            .tree-title{
+                font-size: 14px;
+                line-height: 36px;
+            }
+        }
     }
 }
 
 
 .dt-context-menu{
-    width: 156px;
     ul{
         margin: 0;
         list-style: none;
@@ -79,12 +138,15 @@
     li {
         display: inline-block;
         width: 100%;
-        height: 38px;
+        height: 34px;
         margin: 0 !important;
-        line-height: 38px;
+        line-height: 32px;
+        &.ant-menu-item{
+            height: 34px;
+        }
   
         span {
-            line-height: 38px;
+            line-height: 34px;
             font-size: 13px;
         }
 

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

@@ -13,6 +13,44 @@ export declare const BasicProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    blockNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fieldNames: {
+        type: PropType<FieldNames>;
+        default: {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterTreeNode: {
+        type: PropType<(node: Recordable) => boolean>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeKey: {
+        type: PropType<KeyType>;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,9 +71,6 @@ export declare const BasicProps: {
         type: PropType<CheckKeys>;
         default: () => any[];
     };
-    fieldNames: {
-        type: PropType<FieldNames>;
-    };
     beforeRightClick: {
         type: PropType<(...arg: any) => ContextMenuItem[]>;
         default: any;
@@ -66,10 +101,14 @@ export declare const BasicProps: {
         type: PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>;
         default: any;
     };
-    checkable: BooleanConstructor;
-    expandOnSearch: BooleanConstructor;
-    checkOnSearch: BooleanConstructor;
-    selectedOnSearch: BooleanConstructor;
+    checkable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandOnSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     treeData: {
         type: PropType<import("ant-design-vue/lib/tree").DataNode[]>;
     };

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

@@ -87,10 +87,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onSearch?: (...args: any[]) => any;
 }, {
-    checkable: boolean;
+    search: boolean;
     title: string;
+    checkable: boolean;
     toolbar: boolean;
-    search: boolean;
     searchText: string;
     checkAll: Function;
     expandAll: Function;

package/es/components/tree/src/hooks/useTree.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef, Ref } from "vue";
 import { FieldNames, TreeItem, KeyType, InsertNodeParams } from "../type/tree";
-import { TreeDataItem } from "ant-design-vue/lib/tree/Tree";
-export declare function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>): {
+import { TreeDataItem, AntTreeNodeDropEvent } from "ant-design-vue/es/tree/Tree";
+export declare function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>, emit: (event: string, ...args: any[]) => void): {
     getAllKeys: (list?: TreeDataItem[]) => KeyType[];
     getEnabledKeys: (list?: TreeDataItem[]) => KeyType[];
     getChildrenKeys: (nodeKey: string | number, list?: TreeDataItem[]) => KeyType[];
@@ -11,4 +11,5 @@ export declare function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames:
     insertNodesByKey: ({ parentKey, list, push }: InsertNodeParams) => void;
     deleteNodeByKey: (key: string, list?: TreeDataItem[]) => void;
     getSelectedNode: (key: KeyType, list?: TreeItem[], selectedNode?: TreeItem | null) => TreeItem;
+    onDrop: (info: AntTreeNodeDropEvent) => void;
 };

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

@@ -12,6 +12,44 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    blockNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fieldNames: {
+        type: import("vue").PropType<FieldNames>;
+        default: {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterTreeNode: {
+        type: import("vue").PropType<(node: Recordable<any>) => boolean>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeKey: {
+        type: import("vue").PropType<KeyType>;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,9 +70,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<CheckKeys>;
         default: () => any[];
     };
-    fieldNames: {
-        type: import("vue").PropType<FieldNames>;
-    };
     beforeRightClick: {
         type: import("vue").PropType<(...arg: any) => import("./type/menu").ContextMenuItem[]>;
         default: any;
@@ -65,10 +100,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>;
         default: any;
     };
-    checkable: BooleanConstructor;
-    expandOnSearch: BooleanConstructor;
-    checkOnSearch: BooleanConstructor;
-    selectedOnSearch: BooleanConstructor;
+    checkable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandOnSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     treeData: {
         type: import("vue").PropType<import("ant-design-vue/lib/tree").DataNode[]>;
     };
@@ -101,6 +140,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     extendSlots: (slots: Readonly<{
         [name: string]: import("vue").Slot;
     }>, excludeKeys?: string[]) => any;
+    getUiSize: import("vue").ComputedRef<import('../../../theme').UiSize>;
     props: any;
     attrs: {
         [x: string]: unknown;
@@ -108,7 +148,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     slots: Readonly<{
         [name: string]: import("vue").Slot;
     }>;
-    emit: (event: "update:expandedKeys" | "update:selectedKeys" | "update:value" | "check" | "change" | "clickNode" | "update:searchValue", ...args: any[]) => void;
+    emit: (event: "update:expandedKeys" | "update:selectedKeys" | "update:value" | "check" | "change" | "clickNode" | "drop" | "update:searchValue", ...args: any[]) => void;
+    activeKey: import("vue").Ref<KeyType>;
     state: {
         expandedKeys: KeyType[];
         selectedKeys: KeyType[];
@@ -6283,7 +6324,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>;
     getTreeData: import("vue").ComputedRef<TreeItem[]>;
     getNotFound: import("vue").ComputedRef<boolean>;
-    getIcon: (params: Recordable, icon?: string) => string;
+    getIcon: (params: Recordable, icon?: string) => string | JSX.Element;
     treeData: import("vue").ComputedRef<any>;
     getBindValues: import("vue").ComputedRef<any>;
     showTitle: import("vue").ComputedRef<string | true | import("vue").Slot>;
@@ -6292,15 +6333,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleSearch: (searchValue: string) => void;
     createContextMenu: ((options: CreateContextOptions) => Promise<unknown>) | (() => void);
     handleRightClick: ({ event, node }: Recordable) => Promise<void>;
-    deleteNodeByKey: (key: string, list?: import("ant-design-vue/lib/tree").DataNode[]) => void;
+    deleteNodeByKey: (key: string, list?: import("ant-design-vue/es/tree").DataNode[]) => void;
     insertNodeByKey: ({ parentKey, node, push }: import("./type/tree").InsertNodeParams) => void;
     insertNodesByKey: ({ parentKey, list, push }: import("./type/tree").InsertNodeParams) => void;
-    filterByLevel: (level?: number, list?: import("ant-design-vue/lib/tree").DataNode[], currentLevel?: number) => string[] | number[];
-    updateNodeByKey: (key: string, node: import("ant-design-vue/lib/tree").DataNode, list?: import("ant-design-vue/lib/tree").DataNode[]) => void;
-    getAllKeys: (list?: import("ant-design-vue/lib/tree").DataNode[]) => KeyType[];
-    getChildrenKeys: (nodeKey: string | number, list?: import("ant-design-vue/lib/tree").DataNode[]) => KeyType[];
-    getEnabledKeys: (list?: import("ant-design-vue/lib/tree").DataNode[]) => KeyType[];
+    filterByLevel: (level?: number, list?: import("ant-design-vue/es/tree").DataNode[], currentLevel?: number) => string[] | number[];
+    updateNodeByKey: (key: string, node: import("ant-design-vue/es/tree").DataNode, list?: import("ant-design-vue/es/tree").DataNode[]) => void;
+    getAllKeys: (list?: import("ant-design-vue/es/tree").DataNode[]) => KeyType[];
+    getChildrenKeys: (nodeKey: string | number, list?: import("ant-design-vue/es/tree").DataNode[]) => KeyType[];
+    getEnabledKeys: (list?: import("ant-design-vue/es/tree").DataNode[]) => KeyType[];
     getSelectedNode: (key: KeyType, list?: TreeItem[], selectedNode?: TreeItem) => TreeItem;
+    onDrop: (info: import("ant-design-vue/es/tree").AntTreeNodeDropEvent) => void;
     setExpandedKeys: (keys: KeyType[]) => void;
     getExpandedKeys: () => KeyType[];
     setSelectedKeys: (keys: KeyType[]) => void;
@@ -6402,15 +6444,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>> & {
         onSearch?: (...args: any[]) => any;
     }, {
-        checkable: boolean;
+        search: boolean;
         title: string;
+        checkable: boolean;
         toolbar: boolean;
-        search: boolean;
         searchText: string;
         checkAll: Function;
         expandAll: Function;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:expandedKeys" | "update:selectedKeys" | "update:value" | "check" | "change" | "clickNode" | "update:searchValue")[], "update:expandedKeys" | "update:selectedKeys" | "update:value" | "check" | "change" | "clickNode" | "update:searchValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:expandedKeys" | "update:selectedKeys" | "update:value" | "check" | "change" | "clickNode" | "drop" | "update:searchValue")[], "update:expandedKeys" | "update:selectedKeys" | "update:value" | "check" | "change" | "clickNode" | "drop" | "update:searchValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     defaultExpandLevel: {
         type: StringConstructor;
     };
@@ -6421,6 +6463,44 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    blockNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fieldNames: {
+        type: import("vue").PropType<FieldNames>;
+        default: {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterTreeNode: {
+        type: import("vue").PropType<(node: Recordable<any>) => boolean>;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeKey: {
+        type: import("vue").PropType<KeyType>;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -6441,9 +6521,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<CheckKeys>;
         default: () => any[];
     };
-    fieldNames: {
-        type: import("vue").PropType<FieldNames>;
-    };
     beforeRightClick: {
         type: import("vue").PropType<(...arg: any) => import("./type/menu").ContextMenuItem[]>;
         default: any;
@@ -6474,10 +6551,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>;
         default: any;
     };
-    checkable: BooleanConstructor;
-    expandOnSearch: BooleanConstructor;
-    checkOnSearch: BooleanConstructor;
-    selectedOnSearch: BooleanConstructor;
+    checkable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandOnSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     treeData: {
         type: import("vue").PropType<import("ant-design-vue/lib/tree").DataNode[]>;
     };
@@ -6500,10 +6581,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onCheck?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onClickNode?: (...args: any[]) => any;
+    onDrop?: (...args: any[]) => any;
     "onUpdate:searchValue"?: (...args: any[]) => any;
 }, {
+    search: boolean;
+    title: string;
     defaultExpandAll: boolean;
     showIcon: boolean;
+    blockNode: boolean;
+    fieldNames: {
+        children: string;
+        title: string;
+        key: string;
+    };
+    disabled: boolean;
+    draggable: boolean;
+    multiple: boolean;
+    selectable: boolean;
+    showLine: boolean;
     loading: boolean;
     checkStrictly: boolean;
     expandedKeys: KeyType[];
@@ -6517,10 +6612,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     filterFn: (searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean;
     checkable: boolean;
     expandOnSearch: boolean;
-    checkOnSearch: boolean;
-    selectedOnSearch: boolean;
-    title: string;
     toolbar: boolean;
-    search: boolean;
 }>;
 export default _sfc_main;

package/es/components/upload/index.js

@@ -61,7 +61,7 @@ const basicProps = {
   },
   maxSize: {
     type: Number,
-    default: 2
+    default: Infinity
   },
   helpText: {
     type: String,
@@ -124,7 +124,7 @@ function useFile({
       helpTexts.push(`\u652F\u6301${accept.join("\u3001").replaceAll(".", "")}\u683C\u5F0F`);
     }
     const maxSize = unref(maxSizeRef);
-    if (maxSize) {
+    if (maxSize && maxSize !== Infinity) {
       helpTexts.push(`\u4E0D\u8D85\u8FC7${maxSize}M`);
     }
     const maxNumber = unref(maxCountRef);
@@ -177,34 +177,34 @@ const getFileThumb = (fileType) => {
   switch (fileType) {
     case "pptx":
     case "ppt":
-      return "/imgs/fu_ppt.gif";
+      return "imgs/fu_ppt.gif";
     case "docx":
     case "doc":
-      return "/imgs/fu_doc.gif";
+      return "imgs/fu_doc.gif";
     case "pdf":
-      return "/imgs/fu_pdf.gif";
+      return "imgs/fu_pdf.gif";
     case "jpg":
     case "jpeg":
     case "png":
     case "bmp":
     case "ofd":
     case "gif":
-      return "/imgs/fu_bmp.gif";
+      return "imgs/fu_bmp.gif";
     case "xls":
     case "xlsx":
-      return "/imgs/fu_exl.gif";
+      return "imgs/fu_exl.gif";
     case "csv":
-      return "/imgs/fu_txt.gif";
+      return "imgs/fu_txt.gif";
     case "txt":
-      return "/imgs/fu_txt.gif";
+      return "imgs/fu_txt.gif";
     case "rar":
     case "zip":
     case "7z":
     case "tar":
     case "gz":
-      return "/imgs/fu_rar.gif";
+      return "imgs/fu_rar.gif";
     default:
-      return "/imgs/fu_blank.gif";
+      return "imgs/fu_blank.gif";
   }
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -215,7 +215,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const [register] = useModal({
       width: "70%",
       title: (data) => `\u9644\u4EF6\u9884\u89C8 - ${data.fileName}`,
-      useWrapper: false,
+      bodyStyle: {
+        padding: 0
+      },
       wrapClassName: "dt-pdf",
       maskClosable: false,
       footer: null
@@ -248,7 +250,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const [register] = useModal({
       width: "900px",
       title: (data) => `\u9644\u4EF6\u9884\u89C8 - ${data.fileName}`,
-      useWrapper: false,
+      bodyStyle: {
+        padding: 0
+      },
       wrapClassName: "dt-word",
       maskClosable: false,
       footer: null
@@ -286,7 +290,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "flex items-center" };
+const _hoisted_1 = {
+  key: 0,
+  class: "flex items-center"
+};
 const _hoisted_2 = { class: "pl-3" };
 const _hoisted_3 = { class: "flex justify-between border border-solid border-gray-300 p-1 mt-2" };
 const _hoisted_4 = { class: "flex items-center" };
@@ -341,7 +348,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       {
         class: "mdi:delete-outline",
-        show: () => props.showDelete,
+        show: () => !unref(getBind).disabled && props.showDelete,
         click: (file) => {
           fileList.value = unref(fileList).filter((f) => f.fileId !== file.fileId);
         }
@@ -418,12 +425,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const { getAppConf } = useAppStore();
         const { downloadUrl = getAppConf.pages.downloadUrl } = props;
         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 = `${_downloadUrl}?id=${file.fileId}`;
+          imgSrcRef.value = `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${file.fileId}`;
           imgVisable.value = true;
           return;
         }
-        let result = await http.get(_downloadUrl, { id: file.fileId }, {
+        let result = await http[_downloadType](_downloadUrl, { id: file.fileId }, {
           onlyData: false,
           responseType: "blob",
           isTransformResponse: false,
@@ -500,7 +508,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            !unref(getBind).disabled ? (openBlock(), createElementBlock("div", _hoisted_1, [
               createVNode(_component_AButton, null, {
                 default: withCtx(() => [
                   createElementVNode("i", {
@@ -511,7 +519,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }),
               createElementVNode("p", _hoisted_2, toDisplayString(unref(getHelpText)), 1)
-            ]),
+            ])) : createCommentVNode("", true),
             createVNode(_sfc_main$2, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
             createVNode(_sfc_main$1, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
           ]),
@@ -532,7 +540,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onPreview: handlePreview
         }), {
           default: withCtx(() => [
-            !_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount ? (openBlock(), createElementBlock("div", _hoisted_8, _hoisted_11)) : createCommentVNode("", true)
+            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_8, _hoisted_11)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["fileList"])) : createCommentVNode("", true),

package/es/components/upload/index.less

@@ -1,4 +1,5 @@
 @import '../iframe/index.less';
+@import '../modal/index.less';
 
 
 .ant-image-preview-img {
@@ -17,7 +18,7 @@
             top: 0 !important;
             .ant-modal-content{
                 height: 100%;
-
+                
                 .ant-modal-body{
                     height: calc(100% - 55px);
                 }
@@ -32,6 +33,10 @@
             width: 100%;
         }
     }
+
+    .ant-modal-body{
+        overflow-x: hidden;
+    }
 }
 
 .word-view{
@@ -59,6 +64,10 @@
             width: 104px !important;
         }
     }
+
+    .ant-upload-disabled{
+        display: none;
+    }
     
     .ant-upload-list-item-actions{
         display: flex;

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

@@ -123,7 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     uploadFile: ({ file, onSuccess, onError, onProgress }: UploadRequestOption) => Promise<void>;
     fileView: (file: UploadFile) => Promise<void>;
     download: (file: UploadFile) => void;
-    readonly getFileThumb: (fileType: string) => "/imgs/fu_ppt.gif" | "/imgs/fu_doc.gif" | "/imgs/fu_pdf.gif" | "/imgs/fu_bmp.gif" | "/imgs/fu_exl.gif" | "/imgs/fu_txt.gif" | "/imgs/fu_rar.gif" | "/imgs/fu_blank.gif";
+    readonly getFileThumb: (fileType: string) => "imgs/fu_ppt.gif" | "imgs/fu_doc.gif" | "imgs/fu_pdf.gif" | "imgs/fu_bmp.gif" | "imgs/fu_exl.gif" | "imgs/fu_txt.gif" | "imgs/fu_rar.gif" | "imgs/fu_blank.gif";
     PdfView: import("vue").DefineComponent<{}, {
         exeReduce: import("vue").Ref<number>;
         pdfUrlRef: import("vue").Ref<any>;