@dt-frames/ui 2.0.10 → 2.0.12

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

@@ -187,8 +187,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     innerPropsRef: import("vue").Ref<BasicTableProps>;
     getProps: import("vue").ComputedRef<{
         components?: import("ant-design-vue/es/vc-table/interface").TableComponents<any>;
+        id?: string;
         size?: import("ant-design-vue/es/button").ButtonSize;
-        title?: import("ant-design-vue/es/vc-table/interface").PanelRender<any>;
+        locale?: import("ant-design-vue/es/table/interface").TableLocale;
+        prefixCls?: string;
+        onChange?: (pagination: import("ant-design-vue/es/table").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void;
+        rowKey: string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string);
+        dataSource: import("@dt-frames/core").Recordable<any>[];
+        bordered: boolean;
         loading: (boolean | Partial<import("vue").ExtractPropTypes<{
             prefixCls: StringConstructor;
             spinning: {
@@ -201,14 +207,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             delay: NumberConstructor;
             indicator: import("vue-types").VueTypeValidableDef<any>;
         }>>) & boolean;
-        footer?: import("ant-design-vue/es/vc-table/interface").PanelRender<any>;
-        id?: string;
-        locale?: import("ant-design-vue/es/table/interface").TableLocale;
-        prefixCls?: string;
-        onChange?: (pagination: import("ant-design-vue/es/table").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void;
-        rowKey: string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string);
-        dataSource: import("@dt-frames/core").Recordable<any>[];
-        bordered: boolean;
         rowClassName: (record: any, index: number) => string;
         scroll: {
             x?: string | number | true;
@@ -223,6 +221,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         customRow: import("ant-design-vue/es/vc-table/interface").GetComponentProps<any> & ((record: any, index: any) => void);
         childrenColumnName: string;
         tableLayout?: import("ant-design-vue/es/vc-table/interface").TableLayout;
+        title?: import("ant-design-vue/es/vc-table/interface").PanelRender<any>;
+        footer?: import("ant-design-vue/es/vc-table/interface").PanelRender<any>;
         showHeader?: boolean;
         customHeaderRow?: import("ant-design-vue/es/vc-table/interface").GetComponentProps<import("ant-design-vue/es/vc-table/interface").ColumnType<any>[]>;
         direction?: "ltr" | "rtl";
@@ -584,7 +584,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onRow-mouseleave"?: (...args: any[]) => any;
     "onEdit-change"?: (...args: any[]) => any;
 }, {
-    loading: boolean;
     autoFetch: boolean;
     clickToSelectRow: boolean;
     tableSetting: {};
@@ -607,6 +606,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     bordered: boolean;
     canResize: boolean;
     pagination: any;
+    loading: boolean;
     scroll: {};
     onTableChange: Function;
     onDownload: Function;

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

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

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

@@ -6402,10 +6402,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>> & {
         onSearch?: (...args: any[]) => any;
     }, {
-        search: boolean;
         checkable: boolean;
         title: string;
         toolbar: boolean;
+        search: boolean;
         searchText: string;
         checkAll: Function;
         expandAll: Function;
@@ -6502,7 +6502,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onClickNode?: (...args: any[]) => any;
     "onUpdate:searchValue"?: (...args: any[]) => any;
 }, {
-    search: boolean;
     defaultExpandAll: boolean;
     showIcon: boolean;
     loading: boolean;
@@ -6522,5 +6521,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selectedOnSearch: boolean;
     title: string;
     toolbar: boolean;
+    search: boolean;
 }>;
 export default _sfc_main;

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

@@ -0,0 +1,2 @@
+import { default as DtUpload } from "./src/index";
+export { DtUpload };

package/es/components/upload/index.js

@@ -0,0 +1,419 @@
+import { Button, Image, Upload } from "ant-design-vue/es";
+import "ant-design-vue/es/upload/style";
+import "ant-design-vue/es/image/style";
+import "ant-design-vue/es/button/style";
+import { defineComponent, openBlock, createBlock, unref as unref$1, withCtx, createVNode, createElementBlock, normalizeProps, guardReactiveProps, createSlots, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, createTextVNode, mergeProps, renderSlot } from "vue";
+import { takeRight, omit } from "lodash-es";
+import { useAppStore, useMessage, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
+import { useModal, DtModal, useModalOut } from "../modal";
+import { DtIframe } from "../iframe";
+const basicProps = {
+  uploadUrl: {
+    type: String,
+    default: null
+  },
+  downloadUrl: {
+    type: String,
+    default: null
+  },
+  buttonText: {
+    type: String,
+    default: "\u6587\u4EF6\u4E0A\u4F20"
+  },
+  preIcon: {
+    type: String,
+    default: "ic:baseline-file-upload"
+  },
+  data: {
+    type: Object,
+    default: {}
+  },
+  filename: {
+    type: String,
+    default: "filename"
+  },
+  accept: {
+    type: Array,
+    default: () => []
+  },
+  beforeUpload: {
+    type: Function
+  },
+  customRequest: {
+    type: Function
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  defaultFiles: {
+    type: Object,
+    default: () => []
+  },
+  headers: {
+    type: Object
+  },
+  listType: {
+    type: String,
+    default: "text"
+  },
+  maxCount: {
+    type: Number
+  },
+  maxSize: {
+    type: Number,
+    default: 2
+  },
+  helpText: {
+    type: String,
+    default: ""
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  onChange: {
+    type: Function
+  },
+  extraParams: {
+    type: Object,
+    default: () => ({})
+  },
+  showView: {
+    type: Boolean,
+    default: true
+  },
+  showDownload: {
+    type: Boolean,
+    default: true
+  },
+  showDelete: {
+    type: Boolean,
+    default: true
+  }
+};
+function useFile({
+  fileListRef = ref([]),
+  acceptRef,
+  helpTextRef,
+  maxCountRef,
+  maxSizeRef
+}) {
+  const { getAppConf } = useAppStore();
+  const { message } = useMessage();
+  const getAccept = computed(() => {
+    const accept = unref(acceptRef);
+    return accept && accept.length > 0 ? accept : [];
+  });
+  const getStringAccept = computed(() => {
+    return unref(getAccept).map((item) => {
+      if (item.indexOf("/") > 0 || item.startsWith(".")) {
+        return item;
+      } else {
+        return `.${item}`;
+      }
+    }).join(",");
+  });
+  const getHelpText = computed(() => {
+    const helpText = unref(helpTextRef);
+    if (helpText) {
+      return helpText;
+    }
+    const helpTexts = [];
+    const accept = unref(acceptRef);
+    if (accept.length > 0) {
+      helpTexts.push(`\u652F\u6301${accept.join("\u3001").replaceAll(".", "")}\u683C\u5F0F`);
+    }
+    const maxSize = unref(maxSizeRef);
+    if (maxSize) {
+      helpTexts.push(`\u4E0D\u8D85\u8FC7${maxSize}M`);
+    }
+    const maxNumber = unref(maxCountRef);
+    if (maxNumber && maxNumber !== Infinity) {
+      helpTexts.push(`\u6700\u591A\u53EF\u9009\u62E9${maxNumber}\u5F20\u56FE\u7247`);
+    }
+    return helpTexts.join(", ");
+  });
+  function getFileList() {
+    return unref(fileListRef).map((it) => {
+      return {
+        ...it,
+        name: it.filename ?? it.fileId,
+        fileType: it.filename ? takeRight(it.filename.split("."))[0] : null,
+        status: "done",
+        uid: it.id ?? it.fileId,
+        url: `${getAppConf.pages?.downloadUrl}?id=${it.fileId}`
+      };
+    });
+  }
+  function beforeUpload(file) {
+    const { size } = file;
+    const maxSize = unref(maxSizeRef);
+    if (maxSize && size / 1024 / 1024 >= maxSize) {
+      message.error(`\u53EA\u80FD\u4E0A\u4F20\u4E0D\u8D85\u8FC7${maxSize}MB\u7684\u6587\u4EF6!`);
+      return;
+    }
+  }
+  return {
+    getAccept,
+    getStringAccept,
+    getHelpText,
+    getFileList,
+    beforeUpload
+  };
+}
+const getFileThumb = (filename) => {
+  return "/imgs/fu_rar.gif";
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "PdfView",
+  setup(__props) {
+    const exeReduce = ref(233);
+    const pdfUrlRef = ref();
+    const [register] = useModal({
+      width: "70%",
+      title: "\u9644\u4EF6\u9884\u89C8",
+      useWrapper: false,
+      wrapClassName: "dt-pdf",
+      maskClosable: false,
+      footer: null
+    }, (data) => {
+      pdfUrlRef.value = data.url;
+    });
+    function toggleFullscreen(isFullscreen) {
+      exeReduce.value = isFullscreen ? 55 : 233;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref$1(DtModal), {
+        onRegister: unref$1(register),
+        onToggleFullscreen: toggleFullscreen
+      }, {
+        default: withCtx(() => [
+          createVNode(unref$1(DtIframe), {
+            src: unref$1(pdfUrlRef),
+            exeReduce: unref$1(exeReduce)
+          }, null, 8, ["src", "exeReduce"])
+        ]),
+        _: 1
+      }, 8, ["onRegister"]);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "flex items-center"
+};
+const _hoisted_2 = { class: "pl-3" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 1,
+  class: "flex justify-between border border-solid border-gray-300 p-1 mt-2"
+};
+const _hoisted_5 = { class: "flex items-center" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "flex items-center" };
+const _hoisted_8 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: basicProps,
+  setup(__props) {
+    const props = __props;
+    const [registerPdf, { openModal: openPdfModal }] = useModalOut();
+    const { message } = useMessage();
+    const {
+      defaultFiles: fileListRef,
+      accept: acceptRef,
+      helpText: helpTextRef,
+      maxCount: maxCountRef,
+      maxSize: maxSizeRef
+    } = toRefs(props);
+    const {
+      getStringAccept,
+      getHelpText,
+      getFileList,
+      beforeUpload
+    } = useFile({
+      fileListRef,
+      acceptRef,
+      helpTextRef,
+      maxCountRef,
+      maxSizeRef
+    });
+    const btns = [
+      {
+        class: "ic:baseline-remove-red-eye",
+        show: (file) => props.showView && ["pdf", "jpg", "jpeg", "png", "bmp", "gif", "docx"].includes(file.fileType),
+        click: fileView
+      },
+      {
+        class: "ic:baseline-file-download",
+        show: () => props.showDownload,
+        click: download
+      },
+      {
+        class: "mdi:delete-outline",
+        show: () => props.showDelete,
+        click: (file) => {
+          fileListRef.value = unref(fileListRef).filter((f) => f.fileId !== file.fileId);
+        }
+      }
+    ];
+    const getBind = computed(() => {
+      return {
+        ...omit(unref(props), [
+          "api",
+          "onChange"
+        ]),
+        class: "dt-upload",
+        accept: unref(getStringAccept),
+        fileList: getFileList(),
+        beforeUpload: props.beforeUpload && isFunction(props.beforeUpload) ? props.beforeUpload : beforeUpload,
+        customRequest: props.customRequest ? props.customRequest : uploadFile
+      };
+    });
+    const imgVisable = ref(false);
+    const imgSrcRef = ref();
+    const bindImg = computed(() => {
+      return {
+        preview: {
+          width: 200,
+          visible: unref(imgVisable),
+          onVisibleChange: (v) => imgVisable.value = v
+        },
+        src: unref(imgSrcRef)
+      };
+    });
+    const uploadFile = async ({ file, onSuccess, onError, onProgress }) => {
+      const { getAppConf } = useAppStore();
+      const { uploadUrl = getAppConf.pages.uploadUrl, downloadUrl = getAppConf.pages.downloadUrl } = props;
+      if (!uploadUrl) {
+        message.error("\u8BF7\u914D\u7F6E\u4E0A\u4F20\u7684\u6587\u4EF6\u8DEF\u5F84");
+        return;
+      }
+      if (!downloadUrl) {
+        message.error("\u8BF7\u914D\u7F6E\u4E0B\u8F7D\u7684\u6587\u4EF6\u8DEF\u5F84");
+        return;
+      }
+      try {
+        let result = await http.uploadFile(
+          {
+            url: uploadUrl,
+            onUploadProgress({ loaded, total }) {
+              onProgress({ percent: Math.ceil(loaded / total * 100) });
+            }
+          },
+          {
+            ...props.extraParams,
+            file
+          }
+        );
+        file.fileId = result?.data?.id;
+        file.url = `${downloadUrl}?id=${result?.data?.id}`;
+        onSuccess(result);
+      } catch (err) {
+        onError(err);
+      }
+    };
+    async function fileView(file) {
+      try {
+        const { getAppConf } = useAppStore();
+        const { downloadUrl = getAppConf.pages.downloadUrl } = props;
+        if (["jpg", "jpeg", "png", "bmp", "gif"].includes(file.fileType)) {
+          imgSrcRef.value = "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png";
+          imgVisable.value = true;
+          return;
+        }
+        if (file.fileType === "pdf") {
+          openPdfModal(
+            { url: "https://www.antdv.com/components/image-cn" }
+          );
+          return;
+        }
+        let result = await http.get(downloadUrl, { id: file.id }, {
+          responseType: "blob",
+          isTransformResponse: false,
+          headers: {
+            "Content-Type": HttpContentTypeEnum.FORM_DATA
+          }
+        });
+        switch (file.fileType) {
+          case "pdf":
+            openPdfModal(
+              { url: URL.createObjectURL(result) }
+            );
+            break;
+          case "docx":
+            break;
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    }
+    function download() {
+    }
+    return (_ctx, _cache) => {
+      const _component_AButton = Button;
+      const _component_AImage = Image;
+      const _component_AUpload = Upload;
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_AUpload, normalizeProps(guardReactiveProps(unref$1(getBind))), createSlots({
+          itemRender: withCtx(({ file, actions }) => [
+            unref$1(getBind).listType === "picture-card" ? (openBlock(), createElementBlock("div", _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("img", {
+                  src: unref$1(getFileThumb)(file.filename),
+                  class: "w-9 h-9 mr-2 p-1"
+                }, null, 8, _hoisted_6),
+                createElementVNode("span", null, toDisplayString(file.filename) + "\u6587\u4EF6\u540D", 1)
+              ]),
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(btns, (btn) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: btn.class
+                  }, [
+                    btn.show(file) ? (openBlock(), createElementBlock("i", {
+                      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_8)) : createCommentVNode("", true)
+                  ], 64);
+                }), 64))
+              ])
+            ]))
+          ]),
+          default: withCtx(() => [
+            unref$1(getBind).listType === "picture-card" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(" \u8FD9\u662F\u5361\u7247\u56FE\u7247 ")
+            ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(_component_AButton, null, {
+                default: withCtx(() => [
+                  createElementVNode("i", {
+                    class: normalizeClass(["i mr-1", unref$1(getBind).preIcon])
+                  }, null, 2),
+                  createElementVNode("span", null, toDisplayString(unref$1(getBind).buttonText), 1)
+                ]),
+                _: 1
+              }),
+              createElementVNode("p", _hoisted_2, toDisplayString(unref$1(getHelpText)), 1)
+            ])),
+            unref$1(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref$1(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("", true),
+            createVNode(_sfc_main$1, { onRegister: unref$1(registerPdf) }, null, 8, ["onRegister"])
+          ]),
+          _: 2
+        }, [
+          renderList(Object.keys(_ctx.$slots), (item) => {
+            return {
+              name: item,
+              fn: withCtx((data) => [
+                renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+              ])
+            };
+          })
+        ]), 1040)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as DtUpload
+};

