@farris/ui-vue 1.7.3 → 1.7.4

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 Oe = Object.defineProperty;
+var Ue = (t, e, n) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var L = (t, e, n) => Ue(t, typeof e != "symbol" ? e + "" : e, n);
+import { defineComponent as K, toRefs as fe, createVNode as l, Fragment as J, createTextVNode as x, ref as B, watch as Q, inject as Z, getCurrentInstance as Ie, onMounted as ve, onUnmounted as me, computed as N, reactive as ze, createApp as je, Transition as Le, mergeProps as qe, provide as $e, resolveComponent as V, onBeforeMount as Ve } from "vue";
+import { resolveAppearance as _e, createPropsResolver as Qe } from "../dynamic-resolver/index.esm.js";
+import { useDateFormat as Ke, withInstall as We } from "../common/index.esm.js";
+import { LocaleService as ce } from "../locale/index.esm.js";
+import { useDesignerComponent as Ye } from "../designer-canvas/index.esm.js";
+const Xe = {
   // 是否被选中
   checked: { type: Boolean, default: !1 },
   // 进度条状态 默认'normal'
   id: { type: String, default: "" },
   // 禁用
   disabled: { type: Boolean, default: !1 }
-}, Le = {
+}, Ge = {
   // 是否显示进度条信息
   showInfo: { type: Boolean, default: !0 },
   // 进度条状态 默认'normal'
@@ -19,7 +21,7 @@ const Ue = {
   // 已完成的分段百分比
   percent: { type: Number, default: 0 },
   maxWidth: { type: Number, default: 0 }
-}, je = {
+}, Je = {
   /**
   * 按钮文本
   */
@@ -52,123 +54,402 @@ const Ue = {
   * 附件服务器端服务注入的Token
   */
   uploadServerToken: { type: String, default: "" }
-}, ze = /* @__PURE__ */ $({
+}, Ze = /* @__PURE__ */ K({
   name: "FUploadProgress",
-  props: Le,
+  props: Ge,
   setup(t, e) {
     const {
-      showInfo: l,
-      status: i,
+      showInfo: n,
+      status: s,
       maxWidth: a,
-      percent: s
+      percent: i
     } = 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-" + s.value, "f-progress-status-" + s.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 + "%"
+        width: i.value + "%"
       }
-    }, null)])]), l.value ? n("span", {
+    }, null)])]), n.value ? l("span", {
       class: "upload-progress-text"
-    }, [i.value === "error" || i.value === "success" ? n("span", {
-      class: ["upload-progress-text-icon f-icon", "f-icon-" + i.value]
-    }, null) : n(_, null, [s.value, T("%")])]) : ""]);
+    }, [s.value === "error" || s.value === "success" ? l("span", {
+      class: ["upload-progress-text-icon f-icon", "f-icon-" + s.value]
+    }, null) : l(J, null, [i.value, x("%")])]) : ""]);
   }
-}), Ie = /* @__PURE__ */ $({
+}), Te = /* @__PURE__ */ K({
   name: "FPreviewCheckbox",
-  props: Ue,
+  props: Xe,
   emits: ["checkedChange"],
   setup(t, e) {
     const {
-      disabled: l
-    } = fe(t), i = B(t.checked), a = (s) => {
-      s.stopPropagation(), l.value || (i.value = !i.value, e.emit("checkedChange", {
-        checked: i.value,
+      disabled: n
+    } = fe(t), s = B(t.checked), a = (i) => {
+      i.stopPropagation(), n.value || (s.value = !s.value, e.emit("checkedChange", {
+        checked: s.value,
         id: t.id
       }));
     };
-    return q(() => t.checked, (s) => {
-      i.value = s;
-    }), () => n("div", {
+    return Q(() => t.checked, (i) => {
+      s.value = i;
+    }), () => 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,
-      checked: i.value
-    }, null), n("label", {
+      disabled: n.value,
+      checked: s.value
+    }, null), l("label", {
       class: "custom-control-label",
-      onClick: (s) => a(s),
-      onMousedown: (s) => s.stopPropagation()
+      onClick: (i) => a(i),
+      onMousedown: (i) => i.stopPropagation()
     }, null)])]);
   }
-}), qe = /* @__PURE__ */ $({
+}), Ee = /* @__PURE__ */ K({
   name: "FFileSelect",
-  props: je,
+  props: Je,
   emits: ["change", "stateChange"],
   setup(t, e) {
-    const l = Q("uploaderService");
-    l.setUploadContext(e);
-    const i = He(), a = B("*");
-    let s;
-    const c = () => {
-      s.files && (e.emit("change", s.files), l.handleFiles(s.files), s.value = null);
+    const n = Z("uploaderService");
+    n.setUploadContext(e);
+    const s = Ie(), a = B("*");
+    let i;
+    const d = () => {
+      i.files && (e.emit("change", i.files), n.handleFiles(i.files), i.value = null);
     };
     function u() {
-      s.value = null, l.reset();
+      i.value = null, n.reset();
     }
-    q(() => t.disabled, () => {
+    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);
     });
-    function m(p) {
-      p && p.stopPropagation(), s.click();
+    function v(f) {
+      f && f.stopPropagation(), i.click();
     }
-    function C(p) {
-      l.handleUploadEvent(p);
+    function C(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;
+      i = (f = s == null ? void 0 : s.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", {
+    }), () => l(J, 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 = {
+}), et = "https://json-schema.org/draft/2020-12/schema", tt = "https://farris-design.gitee.io/uploader.schema.json", lt = "uploader", nt = "A Farris Component", it = "object", st = {
+  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
+  }
+}, at = [
+  "id",
+  "type"
+], ot = {
+  $schema: et,
+  $id: tt,
+  title: lt,
+  description: nt,
+  type: it,
+  properties: st,
+  required: at
+}, rt = /* @__PURE__ */ new Map([
+  ["appearance", _e]
+]);
+function ut(t, e, n) {
+  return e;
+}
+const dt = "uploader", ct = "A Farris Component", pt = "object", ft = {
+  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: []
+        }
+      }
+    }
+  }
+}, vt = {
+  title: dt,
+  description: ct,
+  type: pt,
+  categories: ft
+}, he = {
   /** 内容区域填充 */
   contentFill: { type: Boolean, default: !1 },
   /** 排序字段 */
@@ -232,68 +513,68 @@ const Ue = {
    * 提示服务注入的Token
    */
   notifyServiceToken: { type: String, default: "" }
-};
-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 = {}) {
+}, Be = Qe(he, ot, rt, ut, vt);
+var q = /* @__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))(q || {});
+class mt {
+  constructor(e = {}, n = {}) {
     /**
      * 上传配置
      */
