@farris/ui-vue 1.7.1 → 1.7.2-beta.2

package/components/uploader/index.esm.js

@@ -1,17 +1,19 @@
-var Ee = Object.defineProperty;
-var Be = (t, e, l) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
-var U = (t, e, l) => Be(t, typeof e != "symbol" ? e + "" : e, l);
-import { defineComponent as $, toRefs as fe, createVNode as n, Fragment as _, createTextVNode as T, ref as B, watch as q, inject as Q, getCurrentInstance as He, onMounted as Se, onUnmounted as pe, computed as A, reactive as Pe, createApp as De, Transition as Ae, mergeProps as Me, provide as Ne, resolveComponent as V } from "vue";
-import { useDateFormat as Oe, withInstall as Re } from "../common/index.esm.js";
-import { LocaleService as de } from "../locale/index.esm.js";
-const Ue = {
+var Ie = Object.defineProperty;
+var Ue = (t, e, n) => e in t ? Ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var j = (t, e, n) => Ue(t, typeof e != "symbol" ? e + "" : e, n);
+import { defineComponent as K, toRefs as fe, createVNode as l, Fragment as G, createTextVNode as F, ref as B, watch as q, inject as J, getCurrentInstance as ze, onMounted as ve, onUnmounted as me, computed as O, reactive as je, createApp as Le, Transition as qe, mergeProps as $e, provide as Ve, resolveComponent as Q, onBeforeMount as _e } from "vue";
+import { resolveAppearance as Qe, createPropsResolver as Ke } from "../dynamic-resolver/index.esm.js";
+import { useDateFormat as We, withInstall as Ye } from "../common/index.esm.js";
+import { LocaleService as ce } from "../locale/index.esm.js";
+import { useDesignerComponent as Xe } from "../designer-canvas/index.esm.js";
+const Ge = {
   // 是否被选中
   checked: { type: Boolean, default: !1 },
   // 进度条状态 默认'normal'
   id: { type: String, default: "" },
   // 禁用
   disabled: { type: Boolean, default: !1 }
-}, Le = {
+}, Je = {
   // 是否显示进度条信息
   showInfo: { type: Boolean, default: !0 },
   // 进度条状态 默认'normal'
@@ -19,7 +21,7 @@ const Ue = {
   // 已完成的分段百分比
   percent: { type: Number, default: 0 },
   maxWidth: { type: Number, default: 0 }
-}, je = {
+}, Ze = {
   /**
   * 按钮文本
   */
@@ -52,123 +54,406 @@ const Ue = {
   * 附件服务器端服务注入的Token
   */
   uploadServerToken: { type: String, default: "" }
-}, ze = /* @__PURE__ */ $({
+}, et = /* @__PURE__ */ K({
   name: "FUploadProgress",
-  props: Le,
+  props: Je,
   setup(t, e) {
     const {
-      showInfo: l,
+      showInfo: n,
       status: i,
       maxWidth: a,
       percent: s
     } = fe(t);
-    return () => n("div", {
-      class: ["f-progress upload-progress", "upload-progress-status-" + i.value, "f-progress-status-" + i.value, "upload-progress-line", l.value ? "upload-progress-show-info" : ""]
-    }, [n("div", {
+    return () => l("div", {
+      class: ["f-progress upload-progress", "upload-progress-status-" + i.value, "f-progress-status-" + i.value, "upload-progress-line", n.value ? "upload-progress-show-info" : ""]
+    }, [l("div", {
       class: "upload-progress-outer",
       style: {
         "max-width": a.value > 0 ? a.value + "px" : "auto"
       }
-    }, [n("div", {
+    }, [l("div", {
       class: "upload-progress-inner"
-    }, [n("div", {
+    }, [l("div", {
       class: "upload-progress-bg f-progress-bg",
       style: {
         width: s.value + "%"
       }
-    }, null)])]), l.value ? n("span", {
+    }, null)])]), n.value ? l("span", {
       class: "upload-progress-text"
-    }, [i.value === "error" || i.value === "success" ? n("span", {
+    }, [i.value === "error" || i.value === "success" ? l("span", {
       class: ["upload-progress-text-icon f-icon", "f-icon-" + i.value]
-    }, null) : n(_, null, [s.value, T("%")])]) : ""]);
+    }, null) : l(G, null, [s.value, F("%")])]) : ""]);
   }
-}), Ie = /* @__PURE__ */ $({
+}), Te = /* @__PURE__ */ K({
   name: "FPreviewCheckbox",
-  props: Ue,
+  props: Ge,
   emits: ["checkedChange"],
   setup(t, e) {
     const {
-      disabled: l
+      disabled: n
     } = fe(t), i = B(t.checked), a = (s) => {
-      s.stopPropagation(), l.value || (i.value = !i.value, e.emit("checkedChange", {
+      s.stopPropagation(), n.value || (i.value = !i.value, e.emit("checkedChange", {
         checked: i.value,
         id: t.id
       }));
     };
     return q(() => t.checked, (s) => {
       i.value = s;
-    }), () => n("div", {
+    }), () => l("div", {
       class: "preview-checkbox d-inline-flex align-middle"
-    }, [n("div", {
+    }, [l("div", {
       class: "custom-control custom-checkbox f-checkradio-single  m-0"
-    }, [n("input", {
+    }, [l("input", {
       title: "custom-control-input",
       class: "custom-control-input",
       type: "checkbox",
-      disabled: l.value,
+      disabled: n.value,
       checked: i.value
-    }, null), n("label", {
+    }, null), l("label", {
       class: "custom-control-label",
       onClick: (s) => a(s),
       onMousedown: (s) => s.stopPropagation()
     }, null)])]);
   }
-}), qe = /* @__PURE__ */ $({
+}), Ee = /* @__PURE__ */ K({
   name: "FFileSelect",
-  props: je,
+  props: Ze,
   emits: ["change", "stateChange"],
   setup(t, e) {
-    const l = Q("uploaderService");
-    l.setUploadContext(e);
-    const i = He(), a = B("*");
+    const n = J("uploaderService");
+    n.setUploadContext(e);
+    const i = ze(), a = B("*");
     let s;
-    const c = () => {
-      s.files && (e.emit("change", s.files), l.handleFiles(s.files), s.value = null);
+    const d = () => {
+      s.files && (e.emit("change", s.files), n.handleFiles(s.files), s.value = null);
     };
     function u() {
-      s.value = null, l.reset();
+      s.value = null, n.reset();
     }
     q(() => t.disabled, () => {
       u();
-    }), q(() => t.uploadedCount, (p) => {
-      l.setOptions({
-        uploadedCount: p
+    }), q(() => t.uploadedCount, (f) => {
+      n.setOptions({
+        uploadedCount: f
       });
-    }), q(() => t.extendConfig, (p) => {
-      l.setExtendServerConfig(p);
+    }), q(() => t.extendConfig, (f) => {
+      n.setExtendServerConfig(f);
+    }), q(() => t.options, (f) => {
+      n.setOptions(f);
+    }, {
+      deep: !0
     });
-    function m(p) {
-      p && p.stopPropagation(), s.click();
+    function v(f) {
+      f && f.stopPropagation(), s.click();
     }
-    function C(p) {
-      l.handleUploadEvent(p);
+    function x(f) {
+      n.handleUploadEvent(f);
     }
-    return Se(() => {
-      var p, F;
-      s = (p = i == null ? void 0 : i.proxy) == null ? void 0 : p.$refs.uploadInput, u(), l.setOptions(t.options), l.setExtendServerConfig(t.extendConfig), a.value = (((F = t.options) == null ? void 0 : F.allowedContentTypes) || ["*"]).join(",");
-    }), pe(() => {
+    return ve(() => {
+      var f, T;
+      s = (f = i == null ? void 0 : i.proxy) == null ? void 0 : f.$refs.uploadInput, u(), n.setOptions(t.options), n.setExtendServerConfig(t.extendConfig), a.value = (((T = t.options) == null ? void 0 : T.allowedContentTypes) || ["*"]).join(",");
+    }), me(() => {
     }), e.expose({
-      handleUploadEvent: C
-    }), () => n(_, null, [n("input", {
+      handleUploadEvent: x
+    }), () => l(G, null, [l("input", {
       ref: "uploadInput",
       type: "file",
       class: "ffileupload--browser",
       disabled: t.disabled,
       multiple: t.enableMulti,
       accept: a.value,
-      onChange: () => c(),
+      onChange: () => d(),
       style: "width: 10px",
       title: "uploadInput"
-    }, null), n("div", {
+    }, null), l("div", {
       class: ["upload-container", t.disabled ? "f-state-disabled" : ""],
-      onClick: (p) => m(p),
+      onClick: (f) => v(f),
       title: t.selectText
-    }, [n("i", {
+    }, [l("i", {
       class: "f-icon f-icon-upload upload-icon",
       style: "top: 2px;position: relative;"
     }, null), t.selectText])]);
   }
-}), $e = {
+}), tt = "https://json-schema.org/draft/2020-12/schema", lt = "https://farris-design.gitee.io/uploader.schema.json", nt = "uploader", it = "A Farris Component", st = "object", at = {
+  id: {
+    description: "The unique identifier for uploader",
+    type: "string"
+  },
+  type: {
+    description: "The type string of uploader",
+    type: "string",
+    default: "uploader"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "boolean",
+    default: !1
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, ot = [
+  "id",
+  "type"
+], rt = {
+  $schema: tt,
+  $id: lt,
+  title: nt,
+  description: it,
+  type: st,
+  properties: at,
+  required: ot
+}, ut = /* @__PURE__ */ new Map([
+  ["appearance", Qe]
+]);
+function dt(t, e, n) {
+  return e;
+}
+const ct = "uploader", pt = "A Farris Component", ft = "object", vt = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  },
+  appearance: {
+    description: "外观",
+    title: "外观",
+    properties: {
+      contentFill: {
+        description: "内容填充",
+        title: "内容填充",
+        type: "boolean"
+      }
+    }
+  },
+  server: {
+    description: "服务器配置",
+    title: "服务器配置",
+    properties: {
+      rootId: {
+        description: "附件服务器根目录",
+        title: "附件服务器根目录",
+        type: "string"
+      },
+      formId: {
+        description: "必填，根据【附件信息】业务字段所在位置区分：1、在子表，二级目录建议绑定主表ID。2：在主表：二级目录建议填写当前表数据ID",
+        title: "二级目录",
+        type: "string"
+      }
+    }
+  },
+  upload: {
+    description: "上传配置",
+    title: "上传配置",
+    properties: {
+      uploadVisible: {
+        description: "上传按钮是否可见",
+        title: "上传是否可见",
+        type: "boolean"
+      },
+      uploadDisabled: {
+        description: "禁用时，上传按钮可见，但不可用",
+        title: "上传是否禁用",
+        type: "boolean"
+      },
+      allowEmpty: {
+        description: "运行时是否允许不上传附件",
+        title: "是否允许为空",
+        type: "boolean"
+      },
+      uploadSelectText: {
+        description: "选择文件按钮文本",
+        title: "选择文件按钮文本",
+        type: "string"
+      },
+      uploadOptions: {
+        description: "附件上传配置",
+        title: "附件上传配置",
+        type: "cascade",
+        isExpand: !0,
+        properties: {
+          maxUploads: {
+            description: "值为0时表示不限制上传个数",
+            title: "最大上传个数",
+            type: "number"
+          },
+          maxFileSize: {
+            description: "单个附件最大值（MB）",
+            title: "单个附件最大值（MB）",
+            type: "number"
+          },
+          allowedContentTypes: {
+            description: "允许上传附件类型",
+            title: "允许上传附件类型",
+            type: "string"
+          },
+          notAllowedCharsInFileName: {
+            description: "文件名禁用字符",
+            title: "文件名禁用字符",
+            type: "string"
+          }
+        }
+      },
+      enableUploadedCount: {
+        description: "是否启用已上传个数限制",
+        title: "是否启用已上传个数限制",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      },
+      uploadEnableMulti: {
+        description: "是否启用多选附件上传",
+        title: "是否启用多选附件上传",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      },
+      enableSliceUpload: {
+        description: "是否启用分片上传",
+        title: "是否启用分片上传",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      },
+      chunkSize: {
+        description: "分片上传时，每片的大小。单位：M",
+        title: "分片大小（M）",
+        type: "number"
+      }
+    }
+  },
+  preview: {
+    description: "附件预览",
+    title: "附件预览",
+    properties: {
+      previewVisible: {
+        description: "预览是否可见",
+        title: "预览是否可见",
+        type: "boolean"
+      },
+      previewReadonly: {
+        description: "预览是否只读",
+        title: "预览是否只读",
+        type: "boolean"
+      },
+      fieldIdKey: {
+        description: "附件ID字段",
+        title: "附件ID字段",
+        type: "string",
+        editor: {
+          type: "field-selector"
+        }
+      },
+      fileNameKey: {
+        description: "附件名称字段",
+        title: "附件名称字段",
+        type: "string",
+        editor: {
+          type: "field-selector"
+        }
+      },
+      previewEnableMulti: {
+        description: "是否启用批量操作",
+        title: "是否启用批量操作",
+        type: "boolean"
+      },
+      noDelete: {
+        description: "是否禁止删除附件",
+        title: "是否禁止删除附件",
+        type: "boolean"
+      },
+      noPreview: {
+        description: "是否禁止预览",
+        title: "是否禁止预览",
+        type: "boolean"
+      },
+      previewDateFormat: {
+        description: "附件上传时间字段的格式化设置，请注意此属性仅针对附件上传时间一个字段，若有自定义预览列，请在预览列编辑器中单独设置时间格式。",
+        title: "附件上传时间格式化",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      },
+      fileSortOrderKey: {
+        description: "排序字段",
+        title: "排序字段",
+        type: "string"
+      },
+      orderType: {
+        description: "排序类型",
+        title: "排序类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, mt = {
+  title: ct,
+  description: pt,
+  type: ft,
+  categories: vt
+}, he = {
   /** 内容区域填充 */
   contentFill: { type: Boolean, default: !1 },
   /** 排序字段 */
@@ -232,68 +517,68 @@ const Ue = {
    * 提示服务注入的Token
    */
   notifyServiceToken: { type: String, default: "" }
-};
+}, Be = Ke(he, rt, ut, dt, mt);
 var L = /* @__PURE__ */ ((t) => (t[t.Queue = 0] = "Queue", t[t.Uploading = 1] = "Uploading", t[t.Done = 2] = "Done", t[t.Cancelled = 3] = "Cancelled", t[t.Remove = 4] = "Remove", t[t.Error = 5] = "Error", t))(L || {});
-class Ve {
-  constructor(e = {}, l = {}) {
+class ht {
+  constructor(e = {}, n = {}) {
     /**
      * 上传配置
      */
-    U(this, "uploadConfig");
+    j(this, "uploadConfig");
     /**
      * 删除配置
      */
-    U(this, "removeConfig");
+    j(this, "removeConfig");
     const i = { type: "config", url: "", timeout: 0, headers: null, data: {} };
-    this.uploadConfig = Object.assign({}, i, e), this.removeConfig = Object.assign({}, i, l);
+    this.uploadConfig = Object.assign({}, i, e), this.removeConfig = Object.assign({}, i, n);
   }
 }
-function ve(t, e) {
-  const { formatTo: l } = Oe();
-  return l(t, e);
-}
 function ge(t, e) {
+  const { formatTo: n } = We();
+  return n(t, e);
+}
+function be(t, e) {
   if (!e)
     return "";
-  let l = "";
-  return t.indexOf(".") === -1 && e.hasOwnProperty(t) ? l = e[t] : l = t.split(".").reduce((i, a) => i ? i[a] : null, e), l;
+  let n = "";
+  return t.indexOf(".") === -1 && e.hasOwnProperty(t) ? n = e[t] : n = t.split(".").reduce((i, a) => i ? i[a] : null, e), n;
 }
-function _e(t) {
-  return (e, l) => {
+function gt(t) {
+  return (e, n) => {
     if (!e.hasOwnProperty(t) || e[t] === void 0 || e[t] === null)
       return 1;
-    if (!l.hasOwnProperty(t) || l[t] === void 0 || l[t] === null)
+    if (!n.hasOwnProperty(t) || n[t] === void 0 || n[t] === null)
       return -1;
     if (t !== "createTime") {
-      let s = "", c = "";
-      return t.indexOf(".") > -1 ? (s = ge(t, e), c = ge(t, l)) : (s = e[t], c = l[t]), s > c ? 1 : -1;
+      let s = "", d = "";
+      return t.indexOf(".") > -1 ? (s = be(t, e), d = be(t, n)) : (s = e[t], d = n[t]), s > d ? 1 : -1;
     }
-    const i = new Date(e[t]), a = new Date(l[t]);
+    const i = new Date(e[t]), a = new Date(n[t]);
     return i.getTime() > a.getTime() ? -1 : 1;
   };
 }
-function Qe(t) {
-  return (t || []).findIndex((l) => l === "*") === -1;
+function He(t) {
+  return (t || []).findIndex((n) => n === "*") === -1;
 }
-function We(t) {
+function De(t) {
   return t !== "0 Byte";
 }
-function W(t) {
+function se(t) {
   if (t === 0)
     return "0 Byte";
-  const e = 1024, l = ["Bytes", "KB", "MB", "GB", "TB", "PB"], i = Math.floor(Math.log(t) / Math.log(e));
-  return parseFloat((t / e ** i).toFixed(2)) + " " + l[i];
+  const e = 1024, n = ["Bytes", "KB", "MB", "GB", "TB", "PB"], i = Math.floor(Math.log(t) / Math.log(e));
+  return parseFloat((t / e ** i).toFixed(2)) + " " + n[i];
 }
-function Ke(t, e) {
-  return t && (t.hasOwnProperty("allowedContentTypes") && (e.allowedContentTypes = t.allowedContentTypes || ["*"], e.allowedContentTypes = e.allowedContentTypes && e.allowedContentTypes.length > 0 ? e.allowedContentTypes : ["*"]), t.hasOwnProperty("maxUploads") && (e.maxUploads = t.maxUploads || 0), t.hasOwnProperty("maxFileSize") && (e.maxFileSize = W(1024 * 1024 * (parseInt(String(t.maxFileSize), 10) || 1)))), e;
+function Ae(t, e) {
+  return t && (t.hasOwnProperty("allowedContentTypes") && (e.allowedContentTypes = t.allowedContentTypes || ["*"], e.allowedContentTypes = e.allowedContentTypes && e.allowedContentTypes.length > 0 ? e.allowedContentTypes : ["*"]), t.hasOwnProperty("maxUploads") && (e.maxUploads = t.maxUploads || 0), t.hasOwnProperty("maxFileSize") && (e.maxFileSize = se(1024 * 1024 * (parseInt(String(t.maxFileSize), 10) || 1)))), e;
 }
-function ye(t) {
+function xe(t) {
   let e = "ffilepreview--filetype";
   if (!t)
     return e + "-any";
-  const l = t.lastIndexOf(".");
+  const n = t.lastIndexOf(".");
   let i = "";
-  switch (l > -1 && (i = t.substring(l + 1).toLocaleLowerCase()), i) {
+  switch (n > -1 && (i = t.substring(n + 1).toLocaleLowerCase()), i) {
     case "pdf":
       e += "-pdf";
       break;
@@ -334,28 +619,28 @@ function ye(t) {
   }
   return e;
 }
-function we(t) {
+function Ce(t) {
   var e;
   if (t.type === "done")
     return 100;
   if (t.file && t.file.progress) {
     if (t.file.progress.status === L.Uploading) {
-      const l = ((e = t.file.progress.data) == null ? void 0 : e.percentage) || 5;
-      return l > 5 ? l : 5;
+      const n = ((e = t.file.progress.data) == null ? void 0 : e.percentage) || 5;
+      return n > 5 ? n : 5;
     }
     return 5;
   }
   return 5;
 }
-function Ye(t) {
+function wt(t) {
   let e = t;
-  return t ? (typeof t == "string" && (e = parseInt(t, 10)), W(e)) : "0 Byte";
+  return t ? (typeof t == "string" && (e = parseInt(t, 10)), se(e)) : "0 Byte";
 }
-const Xe = () => Math.random().toString(36).substring(7);
-function be(t, e) {
+const yt = () => Math.random().toString(36).substring(7);
+function Fe(t, e) {
   return {
     fileIndex: e,
-    id: Xe(),
+    id: yt(),
     name: t.name,
     size: t.size,
     type: t.type,
@@ -365,125 +650,125 @@ function be(t, e) {
       data: {
         percentage: 0,
         speed: 0,
-        speedHuman: `${W(0)}/s`,
+        speedHuman: `${se(0)}/s`,
         startTime: null,
         endTime: null,
         eta: null,
         etaHuman: null
       }
     },
-    lastModifiedDate: ve(new Date(t.lastModified), "yyyy-MM-dd HH:mm:ss"),
+    lastModifiedDate: ge(new Date(t.lastModified), "yyyy-MM-dd HH:mm:ss"),
     nativeFile: t
   };
 }
-function xe(t) {
+function Se(t) {
   const e = [];
-  return t.forEach((l) => {
+  return t.forEach((n) => {
     const i = { id: "", name: "", size: 0, type: "", extend: null, extendHeaders: null, createTime: "" };
     for (const a in i) {
       const s = a.replace("extend", "response").replace("createTime", "lastModifiedDate");
-      l.hasOwnProperty(s) && (s === "lastModifiedDate" ? i[a] = ve(l[s], "yyyy-MM-dd HH:mm:ss") : i[a] = l[s]);
+      n.hasOwnProperty(s) && (s === "lastModifiedDate" ? i[a] = ge(n[s], "yyyy-MM-dd HH:mm:ss") : i[a] = n[s]);
     }
     e.push(i);
   }), e;
 }
-function Ge(t, e) {
+function bt(t, e) {
   return t ? e <= t * 1024 * 1024 : !0;
 }
-function Je(t) {
+function xt(t) {
   return t.find((e) => e === "*") !== void 0;
 }
-function Ze(t, e) {
-  if (!t || t.length === 0 || Je(t))
+function Ct(t, e) {
+  if (!t || t.length === 0 || xt(t))
     return !0;
   if (e.lastIndexOf(".") < 0)
     return !1;
-  const l = e.substr(e.lastIndexOf("."));
+  const n = e.substr(e.lastIndexOf("."));
   return t.findIndex(
-    (i) => i.toLowerCase() === l.toLowerCase()
+    (i) => i.toLowerCase() === n.toLowerCase()
   ) > -1;
 }
-function et(t) {
+function Ft(t) {
   if (t)
     return t.split(`
-`).map((e) => e.split(/: */, 2)).filter((e) => e[0]).reduce((e, l) => (e[l[0]] = l[1], e), {});
+`).map((e) => e.split(/: */, 2)).filter((e) => e[0]).reduce((e, n) => (e[n[0]] = n[1], e), {});
 }
-function Ce(t) {
+function ke(t) {
   return new Date(t * 1e3).toISOString().substr(11, 8);
 }
-class tt extends Ve {
-  upload(e, l, i, a) {
+class St extends ht {
+  upload(e, n, i, a) {
     const s = e[0];
-    return new Promise((c, u) => {
-      var R, w;
-      const m = l.url || i.url || "", C = l.method || "POST", p = l.data || {}, F = l.headers || {}, y = new XMLHttpRequest(), H = (/* @__PURE__ */ new Date()).getTime();
-      let k = ((R = s.progress) == null ? void 0 : R.data) && s.progress.data.startTime || H, E = 0, g = null;
-      y.upload.addEventListener("progress", (b) => {
-        var P;
+    return new Promise((d, u) => {
+      var M, y;
+      const v = n.url || i.url || "", x = n.method || "POST", f = n.data || {}, T = n.headers || {}, g = new XMLHttpRequest(), D = (/* @__PURE__ */ new Date()).getTime();
+      let E = ((M = s.progress) == null ? void 0 : M.data) && s.progress.data.startTime || D, H = 0, w = null;
+      g.upload.addEventListener("progress", (b) => {
+        var A;
         if (b.lengthComputable) {
-          const S = Math.round(b.loaded * 100 / b.total), j = (/* @__PURE__ */ new Date()).getTime() - H;
-          E = Math.round(b.loaded / j * 1e3), k = ((P = s.progress) == null ? void 0 : P.data) && s.progress.data.startTime || (/* @__PURE__ */ new Date()).getTime(), g = Math.ceil((b.total - b.loaded) / E), s.progress = {
+          const k = Math.round(b.loaded * 100 / b.total), z = (/* @__PURE__ */ new Date()).getTime() - D;
+          H = Math.round(b.loaded / z * 1e3), E = ((A = s.progress) == null ? void 0 : A.data) && s.progress.data.startTime || (/* @__PURE__ */ new Date()).getTime(), w = Math.ceil((b.total - b.loaded) / H), s.progress = {
             status: L.Uploading,
             data: {
-              percentage: S,
-              speed: E,
-              speedHuman: `${W(E)}/s`,
-              startTime: k,
+              percentage: k,
+              speed: H,
+              speedHuman: `${se(H)}/s`,
+              startTime: E,
               endTime: null,
-              eta: g,
-              etaHuman: Ce(g)
+              eta: w,
+              etaHuman: ke(w)
             }
           }, a({ type: "uploading", files: [s] });
         }
-      }, !1), y.upload.addEventListener("error", (b) => {
+      }, !1), g.upload.addEventListener("error", (b) => {
         u(b);
-      }), y.onreadystatechange = () => {
-        if (y.readyState === XMLHttpRequest.DONE) {
-          const b = Math.round(s.size / ((/* @__PURE__ */ new Date()).getTime() - k) * 1e3);
+      }), g.onreadystatechange = () => {
+        if (g.readyState === XMLHttpRequest.DONE) {
+          const b = Math.round(s.size / ((/* @__PURE__ */ new Date()).getTime() - E) * 1e3);
           s.progress = {
             status: L.Done,
             data: {
               percentage: 100,
               speed: b,
-              speedHuman: `${W(b)}/s`,
-              startTime: k,
+              speedHuman: `${se(b)}/s`,
+              startTime: E,
               endTime: (/* @__PURE__ */ new Date()).getTime(),
-              eta: g,
-              etaHuman: Ce(g || 0)
+              eta: w,
+              etaHuman: ke(w || 0)
             }
-          }, s.responseStatus = y.status;
+          }, s.responseStatus = g.status;
           try {
-            s.response = JSON.parse(y.response);
+            s.response = JSON.parse(g.response);
           } catch {
-            s.response = y.response;
+            s.response = g.response;
           }
-          s.responseHeaders = et(y.getAllResponseHeaders()), c({ type: "done", files: [s] });
+          s.responseHeaders = Ft(g.getAllResponseHeaders()), d({ type: "done", files: [s] });
         }
-      }, y.open(C, m, !0), y.withCredentials = !!l.withCredentials;
+      }, g.open(x, v, !0), g.withCredentials = !!n.withCredentials;
       try {
         const b = s.nativeFile;
-        Object.keys(F).forEach((S) => y.setRequestHeader(S, F[S]));
-        let P;
-        l.includeWebKitFormBoundary !== !1 ? (Object.keys(p).forEach((S) => {
-          var j;
-          return (j = s.form) == null ? void 0 : j.append(S, p[S]);
-        }), (w = s.form) == null || w.append(l.fieldName || "file", b, b.name), P = s.form) : P = b, y.send(P);
+        Object.keys(T).forEach((k) => g.setRequestHeader(k, T[k]));
+        let A;
+        n.includeWebKitFormBoundary !== !1 ? (Object.keys(f).forEach((k) => {
+          var z;
+          return (z = s.form) == null ? void 0 : z.append(k, f[k]);
+        }), (y = s.form) == null || y.append(n.fieldName || "file", b, b.name), A = s.form) : A = b, g.send(A);
       } catch (b) {
         u(b);
       }
       return () => {
-        y.abort();
+        g.abort();
       };
     });
   }
   // 删除附件
-  remove(e, l, i, a) {
-    return new Promise((s, c) => {
+  remove(e, n, i, a) {
+    return new Promise((s, d) => {
       s({ type: "removed", files: e });
     });
   }
 }
-const lt = {
+const kt = {
   showCloseButton: { type: Boolean, default: !0 },
   position: { type: String, default: "top-center" },
   timeout: { type: Number, default: 3e3 },
@@ -496,151 +781,151 @@ const lt = {
   animate: { type: String, default: "fadeIn" },
   options: { type: Object },
   safeHtml: { type: Boolean, default: !0 }
-}, nt = {
+}, Tt = {
   showCloseButton: { type: Boolean, default: !0 },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
-}, ce = /* @__PURE__ */ $({
+}, pe = /* @__PURE__ */ K({
   name: "Toast",
-  props: nt,
+  props: Tt,
   emits: ["close", "click"],
   setup: (t, e) => {
-    const l = B(t.animate), i = "fadeOut", a = A(() => t.options), s = B(!1), c = A(() => a.value.title && a.value.message), u = A(() => !a.value.title && a.value.message), m = A(() => {
-      const w = {
+    const n = B(t.animate), i = "fadeOut", a = O(() => t.options), s = B(!1), d = O(() => a.value.title && a.value.message), u = O(() => !a.value.title && a.value.message), v = O(() => {
+      const y = {
         animated: s.value,
         toast: !0,
-        "toast--only-content": !c.value
+        "toast--only-content": !d.value
       };
-      return w[t.animate] = !1, w[i] = s.value, w["toasty-type-" + a.value.type] = !0, a.value.theme && (w[a.value.theme] = !0), w;
-    }), C = A(() => {
-      const P = `f-icon-${a.value && a.value.type ? a.value.type.replace("toasty-type-", "") : "default"}`, S = {
+      return y[t.animate] = !1, y[i] = s.value, y["toasty-type-" + a.value.type] = !0, a.value.theme && (y[a.value.theme] = !0), y;
+    }), x = O(() => {
+      const A = `f-icon-${a.value && a.value.type ? a.value.type.replace("toasty-type-", "") : "default"}`, k = {
         "f-icon": !0
       };
-      return S[P] = !0, S;
-    }), p = A(() => a.value.title || a.value.message), F = A(() => t.showCloseButton), y = A(() => !!a.value.buttons || !!e.slots.default), H = A(() => de.getLocale() === "en" ? {
+      return k[A] = !0, k;
+    }), f = O(() => a.value.title || a.value.message), T = O(() => t.showCloseButton), g = O(() => !!a.value.buttons || !!e.slots.default), D = O(() => ce.getLocale() === "en" ? {
       wordBreak: "keep-all",
       overflowWrap: "break-word"
     } : {});
-    function k(w) {
-      w.stopPropagation(), w.preventDefault(), s.value = !1, setTimeout(() => {
+    function E(y) {
+      y.stopPropagation(), y.preventDefault(), s.value = !1, setTimeout(() => {
         e.emit("close", a.value);
       }, 200);
     }
-    function E(w, b) {
+    function H(y, b) {
     }
-    function g(w) {
-      return `f-preten-link ${w.customClass ? w.customClass : ""}`;
+    function w(y) {
+      return `f-preten-link ${y.customClass ? y.customClass : ""}`;
     }
-    q(l, () => {
-      l.value;
+    q(n, () => {
+      n.value;
     });
-    const R = () => {
-      var w;
-      return n(_, null, [n("div", {
+    const M = () => {
+      var y;
+      return l(G, null, [l("div", {
         class: "after-toast-msg text-right"
-      }, [!e.slots.default && ((w = a.value.buttons) == null ? void 0 : w.map((b) => n("span", {
-        class: g(b),
-        onClick: (P) => void 0
+      }, [!e.slots.default && ((y = a.value.buttons) == null ? void 0 : y.map((b) => l("span", {
+        class: w(b),
+        onClick: (A) => void 0
       }, [b.text]))), e.slots.default && e.slots.default()])]);
     };
-    return () => n("div", {
-      class: m.value,
+    return () => l("div", {
+      class: v.value,
       style: "min-height:44px"
-    }, [F.value && n("button", {
-      title: de.getLocaleValue("messageBox.close"),
+    }, [T.value && l("button", {
+      title: ce.getLocaleValue("messageBox.close"),
       class: "toast-close f-btn-icon f-bare",
-      onClick: k
-    }, [n("span", {
+      onClick: E
+    }, [l("span", {
       class: "f-icon modal_close"
-    }, null)]), p.value && n("section", {
+    }, null)]), f.value && l("section", {
       class: "modal-tips"
-    }, [!c.value && n("div", {
+    }, [!d.value && l("div", {
       class: "float-left modal-tips-iconwrap"
-    }, [n("span", {
-      class: C.value
-    }, null)]), n("div", {
+    }, [l("span", {
+      class: x.value
+    }, null)]), l("div", {
       class: "modal-tips-content"
-    }, [c.value && n(_, null, [n("h5", {
+    }, [d.value && l(G, null, [l("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: a.value.title
-    }, null), n("p", {
+    }, null), l("p", {
       class: "toast-msg",
       innerHTML: a.value.message,
-      style: H.value
-    }, null), y.value && R()]), u.value && (a.value.buttons ? n("div", {
+      style: D.value
+    }, null), g.value && M()]), u.value && (a.value.buttons ? l("div", {
       class: "toast-title-btns-wrapper d-flex"
-    }, [n("h5", {
+    }, [l("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
-      style: H.value,
+      style: D.value,
       innerHTML: a.value.message
-    }, null), n("div", {
+    }, null), l("div", {
       class: "after-toast-title text-right ml-auto"
-    }, [R()])]) : n("h5", {
+    }, [M()])]) : l("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
-      style: H.value,
+      style: D.value,
       innerHTML: a.value.message
     }, null))])])]);
   }
-}), le = /* @__PURE__ */ $({
+}), re = /* @__PURE__ */ K({
   name: "Notify",
-  props: lt,
+  props: kt,
   emits: ["close", "empty"],
   setup(t, e) {
-    const l = A(() => ({
+    const n = O(() => ({
       "farris-notify": !0
     })), i = {
       left: 12,
       right: 12,
       top: 20,
       bottom: 12
-    }, a = B(), s = B(t.options), c = B(t.showCloseButton), u = A(() => t.position || "bottom-right"), m = A(() => t.timeout != null ? t.timeout : 3e3), C = A(() => {
-      const y = t.bottom ? t.bottom : i.bottom, H = t.top ? t.top : i.top, k = {
+    }, a = B(), s = B(t.options), d = B(t.showCloseButton), u = O(() => t.position || "bottom-right"), v = O(() => t.timeout != null ? t.timeout : 3e3), x = O(() => {
+      const g = t.bottom ? t.bottom : i.bottom, D = t.top ? t.top : i.top, E = {
         transition: "all 0.2s ease",
         left: u.value.indexOf("left") > -1 ? `${t.left ? t.left : i.left}px` : "",
         right: u.value.indexOf("right") > -1 ? `${t.right ? t.right : i.right}px` : "",
-        top: u.value.indexOf("top") > -1 ? `${H}px` : "",
-        bottom: u.value.indexOf("bottom") > -1 ? `${y}px` : ""
+        top: u.value.indexOf("top") > -1 ? `${D}px` : "",
+        bottom: u.value.indexOf("bottom") > -1 ? `${g}px` : ""
       };
-      return u.value.indexOf("center") > -1 && (k.left = "50%", k.marginLeft = "calc(-24rem / 2)", u.value === "center-center" && (k.top = "50%", k.transform = "translate(-50%, -50%)")), k;
+      return u.value.indexOf("center") > -1 && (E.left = "50%", E.marginLeft = "calc(-24rem / 2)", u.value === "center-center" && (E.top = "50%", E.transform = "translate(-50%, -50%)")), E;
     });
-    function p(y) {
+    function f(g) {
       e.emit("close");
     }
-    m.value && setTimeout(() => {
-      p();
-    }, m.value), e.expose({
-      closeToast: p,
+    v.value && setTimeout(() => {
+      f();
+    }, v.value), e.expose({
+      closeToast: f,
       container: a,
       notifyPosition: u
     });
-    function F(y, H) {
-      p();
+    function T(g, D) {
+      f();
     }
-    return () => n("div", {
-      class: l.value,
-      style: C.value,
+    return () => l("div", {
+      class: n.value,
+      style: x.value,
       ref: a
-    }, [n(ce, {
+    }, [l(pe, {
       options: s.value,
-      showCloseButton: c.value,
+      showCloseButton: d.value,
       animate: t.animate,
-      onClose: (y) => F(y, s.value)
+      onClose: (g) => T(g, s.value)
     }, null)]);
   }
 });
-class Fe {
+class Me {
   constructor() {
-    U(this, "notifyRefs", []);
-    U(this, "globalConfig", Pe({}));
+    j(this, "notifyRefs", []);
+    j(this, "globalConfig", je({}));
   }
   escapeAllHtml(e) {
     if (typeof e != "string" || !e)
       return "";
-    const l = document.createElement("div");
-    return l.textContent = e || "", l.innerHTML.replace(/\\n/g, "<br>").replace(/\\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g, "");
+    const n = document.createElement("div");
+    return n.textContent = e || "", n.innerHTML.replace(/\\n/g, "<br>").replace(/\\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g, "");
   }
   createNotifyInstance(e) {
-    const l = this, a = Object.assign({
+    const n = this, a = Object.assign({
       timeout: 3e3,
       position: "bottom-right",
       showCloseButton: !0,
@@ -649,45 +934,45 @@ class Fe {
       ...e
     }), s = document.createElement("div");
     s.style.display = "contents";
-    const c = De({
+    const d = Le({
       setup() {
-        var C;
+        var x;
         const u = B();
-        function m() {
+        function v() {
           u.value.container.style.transform = "scale(0)", setTimeout(() => {
-            l.updateNotifyPositionForClose(a, u), c.unmount();
+            n.updateNotifyPositionForClose(a, u), d.unmount();
           }, 220);
         }
         if (a.position.indexOf("top") > -1) {
-          const p = l.getNotifyInstances(a.position), F = p[p.length - 1];
-          if (F) {
-            const y = F.value.container.getBoundingClientRect();
-            a.top = y.bottom;
+          const f = n.getNotifyInstances(a.position), T = f[f.length - 1];
+          if (T) {
+            const g = T.value.container.getBoundingClientRect();
+            a.top = g.bottom;
           }
         }
-        return a.safeHtml && ((C = a.options) != null && C.message) && (a.options.message = l.escapeAllHtml(a.options.message)), pe(() => {
+        return a.safeHtml && ((x = a.options) != null && x.message) && (a.options.message = n.escapeAllHtml(a.options.message)), me(() => {
           document.body.removeChild(s);
-        }), Se(() => {
-          l.updateNotifyPositionForCreate(a, u);
-        }), () => n(Ae, {
+        }), ve(() => {
+          n.updateNotifyPositionForCreate(a, u);
+        }), () => l(qe, {
           mode: "out-in",
           name: "fade",
           appear: !0
         }, {
-          default: () => [n(le, Me({
+          default: () => [l(re, $e({
             ref: u
           }, a, {
-            onClose: m
+            onClose: v
           }), null)]
         });
       }
     });
-    return c.provide("NotifyService", this), document.body.appendChild(s), c.use(de.i18n), c.mount(s), c;
+    return d.provide("NotifyService", this), document.body.appendChild(s), d.use(ce.i18n), d.mount(s), d;
   }
   getNotifyInstances(e) {
-    return this.notifyRefs.filter((l) => l.value.notifyPosition === e);
+    return this.notifyRefs.filter((n) => n.value.notifyPosition === e);
   }
-  updateNotifyPositionForCreate(e, l) {
+  updateNotifyPositionForCreate(e, n) {
     if (this.notifyRefs && this.notifyRefs.length) {
       const i = window.innerHeight;
       e.position.indexOf("bottom") > -1 && this.getNotifyInstances(e.position).forEach((a) => {
@@ -695,14 +980,14 @@ class Fe {
         a.value.container.style.bottom = s.height + i - s.bottom + "px";
       });
     }
-    this.notifyRefs = [...this.notifyRefs, l];
+    this.notifyRefs = [...this.notifyRefs, n];
   }
-  updateNotifyPositionForClose(e, l) {
-    const i = this.notifyRefs.indexOf(l);
+  updateNotifyPositionForClose(e, n) {
+    const i = this.notifyRefs.indexOf(n);
     if (e.position.indexOf("top") > -1) {
-      const a = this.getNotifyInstances(e.position), s = a.indexOf(l);
-      a.slice(s + 1).forEach((c) => {
-        c.value.container.style.top = c.value.container.offsetTop - c.value.container.offsetHeight + "px";
+      const a = this.getNotifyInstances(e.position), s = a.indexOf(n);
+      a.slice(s + 1).forEach((d) => {
+        d.value.container.style.top = d.value.container.offsetTop - d.value.container.offsetHeight + "px";
       });
     }
     i > -1 && this.notifyRefs.splice(i, 1);
@@ -710,33 +995,33 @@ class Fe {
   show(e) {
     return this.createNotifyInstance(e);
   }
-  buildNotifyProps(e, l) {
-    let i = "", a = "", s, c, u;
-    typeof l == "string" ? i = l : l && (i = l.message || "", a = l.title || "", c = l.position || null, u = l.showCloseButton != null ? l.showCloseButton : null, s = l.timeout != null ? l.timeout : null);
-    const C = {
+  buildNotifyProps(e, n) {
+    let i = "", a = "", s, d, u;
+    typeof n == "string" ? i = n : n && (i = n.message || "", a = n.title || "", d = n.position || null, u = n.showCloseButton != null ? n.showCloseButton : null, s = n.timeout != null ? n.timeout : null);
+    const x = {
       options: {
         type: e,
         message: i,
         title: a
       }
     };
-    return c != null && (C.position = c), u != null && (C.showCloseButton = u), s != null && (C.timeout = s), C;
+    return d != null && (x.position = d), u != null && (x.showCloseButton = u), s != null && (x.timeout = s), x;
   }
   info(e) {
-    const l = this.buildNotifyProps("info", e);
-    return this.show(l);
+    const n = this.buildNotifyProps("info", e);
+    return this.show(n);
   }
   success(e) {
-    const l = this.buildNotifyProps("success", e);
-    return this.show(l);
+    const n = this.buildNotifyProps("success", e);
+    return this.show(n);
   }
   warning(e) {
-    const l = this.buildNotifyProps("warning", e);
-    return this.show(l);
+    const n = this.buildNotifyProps("warning", e);
+    return this.show(n);
   }
   error(e) {
-    const l = this.buildNotifyProps("error", e);
-    return this.show(l);
+    const n = this.buildNotifyProps("error", e);
+    return this.show(n);
   }
   close(e) {
     e && e.unmount();
@@ -747,162 +1032,162 @@ class Fe {
     }), this.notifyRefs.length = 0;
   }
 }
-const st = Symbol("NOTIFY_SERVICE_TOKEN");
-le.install = (t) => {
-  t.component(le.name, le), t.component(ce.name, ce);
-  const e = new Fe();
-  t.provide(st, e), t.provide("FNotifyService", e);
+const Et = Symbol("NOTIFY_SERVICE_TOKEN");
+re.install = (t) => {
+  t.component(re.name, re), t.component(pe.name, pe);
+  const e = new Me();
+  t.provide(Et, e), t.provide("FNotifyService", e);
 };
-const at = (t = "") => {
+const Bt = (t = "") => {
   let e;
-  return t && Q(t, null) && (e = Q(t)), e || (e = new Fe()), e;
-}, it = (t = "") => {
+  return t && J(t, null) && (e = J(t)), e || (e = new Me()), e;
+}, Ht = (t = "") => {
   let e;
-  if (t && Q(t, null)) {
-    const l = Q(t);
-    l && l() && (e = l());
+  if (t && J(t, null)) {
+    const n = J(t);
+    n && n() && (e = n());
   }
-  return e || (e = new tt()), e;
-}, Te = {
-  getNotify: at,
-  getServerAPI: it
+  return e || (e = new St()), e;
+}, Pe = {
+  getNotify: Bt,
+  getServerAPI: Ht
 };
-function ot(t, e, l) {
-  const i = Te.getNotify(t.notifyServiceToken), a = B(t.fileInfos), {
+function Oe(t, e, n) {
+  const i = Pe.getNotify(t.notifyServiceToken), a = B(t.fileInfos), {
     disabled: s,
-    uploadVisible: c,
+    uploadVisible: d,
     uploadDisabled: u,
-    previewVisible: m,
-    orderField: C,
-    previewEnableMulti: p,
-    downloadButtonDisable: F,
-    previewColumns: y,
-    uploadEnableMulti: H,
-    previewButtonDisable: k
-  } = fe(t), E = B(!1), g = B([]), R = A(() => g.value.length), w = B([]), b = B("");
-  function P(o) {
-    (!o.length || g.value.length !== o.length) && (E.value = !1);
-    const v = [...o.map((h) => (h.hasOwnProperty("size") || (h.size = void 0), h.hasOwnProperty("createTime") || (h.createTime = void 0), p.value && (h.checked = !!g.value.find((O) => O.id === h.id) || E.value), h))];
-    return v.sort(_e(C.value)), p.value && (g.value = [...v].filter((h) => h.checked)), v;
+    previewVisible: v,
+    orderField: x,
+    previewEnableMulti: f,
+    downloadButtonDisable: T,
+    previewColumns: g,
+    uploadEnableMulti: D,
+    previewButtonDisable: E
+  } = fe(t), H = B(!1), w = B([]), M = O(() => w.value.length), y = B([]), b = B("");
+  function A(o) {
+    (!o.length || w.value.length !== o.length) && (H.value = !1);
+    const h = [...o.map((C) => (C.hasOwnProperty("size") || (C.size = void 0), C.hasOwnProperty("createTime") || (C.createTime = void 0), f.value && (C.checked = !!w.value.find((R) => R.id === C.id) || H.value), C))];
+    return h.sort(gt(x.value)), f.value && (w.value = [...h].filter((C) => C.checked)), h;
   }
-  const S = B(P(a.value));
+  const k = B(A(a.value));
   q(() => t.fileInfos, (o) => {
-    S.value = P(o);
+    k.value = A(o);
   });
-  const j = (o, d) => {
-    o.stopImmediatePropagation(), e.emit("fileDownloadEvent", { fileInfos: [d], name: "" });
-  }, ne = (o, d) => {
-    o.stopImmediatePropagation(), !k.value && e.emit("filePreviewEvent", d);
-  }, se = (o, d, v) => {
-    d.checked && (g.value = g.value.filter((h) => h.id !== d.id)), e.emit("fileRemoveEvent", d), v.handleUploadEvent({ type: "remove", file: d });
-  }, K = (o, d = "preview") => o.formatter ? !0 : d === "preview" ? ["state", "name", "action", "size", "createTime"].findIndex((h) => h === o.field) > -1 : d === "upload" ? ["state", "name", "size"].findIndex((h) => h === o.field) > -1 : !1, Y = (o) => !(o.field === "state" && (u.value || !c.value)), ae = (o) => o.lastIndexOf(".") > 0 ? o.substring(0, o.lastIndexOf(".")) : "", X = (o) => {
-    if (o.stopImmediatePropagation(), R.value > 1) {
-      let d = "";
-      d = ae(g.value[0].name), e.emit("fileDownloadEvent", {
-        fileInfos: g.value,
-        name: d
+  const z = (o, c) => {
+    o.stopImmediatePropagation(), e.emit("fileDownloadEvent", { fileInfos: [c], name: "" });
+  }, Z = (o, c) => {
+    o.stopImmediatePropagation(), !E.value && e.emit("filePreviewEvent", c);
+  }, ee = (o, c, h) => {
+    c.checked && (w.value = w.value.filter((C) => C.id !== c.id)), e.emit("fileRemoveEvent", c), h.handleUploadEvent({ type: "remove", file: c });
+  }, te = (o, c = "preview") => o.formatter ? !0 : c === "preview" ? ["state", "name", "action", "size", "createTime"].findIndex((C) => C === o.field) > -1 : c === "upload" ? ["state", "name", "size"].findIndex((C) => C === o.field) > -1 : !1, W = (o) => !(o.field === "state" && (u.value || !d.value)), Y = (o) => o.lastIndexOf(".") > 0 ? o.substring(0, o.lastIndexOf(".")) : "", le = (o) => {
+    if (o.stopImmediatePropagation(), M.value > 1) {
+      let c = "";
+      c = Y(w.value[0].name), e.emit("fileDownloadEvent", {
+        fileInfos: w.value,
+        name: c
       });
     }
+  }, $ = (o) => {
+    o.stopImmediatePropagation(), e.emit("fileRemoveEvent", w.value);
+  }, ne = (o) => {
+    const c = k.value;
+    o.checked ? (c.forEach((h) => {
+      h.checked = !0;
+    }), w.value = [...k.value], H.value = !0) : (w.value = [], c.forEach((h) => {
+      h.checked = !1;
+    }), H.value = !1), e.emit("previewMultiSelectedEvent", w.value);
+  }, V = (o, c) => {
+    o && (o.stopImmediatePropagation(), o.stopPropagation()), (!b.value || c.id !== b.value) && (b.value = c.id, e.emit("selectedEvent", c));
+  }, m = (o) => {
+    const c = w.value.findIndex((R) => R.id === o.id), h = c > -1, C = k.value.find((R) => R.id === o.id);
+    C && (C.checked = o.checked), o.checked && !h && C && w.value.push(C), !o.checked && h && w.value.splice(c, 1), k.value.length > 0 && (w.value.length === k.value.length ? H.value = !0 : H.value = !1), V(null, C), e.emit("previewMultiSelectedEvent", w.value);
+  }, N = (o) => {
+    var c;
+    (c = n == null ? void 0 : n.value) == null || c.handleUploadEvent(o);
   }, ie = (o) => {
-    o.stopImmediatePropagation(), e.emit("fileRemoveEvent", g.value);
-  }, G = (o) => {
-    const d = S.value;
-    o.checked ? (d.forEach((v) => {
-      v.checked = !0;
-    }), g.value = [...S.value], E.value = !0) : (g.value = [], d.forEach((v) => {
-      v.checked = !1;
-    }), E.value = !1), e.emit("previewMultiSelectedEvent", g.value);
-  }, N = (o, d) => {
-    o && (o.stopImmediatePropagation(), o.stopPropagation()), (!b.value || d.id !== b.value) && (b.value = d.id, e.emit("selectedEvent", d));
-  }, oe = (o) => {
-    const d = g.value.findIndex((O) => O.id === o.id), v = d > -1, h = S.value.find((O) => O.id === o.id);
-    h && (h.checked = o.checked), o.checked && !v && h && g.value.push(h), !o.checked && v && g.value.splice(d, 1), S.value.length > 0 && (g.value.length === S.value.length ? E.value = !0 : E.value = !1), N(null, h), e.emit("previewMultiSelectedEvent", g.value);
-  }, J = (o) => {
-    var d;
-    (d = l == null ? void 0 : l.value) == null || d.handleUploadEvent(o);
-  }, re = (o) => {
-    J({ type: "upload", file: o });
-  }, I = (o, d) => {
-    let v = [];
-    o.files && o.files.length > 0 ? v = o.files : typeof o.file < "u" && (v = [o.file]), d = d || o.type, v.map((h) => {
-      const O = w.value.findIndex((z) => {
-        var te;
-        return typeof h < "u" && ((te = z == null ? void 0 : z.file) == null ? void 0 : te.id) === h.id;
+    N({ type: "upload", file: o });
+  }, U = (o, c) => {
+    let h = [];
+    o.files && o.files.length > 0 ? h = o.files : typeof o.file < "u" && (h = [o.file]), c = c || o.type, h.map((C) => {
+      const R = y.value.findIndex((_) => {
+        var oe;
+        return typeof C < "u" && ((oe = _ == null ? void 0 : _.file) == null ? void 0 : oe.id) === C.id;
       });
-      O > -1 && (w.value[O] = { type: d, file: h });
+      R > -1 && (y.value[R] = { type: c, file: C });
     });
-  }, ue = (o) => {
+  }, X = (o) => {
     if (o.files) {
-      const d = o.files.map((v) => v.id);
-      w.value = w.value.filter((v) => !(d.findIndex((O) => {
-        var z;
-        return O === ((z = v == null ? void 0 : v.file) == null ? void 0 : z.id);
-      }) > -1)), J({
+      const c = o.files.map((h) => h.id);
+      y.value = y.value.filter((h) => !(c.findIndex((R) => {
+        var _;
+        return R === ((_ = h == null ? void 0 : h.file) == null ? void 0 : _.id);
+      }) > -1)), N({
         type: "hide",
-        id: d.join(",")
+        id: c.join(",")
       });
     }
-  }, Z = (o) => {
-    let d = "warning";
-    (o.type === "cancelled" || o.type === "removed") && (d = "success");
-    const v = o.hasOwnProperty("message") ? o.message : "";
+  }, ae = (o) => {
+    let c = "warning";
+    (o.type === "cancelled" || o.type === "removed") && (c = "success");
+    const h = o.hasOwnProperty("message") ? o.message : "";
     i.show({
-      options: { type: d, message: v },
+      options: { type: c, message: h },
       position: "top-center"
     });
-  }, ee = (o) => {
+  }, de = (o) => {
     if (o.type === "addedToQueue" && typeof o.file < "u")
-      w.value.push({ type: o.type, file: o.file }), re(o.file);
+      y.value.push({ type: o.type, file: o.file }), ie(o.file);
     else if (o.type === "start")
-      I(o, "start");
+      U(o, "start");
     else if (o.type === "done") {
-      I(o, "done");
-      const d = (o.files || []).map((v) => ({
+      U(o, "done");
+      const c = (o.files || []).map((h) => ({
         checked: !1,
-        id: v.id,
-        name: v.name,
-        size: v.size,
-        createTime: ve(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")
+        id: h.id,
+        name: h.name,
+        size: h.size,
+        createTime: ge(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")
       }));
-      a.value = [...d, ...S.value], ue(o), e.emit("fUploadDoneEvent", xe(o.files || [])), e.emit("uploadDoneEvent", xe(o.files || []));
+      a.value = [...c, ...k.value], X(o), e.emit("fUploadDoneEvent", Se(o.files || [])), e.emit("uploadDoneEvent", Se(o.files || []));
     } else if (o.type === "cancelled" || o.type === "removed" || o.type === "error") {
-      const d = a.value.filter((v) => o.files && o.files.findIndex((h) => v.id === h.id) < 0);
-      a.value = [...d], Z(o);
-    } else o.type === "rejected" && typeof o.file < "u" && Z(o);
+      const c = a.value.filter((h) => o.files && o.files.findIndex((C) => h.id === C.id) < 0);
+      a.value = [...c], ae(o);
+    } else o.type === "rejected" && typeof o.file < "u" && ae(o);
   };
-  return pe(() => {
+  return me(() => {
   }), {
     disabled: s,
-    uploadVisible: c,
+    uploadVisible: d,
     uploadDisabled: u,
-    downloadButtonDisable: F,
-    previewVisible: m,
-    previewColumns: y,
-    uploadFiles: w,
-    innerFileInfos: S,
-    previewEnableMulti: p,
-    previewMultiSelectedLength: R,
-    previewSelectAllBtnChecked: E,
-    uploadEnableMulti: H,
+    downloadButtonDisable: T,
+    previewVisible: v,
+    previewColumns: g,
+    uploadFiles: y,
+    innerFileInfos: k,
+    previewEnableMulti: f,
+    previewMultiSelectedLength: M,
+    previewSelectAllBtnChecked: H,
+    uploadEnableMulti: D,
     previewCurrentId: b,
-    multiFileRemoveHandler: ie,
-    previewMultiSelectChangeHandler: oe,
-    fileMultiDownloadHandler: X,
-    selectOrCancelAllHandler: G,
-    hasColumnHtmlFunc: K,
-    showPreviewStateColumn: Y,
-    rowSelectedHandler: N,
-    fileDownloadHandler: j,
-    filePreviewHandler: ne,
-    fileRemoveHandler: se,
-    handleStateChange: ee
+    multiFileRemoveHandler: $,
+    previewMultiSelectChangeHandler: m,
+    fileMultiDownloadHandler: le,
+    selectOrCancelAllHandler: ne,
+    hasColumnHtmlFunc: te,
+    showPreviewStateColumn: W,
+    rowSelectedHandler: V,
+    fileDownloadHandler: z,
+    filePreviewHandler: Z,
+    fileRemoveHandler: ee,
+    handleStateChange: de
   };
 }
-class rt {
-  constructor(e, l) {
+class Dt {
+  constructor(e, n) {
     // 记录在上传的附件数组
-    U(this, "queue");
-    U(this, "uploadOpts", {
+    j(this, "queue");
+    j(this, "uploadOpts", {
       // 默认不限制,0代表不限制 Number.POSITIVE_INFINITY
       allowedContentTypes: ["*"],
       maxUploads: 0,
@@ -914,10 +1199,10 @@ class rt {
     /**
      * 服务器端扩展
      */
-    U(this, "extendServerConfig", null);
-    U(this, "uploadServerSer");
-    U(this, "uploadContext", null);
-    this.stateChangeRecord = e, this.serverToken = l, this.queue = [], this.uploadServerSer = Te.getServerAPI(this.serverToken);
+    j(this, "extendServerConfig", null);
+    j(this, "uploadServerSer");
+    j(this, "uploadContext", null);
+    this.stateChangeRecord = e, this.serverToken = n, this.queue = [], this.uploadServerSer = Pe.getServerAPI(this.serverToken);
   }
   setUploadContext(e) {
     this.uploadContext = e;
@@ -926,7 +1211,7 @@ class rt {
    * 处理从服务器端返回的结果
    */
   handleResultFromServer(e) {
-    var l, i;
+    var n, i;
     switch (e.type) {
       case "removed":
         this.queue = this.queue.filter(
@@ -937,7 +1222,7 @@ class rt {
         ), e.hasOwnProperty("message") || (e.message = "被删除"), this.stateChangeRecord.value = e;
         break;
       case "error":
-        this.queue = this.queue.filter((a) => e.files && e.files.findIndex((s) => a.id === s.id) < 0), (l = this.uploadContext) == null || l.emit("stateChange", e);
+        this.queue = this.queue.filter((a) => e.files && e.files.findIndex((s) => a.id === s.id) < 0), (n = this.uploadContext) == null || n.emit("stateChange", e);
         break;
       default:
         (i = this.uploadContext) == null || i.emit("stateChange", e);
@@ -952,35 +1237,35 @@ class rt {
    */
   handleFiles(e) {
     var i;
-    const l = Array.from(e).reduce(
-      (a, s, c) => {
-        var C;
-        const u = a.length + this.queue.length + 1, m = this.rejectedReason(
+    const n = Array.from(e).reduce(
+      (a, s, d) => {
+        var x;
+        const u = a.length + this.queue.length + 1, v = this.rejectedReason(
           s.name,
           u,
           s.size
         );
-        if (m.allowed)
+        if (v.allowed)
           a = a.concat(s);
         else {
-          const p = be(
+          const f = Fe(
             s,
-            c
+            d
           );
-          (C = this.uploadContext) == null || C.emit("stateChange", {
+          (x = this.uploadContext) == null || x.emit("stateChange", {
             type: "rejected",
-            file: p,
-            message: m.message
+            file: f,
+            message: v.message
           });
         }
         return a;
       },
       []
     );
-    [].map.call(l, (a, s) => {
+    [].map.call(n, (a, s) => {
       var u;
-      const c = be(a, s);
-      this.queue.push(c), (u = this.uploadContext) == null || u.emit("stateChange", { type: "addedToQueue", file: c });
+      const d = Fe(a, s);
+      this.queue.push(d), (u = this.uploadContext) == null || u.emit("stateChange", { type: "addedToQueue", file: d });
     }), (i = this.uploadContext) == null || i.emit("stateChange", { type: "allAddedToQueue" });
   }
   /**
@@ -990,9 +1275,9 @@ class rt {
    * @param size
    * @returns
    */
-  rejectedReason(e, l, i) {
+  rejectedReason(e, n, i) {
     let a = !1, s = "";
-    return this.queue.findIndex((u) => u.name === e) > -1 ? s = "上传失败：已存在同名文件" : this.uploadOpts.allowedContentTypes && !Ze(this.uploadOpts.allowedContentTypes, e) ? s = `上传失败：只允许上传${this.uploadOpts.allowedContentTypes.join(",")}类型的文档` : this.exceedMaxUpload(l) ? s = `上传失败：文件总个数超出${this.uploadOpts.maxUploads}限制` : Ge(this.uploadOpts.maxFileSize, i) ? i === 0 ? s = "上传失败：不允许文件为空" : a = !0 : s = `上传失败：单个文件大小超出${this.uploadOpts.maxFileSize}MB的限制`, {
+    return this.queue.findIndex((u) => u.name === e) > -1 ? s = "上传失败：已存在同名文件" : this.uploadOpts.allowedContentTypes && !Ct(this.uploadOpts.allowedContentTypes, e) ? s = `上传失败：只允许上传${this.uploadOpts.allowedContentTypes.join(",")}类型的文档` : this.exceedMaxUpload(n) ? s = `上传失败：文件总个数超出${this.uploadOpts.maxUploads}限制` : bt(this.uploadOpts.maxFileSize, i) ? i === 0 ? s = "上传失败：不允许文件为空" : a = !0 : s = `上传失败：单个文件大小超出${this.uploadOpts.maxFileSize}MB的限制`, {
       allowed: a,
       message: s
     };
@@ -1005,15 +1290,15 @@ class rt {
   exceedMaxUpload(e = 0) {
     if (!this.uploadOpts || !this.uploadOpts.maxUploads)
       return !1;
-    const l = this.uploadOpts.uploadedCount || 0;
-    return this.uploadOpts.maxUploads > 0 && (this.uploadOpts.maxUploads <= l || e + l > this.uploadOpts.maxUploads);
+    const n = this.uploadOpts.uploadedCount || 0;
+    return this.uploadOpts.maxUploads > 0 && (this.uploadOpts.maxUploads <= n || e + n > this.uploadOpts.maxUploads);
   }
   /**
    * 从前端传来事件，进行服务器端方法类型判断
    * @param input
    */
   handleUploadEvent(e) {
-    var l, i;
+    var n, i;
     switch (e.type) {
       case "upload":
         const a = this.queue.findIndex(
@@ -1025,12 +1310,12 @@ class rt {
         });
         break;
       case "remove":
-        if (!((l = e == null ? void 0 : e.file) != null && l.id))
+        if (!((n = e == null ? void 0 : e.file) != null && n.id))
           return;
         const s = this.queue.findIndex(
           (u) => {
-            var m;
-            return u.id === ((m = e == null ? void 0 : e.file) == null ? void 0 : m.id);
+            var v;
+            return u.id === ((v = e == null ? void 0 : e.file) == null ? void 0 : v.id);
           }
         );
         if (s !== -1 && this.queue[s] && this.queue[s].progress) {
@@ -1040,20 +1325,20 @@ class rt {
         this.serverMethod({ files: [e.file], event: e });
         break;
       case "removeAll":
-        const c = this.queue.filter(
+        const d = this.queue.filter(
           (u) => {
-            var m;
-            return ((m = u == null ? void 0 : u.progress) == null ? void 0 : m.status) === L.Queue;
+            var v;
+            return ((v = u == null ? void 0 : u.progress) == null ? void 0 : v.status) === L.Queue;
           }
         );
-        c.length && ((i = this.uploadContext) == null || i.emit("stateChange", {
+        d.length && ((i = this.uploadContext) == null || i.emit("stateChange", {
           type: "cancelled",
-          files: c,
+          files: d,
           message: "删除附件成功"
         }), this.queue = this.queue.filter(
           (u) => {
-            var m;
-            return ((m = u == null ? void 0 : u.progress) == null ? void 0 : m.status) !== L.Queue;
+            var v;
+            return ((v = u == null ? void 0 : u.progress) == null ? void 0 : v.status) !== L.Queue;
           }
         )), this.queue.length && (e.type = "remove", this.queue.forEach((u) => {
           u.progress && (u.progress.status = L.Remove);
@@ -1074,19 +1359,19 @@ class rt {
    * @returns
    */
   serverMethod(e) {
-    let l;
+    let n;
     switch (e.event.type) {
       case "upload":
-        l = this.upload(e.files, e.event, (i) => this.handleResultFromServer(i));
+        n = this.upload(e.files, e.event, (i) => this.handleResultFromServer(i));
         break;
       case "removeAll":
       case "remove":
-        l = this.remove(e.files, e.event, (i) => this.handleResultFromServer(i));
+        n = this.remove(e.files, e.event, (i) => this.handleResultFromServer(i));
         break;
       default:
-        l = null;
+        n = null;
     }
-    l && l.then((i) => {
+    n && n.then((i) => {
       this.handleResultFromServer(i);
     }).catch((i) => {
       this.handleResultFromServer(i);
@@ -1098,9 +1383,9 @@ class rt {
    * @param event
    * @returns
    */
-  upload(e, l, i) {
+  upload(e, n, i) {
     var a;
-    return (a = this.uploadContext) == null || a.emit("stateChange", { type: "start", files: e }), this.uploadServerSer.upload(e, l, this.extendServerConfig, i);
+    return (a = this.uploadContext) == null || a.emit("stateChange", { type: "start", files: e }), this.uploadServerSer.upload(e, n, this.extendServerConfig, i);
   }
   /**
    * 删除附件
@@ -1108,8 +1393,8 @@ class rt {
    * @param event
    * @returns
    */
-  remove(e, l, i) {
-    return this.uploadServerSer.remove(e, l, this.extendServerConfig, i);
+  remove(e, n, i) {
+    return this.uploadServerSer.remove(e, n, this.extendServerConfig, i);
   }
   /**
    * 重置
@@ -1124,332 +1409,552 @@ class rt {
     this.reset();
   }
 }
-const ut = /* @__PURE__ */ $({
+const ue = /* @__PURE__ */ K({
   name: "FUploader",
   components: {
-    "f-upload-progress": ze,
-    "f-preview-checkbox": Ie,
-    "f-file-select": qe
+    "f-upload-progress": et,
+    "f-preview-checkbox": Te,
+    "f-file-select": Ee
   },
-  props: $e,
+  props: he,
   emits: ["filePreviewEvent", "fileDownloadEvent", "previewMultiSelectedEvent", "selectedEvent", "fileRemoveEvent", "fileRemovedEvent", "fUploadDoneEvent", "uploadDoneEvent"],
   setup(t, e) {
-    const l = B(), i = new rt(l, t.uploadServerToken);
-    Ne("uploaderService", i);
-    const a = B(t.customInfo), s = Ke(t.uploadOptions, {
-      // 允许上传的文件类型
-      allowedContentTypes: ["*"],
-      // 默认不限制附件上传个数
-      maxUploads: 0,
-      // 单位KB，默认是12M
-      maxFileSize: "12MB"
-    }), c = B(null), {
-      disabled: u,
-      uploadVisible: m,
-      uploadDisabled: C,
-      downloadButtonDisable: p,
-      previewVisible: F,
-      previewColumns: y,
-      uploadFiles: H,
-      innerFileInfos: k,
-      previewEnableMulti: E,
-      previewMultiSelectedLength: g,
-      previewSelectAllBtnChecked: R,
-      uploadEnableMulti: w,
-      previewCurrentId: b,
-      multiFileRemoveHandler: P,
-      previewMultiSelectChangeHandler: S,
-      fileMultiDownloadHandler: j,
-      selectOrCancelAllHandler: ne,
-      rowSelectedHandler: se,
-      hasColumnHtmlFunc: K,
+    const n = B(), i = new Dt(n, t.uploadServerToken);
+    Ve("uploaderService", i);
+    const a = B(t.customInfo);
+    function s() {
+      return Ae(t.uploadOptions, {
+        // 允许上传的文件类型
+        allowedContentTypes: ["*"],
+        // 默认不限制附件上传个数
+        maxUploads: 0,
+        // 单位KB，默认是12M
+        maxFileSize: "12MB"
+      });
+    }
+    const d = B(s()), u = B(null);
+    q(() => t.uploadOptions, () => {
+      d.value = s();
+    }, {
+      deep: !0
+    });
+    const {
+      disabled: v,
+      uploadVisible: x,
+      uploadDisabled: f,
+      downloadButtonDisable: T,
+      previewVisible: g,
+      previewColumns: D,
+      uploadFiles: E,
+      innerFileInfos: H,
+      previewEnableMulti: w,
+      previewMultiSelectedLength: M,
+      previewSelectAllBtnChecked: y,
+      uploadEnableMulti: b,
+      previewCurrentId: A,
+      multiFileRemoveHandler: k,
+      previewMultiSelectChangeHandler: z,
+      fileMultiDownloadHandler: Z,
+      selectOrCancelAllHandler: ee,
+      rowSelectedHandler: te,
+      hasColumnHtmlFunc: W,
       showPreviewStateColumn: Y,
-      fileDownloadHandler: ae,
-      filePreviewHandler: X,
-      fileRemoveHandler: ie,
-      handleStateChange: G
-    } = ot(t, e, c);
-    q(l, (r) => {
-      switch (G(r), r.type) {
+      fileDownloadHandler: le,
+      filePreviewHandler: $,
+      fileRemoveHandler: ne,
+      handleStateChange: V
+    } = Oe(t, e, u);
+    q(n, (r) => {
+      switch (V(r), r.type) {
         case "removed":
           e.emit("fileRemovedEvent", r.files[0]);
           break;
       }
     });
-    const N = A(() => k.value.length > 0);
-    function oe() {
+    const m = O(() => H.value.length > 0);
+    function N() {
       var r;
-      return Qe((s == null ? void 0 : s.allowedContentTypes) || []) ? n("li", null, [n("span", null, [T("支持类型：")]), n("span", {
+      return He(d.value.allowedContentTypes || []) ? l("li", null, [l("span", null, [F("支持类型：")]), l("span", {
         class: "support-info--item-detail",
         style: "margin-right:4px;"
-      }, [(r = s.allowedContentTypes) == null ? void 0 : r.join(""), T(",")])]) : "";
+      }, [(r = d.value.allowedContentTypes) == null ? void 0 : r.join(""), F(",")])]) : "";
     }
-    function J() {
-      return We((s == null ? void 0 : s.maxFileSize) || "") ? n("li", null, [n("span", null, [T("单个文件限制：")]), n("span", {
+    function ie() {
+      return De(d.value.maxFileSize || "") ? l("li", null, [l("span", null, [F("单个文件限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [s.maxFileSize, T(",   ")])]) : "";
+      }, [d.value.maxFileSize, F(",   ")])]) : "";
     }
-    function re() {
-      return ((s == null ? void 0 : s.maxUploads) || 0) > 0 && n("li", null, [n("span", null, [T("文件总数限制：")]), n("span", {
+    function U() {
+      return (d.value.maxUploads || 0) > 0 && l("li", null, [l("span", null, [F("文件总数限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [s.maxUploads, T("个")])]);
+      }, [d.value.maxUploads, F("个")])]);
     }
-    function I() {
-      return m.value && !C.value && !u.value ? n("div", {
+    function X() {
+      return x.value && !f.value && !v.value ? l("div", {
         class: "ffileupload--support-info"
-      }, [a.value ? n("ul", {
+      }, [a.value ? l("ul", {
         class: "support-info--wrapper"
-      }, [n("li", null, [n("span", {
+      }, [l("li", null, [l("span", {
         class: "support-info--item-detail",
         innerHTML: a.value
-      }, null)])]) : n("ul", {
+      }, null)])]) : l("ul", {
         class: "support-info--wrapper"
-      }, [oe(), J(), re()])]) : null;
+      }, [N(), ie(), U()])]) : null;
     }
-    function ue(r) {
-      var f, x, M;
-      return n("div", {
+    function ae(r) {
+      var p, S, I;
+      return l("div", {
         class: "uploadAndpreview--title-container"
-      }, [n("div", {
+      }, [l("div", {
         class: "ffilepreview--item-icon"
-      }, [n("span", {
-        class: ["ffilepreview--filetype-icon", ye(((f = r.file) == null ? void 0 : f.name) || "")]
-      }, null)]), n("div", {
+      }, [l("span", {
+        class: ["ffilepreview--filetype-icon", xe(((p = r.file) == null ? void 0 : p.name) || "")]
+      }, null)]), l("div", {
         class: "uploadAndpreview--right"
-      }, [n("a", {
+      }, [l("a", {
         class: "item-content--title",
-        title: (x = r.file) == null ? void 0 : x.name
-      }, [((M = r.file) == null ? void 0 : M.name) || "无名称"]), n(V("f-upload-progress"), {
+        title: (S = r.file) == null ? void 0 : S.name
+      }, [((I = r.file) == null ? void 0 : I.name) || "无名称"]), l(Q("f-upload-progress"), {
         status: r.type === "done" ? "success" : "active",
-        percent: we(r),
+        percent: Ce(r),
         maxWidth: 300
       }, null)])]);
     }
-    function Z(r) {
-      return n("div", {
+    function de(r) {
+      return l("div", {
         class: "uploadAndpreview--title-container"
-      }, [n("div", {
+      }, [l("div", {
         class: "ffilepreview--item-icon"
-      }, [n("span", {
-        class: ["ffilepreview--filetype-icon", ye(r.name)]
-      }, null)]), n("div", {
+      }, [l("span", {
+        class: ["ffilepreview--filetype-icon", xe(r.name)]
+      }, null)]), l("div", {
         class: "uploadAndpreview--right"
-      }, [n("a", {
+      }, [l("a", {
         class: ["item-content--title", "previewButtonDisable.value?'no-preview':''"],
         title: r.name,
-        onClick: (f) => X(f, r)
+        onClick: (p) => $(p, r)
       }, [r.name])])]);
     }
-    function ee(r, f, x) {
-      return n("div", {
+    function o(r, p, S) {
+      return l("div", {
         class: "uploadAndpreview--filesize-container"
-      }, [r === "preview" && x ? n("span", null, [Ye(x.size)]) : null, r === "upload" && f ? n("span", null, [we(f)]) : null]);
+      }, [r === "preview" && S ? l("span", null, [wt(S.size)]) : null, r === "upload" && p ? l("span", null, [Ce(p)]) : null]);
     }
-    function o(r, f) {
-      return f && f.type === "error" ? n("div", {
+    function c(r, p) {
+      return p && p.type === "error" ? l("div", {
         class: "uploadAndpreview--state-container"
-      }, [n("p", {
+      }, [l("p", {
         class: "upload-state--uploaded"
-      }, [n("i", {
+      }, [l("i", {
         class: "f-icon f-icon-message_warning text-danger"
-      }, null), n("span", null, [T("存在异常")])])]) : n("div", {
+      }, null), l("span", null, [F("存在异常")])])]) : l("div", {
         class: "uploadAndpreview--state-container"
-      }, [r === "upload" ? f && f.type !== "done" ? n("p", {
+      }, [r === "upload" ? p && p.type !== "done" ? l("p", {
         class: "upload-state--uploading"
-      }, [n("i", {
+      }, [l("i", {
         class: "f-icon f-icon-clock text-warning"
-      }, null), n("span", null, [T("正在上传...")])]) : n("p", {
+      }, null), l("span", null, [F("正在上传...")])]) : l("p", {
         class: "upload-state--uploaded"
-      }, [n("i", {
+      }, [l("i", {
         class: "f-icon f-icon-success text-success"
-      }, null), n("span", null, [T("上传成功")])]) : r === "preview" ? n("p", {
+      }, null), l("span", null, [F("上传成功")])]) : r === "preview" ? l("p", {
         class: "upload-state--uploaded"
-      }, [n("i", {
+      }, [l("i", {
         class: "f-icon f-icon-success text-success"
-      }, null), n("span", null, [T("已上传")])]) : ""]);
+      }, null), l("span", null, [F("已上传")])]) : ""]);
     }
-    function d(r) {
-      return n("div", {
+    function h(r) {
+      return l("div", {
         class: "uploadAndpreview--action-container"
-      }, [p.value ? "" : n("button", {
+      }, [T.value ? "" : l("button", {
         class: "btn preview-btn",
         title: "下载",
-        onClick: (f) => ae(f, r)
-      }, [n("span", {
+        onClick: (p) => le(p, r)
+      }, [l("span", {
         class: "f-icon f-icon-enclosure_download"
-      }, null)]), t.previewButtonDisable ? "" : n("button", {
+      }, null)]), t.previewButtonDisable ? "" : l("button", {
         class: "btn preview-btn",
         title: "预览",
-        onClick: (f) => X(f, r)
-      }, [n("span", {
+        onClick: (p) => $(p, r)
+      }, [l("span", {
         class: "f-icon f-icon-enclosure_browse"
-      }, null)]), t.deleteButtonDisable ? "" : n("button", {
+      }, null)]), t.deleteButtonDisable ? "" : l("button", {
         class: "btn preview-btn",
         title: "删除",
-        onClick: (f) => ie(f, r, i)
-      }, [n("span", {
+        onClick: (p) => ne(p, r, i)
+      }, [l("span", {
         class: "f-icon f-icon-enclosure_delete",
         style: "top: -1px"
       }, null)])]);
     }
-    function v(r) {
-      return n("div", {
+    function C(r) {
+      return l("div", {
         class: "uploadAndpreview--date-container"
       }, [r.createTime || ""]);
     }
-    function h(r, f, x, M) {
-      let D;
-      if (r = r || "preview", M.formatter)
-        return D = M.formatter(x[M.field] || "", r, r === "preview" ? x : f, M), D;
-      if (r === "preview" && x)
-        switch (M.field) {
+    function R(r, p, S, I) {
+      let P;
+      if (r = r || "preview", I.formatter)
+        return P = I.formatter(S[I.field] || "", r, r === "preview" ? S : p, I), P;
+      if (r === "preview" && S)
+        switch (I.field) {
           case "state":
-            D = o("preview", null);
+            P = c("preview", null);
             break;
           case "name":
-            D = Z(x);
+            P = de(S);
             break;
           case "action":
-            D = d(x);
+            P = h(S);
             break;
           case "size":
-            D = ee(r, f, x);
+            P = o(r, p, S);
             break;
           case "createTime":
-            D = v(x);
+            P = C(S);
             break;
           default:
-            D = `<div>${x[M.field] || ""} </div>`;
+            P = `<div>${S[I.field] || ""} </div>`;
         }
-      if (r === "upload" && f)
-        switch (M.field) {
+      if (r === "upload" && p)
+        switch (I.field) {
           case "state":
-            D = o("upload", f);
+            P = c("upload", p);
             break;
           case "name":
-            D = ue(f);
+            P = ae(p);
             break;
           case "size":
-            D = ee(r, f, x);
+            P = o(r, p, S);
             break;
           default:
-            D = "";
+            P = "";
         }
-      return D;
+      return P;
     }
-    function O() {
-      return m.value ? n("div", {
+    function _() {
+      return x.value ? l("div", {
         class: "header--left-container"
-      }, [n(V("f-file-select"), {
-        ref: c,
-        disabled: C.value,
+      }, [l(Q("f-file-select"), {
+        ref: u,
+        disabled: f.value,
         selectText: t.selectText,
         uploadedCount: t.uploadedCount,
         uploadServerToken: t.uploadServerToken,
-        enableMulti: w.value,
-        options: t.uploadOptions,
+        enableMulti: b.value,
+        options: d.value,
         extendConfig: t.extendConfig,
-        onStateChange: (r) => G(r)
+        onStateChange: (r) => V(r)
       }, null)]) : null;
     }
-    function z() {
-      return !m.value && F.value && N.value ? n("div", {
+    function oe() {
+      return !x.value && g.value && m.value ? l("div", {
         class: "header--left-container header--countInfo"
-      }, [n("p", {
+      }, [l("p", {
         class: "m-0"
-      }, [T("共"), n("span", {
+      }, [F("共"), l("span", {
         class: "count"
-      }, [H.value.length + k.value.length]), T("个附件"), g.value > 0 ? n(_, null, [T("(已选"), n("span", {
+      }, [E.value.length + H.value.length]), F("个附件"), M.value > 0 ? l(G, null, [F("(已选"), l("span", {
         class: "count-selected"
-      }, [g.value]), T("个)")]) : ""])]) : null;
+      }, [M.value]), F("个)")]) : ""])]) : null;
     }
-    function te() {
-      return (!p.value || !t.deleteButtonDisable) && F.value && N.value ? n("div", {
+    function Re() {
+      return (!T.value || !t.deleteButtonDisable) && g.value && m.value ? l("div", {
         class: "header--right-container"
-      }, [p.value ? null : n("button", {
+      }, [T.value ? null : l("button", {
         class: "btn btn-primary f-btn-ml",
-        disabled: g.value === 0,
-        onClick: (x) => j(x)
-      }, [T("下载")]), t.deleteButtonDisable.value ? null : n("button", {
+        disabled: M.value === 0,
+        onClick: (S) => Z(S)
+      }, [F("下载")]), t.deleteButtonDisable.value ? null : l("button", {
         class: "btn btn-secondary f-btn-ml",
-        disabled: g.value === 0,
-        onClick: (x) => P(x)
-      }, [T("删除")])]) : null;
+        disabled: M.value === 0,
+        onClick: (S) => k(S)
+      }, [F("删除")])]) : null;
     }
-    function he() {
-      return y.value.map((r) => Y(r) ? n("th", {
+    function we() {
+      return D.value.map((r) => Y(r) ? l("th", {
         style: {
           width: r.width ? r.width + "px" : "auto"
         },
-        class: [!u.value && r.checkbox && r.checkbox ? "td--hascheckbox" : ""]
-      }, [!u.value && E.value && r.checkbox ? n(V("f-preview-checkbox"), {
+        class: [!v.value && r.checkbox && r.checkbox ? "td--hascheckbox" : ""]
+      }, [!v.value && w.value && r.checkbox ? l(Q("f-preview-checkbox"), {
         class: "preview-checkbox",
         id: "previewMultiBtn",
-        checked: R.value,
-        onCheckedChange: (f) => ne(f)
+        checked: y.value,
+        onCheckedChange: (p) => ee(p)
       }, null) : null, r.title]) : null);
     }
-    function ke() {
-      return H.value.map((r) => {
-        var f;
-        return n("tr", {
+    function Ne() {
+      return E.value.map((r) => {
+        var p;
+        return l("tr", {
           class: "uploadAndpreview--upload-item",
-          id: "uploadAndpreview--upload-item" + (((f = r == null ? void 0 : r.file) == null ? void 0 : f.id) || "")
-        }, [y.value.map((x) => {
-          var M;
-          return n("td", {
-            class: [!u.value && x.checkbox && x.checkbox ? "td--hascheckbox" : ""]
-          }, [E.value && x.checkbox ? n(V("f-preview-checkbox"), {
-            id: (M = r == null ? void 0 : r.file) == null ? void 0 : M.id,
+          id: "uploadAndpreview--upload-item" + (((p = r == null ? void 0 : r.file) == null ? void 0 : p.id) || "")
+        }, [D.value.map((S) => {
+          var I;
+          return l("td", {
+            class: [!v.value && S.checkbox && S.checkbox ? "td--hascheckbox" : ""]
+          }, [w.value && S.checkbox ? l(Q("f-preview-checkbox"), {
+            id: (I = r == null ? void 0 : r.file) == null ? void 0 : I.id,
             checked: r.checked,
             disabled: r.type !== "done",
             class: "preview-checkbox",
-            onCheckedChange: (D) => S(D)
-          }, null) : null, K(x, "upload") ? h("upload", r, null, x) : null]);
+            onCheckedChange: (P) => z(P)
+          }, null) : null, W(S, "upload") ? R("upload", r, null, S) : null]);
         })]);
       });
     }
-    function me() {
-      return k.value.map((r) => n("tr", {
-        class: ["uploadAndpreview--preview-item", b.value === r.id ? "uploadAndpreview--currentfile" : ""],
+    function ye() {
+      return H.value.map((r) => l("tr", {
+        class: ["uploadAndpreview--preview-item", A.value === r.id ? "uploadAndpreview--currentfile" : ""],
         id: "uploadAndpreview--preview-item" + r.id,
-        onClick: (f) => se(f, r)
-      }, [y.value.map((f) => Y(f) ? n("td", {
-        class: [!u.value && f.checkbox && f.checkbox ? "td--hascheckbox" : ""]
-      }, [!u.value && E.value && f.checkbox ? n(V("f-preview-checkbox"), {
+        onClick: (p) => te(p, r)
+      }, [D.value.map((p) => Y(p) ? l("td", {
+        class: [!v.value && p.checkbox && p.checkbox ? "td--hascheckbox" : ""]
+      }, [!v.value && w.value && p.checkbox ? l(Q("f-preview-checkbox"), {
         id: r.id,
         checked: r.checked,
         class: "preview-checkbox",
-        onCheckedChange: (x) => S(x)
-      }, null) : null, K(f, "preview") ? h("preview", null, r, f) : n("div", {
+        onCheckedChange: (S) => z(S)
+      }, null) : null, W(p, "preview") ? R("preview", null, r, p) : l("div", {
         class: "text-truncate",
-        innerHTML: h("preview", null, r, f)
+        innerHTML: R("preview", null, r, p)
       }, null)]) : null)]));
     }
-    return () => u.value ? n("div", {
+    return () => v.value ? l("div", {
       class: "fv-upload-and-preview"
-    }, [N.value ? null : I(), F.value ? n("div", {
+    }, [m.value ? null : X(), g.value ? l("div", {
       class: "uploadAndpreview--content"
-    }, [N.value ? n("table", {
+    }, [m.value ? l("table", {
       class: "table table-bordered uploadAndpreview--table"
-    }, [n("thead", null, [he()]), n("tbody", null, [me()])]) : n("p", {
+    }, [l("thead", null, [we()]), l("tbody", null, [ye()])]) : l("p", {
       class: "uploadAndpreview--nodata"
-    }, [T("无附件信息")])]) : null, N.value ? I() : null]) : n("div", {
+    }, [F("无附件信息")])]) : null, m.value ? X() : null]) : l("div", {
       class: "fv-upload-and-preview"
-    }, [n("div", {
+    }, [l("div", {
       class: "uploadAndpreview--header"
-    }, [O(), z(), te()]), N.value ? null : I(), F.value || m.value ? n("div", {
+    }, [_(), oe(), Re()]), m.value ? null : X(), g.value || x.value ? l("div", {
       class: "uploadAndpreview--content"
-    }, [(p.value || !m.value) && H.value.length === 0 && !N.value ? n("p", {
+    }, [(T.value || !x.value) && E.value.length === 0 && !m.value ? l("p", {
       class: "uploadAndpreview--nodata"
-    }, [T("无附件信息")]) : "", H.value.length > 0 || N ? n("table", {
+    }, [F("无附件信息")]) : "", E.value.length > 0 || m ? l("table", {
       class: "table table-bordered uploadAndpreview--table"
-    }, [n("thead", null, [he()]), n("tbody", null, [ke(), me()])]) : null]) : null, N.value ? I() : null]);
+    }, [l("thead", null, [we()]), l("tbody", null, [Ne(), ye()])]) : null]) : null, m.value ? X() : null]);
   }
-}), vt = Re(ut);
+}), At = /* @__PURE__ */ K({
+  name: "FUploaderDesign",
+  components: {
+    "f-preview-checkbox": Te,
+    "f-file-select": Ee
+  },
+  props: he,
+  emits: ["filePreviewEvent", "fileDownloadEvent", "previewMultiSelectedEvent", "selectedEvent", "fileRemoveEvent", "fUploadDoneEvent", "uploadDoneEvent"],
+  setup(t, e) {
+    const n = B(t.customInfo), i = Ae(t.uploadOptions, {
+      // 允许上传的文件类型
+      allowedContentTypes: ["*"],
+      // 默认不限制附件上传个数
+      maxUploads: 0,
+      // 单位KB，默认是12M
+      maxFileSize: "12MB"
+    }), a = B(null), s = [{
+      id: "attach01",
+      name: ""
+    }, {
+      id: "attach02",
+      name: ""
+    }], {
+      disabled: d,
+      uploadVisible: u,
+      uploadDisabled: v,
+      downloadButtonDisable: x,
+      previewVisible: f,
+      previewColumns: T,
+      previewEnableMulti: g,
+      previewCurrentId: D,
+      showPreviewStateColumn: E
+    } = Oe(t, e, a);
+    function H() {
+      var m;
+      return He((i == null ? void 0 : i.allowedContentTypes) || []) ? l("li", null, [l("span", null, [F("支持类型：")]), l("span", {
+        class: "support-info--item-detail",
+        style: "margin-right:4px;"
+      }, [(m = i.allowedContentTypes) == null ? void 0 : m.join(""), F(",")])]) : null;
+    }
+    function w() {
+      return De((i == null ? void 0 : i.maxFileSize) || "") ? l("li", null, [l("span", null, [F("单个文件限制：")]), l("span", {
+        class: "support-info--item-detail"
+      }, [i.maxFileSize, F(",   ")])]) : null;
+    }
+    function M() {
+      return ((i == null ? void 0 : i.maxUploads) || 0) > 0 ? l("li", null, [l("span", null, [F("文件总数限制：")]), l("span", {
+        class: "support-info--item-detail"
+      }, [i.maxUploads, F("个")])]) : null;
+    }
+    function y() {
+      return u.value && !v.value && !d.value ? l("div", {
+        class: "ffileupload--support-info"
+      }, [n.value ? l("ul", {
+        class: "support-info--wrapper"
+      }, [l("li", null, [l("span", {
+        class: "support-info--item-detail",
+        innerHTML: n.value
+      }, null)])]) : l("ul", {
+        class: "support-info--wrapper"
+      }, [H(), w(), M()])]) : null;
+    }
+    function b(m) {
+      return l("div", {
+        class: "uploadAndpreview--title-container"
+      }, [l("div", {
+        class: "ffilepreview--item-icon"
+      }, [l("span", {
+        class: "ffilepreview--filetype-icon"
+      }, null)]), l("div", {
+        class: "uploadAndpreview--right"
+      }, [l("span", {
+        class: "ffilepreview--preview-block"
+      }, null)])]);
+    }
+    function A(m) {
+      return l("div", {
+        class: "uploadAndpreview--filesize-container"
+      }, [l("span", {
+        class: "ffilepreview--preview-block"
+      }, null)]);
+    }
+    function k() {
+      return l("div", {
+        class: "uploadAndpreview--state-container"
+      }, [l("p", {
+        class: "upload-state--uploaded"
+      }, [l("i", {
+        class: "f-icon f-icon-success text-success"
+      }, null), l("span", null, [F("已上传")])])]);
+    }
+    function z(m) {
+      return l("div", {
+        class: "uploadAndpreview--action-container"
+      }, [x.value ? "" : l("button", {
+        class: "btn preview-btn",
+        title: "下载"
+      }, [l("span", {
+        class: "f-icon f-icon-enclosure_download"
+      }, null)]), t.previewButtonDisable ? "" : l("button", {
+        class: "btn preview-btn",
+        title: "预览"
+      }, [l("span", {
+        class: "f-icon f-icon-enclosure_browse"
+      }, null)]), t.deleteButtonDisable ? "" : l("button", {
+        class: "btn preview-btn",
+        title: "删除"
+      }, [l("span", {
+        class: "f-icon f-icon-enclosure_delete",
+        style: "top: -1px"
+      }, null)])]);
+    }
+    function Z(m) {
+      return l("div", {
+        class: "uploadAndpreview--date-container"
+      }, [F(" "), l("span", {
+        class: "ffilepreview--preview-block"
+      }, null)]);
+    }
+    function ee(m, N, ie) {
+      let U = null;
+      if (m = m || "preview", m === "preview" && N)
+        switch (ie.field) {
+          case "state":
+            U = k();
+            break;
+          case "name":
+            U = b();
+            break;
+          case "action":
+            U = z();
+            break;
+          case "size":
+            U = A();
+            break;
+          case "createTime":
+            U = Z();
+            break;
+          default:
+            U = l("span", {
+              class: "ffilepreview--preview-block"
+            }, null);
+        }
+      return U;
+    }
+    function te() {
+      return u.value ? l("div", {
+        class: "header--left-container"
+      }, [l(Q("f-file-select"), {
+        ref: a,
+        disabled: v.value,
+        selectText: t.selectText
+      }, null)]) : null;
+    }
+    function W() {
+      return (!x.value || !t.deleteButtonDisable) && f.value ? l("div", {
+        class: "header--right-container"
+      }, [x.value ? null : l("button", {
+        class: "btn btn-primary f-btn-ml",
+        disabled: !0
+      }, [F("下载")]), t.deleteButtonDisable.value ? null : l("button", {
+        class: "btn btn-secondary f-btn-ml",
+        disabled: !0
+      }, [F("删除")])]) : null;
+    }
+    function Y() {
+      return T.value.map((m) => E(m) ? l("th", {
+        style: {
+          width: m.width ? m.width + "px" : "auto"
+        },
+        class: [!d.value && m.checkbox && m.checkbox ? "td--hascheckbox" : ""]
+      }, [!d.value && g.value && m.checkbox ? l(Q("f-preview-checkbox"), {
+        class: "preview-checkbox",
+        id: "previewMultiBtn"
+      }, null) : null, m.title]) : null);
+    }
+    function le() {
+      return s.map((m) => l("tr", {
+        class: ["uploadAndpreview--preview-item", D.value === m.id ? "uploadAndpreview--currentfile" : ""],
+        id: "uploadAndpreview--preview-item" + m.id
+      }, [T.value.map((N) => E(N) ? l("td", {
+        class: [!d.value && N.checkbox && N.checkbox ? "td--hascheckbox" : ""]
+      }, [!d.value && g.value && N.checkbox ? l(Q("f-preview-checkbox"), {
+        class: "preview-checkbox"
+      }, null) : null, ee("preview", m, N)]) : null)]));
+    }
+    _e(() => {
+    });
+    const $ = B(), ne = J("design-item-context"), V = Xe($, ne);
+    return ve(() => {
+      $.value.componentInstance = V;
+    }), e.expose(V.value), () => l("div", {
+      class: "fv-upload-and-preview",
+      ref: $
+    }, [f.value || u.value ? l(G, null, [d.value ? null : l("div", {
+      class: "uploadAndpreview--header"
+    }, [te(), W()]), l("div", {
+      class: "uploadAndpreview--content"
+    }, [l("table", {
+      class: "table table-bordered uploadAndpreview--table"
+    }, [l("thead", null, [Y()]), l("tbody", null, [le()])])]), y()]) : null]);
+  }
+});
+ue.register = (t, e, n, i) => {
+  t.uploader = ue, e.uploader = Be;
+};
+ue.registerDesigner = (t, e, n) => {
+  t.uploader = At, e.uploader = Be;
+};
+const Ut = Ye(ue);
 export {
-  ut as FUploader,
-  Ve as UploadServerAPI,
-  vt as default,
-  $e as uploaderProps
+  ue as FUploader,
+  ht as UploadServerAPI,
+  Ut as default,
+  Be as propsResolver,
+  he as uploaderProps
 };