package/es/components/upload/index.less

@@ -0,0 +1,37 @@
+@import '../iframe/index.less';
+
+
+.ant-image-preview-img {
+    display: initial;
+}
+
+.dt-upload{
+    .ant-upload{
+        display: flex;
+    }
+}
+
+.dt-pdf{
+    &.fullscreen-modal{
+        min-height: calc(100% + 8px);
+        &>.ant-modal{
+            width: 100% !important;
+            height: 100% !important;
+            max-width: 100%;
+            margin: 0;
+            padding: 0;
+            top: 0 !important;
+            .ant-modal-content{
+                height: 100%;
+
+                .ant-modal-body{
+                    height: calc(100% - 55px);
+                }
+
+                .ant-spin-nested-loading, .ant-spin-container{
+                    height: 100%;
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,89 @@
+import { PropType, Ref, ComputedRef } from "vue";
+import { UploadFile } from "./type/file";
+import { UploadRequestOption } from "ant-design-vue/es/vc-upload/interface";
+import { Recordable } from "@dt-frames/core";
+export declare const basicProps: {
+    uploadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    downloadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    preIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<object | ((file: UploadFile) => object)>;
+        default: {};
+    };
+    filename: {
+        type: StringConstructor;
+        default: string;
+    };
+    accept: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    beforeUpload: {
+        type: PropType<(<T = any>(file: UploadFile, fileList: UploadFile[]) => boolean | Promise<T>)>;
+    };
+    customRequest: {
+        type: PropType<(params: UploadRequestOption) => void>;
+    };
+    disabled: {
+        type: PropType<Boolean | Ref<Boolean> | ComputedRef<Boolean>>;
+        default: boolean;
+    };
+    defaultFiles: {
+        type: PropType<UploadFile[]>;
+        default: () => any[];
+    };
+    headers: {
+        type: ObjectConstructor;
+    };
+    listType: {
+        type: PropType<"text" | "picture-card">;
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    helpText: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(ids: string[] | number[], files: UploadFile[]) => void>;
+    };
+    extraParams: {
+        type: PropType<Recordable<any>>;
+        default: () => {};
+    };
+    showView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,9 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    exeReduce: import("vue").Ref<number>;
+    pdfUrlRef: import("vue").Ref<any>;
+    register: import("../../../modal/src/types/modal.type").RegisterFn;
+    toggleFullscreen: (isFullscreen: boolean) => void;
+    readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly DtIframe: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

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

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