-    U(this, "uploadConfig");
+    L(this, "uploadConfig");
     /**
      * 删除配置
      */
-    U(this, "removeConfig");
-    const i = { type: "config", url: "", timeout: 0, headers: null, data: {} };
-    this.uploadConfig = Object.assign({}, i, e), this.removeConfig = Object.assign({}, i, l);
+    L(this, "removeConfig");
+    const s = { type: "config", url: "", timeout: 0, headers: null, data: {} };
+    this.uploadConfig = Object.assign({}, s, e), this.removeConfig = Object.assign({}, s, n);
   }
 }
-function ve(t, e) {
-  const { formatTo: l } = Oe();
-  return l(t, e);
-}
 function ge(t, e) {
+  const { formatTo: n } = Ke();
+  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((s, a) => s ? s[a] : null, e), n;
 }
-function _e(t) {
-  return (e, l) => {
+function ht(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 i = "", d = "";
+      return t.indexOf(".") > -1 ? (i = be(t, e), d = be(t, n)) : (i = e[t], d = n[t]), i > d ? 1 : -1;
     }
-    const i = new Date(e[t]), a = new Date(l[t]);
-    return i.getTime() > a.getTime() ? -1 : 1;
+    const s = new Date(e[t]), a = new Date(n[t]);
+    return s.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 ie(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"], s = Math.floor(Math.log(t) / Math.log(e));
+  return parseFloat((t / e ** s).toFixed(2)) + " " + n[s];
 }
-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 = ie(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(".");
-  let i = "";
-  switch (l > -1 && (i = t.substring(l + 1).toLocaleLowerCase()), i) {
+  const n = t.lastIndexOf(".");
+  let s = "";
+  switch (n > -1 && (s = t.substring(n + 1).toLocaleLowerCase()), s) {
     case "pdf":
       e += "-pdf";
       break;
@@ -334,156 +615,156 @@ 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;
+    if (t.file.progress.status === q.Uploading) {
+      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 gt(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)), ie(e)) : "0 Byte";
 }
-const Xe = () => Math.random().toString(36).substring(7);
-function be(t, e) {
+const wt = () => Math.random().toString(36).substring(7);
+function Fe(t, e) {
   return {
     fileIndex: e,
-    id: Xe(),
+    id: wt(),
     name: t.name,
     size: t.size,
     type: t.type,
     form: new FormData(),
     progress: {
-      status: L.Queue,
+      status: q.Queue,
       data: {
         percentage: 0,
         speed: 0,
-        speedHuman: `${W(0)}/s`,
+        speedHuman: `${ie(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) => {
-    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]);
+  return t.forEach((n) => {
+    const s = { id: "", name: "", size: 0, type: "", extend: null, extendHeaders: null, createTime: "" };
+    for (const a in s) {
+      const i = a.replace("extend", "response").replace("createTime", "lastModifiedDate");
+      n.hasOwnProperty(i) && (i === "lastModifiedDate" ? s[a] = ge(n[i], "yyyy-MM-dd HH:mm:ss") : s[a] = n[i]);
     }
-    e.push(i);
+    e.push(s);
   }), e;
 }
-function Ge(t, e) {
+function yt(t, e) {
   return t ? e <= t * 1024 * 1024 : !0;
 }
-function Je(t) {
+function bt(t) {
   return t.find((e) => e === "*") !== void 0;
 }
-function Ze(t, e) {
-  if (!t || t.length === 0 || Je(t))
+function xt(t, e) {
+  if (!t || t.length === 0 || bt(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()
+    (s) => s.toLowerCase() === n.toLowerCase()
   ) > -1;
 }
-function et(t) {
+function Ct(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) {
-    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;
+class Ft extends mt {
+  upload(e, n, s, a) {
+    const i = e[0];
+    return new Promise((d, u) => {
+      var I, y;
+      const v = n.url || s.url || "", C = n.method || "POST", f = n.data || {}, T = n.headers || {}, h = new XMLHttpRequest(), D = (/* @__PURE__ */ new Date()).getTime();
+      let E = ((I = i.progress) == null ? void 0 : I.data) && i.progress.data.startTime || D, H = 0, g = null;
+      h.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 = {
-            status: L.Uploading,
+          const k = Math.round(b.loaded * 100 / b.total), j = (/* @__PURE__ */ new Date()).getTime() - D;
+          H = Math.round(b.loaded / j * 1e3), E = ((A = i.progress) == null ? void 0 : A.data) && i.progress.data.startTime || (/* @__PURE__ */ new Date()).getTime(), g = Math.ceil((b.total - b.loaded) / H), i.progress = {
+            status: q.Uploading,
             data: {
-              percentage: S,
-              speed: E,
-              speedHuman: `${W(E)}/s`,
-              startTime: k,
+              percentage: k,
+              speed: H,
+              speedHuman: `${ie(H)}/s`,
+              startTime: E,
               endTime: null,
               eta: g,
-              etaHuman: Ce(g)
+              etaHuman: ke(g)
             }
-          }, a({ type: "uploading", files: [s] });
+          }, a({ type: "uploading", files: [i] });
         }
-      }, !1), y.upload.addEventListener("error", (b) => {
+      }, !1), h.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);
-          s.progress = {
-            status: L.Done,
+      }), h.onreadystatechange = () => {
+        if (h.readyState === XMLHttpRequest.DONE) {
+          const b = Math.round(i.size / ((/* @__PURE__ */ new Date()).getTime() - E) * 1e3);
+          i.progress = {
+            status: q.Done,
             data: {
               percentage: 100,
               speed: b,
-              speedHuman: `${W(b)}/s`,
-              startTime: k,
+              speedHuman: `${ie(b)}/s`,
+              startTime: E,
               endTime: (/* @__PURE__ */ new Date()).getTime(),
               eta: g,
-              etaHuman: Ce(g || 0)
+              etaHuman: ke(g || 0)
             }
-          }, s.responseStatus = y.status;
+          }, i.responseStatus = h.status;
           try {
-            s.response = JSON.parse(y.response);
+            i.response = JSON.parse(h.response);
           } catch {
-            s.response = y.response;
+            i.response = h.response;
           }
-          s.responseHeaders = et(y.getAllResponseHeaders()), c({ type: "done", files: [s] });
+          i.responseHeaders = Ct(h.getAllResponseHeaders()), d({ type: "done", files: [i] });
         }
-      }, y.open(C, m, !0), y.withCredentials = !!l.withCredentials;
+      }, h.open(C, v, !0), h.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) => {
+        const b = i.nativeFile;
+        Object.keys(T).forEach((k) => h.setRequestHeader(k, T[k]));
+        let A;
+        n.includeWebKitFormBoundary !== !1 ? (Object.keys(f).forEach((k) => {
           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);
+          return (j = i.form) == null ? void 0 : j.append(k, f[k]);
+        }), (y = i.form) == null || y.append(n.fieldName || "file", b, b.name), A = i.form) : A = b, h.send(A);
       } catch (b) {
         u(b);
       }
       return () => {
-        y.abort();
+        h.abort();
       };
     });
   }
   // 删除附件
-  remove(e, l, i, a) {
-    return new Promise((s, c) => {
-      s({ type: "removed", files: e });
+  remove(e, n, s, a) {
+    return new Promise((i, d) => {
+      i({ type: "removed", files: e });
     });
   }
 }
-const lt = {
+const St = {
   showCloseButton: { type: Boolean, default: !0 },
   position: { type: String, default: "top-center" },
   timeout: { type: Number, default: 3e3 },
@@ -496,247 +777,247 @@ const lt = {
   animate: { type: String, default: "fadeIn" },
   options: { type: Object },
   safeHtml: { type: Boolean, default: !0 }
-}, nt = {
+}, kt = {
   showCloseButton: { type: Boolean, default: !0 },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
-}, ce = /* @__PURE__ */ $({
+}, pe = /* @__PURE__ */ K({
   name: "Toast",
-  props: nt,
+  props: kt,
   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 = {
-        animated: s.value,
+    const n = B(t.animate), s = "fadeOut", a = N(() => t.options), i = B(!1), d = N(() => a.value.title && a.value.message), u = N(() => !a.value.title && a.value.message), v = N(() => {
+      const y = {
+        animated: i.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[s] = i.value, y["toasty-type-" + a.value.type] = !0, a.value.theme && (y[a.value.theme] = !0), y;
+    }), C = N(() => {
+      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 = N(() => a.value.title || a.value.message), T = N(() => t.showCloseButton), h = N(() => !!a.value.buttons || !!e.slots.default), D = N(() => 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(), i.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 g(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 I = () => {
+      var y;
+      return l(J, null, [l("div", {
         class: "after-toast-msg text-right"
-      }, [!e.slots.default && ((w = a.value.buttons) == null ? void 0 : w.map((b) => n("span", {
+      }, [!e.slots.default && ((y = a.value.buttons) == null ? void 0 : y.map((b) => l("span", {
         class: g(b),
-        onClick: (P) => void 0
+        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", {
+    }, [l("span", {
       class: C.value
-    }, null)]), n("div", {
+    }, null)]), l("div", {
       class: "modal-tips-content"
-    }, [c.value && n(_, null, [n("h5", {
+    }, [d.value && l(J, 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), h.value && I()]), 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", {
+    }, [I()])]) : 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: St,
   emits: ["close", "empty"],
   setup(t, e) {
-    const l = A(() => ({
+    const n = N(() => ({
       "farris-notify": !0
-    })), i = {
+    })), s = {
       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(), i = B(t.options), d = B(t.showCloseButton), u = N(() => t.position || "bottom-right"), v = N(() => t.timeout != null ? t.timeout : 3e3), C = N(() => {
+      const h = t.bottom ? t.bottom : s.bottom, D = t.top ? t.top : s.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` : ""
+        left: u.value.indexOf("left") > -1 ? `${t.left ? t.left : s.left}px` : "",
+        right: u.value.indexOf("right") > -1 ? `${t.right ? t.right : s.right}px` : "",
+        top: u.value.indexOf("top") > -1 ? `${D}px` : "",
+        bottom: u.value.indexOf("bottom") > -1 ? `${h}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(h) {
       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(h, D) {
+      f();
     }
-    return () => n("div", {
-      class: l.value,
+    return () => l("div", {
+      class: n.value,
       style: C.value,
       ref: a
-    }, [n(ce, {
-      options: s.value,
-      showCloseButton: c.value,
+    }, [l(pe, {
+      options: i.value,
+      showCloseButton: d.value,
       animate: t.animate,
-      onClose: (y) => F(y, s.value)
+      onClose: (h) => T(h, i.value)
     }, null)]);
   }
 });
-class Fe {
+class Me {
   constructor() {
-    U(this, "notifyRefs", []);
-    U(this, "globalConfig", Pe({}));
+    L(this, "notifyRefs", []);
+    L(this, "globalConfig", ze({}));
   }
   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,
       safeHtml: !0
     }, this.globalConfig, {
       ...e
-    }), s = document.createElement("div");
-    s.style.display = "contents";
-    const c = De({
+    }), i = document.createElement("div");
+    i.style.display = "contents";
+    const d = je({
       setup() {
         var C;
         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 h = T.value.container.getBoundingClientRect();
+            a.top = h.bottom;
           }
         }
-        return a.safeHtml && ((C = a.options) != null && C.message) && (a.options.message = l.escapeAllHtml(a.options.message)), pe(() => {
-          document.body.removeChild(s);
-        }), Se(() => {
-          l.updateNotifyPositionForCreate(a, u);
-        }), () => n(Ae, {
+        return a.safeHtml && ((C = a.options) != null && C.message) && (a.options.message = n.escapeAllHtml(a.options.message)), me(() => {
+          document.body.removeChild(i);
+        }), ve(() => {
+          n.updateNotifyPositionForCreate(a, u);
+        }), () => l(Le, {
           mode: "out-in",
           name: "fade",
           appear: !0
         }, {
-          default: () => [n(le, Me({
+          default: () => [l(re, qe({
             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(i), d.use(ce.i18n), d.mount(i), 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;
+      const s = window.innerHeight;
       e.position.indexOf("bottom") > -1 && this.getNotifyInstances(e.position).forEach((a) => {
-        const s = a.value.container.getBoundingClientRect();
-        a.value.container.style.bottom = s.height + i - s.bottom + "px";
+        const i = a.value.container.getBoundingClientRect();
+        a.value.container.style.bottom = i.height + s - i.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 s = 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), i = a.indexOf(n);
+      a.slice(i + 1).forEach((d) => {
+        d.value.container.style.top = d.value.container.offsetTop - d.value.container.offsetHeight + "px";
       });
     }
-    i > -1 && this.notifyRefs.splice(i, 1);
+    s > -1 && this.notifyRefs.splice(s, 1);
   }
   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);
+  buildNotifyProps(e, n) {
+    let s = "", a = "", i, d, u;
+    typeof n == "string" ? s = n : n && (s = n.message || "", a = n.title || "", d = n.position || null, u = n.showCloseButton != null ? n.showCloseButton : null, i = n.timeout != null ? n.timeout : null);
     const C = {
       options: {
         type: e,
-        message: i,
+        message: s,
         title: a
       }
     };
-    return c != null && (C.position = c), u != null && (C.showCloseButton = u), s != null && (C.timeout = s), C;
+    return d != null && (C.position = d), u != null && (C.showCloseButton = u), i != null && (C.timeout = i), C;
   }
   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 +1028,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 Tt = Symbol("NOTIFY_SERVICE_TOKEN");
+re.install = (t) => {
+  t.component(re.name, re), t.component(pe.name, pe);
+  const e = new Me();
+  t.provide(Tt, e), t.provide("FNotifyService", e);
 };
-const at = (t = "") => {
+const Et = (t = "") => {
   let e;
-  return t && Q(t, null) && (e = Q(t)), e || (e = new Fe()), e;
-}, it = (t = "") => {
+  return t && Z(t, null) && (e = Z(t)), e || (e = new Me()), e;
+}, Bt = (t = "") => {
   let e;
-  if (t && Q(t, null)) {
-    const l = Q(t);
-    l && l() && (e = l());
+  if (t && Z(t, null)) {
+    const n = Z(t);
+    n && n() && (e = n());
   }
-  return e || (e = new tt()), e;
-}, Te = {
-  getNotify: at,
-  getServerAPI: it
+  return e || (e = new Ft()), e;
+}, Pe = {
+  getNotify: Et,
+  getServerAPI: Bt
 };
-function ot(t, e, l) {
-  const i = Te.getNotify(t.notifyServiceToken), a = B(t.fileInfos), {
-    disabled: s,
-    uploadVisible: c,
+function Re(t, e, n) {
+  const s = Pe.getNotify(t.notifyServiceToken), a = B(t.fileInfos), {
+    disabled: i,
+    uploadVisible: d,
     uploadDisabled: u,
-    previewVisible: m,
+    previewVisible: v,
     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;
+    previewEnableMulti: f,
+    downloadButtonDisable: T,
+    previewColumns: h,
+    uploadEnableMulti: D,
+    previewButtonDisable: E
+  } = fe(t), H = B(!1), g = B([]), I = N(() => g.value.length), y = B([]), b = B("");
+  function A(o) {
+    (!o.length || g.value.length !== o.length) && (H.value = !1);
+    const m = [...o.map((w) => (w.hasOwnProperty("size") || (w.size = void 0), w.hasOwnProperty("createTime") || (w.createTime = void 0), f.value && (w.checked = !!g.value.find((z) => z.id === w.id) || H.value), w))];
+    return m.sort(ht(C.value)), f.value && (g.value = [...m].filter((w) => w.checked)), m;
   }
-  const S = B(P(a.value));
-  q(() => t.fileInfos, (o) => {
-    S.value = P(o);
+  const k = B(A(a.value));
+  Q(() => t.fileInfos, (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", {
+  const j = (o, c) => {
+    o.stopImmediatePropagation(), e.emit("fileDownloadEvent", { fileInfos: [c], name: "" });
+  }, ee = (o, c) => {
+    o.stopImmediatePropagation(), !E.value && e.emit("filePreviewEvent", c);
+  }, te = (o, c, m) => {
+    c.checked && (g.value = g.value.filter((w) => w.id !== c.id)), e.emit("fileRemoveEvent", c), m.handleUploadEvent({ type: "remove", file: c });
+  }, W = (o, c = "preview") => o.formatter ? !0 : c === "preview" ? ["state", "name", "action", "size", "createTime"].findIndex((w) => w === o.field) > -1 : c === "upload" ? ["state", "name", "size"].findIndex((w) => w === o.field) > -1 : !1, Y = (o) => !(o.field === "state" && (u.value || !d.value)), le = (o) => o.lastIndexOf(".") > 0 ? o.substring(0, o.lastIndexOf(".")) : "", X = (o) => {
+    if (o.stopImmediatePropagation(), I.value > 1) {
+      let c = "";
+      c = le(g.value[0].name), e.emit("fileDownloadEvent", {
         fileInfos: g.value,
-        name: d
+        name: c
       });
     }
-  }, ie = (o) => {
+  }, _ = (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;
+    const c = k.value;
+    o.checked ? (c.forEach((m) => {
+      m.checked = !0;
+    }), g.value = [...k.value], H.value = !0) : (g.value = [], c.forEach((m) => {
+      m.checked = !1;
+    }), H.value = !1), e.emit("previewMultiSelectedEvent", g.value);
+  }, M = (o, c) => {
+    o && (o.stopImmediatePropagation(), o.stopPropagation()), (!b.value || c.id !== b.value) && (b.value = c.id, e.emit("selectedEvent", c));
+  }, F = (o) => {
+    const c = g.value.findIndex((z) => z.id === o.id), m = c > -1, w = k.value.find((z) => z.id === o.id);
+    w && (w.checked = o.checked), o.checked && !m && w && g.value.push(w), !o.checked && m && g.value.splice(c, 1), k.value.length > 0 && (g.value.length === k.value.length ? H.value = !0 : H.value = !1), M(null, w), e.emit("previewMultiSelectedEvent", g.value);
+  }, O = (o) => {
+    var c;
+    (c = n == null ? void 0 : n.value) == null || c.handleUploadEvent(o);
+  }, ne = (o) => {
+    O({ type: "upload", file: o });
+  }, P = (o, c) => {
+    let m = [];
+    o.files && o.files.length > 0 ? m = o.files : typeof o.file < "u" && (m = [o.file]), c = c || o.type, m.map((w) => {
+      const z = y.value.findIndex(($) => {
+        var oe;
+        return typeof w < "u" && ((oe = $ == null ? void 0 : $.file) == null ? void 0 : oe.id) === w.id;
       });
-      O > -1 && (w.value[O] = { type: d, file: h });
+      z > -1 && (y.value[z] = { type: c, file: w });
     });
-  }, ue = (o) => {
+  }, de = (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((m) => m.id);
+      y.value = y.value.filter((m) => !(c.findIndex((z) => {
+        var $;
+        return z === (($ = m == null ? void 0 : m.file) == null ? void 0 : $.id);
+      }) > -1)), O({
         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 : "";
-    i.show({
-      options: { type: d, message: v },
+  }, se = (o) => {
+    let c = "warning";
+    (o.type === "cancelled" || o.type === "removed") && (c = "success");
+    const m = o.hasOwnProperty("message") ? o.message : "";
+    s.show({
+      options: { type: c, message: m },
       position: "top-center"
     });
-  }, ee = (o) => {
+  }, ae = (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 }), ne(o.file);
     else if (o.type === "start")
-      I(o, "start");
+      P(o, "start");
     else if (o.type === "done") {
-      I(o, "done");
-      const d = (o.files || []).map((v) => ({
+      P(o, "done");
+      const c = (o.files || []).map((m) => ({
         checked: !1,
-        id: v.id,
-        name: v.name,
-        size: v.size,
-        createTime: ve(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")
+        id: m.id,
+        name: m.name,
+        size: m.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], de(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((m) => o.files && o.files.findIndex((w) => m.id === w.id) < 0);
+      a.value = [...c], se(o);
+    } else o.type === "rejected" && typeof o.file < "u" && se(o);
   };
-  return pe(() => {
+  return me(() => {
   }), {
-    disabled: s,
-    uploadVisible: c,
+    disabled: i,
+    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: h,
+    uploadFiles: y,
+    innerFileInfos: k,
+    previewEnableMulti: f,
+    previewMultiSelectedLength: I,
+    previewSelectAllBtnChecked: H,
+    uploadEnableMulti: D,
     previewCurrentId: b,
-    multiFileRemoveHandler: ie,
-    previewMultiSelectChangeHandler: oe,
+    multiFileRemoveHandler: _,
+    previewMultiSelectChangeHandler: F,
     fileMultiDownloadHandler: X,
     selectOrCancelAllHandler: G,
-    hasColumnHtmlFunc: K,
+    hasColumnHtmlFunc: W,
     showPreviewStateColumn: Y,
-    rowSelectedHandler: N,
+    rowSelectedHandler: M,
     fileDownloadHandler: j,
-    filePreviewHandler: ne,
-    fileRemoveHandler: se,
-    handleStateChange: ee
+    filePreviewHandler: ee,
+    fileRemoveHandler: te,
+    handleStateChange: ae
   };
 }
-class rt {
-  constructor(e, l) {
+class Ht {
+  constructor(e, n) {
     // 记录在上传的附件数组
-    U(this, "queue");
-    U(this, "uploadOpts", {
+    L(this, "queue");
+    L(this, "uploadOpts", {
       // 默认不限制,0代表不限制 Number.POSITIVE_INFINITY
       allowedContentTypes: ["*"],
       maxUploads: 0,
@@ -914,10 +1195,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);
+    L(this, "extendServerConfig", null);
+    L(this, "uploadServerSer");
+    L(this, "uploadContext", null);
+    this.stateChangeRecord = e, this.serverToken = n, this.queue = [], this.uploadServerSer = Pe.getServerAPI(this.serverToken);
   }
   setUploadContext(e) {
     this.uploadContext = e;
@@ -926,21 +1207,21 @@ class rt {
    * 处理从服务器端返回的结果
    */
   handleResultFromServer(e) {
-    var l, i;
+    var n, s;
     switch (e.type) {
       case "removed":
         this.queue = this.queue.filter(
           (a) => {
-            var s;
-            return ((s = a.progress) == null ? void 0 : s.status) !== L.Remove;
+            var i;
+            return ((i = a.progress) == null ? void 0 : i.status) !== q.Remove;
           }
         ), 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((i) => a.id === i.id) < 0), (n = this.uploadContext) == null || n.emit("stateChange", e);
         break;
       default:
-        (i = this.uploadContext) == null || i.emit("stateChange", e);
+        (s = this.uploadContext) == null || s.emit("stateChange", e);
     }
   }
   setOptions(e) {
@@ -951,37 +1232,37 @@ class rt {
    * @param incomingFiles
    */
   handleFiles(e) {
-    var i;
-    const l = Array.from(e).reduce(
-      (a, s, c) => {
+    var s;
+    const n = Array.from(e).reduce(
+      (a, i, d) => {
         var C;
-        const u = a.length + this.queue.length + 1, m = this.rejectedReason(
-          s.name,
+        const u = a.length + this.queue.length + 1, v = this.rejectedReason(
+          i.name,
           u,
-          s.size
+          i.size
         );
-        if (m.allowed)
-          a = a.concat(s);
+        if (v.allowed)
+          a = a.concat(i);
         else {
-          const p = be(
-            s,
-            c
+          const f = Fe(
+            i,
+            d
           );
           (C = this.uploadContext) == null || C.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, i) => {
       var u;
-      const c = be(a, s);
-      this.queue.push(c), (u = this.uploadContext) == null || u.emit("stateChange", { type: "addedToQueue", file: c });
-    }), (i = this.uploadContext) == null || i.emit("stateChange", { type: "allAddedToQueue" });
+      const d = Fe(a, i);
+      this.queue.push(d), (u = this.uploadContext) == null || u.emit("stateChange", { type: "addedToQueue", file: d });
+    }), (s = this.uploadContext) == null || s.emit("stateChange", { type: "allAddedToQueue" });
   }
   /**
    * 获取上传被拒绝的理由
@@ -990,11 +1271,11 @@ class rt {
    * @param size
    * @returns
    */
-  rejectedReason(e, l, 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的限制`, {
+  rejectedReason(e, n, s) {
+    let a = !1, i = "";
+    return this.queue.findIndex((u) => u.name === e) > -1 ? i = "上传失败：已存在同名文件" : this.uploadOpts.allowedContentTypes && !xt(this.uploadOpts.allowedContentTypes, e) ? i = `上传失败：只允许上传${this.uploadOpts.allowedContentTypes.join(",")}类型的文档` : this.exceedMaxUpload(n) ? i = `上传失败：文件总个数超出${this.uploadOpts.maxUploads}限制` : yt(this.uploadOpts.maxFileSize, s) ? s === 0 ? i = "上传失败：不允许文件为空" : a = !0 : i = `上传失败：单个文件大小超出${this.uploadOpts.maxFileSize}MB的限制`, {
       allowed: a,
-      message: s
+      message: i
     };
   }
   /**
@@ -1005,15 +1286,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, s;
     switch (e.type) {
       case "upload":
         const a = this.queue.findIndex(
@@ -1025,38 +1306,38 @@ 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(
+        const i = 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) {
-          const { progress: u } = this.queue[s];
-          u && (u.status = L.Remove);
+        if (i !== -1 && this.queue[i] && this.queue[i].progress) {
+          const { progress: u } = this.queue[i];
+          u && (u.status = q.Remove);
         }
         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) === q.Queue;
           }
         );
-        c.length && ((i = this.uploadContext) == null || i.emit("stateChange", {
+        d.length && ((s = this.uploadContext) == null || s.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) !== q.Queue;
           }
         )), this.queue.length && (e.type = "remove", this.queue.forEach((u) => {
-          u.progress && (u.progress.status = L.Remove);
+          u.progress && (u.progress.status = q.Remove);
         }), this.serverMethod({ files: this.queue, event: e }));
         break;
     }
@@ -1074,22 +1355,22 @@ 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, (s) => this.handleResultFromServer(s));
         break;
       case "removeAll":
       case "remove":
-        l = this.remove(e.files, e.event, (i) => this.handleResultFromServer(i));
+        n = this.remove(e.files, e.event, (s) => this.handleResultFromServer(s));
         break;
       default:
-        l = null;
+        n = null;
     }
-    l && l.then((i) => {
-      this.handleResultFromServer(i);
-    }).catch((i) => {
-      this.handleResultFromServer(i);
+    n && n.then((s) => {
+      this.handleResultFromServer(s);
+    }).catch((s) => {
+      this.handleResultFromServer(s);
     });
   }
   /**
@@ -1098,9 +1379,9 @@ class rt {
    * @param event
    * @returns
    */
-  upload(e, l, i) {
+  upload(e, n, s) {
     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, s);
   }
   /**
    * 删除附件
@@ -1108,8 +1389,8 @@ class rt {
    * @param event
    * @returns
    */
-  remove(e, l, i) {
-    return this.uploadServerSer.remove(e, l, this.extendServerConfig, i);
+  remove(e, n, s) {
+    return this.uploadServerSer.remove(e, n, this.extendServerConfig, s);
   }
   /**
    * 重置
@@ -1124,332 +1405,542 @@ 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": Ze,
+    "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, {
+    const n = B(), s = new Ht(n, t.uploadServerToken);
+    $e("uploaderService", s);
+    const a = B(t.customInfo), i = Ae(t.uploadOptions, {
       // 允许上传的文件类型
       allowedContentTypes: ["*"],
       // 默认不限制附件上传个数
       maxUploads: 0,
       // 单位KB，默认是12M
       maxFileSize: "12MB"
-    }), c = B(null), {
+    }), d = B(null), {
       disabled: u,
-      uploadVisible: m,
+      uploadVisible: v,
       uploadDisabled: C,
-      downloadButtonDisable: p,
-      previewVisible: F,
-      previewColumns: y,
-      uploadFiles: H,
-      innerFileInfos: k,
-      previewEnableMulti: E,
+      downloadButtonDisable: f,
+      previewVisible: T,
+      previewColumns: h,
+      uploadFiles: D,
+      innerFileInfos: E,
+      previewEnableMulti: H,
       previewMultiSelectedLength: g,
-      previewSelectAllBtnChecked: R,
-      uploadEnableMulti: w,
+      previewSelectAllBtnChecked: I,
+      uploadEnableMulti: y,
       previewCurrentId: b,
-      multiFileRemoveHandler: P,
-      previewMultiSelectChangeHandler: S,
+      multiFileRemoveHandler: A,
+      previewMultiSelectChangeHandler: k,
       fileMultiDownloadHandler: j,
-      selectOrCancelAllHandler: ne,
-      rowSelectedHandler: se,
-      hasColumnHtmlFunc: K,
+      selectOrCancelAllHandler: ee,
+      rowSelectedHandler: te,
+      hasColumnHtmlFunc: W,
       showPreviewStateColumn: Y,
-      fileDownloadHandler: ae,
+      fileDownloadHandler: le,
       filePreviewHandler: X,
-      fileRemoveHandler: ie,
+      fileRemoveHandler: _,
       handleStateChange: G
-    } = ot(t, e, c);
-    q(l, (r) => {
+    } = Re(t, e, d);
+    Q(n, (r) => {
       switch (G(r), r.type) {
         case "removed":
           e.emit("fileRemovedEvent", r.files[0]);
           break;
       }
     });
-    const N = A(() => k.value.length > 0);
-    function oe() {
+    const M = N(() => E.value.length > 0);
+    function F() {
       var r;
-      return Qe((s == null ? void 0 : s.allowedContentTypes) || []) ? n("li", null, [n("span", null, [T("支持类型：")]), n("span", {
+      return He((i == null ? void 0 : i.allowedContentTypes) || []) ? l("li", null, [l("span", null, [x("支持类型：")]), l("span", {
         class: "support-info--item-detail",
         style: "margin-right:4px;"
-      }, [(r = s.allowedContentTypes) == null ? void 0 : r.join(""), T(",")])]) : "";
+      }, [(r = i.allowedContentTypes) == null ? void 0 : r.join(""), x(",")])]) : "";
     }
-    function J() {
-      return We((s == null ? void 0 : s.maxFileSize) || "") ? n("li", null, [n("span", null, [T("单个文件限制：")]), n("span", {
+    function O() {
+      return De((i == null ? void 0 : i.maxFileSize) || "") ? l("li", null, [l("span", null, [x("单个文件限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [s.maxFileSize, T(",   ")])]) : "";
+      }, [i.maxFileSize, x(",   ")])]) : "";
     }
-    function re() {
-      return ((s == null ? void 0 : s.maxUploads) || 0) > 0 && n("li", null, [n("span", null, [T("文件总数限制：")]), n("span", {
+    function ne() {
+      return ((i == null ? void 0 : i.maxUploads) || 0) > 0 && l("li", null, [l("span", null, [x("文件总数限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [s.maxUploads, T("个")])]);
+      }, [i.maxUploads, x("个")])]);
     }
-    function I() {
-      return m.value && !C.value && !u.value ? n("div", {
+    function P() {
+      return v.value && !C.value && !u.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;
+      }, [F(), O(), ne()])]) : null;
     }
-    function ue(r) {
-      var f, x, M;
-      return n("div", {
+    function de(r) {
+      var p, S, U;
+      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
+      }, [((U = r.file) == null ? void 0 : U.name) || "无名称"]), l(V("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 se(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) => X(p, r)
       }, [r.name])])]);
     }
-    function ee(r, f, x) {
-      return n("div", {
+    function ae(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, [gt(S.size)]) : null, r === "upload" && p ? l("span", null, [Ce(p)]) : null]);
     }
-    function o(r, f) {
-      return f && f.type === "error" ? n("div", {
+    function o(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, [x("存在异常")])])]) : 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, [x("正在上传...")])]) : 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, [x("上传成功")])]) : 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, [x("已上传")])]) : ""]);
     }
-    function d(r) {
-      return n("div", {
+    function c(r) {
+      return l("div", {
         class: "uploadAndpreview--action-container"
-      }, [p.value ? "" : n("button", {
+      }, [f.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) => X(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) => _(p, r, s)
+      }, [l("span", {
         class: "f-icon f-icon-enclosure_delete",
         style: "top: -1px"
       }, null)])]);
     }
-    function v(r) {
-      return n("div", {
+    function m(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 w(r, p, S, U) {
+      let R;
+      if (r = r || "preview", U.formatter)
+        return R = U.formatter(S[U.field] || "", r, r === "preview" ? S : p, U), R;
+      if (r === "preview" && S)
+        switch (U.field) {
           case "state":
-            D = o("preview", null);
+            R = o("preview", null);
             break;
           case "name":
-            D = Z(x);
+            R = se(S);
             break;
           case "action":
-            D = d(x);
+            R = c(S);
             break;
           case "size":
-            D = ee(r, f, x);
+            R = ae(r, p, S);
             break;
           case "createTime":
-            D = v(x);
+            R = m(S);
             break;
           default:
-            D = `<div>${x[M.field] || ""} </div>`;
+            R = `<div>${S[U.field] || ""} </div>`;
         }
-      if (r === "upload" && f)
-        switch (M.field) {
+      if (r === "upload" && p)
+        switch (U.field) {
           case "state":
-            D = o("upload", f);
+            R = o("upload", p);
             break;
           case "name":
-            D = ue(f);
+            R = de(p);
             break;
           case "size":
-            D = ee(r, f, x);
+            R = ae(r, p, S);
             break;
           default:
-            D = "";
+            R = "";
         }
-      return D;
+      return R;
     }
-    function O() {
-      return m.value ? n("div", {
+    function z() {
+      return v.value ? l("div", {
         class: "header--left-container"
-      }, [n(V("f-file-select"), {
-        ref: c,
+      }, [l(V("f-file-select"), {
+        ref: d,
         disabled: C.value,
         selectText: t.selectText,
         uploadedCount: t.uploadedCount,
         uploadServerToken: t.uploadServerToken,
-        enableMulti: w.value,
+        enableMulti: y.value,
         options: t.uploadOptions,
         extendConfig: t.extendConfig,
         onStateChange: (r) => G(r)
       }, null)]) : null;
     }
-    function z() {
-      return !m.value && F.value && N.value ? n("div", {
+    function $() {
+      return !v.value && T.value && M.value ? l("div", {
         class: "header--left-container header--countInfo"
-      }, [n("p", {
+      }, [l("p", {
         class: "m-0"
-      }, [T("共"), n("span", {
+      }, [x("共"), l("span", {
         class: "count"
-      }, [H.value.length + k.value.length]), T("个附件"), g.value > 0 ? n(_, null, [T("(已选"), n("span", {
+      }, [D.value.length + E.value.length]), x("个附件"), g.value > 0 ? l(J, null, [x("(已选"), l("span", {
         class: "count-selected"
-      }, [g.value]), T("个)")]) : ""])]) : null;
+      }, [g.value]), x("个)")]) : ""])]) : null;
     }
-    function te() {
-      return (!p.value || !t.deleteButtonDisable) && F.value && N.value ? n("div", {
+    function oe() {
+      return (!f.value || !t.deleteButtonDisable) && T.value && M.value ? l("div", {
         class: "header--right-container"
-      }, [p.value ? null : n("button", {
+      }, [f.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", {
+        onClick: (S) => j(S)
+      }, [x("下载")]), t.deleteButtonDisable.value ? null : l("button", {
         class: "btn btn-secondary f-btn-ml",
         disabled: g.value === 0,
-        onClick: (x) => P(x)
-      }, [T("删除")])]) : null;
+        onClick: (S) => A(S)
+      }, [x("删除")])]) : null;
     }
-    function he() {
-      return y.value.map((r) => Y(r) ? n("th", {
+    function we() {
+      return h.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"), {
+      }, [!u.value && H.value && r.checkbox ? l(V("f-preview-checkbox"), {
         class: "preview-checkbox",
         id: "previewMultiBtn",
-        checked: R.value,
-        onCheckedChange: (f) => ne(f)
+        checked: I.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 D.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) || "")
+        }, [h.value.map((S) => {
+          var U;
+          return l("td", {
+            class: [!u.value && S.checkbox && S.checkbox ? "td--hascheckbox" : ""]
+          }, [H.value && S.checkbox ? l(V("f-preview-checkbox"), {
+            id: (U = r == null ? void 0 : r.file) == null ? void 0 : U.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: (R) => k(R)
+          }, null) : null, W(S, "upload") ? w("upload", r, null, S) : null]);
         })]);
       });
     }
-    function me() {
-      return k.value.map((r) => n("tr", {
+    function ye() {
+      return E.value.map((r) => l("tr", {
         class: ["uploadAndpreview--preview-item", b.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)
+      }, [h.value.map((p) => Y(p) ? l("td", {
+        class: [!u.value && p.checkbox && p.checkbox ? "td--hascheckbox" : ""]
+      }, [!u.value && H.value && p.checkbox ? l(V("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) => k(S)
+      }, null) : null, W(p, "preview") ? w("preview", null, r, p) : l("div", {
         class: "text-truncate",
-        innerHTML: h("preview", null, r, f)
+        innerHTML: w("preview", null, r, p)
       }, null)]) : null)]));
     }
-    return () => u.value ? n("div", {
+    return () => u.value ? l("div", {
       class: "fv-upload-and-preview"
-    }, [N.value ? null : I(), F.value ? n("div", {
+    }, [M.value ? null : P(), T.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", {
+    }, [x("无附件信息")])]) : null, M.value ? P() : 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", {
+    }, [z(), $(), oe()]), M.value ? null : P(), T.value || v.value ? l("div", {
       class: "uploadAndpreview--content"
-    }, [(p.value || !m.value) && H.value.length === 0 && !N.value ? n("p", {
+    }, [(f.value || !v.value) && D.value.length === 0 && !M.value ? l("p", {
       class: "uploadAndpreview--nodata"
-    }, [T("无附件信息")]) : "", H.value.length > 0 || N ? n("table", {
+    }, [x("无附件信息")]) : "", D.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 ? P() : null]);
   }
-}), vt = Re(ut);
+}), Dt = /* @__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), s = Ae(t.uploadOptions, {
+      // 允许上传的文件类型
+      allowedContentTypes: ["*"],
+      // 默认不限制附件上传个数
+      maxUploads: 0,
+      // 单位KB，默认是12M
+      maxFileSize: "12MB"
+    }), a = B(null), i = [{
+      id: "attach01",
+      name: ""
+    }, {
+      id: "attach02",
+      name: ""
+    }], {
+      disabled: d,
+      uploadVisible: u,
+      uploadDisabled: v,
+      downloadButtonDisable: C,
+      previewVisible: f,
+      previewColumns: T,
+      previewEnableMulti: h,
+      previewCurrentId: D,
+      showPreviewStateColumn: E
+    } = Re(t, e, a);
+    function H() {
+      var F;
+      return He((s == null ? void 0 : s.allowedContentTypes) || []) ? l("li", null, [l("span", null, [x("支持类型：")]), l("span", {
+        class: "support-info--item-detail",
+        style: "margin-right:4px;"
+      }, [(F = s.allowedContentTypes) == null ? void 0 : F.join(""), x(",")])]) : null;
+    }
+    function g() {
+      return De((s == null ? void 0 : s.maxFileSize) || "") ? l("li", null, [l("span", null, [x("单个文件限制：")]), l("span", {
+        class: "support-info--item-detail"
+      }, [s.maxFileSize, x(",   ")])]) : null;
+    }
+    function I() {
+      return ((s == null ? void 0 : s.maxUploads) || 0) > 0 ? l("li", null, [l("span", null, [x("文件总数限制：")]), l("span", {
+        class: "support-info--item-detail"
+      }, [s.maxUploads, x("个")])]) : 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(), g(), I()])]) : null;
+    }
+    function b(F) {
+      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(F) {
+      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, [x("已上传")])])]);
+    }
+    function j(F) {
+      return l("div", {
+        class: "uploadAndpreview--action-container"
+      }, [C.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 ee(F) {
+      return l("div", {
+        class: "uploadAndpreview--date-container"
+      }, [x(" "), l("span", {
+        class: "ffilepreview--preview-block"
+      }, null)]);
+    }
+    function te(F, O, ne) {
+      let P = null;
+      if (F = F || "preview", F === "preview" && O)
+        switch (ne.field) {
+          case "state":
+            P = k();
+            break;
+          case "name":
+            P = b();
+            break;
+          case "action":
+            P = j();
+            break;
+          case "size":
+            P = A();
+            break;
+          case "createTime":
+            P = ee();
+            break;
+          default:
+            P = l("span", {
+              class: "ffilepreview--preview-block"
+            }, null);
+        }
+      return P;
+    }
+    function W() {
+      return u.value ? l("div", {
+        class: "header--left-container"
+      }, [l(V("f-file-select"), {
+        ref: a,
+        disabled: v.value,
+        selectText: t.selectText
+      }, null)]) : null;
+    }
+    function Y() {
+      return (!C.value || !t.deleteButtonDisable) && f.value ? l("div", {
+        class: "header--right-container"
+      }, [C.value ? null : l("button", {
+        class: "btn btn-primary f-btn-ml",
+        disabled: !0
+      }, [x("下载")]), t.deleteButtonDisable.value ? null : l("button", {
+        class: "btn btn-secondary f-btn-ml",
+        disabled: !0
+      }, [x("删除")])]) : null;
+    }
+    function le() {
+      return T.value.map((F) => E(F) ? l("th", {
+        style: {
+          width: F.width ? F.width + "px" : "auto"
+        },
+        class: [!d.value && F.checkbox && F.checkbox ? "td--hascheckbox" : ""]
+      }, [!d.value && h.value && F.checkbox ? l(V("f-preview-checkbox"), {
+        class: "preview-checkbox",
+        id: "previewMultiBtn"
+      }, null) : null, F.title]) : null);
+    }
+    function X() {
+      return i.map((F) => l("tr", {
+        class: ["uploadAndpreview--preview-item", D.value === F.id ? "uploadAndpreview--currentfile" : ""],
+        id: "uploadAndpreview--preview-item" + F.id
+      }, [T.value.map((O) => E(O) ? l("td", {
+        class: [!d.value && O.checkbox && O.checkbox ? "td--hascheckbox" : ""]
+      }, [!d.value && h.value && O.checkbox ? l(V("f-preview-checkbox"), {
+        class: "preview-checkbox"
+      }, null) : null, te("preview", F, O)]) : null)]));
+    }
+    Ve(() => {
+    });
+    const _ = B(), G = Z("design-item-context"), M = Ye(_, G);
+    return ve(() => {
+      _.value.componentInstance = M;
+    }), e.expose(M.value), () => l("div", {
+      class: "fv-upload-and-preview",
+      ref: _
+    }, [f.value || u.value ? l(J, null, [d.value ? null : l("div", {
+      class: "uploadAndpreview--header"
+    }, [W(), Y()]), l("div", {
+      class: "uploadAndpreview--content"
+    }, [l("table", {
+      class: "table table-bordered uploadAndpreview--table"
+    }, [l("thead", null, [le()]), l("tbody", null, [X()])])]), y()]) : null]);
+  }
+});
+ue.register = (t, e, n, s) => {
+  t.uploader = ue, e.uploader = Be;
+};
+ue.registerDesigner = (t, e, n) => {
+  t.uploader = Dt, e.uploader = Be;
+};
+const Ut = We(ue);
 export {
-  ut as FUploader,
-  Ve as UploadServerAPI,
-  vt as default,
-  $e as uploaderProps
+  ue as FUploader,
+  mt as UploadServerAPI,
+  Ut as default,
+  Be as propsResolver,
+  he as uploaderProps
 };