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

package/components/uploader/index.esm.js

@@ -1,19 +1,19 @@
-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";
+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 Ye } from "../designer-canvas/index.esm.js";
-const Xe = {
+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 }
-}, Ge = {
+}, Je = {
   // 是否显示进度条信息
   showInfo: { type: Boolean, default: !0 },
   // 进度条状态 默认'normal'
@@ -21,7 +21,7 @@ const Xe = {
   // 已完成的分段百分比
   percent: { type: Number, default: 0 },
   maxWidth: { type: Number, default: 0 }
-}, Je = {
+}, Ze = {
   /**
   * 按钮文本
   */
@@ -54,18 +54,18 @@ const Xe = {
   * 附件服务器端服务注入的Token
   */
   uploadServerToken: { type: String, default: "" }
-}, Ze = /* @__PURE__ */ K({
+}, et = /* @__PURE__ */ K({
   name: "FUploadProgress",
-  props: Ge,
+  props: Je,
   setup(t, e) {
     const {
       showInfo: n,
-      status: s,
+      status: i,
       maxWidth: a,
-      percent: i
+      percent: s
     } = fe(t);
     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" : ""]
+      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: {
@@ -76,29 +76,29 @@ const Xe = {
     }, [l("div", {
       class: "upload-progress-bg f-progress-bg",
       style: {
-        width: i.value + "%"
+        width: s.value + "%"
       }
     }, null)])]), n.value ? l("span", {
       class: "upload-progress-text"
-    }, [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("%")])]) : ""]);
+    }, [i.value === "error" || i.value === "success" ? l("span", {
+      class: ["upload-progress-text-icon f-icon", "f-icon-" + i.value]
+    }, null) : l(G, null, [s.value, F("%")])]) : ""]);
   }
 }), Te = /* @__PURE__ */ K({
   name: "FPreviewCheckbox",
-  props: Xe,
+  props: Ge,
   emits: ["checkedChange"],
   setup(t, e) {
     const {
       disabled: n
-    } = fe(t), s = B(t.checked), a = (i) => {
-      i.stopPropagation(), n.value || (s.value = !s.value, e.emit("checkedChange", {
-        checked: s.value,
+    } = fe(t), i = B(t.checked), a = (s) => {
+      s.stopPropagation(), n.value || (i.value = !i.value, e.emit("checkedChange", {
+        checked: i.value,
         id: t.id
       }));
     };
-    return Q(() => t.checked, (i) => {
-      s.value = i;
+    return q(() => t.checked, (s) => {
+      i.value = s;
     }), () => l("div", {
       class: "preview-checkbox d-inline-flex align-middle"
     }, [l("div", {
@@ -108,50 +108,54 @@ const Xe = {
       class: "custom-control-input",
       type: "checkbox",
       disabled: n.value,
-      checked: s.value
+      checked: i.value
     }, null), l("label", {
       class: "custom-control-label",
-      onClick: (i) => a(i),
-      onMousedown: (i) => i.stopPropagation()
+      onClick: (s) => a(s),
+      onMousedown: (s) => s.stopPropagation()
     }, null)])]);
   }
 }), Ee = /* @__PURE__ */ K({
   name: "FFileSelect",
-  props: Je,
+  props: Ze,
   emits: ["change", "stateChange"],
   setup(t, e) {
-    const n = Z("uploaderService");
+    const n = J("uploaderService");
     n.setUploadContext(e);
-    const s = Ie(), a = B("*");
-    let i;
+    const i = ze(), a = B("*");
+    let s;
     const d = () => {
-      i.files && (e.emit("change", i.files), n.handleFiles(i.files), i.value = null);
+      s.files && (e.emit("change", s.files), n.handleFiles(s.files), s.value = null);
     };
     function u() {
-      i.value = null, n.reset();
+      s.value = null, n.reset();
     }
-    Q(() => t.disabled, () => {
+    q(() => t.disabled, () => {
       u();
-    }), Q(() => t.uploadedCount, (f) => {
+    }), q(() => t.uploadedCount, (f) => {
       n.setOptions({
         uploadedCount: f
       });
-    }), Q(() => t.extendConfig, (f) => {
+    }), q(() => t.extendConfig, (f) => {
       n.setExtendServerConfig(f);
+    }), q(() => t.options, (f) => {
+      n.setOptions(f);
+    }, {
+      deep: !0
     });
     function v(f) {
-      f && f.stopPropagation(), i.click();
+      f && f.stopPropagation(), s.click();
     }
-    function C(f) {
+    function x(f) {
       n.handleUploadEvent(f);
     }
     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(",");
+      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
-    }), () => l(J, null, [l("input", {
+      handleUploadEvent: x
+    }), () => l(G, null, [l("input", {
       ref: "uploadInput",
       type: "file",
       class: "ffileupload--browser",
@@ -170,7 +174,7 @@ const Xe = {
       style: "top: 2px;position: relative;"
     }, null), t.selectText])]);
   }
-}), 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 = {
+}), 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"
@@ -222,24 +226,24 @@ const Xe = {
     type: "boolean",
     default: !0
   }
-}, at = [
+}, ot = [
   "id",
   "type"
-], ot = {
-  $schema: et,
-  $id: tt,
-  title: lt,
-  description: nt,
-  type: it,
-  properties: st,
-  required: at
-}, rt = /* @__PURE__ */ new Map([
-  ["appearance", _e]
+], rt = {
+  $schema: tt,
+  $id: lt,
+  title: nt,
+  description: it,
+  type: st,
+  properties: at,
+  required: ot
+}, ut = /* @__PURE__ */ new Map([
+  ["appearance", Qe]
 ]);
-function ut(t, e, n) {
+function dt(t, e, n) {
   return e;
 }
-const dt = "uploader", ct = "A Farris Component", pt = "object", ft = {
+const ct = "uploader", pt = "A Farris Component", ft = "object", vt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -444,11 +448,11 @@ const dt = "uploader", ct = "A Farris Component", pt = "object", ft = {
       }
     }
   }
-}, vt = {
-  title: dt,
-  description: ct,
-  type: pt,
-  categories: ft
+}, mt = {
+  title: ct,
+  description: pt,
+  type: ft,
+  categories: vt
 }, he = {
   /** 内容区域填充 */
   contentFill: { type: Boolean, default: !1 },
@@ -513,44 +517,44 @@ const dt = "uploader", ct = "A Farris Component", pt = "object", ft = {
    * 提示服务注入的Token
    */
   notifyServiceToken: { type: String, default: "" }
-}, 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 {
+}, 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 ht {
   constructor(e = {}, n = {}) {
     /**
      * 上传配置
      */
-    L(this, "uploadConfig");
+    j(this, "uploadConfig");
     /**
      * 删除配置
      */
-    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);
+    j(this, "removeConfig");
+    const i = { type: "config", url: "", timeout: 0, headers: null, data: {} };
+    this.uploadConfig = Object.assign({}, i, e), this.removeConfig = Object.assign({}, i, n);
   }
 }
 function ge(t, e) {
-  const { formatTo: n } = Ke();
+  const { formatTo: n } = We();
   return n(t, e);
 }
 function be(t, e) {
   if (!e)
     return "";
   let n = "";
-  return t.indexOf(".") === -1 && e.hasOwnProperty(t) ? n = e[t] : n = t.split(".").reduce((s, a) => s ? s[a] : null, e), n;
+  return t.indexOf(".") === -1 && e.hasOwnProperty(t) ? n = e[t] : n = t.split(".").reduce((i, a) => i ? i[a] : null, e), n;
 }
-function ht(t) {
+function gt(t) {
   return (e, n) => {
     if (!e.hasOwnProperty(t) || e[t] === void 0 || e[t] === null)
       return 1;
     if (!n.hasOwnProperty(t) || n[t] === void 0 || n[t] === null)
       return -1;
     if (t !== "createTime") {
-      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;
+      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 s = new Date(e[t]), a = new Date(n[t]);
-    return s.getTime() > a.getTime() ? -1 : 1;
+    const i = new Date(e[t]), a = new Date(n[t]);
+    return i.getTime() > a.getTime() ? -1 : 1;
   };
 }
 function He(t) {
@@ -559,22 +563,22 @@ function He(t) {
 function De(t) {
   return t !== "0 Byte";
 }
-function ie(t) {
+function se(t) {
   if (t === 0)
     return "0 Byte";
-  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];
+  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 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;
+  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 xe(t) {
   let e = "ffilepreview--filetype";
   if (!t)
     return e + "-any";
   const n = t.lastIndexOf(".");
-  let s = "";
-  switch (n > -1 && (s = t.substring(n + 1).toLocaleLowerCase()), s) {
+  let i = "";
+  switch (n > -1 && (i = t.substring(n + 1).toLocaleLowerCase()), i) {
     case "pdf":
       e += "-pdf";
       break;
@@ -620,7 +624,7 @@ function Ce(t) {
   if (t.type === "done")
     return 100;
   if (t.file && t.file.progress) {
-    if (t.file.progress.status === q.Uploading) {
+    if (t.file.progress.status === L.Uploading) {
       const n = ((e = t.file.progress.data) == null ? void 0 : e.percentage) || 5;
       return n > 5 ? n : 5;
     }
@@ -628,25 +632,25 @@ function Ce(t) {
   }
   return 5;
 }
-function gt(t) {
+function wt(t) {
   let e = t;
-  return t ? (typeof t == "string" && (e = parseInt(t, 10)), ie(e)) : "0 Byte";
+  return t ? (typeof t == "string" && (e = parseInt(t, 10)), se(e)) : "0 Byte";
 }
-const wt = () => Math.random().toString(36).substring(7);
+const yt = () => Math.random().toString(36).substring(7);
 function Fe(t, e) {
   return {
     fileIndex: e,
-    id: wt(),
+    id: yt(),
     name: t.name,
     size: t.size,
     type: t.type,
     form: new FormData(),
     progress: {
-      status: q.Queue,
+      status: L.Queue,
       data: {
         percentage: 0,
         speed: 0,
-        speedHuman: `${ie(0)}/s`,
+        speedHuman: `${se(0)}/s`,
         startTime: null,
         endTime: null,
         eta: null,
@@ -660,31 +664,31 @@ function Fe(t, e) {
 function Se(t) {
   const e = [];
   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]);
+    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");
+      n.hasOwnProperty(s) && (s === "lastModifiedDate" ? i[a] = ge(n[s], "yyyy-MM-dd HH:mm:ss") : i[a] = n[s]);
     }
-    e.push(s);
+    e.push(i);
   }), e;
 }
-function yt(t, e) {
+function bt(t, e) {
   return t ? e <= t * 1024 * 1024 : !0;
 }
-function bt(t) {
+function xt(t) {
   return t.find((e) => e === "*") !== void 0;
 }
-function xt(t, e) {
-  if (!t || t.length === 0 || bt(t))
+function Ct(t, e) {
+  if (!t || t.length === 0 || xt(t))
     return !0;
   if (e.lastIndexOf(".") < 0)
     return !1;
   const n = e.substr(e.lastIndexOf("."));
   return t.findIndex(
-    (s) => s.toLowerCase() === n.toLowerCase()
+    (i) => i.toLowerCase() === n.toLowerCase()
   ) > -1;
 }
-function Ct(t) {
+function Ft(t) {
   if (t)
     return t.split(`
 `).map((e) => e.split(/: */, 2)).filter((e) => e[0]).reduce((e, n) => (e[n[0]] = n[1], e), {});
@@ -692,79 +696,79 @@ function Ct(t) {
 function ke(t) {
   return new Date(t * 1e3).toISOString().substr(11, 8);
 }
-class Ft extends mt {
-  upload(e, n, s, a) {
-    const i = e[0];
+class St extends ht {
+  upload(e, n, i, a) {
+    const s = 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 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 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,
+          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: k,
               speed: H,
-              speedHuman: `${ie(H)}/s`,
+              speedHuman: `${se(H)}/s`,
               startTime: E,
               endTime: null,
-              eta: g,
-              etaHuman: ke(g)
+              eta: w,
+              etaHuman: ke(w)
             }
-          }, a({ type: "uploading", files: [i] });
+          }, a({ type: "uploading", files: [s] });
         }
-      }, !1), h.upload.addEventListener("error", (b) => {
+      }, !1), g.upload.addEventListener("error", (b) => {
         u(b);
-      }), h.onreadystatechange = () => {
-        if (h.readyState === XMLHttpRequest.DONE) {
-          const b = Math.round(i.size / ((/* @__PURE__ */ new Date()).getTime() - E) * 1e3);
-          i.progress = {
-            status: q.Done,
+      }), 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: `${ie(b)}/s`,
+              speedHuman: `${se(b)}/s`,
               startTime: E,
               endTime: (/* @__PURE__ */ new Date()).getTime(),
-              eta: g,
-              etaHuman: ke(g || 0)
+              eta: w,
+              etaHuman: ke(w || 0)
             }
-          }, i.responseStatus = h.status;
+          }, s.responseStatus = g.status;
           try {
-            i.response = JSON.parse(h.response);
+            s.response = JSON.parse(g.response);
           } catch {
-            i.response = h.response;
+            s.response = g.response;
           }
-          i.responseHeaders = Ct(h.getAllResponseHeaders()), d({ type: "done", files: [i] });
+          s.responseHeaders = Ft(g.getAllResponseHeaders()), d({ type: "done", files: [s] });
         }
-      }, h.open(C, v, !0), h.withCredentials = !!n.withCredentials;
+      }, g.open(x, v, !0), g.withCredentials = !!n.withCredentials;
       try {
-        const b = i.nativeFile;
-        Object.keys(T).forEach((k) => h.setRequestHeader(k, T[k]));
+        const b = s.nativeFile;
+        Object.keys(T).forEach((k) => g.setRequestHeader(k, T[k]));
         let A;
         n.includeWebKitFormBoundary !== !1 ? (Object.keys(f).forEach((k) => {
-          var j;
-          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);
+          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 () => {
-        h.abort();
+        g.abort();
       };
     });
   }
   // 删除附件
-  remove(e, n, s, a) {
-    return new Promise((i, d) => {
-      i({ type: "removed", files: e });
+  remove(e, n, i, a) {
+    return new Promise((s, d) => {
+      s({ type: "removed", files: e });
     });
   }
 }
-const St = {
+const kt = {
   showCloseButton: { type: Boolean, default: !0 },
   position: { type: String, default: "top-center" },
   timeout: { type: Number, default: 3e3 },
@@ -777,50 +781,50 @@ const St = {
   animate: { type: String, default: "fadeIn" },
   options: { type: Object },
   safeHtml: { type: Boolean, default: !0 }
-}, kt = {
+}, Tt = {
   showCloseButton: { type: Boolean, default: !0 },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
 }, pe = /* @__PURE__ */ K({
   name: "Toast",
-  props: kt,
+  props: Tt,
   emits: ["close", "click"],
   setup: (t, e) => {
-    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 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: i.value,
+        animated: s.value,
         toast: !0,
         "toast--only-content": !d.value
       };
-      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(() => {
+      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 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" ? {
+    }), 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 E(y) {
-      y.stopPropagation(), y.preventDefault(), i.value = !1, setTimeout(() => {
+      y.stopPropagation(), y.preventDefault(), s.value = !1, setTimeout(() => {
         e.emit("close", a.value);
       }, 200);
     }
     function H(y, b) {
     }
-    function g(y) {
+    function w(y) {
       return `f-preten-link ${y.customClass ? y.customClass : ""}`;
     }
-    Q(n, () => {
+    q(n, () => {
       n.value;
     });
-    const I = () => {
+    const M = () => {
       var y;
-      return l(J, null, [l("div", {
+      return l(G, null, [l("div", {
         class: "after-toast-msg text-right"
       }, [!e.slots.default && ((y = a.value.buttons) == null ? void 0 : y.map((b) => l("span", {
-        class: g(b),
+        class: w(b),
         onClick: (A) => void 0
       }, [b.text]))), e.slots.default && e.slots.default()])]);
     };
@@ -838,17 +842,17 @@ const St = {
     }, [!d.value && l("div", {
       class: "float-left modal-tips-iconwrap"
     }, [l("span", {
-      class: C.value
+      class: x.value
     }, null)]), l("div", {
       class: "modal-tips-content"
-    }, [d.value && l(J, null, [l("h5", {
+    }, [d.value && l(G, null, [l("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: a.value.title
     }, null), l("p", {
       class: "toast-msg",
       innerHTML: a.value.message,
       style: D.value
-    }, null), h.value && I()]), u.value && (a.value.buttons ? l("div", {
+    }, null), g.value && M()]), u.value && (a.value.buttons ? l("div", {
       class: "toast-title-btns-wrapper d-flex"
     }, [l("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
@@ -856,7 +860,7 @@ const St = {
       innerHTML: a.value.message
     }, null), l("div", {
       class: "after-toast-title text-right ml-auto"
-    }, [I()])]) : l("h5", {
+    }, [M()])]) : l("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
       style: D.value,
       innerHTML: a.value.message
@@ -864,27 +868,27 @@ const St = {
   }
 }), re = /* @__PURE__ */ K({
   name: "Notify",
-  props: St,
+  props: kt,
   emits: ["close", "empty"],
   setup(t, e) {
-    const n = N(() => ({
+    const n = O(() => ({
       "farris-notify": !0
-    })), s = {
+    })), i = {
       left: 12,
       right: 12,
       top: 20,
       bottom: 12
-    }, 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 = {
+    }, 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 : s.left}px` : "",
-        right: u.value.indexOf("right") > -1 ? `${t.right ? t.right : s.right}px` : "",
+        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 ? `${D}px` : "",
-        bottom: u.value.indexOf("bottom") > -1 ? `${h}px` : ""
+        bottom: u.value.indexOf("bottom") > -1 ? `${g}px` : ""
       };
       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 f(h) {
+    function f(g) {
       e.emit("close");
     }
     v.value && setTimeout(() => {
@@ -894,25 +898,25 @@ const St = {
       container: a,
       notifyPosition: u
     });
-    function T(h, D) {
+    function T(g, D) {
       f();
     }
     return () => l("div", {
       class: n.value,
-      style: C.value,
+      style: x.value,
       ref: a
     }, [l(pe, {
-      options: i.value,
+      options: s.value,
       showCloseButton: d.value,
       animate: t.animate,
-      onClose: (h) => T(h, i.value)
+      onClose: (g) => T(g, s.value)
     }, null)]);
   }
 });
 class Me {
   constructor() {
-    L(this, "notifyRefs", []);
-    L(this, "globalConfig", ze({}));
+    j(this, "notifyRefs", []);
+    j(this, "globalConfig", je({}));
   }
   escapeAllHtml(e) {
     if (typeof e != "string" || !e)
@@ -928,11 +932,11 @@ class Me {
       safeHtml: !0
     }, this.globalConfig, {
       ...e
-    }), i = document.createElement("div");
-    i.style.display = "contents";
-    const d = je({
+    }), s = document.createElement("div");
+    s.style.display = "contents";
+    const d = Le({
       setup() {
-        var C;
+        var x;
         const u = B();
         function v() {
           u.value.container.style.transform = "scale(0)", setTimeout(() => {
@@ -942,20 +946,20 @@ class Me {
         if (a.position.indexOf("top") > -1) {
           const f = n.getNotifyInstances(a.position), T = f[f.length - 1];
           if (T) {
-            const h = T.value.container.getBoundingClientRect();
-            a.top = h.bottom;
+            const g = T.value.container.getBoundingClientRect();
+            a.top = g.bottom;
           }
         }
-        return a.safeHtml && ((C = a.options) != null && C.message) && (a.options.message = n.escapeAllHtml(a.options.message)), me(() => {
-          document.body.removeChild(i);
+        return a.safeHtml && ((x = a.options) != null && x.message) && (a.options.message = n.escapeAllHtml(a.options.message)), me(() => {
+          document.body.removeChild(s);
         }), ve(() => {
           n.updateNotifyPositionForCreate(a, u);
-        }), () => l(Le, {
+        }), () => l(qe, {
           mode: "out-in",
           name: "fade",
           appear: !0
         }, {
-          default: () => [l(re, qe({
+          default: () => [l(re, $e({
             ref: u
           }, a, {
             onClose: v
@@ -963,45 +967,45 @@ class Me {
         });
       }
     });
-    return d.provide("NotifyService", this), document.body.appendChild(i), d.use(ce.i18n), d.mount(i), d;
+    return d.provide("NotifyService", this), document.body.appendChild(s), d.use(ce.i18n), d.mount(s), d;
   }
   getNotifyInstances(e) {
     return this.notifyRefs.filter((n) => n.value.notifyPosition === e);
   }
   updateNotifyPositionForCreate(e, n) {
     if (this.notifyRefs && this.notifyRefs.length) {
-      const s = window.innerHeight;
+      const i = window.innerHeight;
       e.position.indexOf("bottom") > -1 && this.getNotifyInstances(e.position).forEach((a) => {
-        const i = a.value.container.getBoundingClientRect();
-        a.value.container.style.bottom = i.height + s - i.bottom + "px";
+        const s = a.value.container.getBoundingClientRect();
+        a.value.container.style.bottom = s.height + i - s.bottom + "px";
       });
     }
     this.notifyRefs = [...this.notifyRefs, n];
   }
   updateNotifyPositionForClose(e, n) {
-    const s = this.notifyRefs.indexOf(n);
+    const i = this.notifyRefs.indexOf(n);
     if (e.position.indexOf("top") > -1) {
-      const a = this.getNotifyInstances(e.position), i = a.indexOf(n);
-      a.slice(i + 1).forEach((d) => {
+      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";
       });
     }
-    s > -1 && this.notifyRefs.splice(s, 1);
+    i > -1 && this.notifyRefs.splice(i, 1);
   }
   show(e) {
     return this.createNotifyInstance(e);
   }
   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 = {
+    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: s,
+        message: i,
         title: a
       }
     };
-    return d != null && (C.position = d), u != null && (C.showCloseButton = u), i != null && (C.timeout = i), C;
+    return d != null && (x.position = d), u != null && (x.showCloseButton = u), s != null && (x.timeout = s), x;
   }
   info(e) {
     const n = this.buildNotifyProps("info", e);
@@ -1028,162 +1032,162 @@ class Me {
     }), this.notifyRefs.length = 0;
   }
 }
-const Tt = Symbol("NOTIFY_SERVICE_TOKEN");
+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(Tt, e), t.provide("FNotifyService", e);
+  t.provide(Et, e), t.provide("FNotifyService", e);
 };
-const Et = (t = "") => {
+const Bt = (t = "") => {
   let e;
-  return t && Z(t, null) && (e = Z(t)), e || (e = new Me()), e;
-}, Bt = (t = "") => {
+  return t && J(t, null) && (e = J(t)), e || (e = new Me()), e;
+}, Ht = (t = "") => {
   let e;
-  if (t && Z(t, null)) {
-    const n = Z(t);
+  if (t && J(t, null)) {
+    const n = J(t);
     n && n() && (e = n());
   }
-  return e || (e = new Ft()), e;
+  return e || (e = new St()), e;
 }, Pe = {
-  getNotify: Et,
-  getServerAPI: Bt
+  getNotify: Bt,
+  getServerAPI: Ht
 };
-function Re(t, e, n) {
-  const s = Pe.getNotify(t.notifyServiceToken), a = B(t.fileInfos), {
-    disabled: i,
+function Oe(t, e, n) {
+  const i = Pe.getNotify(t.notifyServiceToken), a = B(t.fileInfos), {
+    disabled: s,
     uploadVisible: d,
     uploadDisabled: u,
     previewVisible: v,
-    orderField: C,
+    orderField: x,
     previewEnableMulti: f,
     downloadButtonDisable: T,
-    previewColumns: h,
+    previewColumns: g,
     uploadEnableMulti: D,
     previewButtonDisable: E
-  } = fe(t), H = B(!1), g = B([]), I = N(() => g.value.length), y = B([]), b = B("");
+  } = fe(t), H = B(!1), w = B([]), M = O(() => w.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;
+    (!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 k = B(A(a.value));
-  Q(() => t.fileInfos, (o) => {
+  q(() => t.fileInfos, (o) => {
     k.value = A(o);
   });
-  const j = (o, c) => {
+  const z = (o, c) => {
     o.stopImmediatePropagation(), e.emit("fileDownloadEvent", { fileInfos: [c], name: "" });
-  }, ee = (o, c) => {
+  }, Z = (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) {
+  }, 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 = le(g.value[0].name), e.emit("fileDownloadEvent", {
-        fileInfos: g.value,
+      c = Y(w.value[0].name), e.emit("fileDownloadEvent", {
+        fileInfos: w.value,
         name: c
       });
     }
-  }, _ = (o) => {
-    o.stopImmediatePropagation(), e.emit("fileRemoveEvent", g.value);
-  }, G = (o) => {
+  }, $ = (o) => {
+    o.stopImmediatePropagation(), e.emit("fileRemoveEvent", w.value);
+  }, ne = (o) => {
     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.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));
-  }, 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) => {
+  }, 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);
-  }, 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(($) => {
+  }, ie = (o) => {
+    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 w < "u" && ((oe = $ == null ? void 0 : $.file) == null ? void 0 : oe.id) === w.id;
+        return typeof C < "u" && ((oe = _ == null ? void 0 : _.file) == null ? void 0 : oe.id) === C.id;
       });
-      z > -1 && (y.value[z] = { type: c, file: w });
+      R > -1 && (y.value[R] = { type: c, file: C });
     });
-  }, de = (o) => {
+  }, X = (o) => {
     if (o.files) {
-      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({
+      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: c.join(",")
       });
     }
-  }, se = (o) => {
+  }, ae = (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 },
+    const h = o.hasOwnProperty("message") ? o.message : "";
+    i.show({
+      options: { type: c, message: h },
       position: "top-center"
     });
-  }, ae = (o) => {
+  }, de = (o) => {
     if (o.type === "addedToQueue" && typeof o.file < "u")
-      y.value.push({ type: o.type, file: o.file }), ne(o.file);
+      y.value.push({ type: o.type, file: o.file }), ie(o.file);
     else if (o.type === "start")
-      P(o, "start");
+      U(o, "start");
     else if (o.type === "done") {
-      P(o, "done");
-      const c = (o.files || []).map((m) => ({
+      U(o, "done");
+      const c = (o.files || []).map((h) => ({
         checked: !1,
-        id: m.id,
-        name: m.name,
-        size: m.size,
+        id: h.id,
+        name: h.name,
+        size: h.size,
         createTime: ge(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")
       }));
-      a.value = [...c, ...k.value], de(o), e.emit("fUploadDoneEvent", Se(o.files || [])), e.emit("uploadDoneEvent", Se(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 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);
+      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 me(() => {
   }), {
-    disabled: i,
+    disabled: s,
     uploadVisible: d,
     uploadDisabled: u,
     downloadButtonDisable: T,
     previewVisible: v,
-    previewColumns: h,
+    previewColumns: g,
     uploadFiles: y,
     innerFileInfos: k,
     previewEnableMulti: f,
-    previewMultiSelectedLength: I,
+    previewMultiSelectedLength: M,
     previewSelectAllBtnChecked: H,
     uploadEnableMulti: D,
     previewCurrentId: b,
-    multiFileRemoveHandler: _,
-    previewMultiSelectChangeHandler: F,
-    fileMultiDownloadHandler: X,
-    selectOrCancelAllHandler: G,
-    hasColumnHtmlFunc: W,
-    showPreviewStateColumn: Y,
-    rowSelectedHandler: M,
-    fileDownloadHandler: j,
-    filePreviewHandler: ee,
-    fileRemoveHandler: te,
-    handleStateChange: ae
+    multiFileRemoveHandler: $,
+    previewMultiSelectChangeHandler: m,
+    fileMultiDownloadHandler: le,
+    selectOrCancelAllHandler: ne,
+    hasColumnHtmlFunc: te,
+    showPreviewStateColumn: W,
+    rowSelectedHandler: V,
+    fileDownloadHandler: z,
+    filePreviewHandler: Z,
+    fileRemoveHandler: ee,
+    handleStateChange: de
   };
 }
-class Ht {
+class Dt {
   constructor(e, n) {
     // 记录在上传的附件数组
-    L(this, "queue");
-    L(this, "uploadOpts", {
+    j(this, "queue");
+    j(this, "uploadOpts", {
       // 默认不限制,0代表不限制 Number.POSITIVE_INFINITY
       allowedContentTypes: ["*"],
       maxUploads: 0,
@@ -1195,9 +1199,9 @@ class Ht {
     /**
      * 服务器端扩展
      */
-    L(this, "extendServerConfig", null);
-    L(this, "uploadServerSer");
-    L(this, "uploadContext", null);
+    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) {
@@ -1207,21 +1211,21 @@ class Ht {
    * 处理从服务器端返回的结果
    */
   handleResultFromServer(e) {
-    var n, s;
+    var n, i;
     switch (e.type) {
       case "removed":
         this.queue = this.queue.filter(
           (a) => {
-            var i;
-            return ((i = a.progress) == null ? void 0 : i.status) !== q.Remove;
+            var s;
+            return ((s = a.progress) == null ? void 0 : s.status) !== L.Remove;
           }
         ), e.hasOwnProperty("message") || (e.message = "被删除"), this.stateChangeRecord.value = e;
         break;
       case "error":
-        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);
+        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:
-        (s = this.uploadContext) == null || s.emit("stateChange", e);
+        (i = this.uploadContext) == null || i.emit("stateChange", e);
     }
   }
   setOptions(e) {
@@ -1232,23 +1236,23 @@ class Ht {
    * @param incomingFiles
    */
   handleFiles(e) {
-    var s;
+    var i;
     const n = Array.from(e).reduce(
-      (a, i, d) => {
-        var C;
+      (a, s, d) => {
+        var x;
         const u = a.length + this.queue.length + 1, v = this.rejectedReason(
-          i.name,
+          s.name,
           u,
-          i.size
+          s.size
         );
         if (v.allowed)
-          a = a.concat(i);
+          a = a.concat(s);
         else {
           const f = Fe(
-            i,
+            s,
             d
           );
-          (C = this.uploadContext) == null || C.emit("stateChange", {
+          (x = this.uploadContext) == null || x.emit("stateChange", {
             type: "rejected",
             file: f,
             message: v.message
@@ -1258,11 +1262,11 @@ class Ht {
       },
       []
     );
-    [].map.call(n, (a, i) => {
+    [].map.call(n, (a, s) => {
       var u;
-      const d = Fe(a, i);
+      const d = Fe(a, s);
       this.queue.push(d), (u = this.uploadContext) == null || u.emit("stateChange", { type: "addedToQueue", file: d });
-    }), (s = this.uploadContext) == null || s.emit("stateChange", { type: "allAddedToQueue" });
+    }), (i = this.uploadContext) == null || i.emit("stateChange", { type: "allAddedToQueue" });
   }
   /**
    * 获取上传被拒绝的理由
@@ -1271,11 +1275,11 @@ class Ht {
    * @param size
    * @returns
    */
-  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的限制`, {
+  rejectedReason(e, n, i) {
+    let a = !1, s = "";
+    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: i
+      message: s
     };
   }
   /**
@@ -1294,7 +1298,7 @@ class Ht {
    * @param input
    */
   handleUploadEvent(e) {
-    var n, s;
+    var n, i;
     switch (e.type) {
       case "upload":
         const a = this.queue.findIndex(
@@ -1308,15 +1312,15 @@ class Ht {
       case "remove":
         if (!((n = e == null ? void 0 : e.file) != null && n.id))
           return;
-        const i = this.queue.findIndex(
+        const s = this.queue.findIndex(
           (u) => {
             var v;
             return u.id === ((v = e == null ? void 0 : e.file) == null ? void 0 : v.id);
           }
         );
-        if (i !== -1 && this.queue[i] && this.queue[i].progress) {
-          const { progress: u } = this.queue[i];
-          u && (u.status = q.Remove);
+        if (s !== -1 && this.queue[s] && this.queue[s].progress) {
+          const { progress: u } = this.queue[s];
+          u && (u.status = L.Remove);
         }
         this.serverMethod({ files: [e.file], event: e });
         break;
@@ -1324,20 +1328,20 @@ class Ht {
         const d = this.queue.filter(
           (u) => {
             var v;
-            return ((v = u == null ? void 0 : u.progress) == null ? void 0 : v.status) === q.Queue;
+            return ((v = u == null ? void 0 : u.progress) == null ? void 0 : v.status) === L.Queue;
           }
         );
-        d.length && ((s = this.uploadContext) == null || s.emit("stateChange", {
+        d.length && ((i = this.uploadContext) == null || i.emit("stateChange", {
           type: "cancelled",
           files: d,
           message: "删除附件成功"
         }), this.queue = this.queue.filter(
           (u) => {
             var v;
-            return ((v = u == null ? void 0 : u.progress) == null ? void 0 : v.status) !== q.Queue;
+            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 = q.Remove);
+          u.progress && (u.progress.status = L.Remove);
         }), this.serverMethod({ files: this.queue, event: e }));
         break;
     }
@@ -1358,19 +1362,19 @@ class Ht {
     let n;
     switch (e.event.type) {
       case "upload":
-        n = this.upload(e.files, e.event, (s) => this.handleResultFromServer(s));
+        n = this.upload(e.files, e.event, (i) => this.handleResultFromServer(i));
         break;
       case "removeAll":
       case "remove":
-        n = this.remove(e.files, e.event, (s) => this.handleResultFromServer(s));
+        n = this.remove(e.files, e.event, (i) => this.handleResultFromServer(i));
         break;
       default:
         n = null;
     }
-    n && n.then((s) => {
-      this.handleResultFromServer(s);
-    }).catch((s) => {
-      this.handleResultFromServer(s);
+    n && n.then((i) => {
+      this.handleResultFromServer(i);
+    }).catch((i) => {
+      this.handleResultFromServer(i);
     });
   }
   /**
@@ -1379,9 +1383,9 @@ class Ht {
    * @param event
    * @returns
    */
-  upload(e, n, s) {
+  upload(e, n, i) {
     var a;
-    return (a = this.uploadContext) == null || a.emit("stateChange", { type: "start", files: e }), this.uploadServerSer.upload(e, n, this.extendServerConfig, s);
+    return (a = this.uploadContext) == null || a.emit("stateChange", { type: "start", files: e }), this.uploadServerSer.upload(e, n, this.extendServerConfig, i);
   }
   /**
    * 删除附件
@@ -1389,8 +1393,8 @@ class Ht {
    * @param event
    * @returns
    */
-  remove(e, n, s) {
-    return this.uploadServerSer.remove(e, n, this.extendServerConfig, s);
+  remove(e, n, i) {
+    return this.uploadServerSer.remove(e, n, this.extendServerConfig, i);
   }
   /**
    * 重置
@@ -1408,75 +1412,85 @@ class Ht {
 const ue = /* @__PURE__ */ K({
   name: "FUploader",
   components: {
-    "f-upload-progress": Ze,
+    "f-upload-progress": et,
     "f-preview-checkbox": Te,
     "f-file-select": Ee
   },
   props: he,
   emits: ["filePreviewEvent", "fileDownloadEvent", "previewMultiSelectedEvent", "selectedEvent", "fileRemoveEvent", "fileRemovedEvent", "fUploadDoneEvent", "uploadDoneEvent"],
   setup(t, e) {
-    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"
-    }), d = B(null), {
-      disabled: u,
-      uploadVisible: v,
-      uploadDisabled: C,
-      downloadButtonDisable: f,
-      previewVisible: T,
-      previewColumns: h,
-      uploadFiles: D,
-      innerFileInfos: E,
-      previewEnableMulti: H,
-      previewMultiSelectedLength: g,
-      previewSelectAllBtnChecked: I,
-      uploadEnableMulti: y,
-      previewCurrentId: b,
-      multiFileRemoveHandler: A,
-      previewMultiSelectChangeHandler: k,
-      fileMultiDownloadHandler: j,
+    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: le,
-      filePreviewHandler: X,
-      fileRemoveHandler: _,
-      handleStateChange: G
-    } = Re(t, e, d);
-    Q(n, (r) => {
-      switch (G(r), r.type) {
+      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 M = N(() => E.value.length > 0);
-    function F() {
+    const m = O(() => H.value.length > 0);
+    function N() {
       var r;
-      return He((i == null ? void 0 : i.allowedContentTypes) || []) ? l("li", null, [l("span", null, [x("支持类型：")]), l("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 = i.allowedContentTypes) == null ? void 0 : r.join(""), x(",")])]) : "";
+      }, [(r = d.value.allowedContentTypes) == null ? void 0 : r.join(""), F(",")])]) : "";
     }
-    function O() {
-      return De((i == null ? void 0 : i.maxFileSize) || "") ? l("li", null, [l("span", null, [x("单个文件限制：")]), l("span", {
+    function ie() {
+      return De(d.value.maxFileSize || "") ? l("li", null, [l("span", null, [F("单个文件限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [i.maxFileSize, x(",   ")])]) : "";
+      }, [d.value.maxFileSize, F(",   ")])]) : "";
     }
-    function ne() {
-      return ((i == null ? void 0 : i.maxUploads) || 0) > 0 && l("li", null, [l("span", null, [x("文件总数限制：")]), l("span", {
+    function U() {
+      return (d.value.maxUploads || 0) > 0 && l("li", null, [l("span", null, [F("文件总数限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [i.maxUploads, x("个")])]);
+      }, [d.value.maxUploads, F("个")])]);
     }
-    function P() {
-      return v.value && !C.value && !u.value ? l("div", {
+    function X() {
+      return x.value && !f.value && !v.value ? l("div", {
         class: "ffileupload--support-info"
       }, [a.value ? l("ul", {
         class: "support-info--wrapper"
@@ -1485,10 +1499,10 @@ const ue = /* @__PURE__ */ K({
         innerHTML: a.value
       }, null)])]) : l("ul", {
         class: "support-info--wrapper"
-      }, [F(), O(), ne()])]) : null;
+      }, [N(), ie(), U()])]) : null;
     }
-    function de(r) {
-      var p, S, U;
+    function ae(r) {
+      var p, S, I;
       return l("div", {
         class: "uploadAndpreview--title-container"
       }, [l("div", {
@@ -1500,13 +1514,13 @@ const ue = /* @__PURE__ */ K({
       }, [l("a", {
         class: "item-content--title",
         title: (S = r.file) == null ? void 0 : S.name
-      }, [((U = r.file) == null ? void 0 : U.name) || "无名称"]), l(V("f-upload-progress"), {
+      }, [((I = r.file) == null ? void 0 : I.name) || "无名称"]), l(Q("f-upload-progress"), {
         status: r.type === "done" ? "success" : "active",
         percent: Ce(r),
         maxWidth: 300
       }, null)])]);
     }
-    function se(r) {
+    function de(r) {
       return l("div", {
         class: "uploadAndpreview--title-container"
       }, [l("div", {
@@ -1518,41 +1532,41 @@ const ue = /* @__PURE__ */ K({
       }, [l("a", {
         class: ["item-content--title", "previewButtonDisable.value?'no-preview':''"],
         title: r.name,
-        onClick: (p) => X(p, r)
+        onClick: (p) => $(p, r)
       }, [r.name])])]);
     }
-    function ae(r, p, S) {
+    function o(r, p, S) {
       return l("div", {
         class: "uploadAndpreview--filesize-container"
-      }, [r === "preview" && S ? l("span", null, [gt(S.size)]) : null, r === "upload" && p ? l("span", null, [Ce(p)]) : null]);
+      }, [r === "preview" && S ? l("span", null, [wt(S.size)]) : null, r === "upload" && p ? l("span", null, [Ce(p)]) : null]);
     }
-    function o(r, p) {
+    function c(r, p) {
       return p && p.type === "error" ? l("div", {
         class: "uploadAndpreview--state-container"
       }, [l("p", {
         class: "upload-state--uploaded"
       }, [l("i", {
         class: "f-icon f-icon-message_warning text-danger"
-      }, null), l("span", null, [x("存在异常")])])]) : l("div", {
+      }, null), l("span", null, [F("存在异常")])])]) : l("div", {
         class: "uploadAndpreview--state-container"
       }, [r === "upload" ? p && p.type !== "done" ? l("p", {
         class: "upload-state--uploading"
       }, [l("i", {
         class: "f-icon f-icon-clock text-warning"
-      }, null), l("span", null, [x("正在上传...")])]) : l("p", {
+      }, null), l("span", null, [F("正在上传...")])]) : l("p", {
         class: "upload-state--uploaded"
       }, [l("i", {
         class: "f-icon f-icon-success text-success"
-      }, null), l("span", null, [x("上传成功")])]) : r === "preview" ? l("p", {
+      }, null), l("span", null, [F("上传成功")])]) : r === "preview" ? l("p", {
         class: "upload-state--uploaded"
       }, [l("i", {
         class: "f-icon f-icon-success text-success"
-      }, null), l("span", null, [x("已上传")])]) : ""]);
+      }, null), l("span", null, [F("已上传")])]) : ""]);
     }
-    function c(r) {
+    function h(r) {
       return l("div", {
         class: "uploadAndpreview--action-container"
-      }, [f.value ? "" : l("button", {
+      }, [T.value ? "" : l("button", {
         class: "btn preview-btn",
         title: "下载",
         onClick: (p) => le(p, r)
@@ -1561,173 +1575,173 @@ const ue = /* @__PURE__ */ K({
       }, null)]), t.previewButtonDisable ? "" : l("button", {
         class: "btn preview-btn",
         title: "预览",
-        onClick: (p) => X(p, r)
+        onClick: (p) => $(p, r)
       }, [l("span", {
         class: "f-icon f-icon-enclosure_browse"
       }, null)]), t.deleteButtonDisable ? "" : l("button", {
         class: "btn preview-btn",
         title: "删除",
-        onClick: (p) => _(p, r, s)
+        onClick: (p) => ne(p, r, i)
       }, [l("span", {
         class: "f-icon f-icon-enclosure_delete",
         style: "top: -1px"
       }, null)])]);
     }
-    function m(r) {
+    function C(r) {
       return l("div", {
         class: "uploadAndpreview--date-container"
       }, [r.createTime || ""]);
     }
-    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;
+    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 (U.field) {
+        switch (I.field) {
           case "state":
-            R = o("preview", null);
+            P = c("preview", null);
             break;
           case "name":
-            R = se(S);
+            P = de(S);
             break;
           case "action":
-            R = c(S);
+            P = h(S);
             break;
           case "size":
-            R = ae(r, p, S);
+            P = o(r, p, S);
             break;
           case "createTime":
-            R = m(S);
+            P = C(S);
             break;
           default:
-            R = `<div>${S[U.field] || ""} </div>`;
+            P = `<div>${S[I.field] || ""} </div>`;
         }
       if (r === "upload" && p)
-        switch (U.field) {
+        switch (I.field) {
           case "state":
-            R = o("upload", p);
+            P = c("upload", p);
             break;
           case "name":
-            R = de(p);
+            P = ae(p);
             break;
           case "size":
-            R = ae(r, p, S);
+            P = o(r, p, S);
             break;
           default:
-            R = "";
+            P = "";
         }
-      return R;
+      return P;
     }
-    function z() {
-      return v.value ? l("div", {
+    function _() {
+      return x.value ? l("div", {
         class: "header--left-container"
-      }, [l(V("f-file-select"), {
-        ref: d,
-        disabled: C.value,
+      }, [l(Q("f-file-select"), {
+        ref: u,
+        disabled: f.value,
         selectText: t.selectText,
         uploadedCount: t.uploadedCount,
         uploadServerToken: t.uploadServerToken,
-        enableMulti: y.value,
-        options: t.uploadOptions,
+        enableMulti: b.value,
+        options: d.value,
         extendConfig: t.extendConfig,
-        onStateChange: (r) => G(r)
+        onStateChange: (r) => V(r)
       }, null)]) : null;
     }
-    function $() {
-      return !v.value && T.value && M.value ? l("div", {
+    function oe() {
+      return !x.value && g.value && m.value ? l("div", {
         class: "header--left-container header--countInfo"
       }, [l("p", {
         class: "m-0"
-      }, [x("共"), l("span", {
+      }, [F("共"), l("span", {
         class: "count"
-      }, [D.value.length + E.value.length]), x("个附件"), g.value > 0 ? l(J, null, [x("(已选"), l("span", {
+      }, [E.value.length + H.value.length]), F("个附件"), M.value > 0 ? l(G, null, [F("(已选"), l("span", {
         class: "count-selected"
-      }, [g.value]), x("个)")]) : ""])]) : null;
+      }, [M.value]), F("个)")]) : ""])]) : null;
     }
-    function oe() {
-      return (!f.value || !t.deleteButtonDisable) && T.value && M.value ? l("div", {
+    function Re() {
+      return (!T.value || !t.deleteButtonDisable) && g.value && m.value ? l("div", {
         class: "header--right-container"
-      }, [f.value ? null : l("button", {
+      }, [T.value ? null : l("button", {
         class: "btn btn-primary f-btn-ml",
-        disabled: g.value === 0,
-        onClick: (S) => j(S)
-      }, [x("下载")]), t.deleteButtonDisable.value ? null : l("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: (S) => A(S)
-      }, [x("删除")])]) : null;
+        disabled: M.value === 0,
+        onClick: (S) => k(S)
+      }, [F("删除")])]) : null;
     }
     function we() {
-      return h.value.map((r) => Y(r) ? l("th", {
+      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 && H.value && r.checkbox ? l(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: I.value,
+        checked: y.value,
         onCheckedChange: (p) => ee(p)
       }, null) : null, r.title]) : null);
     }
     function Ne() {
-      return D.value.map((r) => {
+      return E.value.map((r) => {
         var p;
         return l("tr", {
           class: "uploadAndpreview--upload-item",
           id: "uploadAndpreview--upload-item" + (((p = r == null ? void 0 : r.file) == null ? void 0 : p.id) || "")
-        }, [h.value.map((S) => {
-          var U;
+        }, [D.value.map((S) => {
+          var I;
           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,
+            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: (R) => k(R)
-          }, null) : null, W(S, "upload") ? w("upload", r, null, S) : null]);
+            onCheckedChange: (P) => z(P)
+          }, null) : null, W(S, "upload") ? R("upload", r, null, S) : null]);
         })]);
       });
     }
     function ye() {
-      return E.value.map((r) => l("tr", {
-        class: ["uploadAndpreview--preview-item", b.value === r.id ? "uploadAndpreview--currentfile" : ""],
+      return H.value.map((r) => l("tr", {
+        class: ["uploadAndpreview--preview-item", A.value === r.id ? "uploadAndpreview--currentfile" : ""],
         id: "uploadAndpreview--preview-item" + r.id,
         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"), {
+      }, [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: (S) => k(S)
-      }, null) : null, W(p, "preview") ? w("preview", null, r, p) : l("div", {
+        onCheckedChange: (S) => z(S)
+      }, null) : null, W(p, "preview") ? R("preview", null, r, p) : l("div", {
         class: "text-truncate",
-        innerHTML: w("preview", null, r, p)
+        innerHTML: R("preview", null, r, p)
       }, null)]) : null)]));
     }
-    return () => u.value ? l("div", {
+    return () => v.value ? l("div", {
       class: "fv-upload-and-preview"
-    }, [M.value ? null : P(), T.value ? l("div", {
+    }, [m.value ? null : X(), g.value ? l("div", {
       class: "uploadAndpreview--content"
-    }, [M.value ? l("table", {
+    }, [m.value ? l("table", {
       class: "table table-bordered uploadAndpreview--table"
     }, [l("thead", null, [we()]), l("tbody", null, [ye()])]) : l("p", {
       class: "uploadAndpreview--nodata"
-    }, [x("无附件信息")])]) : null, M.value ? P() : null]) : l("div", {
+    }, [F("无附件信息")])]) : null, m.value ? X() : null]) : l("div", {
       class: "fv-upload-and-preview"
     }, [l("div", {
       class: "uploadAndpreview--header"
-    }, [z(), $(), oe()]), M.value ? null : P(), T.value || v.value ? l("div", {
+    }, [_(), oe(), Re()]), m.value ? null : X(), g.value || x.value ? l("div", {
       class: "uploadAndpreview--content"
-    }, [(f.value || !v.value) && D.value.length === 0 && !M.value ? l("p", {
+    }, [(T.value || !x.value) && E.value.length === 0 && !m.value ? l("p", {
       class: "uploadAndpreview--nodata"
-    }, [x("无附件信息")]) : "", D.value.length > 0 || M ? l("table", {
+    }, [F("无附件信息")]) : "", E.value.length > 0 || m ? l("table", {
       class: "table table-bordered uploadAndpreview--table"
-    }, [l("thead", null, [we()]), l("tbody", null, [Ne(), ye()])]) : null]) : null, M.value ? P() : null]);
+    }, [l("thead", null, [we()]), l("tbody", null, [Ne(), ye()])]) : null]) : null, m.value ? X() : null]);
   }
-}), Dt = /* @__PURE__ */ K({
+}), At = /* @__PURE__ */ K({
   name: "FUploaderDesign",
   components: {
     "f-preview-checkbox": Te,
@@ -1736,14 +1750,14 @@ const ue = /* @__PURE__ */ K({
   props: he,
   emits: ["filePreviewEvent", "fileDownloadEvent", "previewMultiSelectedEvent", "selectedEvent", "fileRemoveEvent", "fUploadDoneEvent", "uploadDoneEvent"],
   setup(t, e) {
-    const n = B(t.customInfo), s = Ae(t.uploadOptions, {
+    const n = B(t.customInfo), i = Ae(t.uploadOptions, {
       // 允许上传的文件类型
       allowedContentTypes: ["*"],
       // 默认不限制附件上传个数
       maxUploads: 0,
       // 单位KB，默认是12M
       maxFileSize: "12MB"
-    }), a = B(null), i = [{
+    }), a = B(null), s = [{
       id: "attach01",
       name: ""
     }, {
@@ -1753,29 +1767,29 @@ const ue = /* @__PURE__ */ K({
       disabled: d,
       uploadVisible: u,
       uploadDisabled: v,
-      downloadButtonDisable: C,
+      downloadButtonDisable: x,
       previewVisible: f,
       previewColumns: T,
-      previewEnableMulti: h,
+      previewEnableMulti: g,
       previewCurrentId: D,
       showPreviewStateColumn: E
-    } = Re(t, e, a);
+    } = Oe(t, e, a);
     function H() {
-      var F;
-      return He((s == null ? void 0 : s.allowedContentTypes) || []) ? l("li", null, [l("span", null, [x("支持类型：")]), l("span", {
+      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;"
-      }, [(F = s.allowedContentTypes) == null ? void 0 : F.join(""), x(",")])]) : null;
+      }, [(m = i.allowedContentTypes) == null ? void 0 : m.join(""), F(",")])]) : null;
     }
-    function g() {
-      return De((s == null ? void 0 : s.maxFileSize) || "") ? l("li", null, [l("span", null, [x("单个文件限制：")]), l("span", {
+    function w() {
+      return De((i == null ? void 0 : i.maxFileSize) || "") ? l("li", null, [l("span", null, [F("单个文件限制：")]), l("span", {
         class: "support-info--item-detail"
-      }, [s.maxFileSize, x(",   ")])]) : null;
+      }, [i.maxFileSize, F(",   ")])]) : null;
     }
-    function I() {
-      return ((s == null ? void 0 : s.maxUploads) || 0) > 0 ? l("li", null, [l("span", null, [x("文件总数限制：")]), l("span", {
+    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"
-      }, [s.maxUploads, x("个")])]) : null;
+      }, [i.maxUploads, F("个")])]) : null;
     }
     function y() {
       return u.value && !v.value && !d.value ? l("div", {
@@ -1787,9 +1801,9 @@ const ue = /* @__PURE__ */ K({
         innerHTML: n.value
       }, null)])]) : l("ul", {
         class: "support-info--wrapper"
-      }, [H(), g(), I()])]) : null;
+      }, [H(), w(), M()])]) : null;
     }
-    function b(F) {
+    function b(m) {
       return l("div", {
         class: "uploadAndpreview--title-container"
       }, [l("div", {
@@ -1802,7 +1816,7 @@ const ue = /* @__PURE__ */ K({
         class: "ffilepreview--preview-block"
       }, null)])]);
     }
-    function A(F) {
+    function A(m) {
       return l("div", {
         class: "uploadAndpreview--filesize-container"
       }, [l("span", {
@@ -1816,12 +1830,12 @@ const ue = /* @__PURE__ */ K({
         class: "upload-state--uploaded"
       }, [l("i", {
         class: "f-icon f-icon-success text-success"
-      }, null), l("span", null, [x("已上传")])])]);
+      }, null), l("span", null, [F("已上传")])])]);
     }
-    function j(F) {
+    function z(m) {
       return l("div", {
         class: "uploadAndpreview--action-container"
-      }, [C.value ? "" : l("button", {
+      }, [x.value ? "" : l("button", {
         class: "btn preview-btn",
         title: "下载"
       }, [l("span", {
@@ -1839,107 +1853,107 @@ const ue = /* @__PURE__ */ K({
         style: "top: -1px"
       }, null)])]);
     }
-    function ee(F) {
+    function Z(m) {
       return l("div", {
         class: "uploadAndpreview--date-container"
-      }, [x(" "), l("span", {
+      }, [F(" "), 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) {
+    function ee(m, N, ie) {
+      let U = null;
+      if (m = m || "preview", m === "preview" && N)
+        switch (ie.field) {
           case "state":
-            P = k();
+            U = k();
             break;
           case "name":
-            P = b();
+            U = b();
             break;
           case "action":
-            P = j();
+            U = z();
             break;
           case "size":
-            P = A();
+            U = A();
             break;
           case "createTime":
-            P = ee();
+            U = Z();
             break;
           default:
-            P = l("span", {
+            U = l("span", {
               class: "ffilepreview--preview-block"
             }, null);
         }
-      return P;
+      return U;
     }
-    function W() {
+    function te() {
       return u.value ? l("div", {
         class: "header--left-container"
-      }, [l(V("f-file-select"), {
+      }, [l(Q("f-file-select"), {
         ref: a,
         disabled: v.value,
         selectText: t.selectText
       }, null)]) : null;
     }
-    function Y() {
-      return (!C.value || !t.deleteButtonDisable) && f.value ? l("div", {
+    function W() {
+      return (!x.value || !t.deleteButtonDisable) && f.value ? l("div", {
         class: "header--right-container"
-      }, [C.value ? null : l("button", {
+      }, [x.value ? null : l("button", {
         class: "btn btn-primary f-btn-ml",
         disabled: !0
-      }, [x("下载")]), t.deleteButtonDisable.value ? null : l("button", {
+      }, [F("下载")]), t.deleteButtonDisable.value ? null : l("button", {
         class: "btn btn-secondary f-btn-ml",
         disabled: !0
-      }, [x("删除")])]) : null;
+      }, [F("删除")])]) : null;
     }
-    function le() {
-      return T.value.map((F) => E(F) ? l("th", {
+    function Y() {
+      return T.value.map((m) => E(m) ? l("th", {
         style: {
-          width: F.width ? F.width + "px" : "auto"
+          width: m.width ? m.width + "px" : "auto"
         },
-        class: [!d.value && F.checkbox && F.checkbox ? "td--hascheckbox" : ""]
-      }, [!d.value && h.value && F.checkbox ? l(V("f-preview-checkbox"), {
+        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, F.title]) : null);
+      }, null) : null, m.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"), {
+    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, te("preview", F, O)]) : null)]));
+      }, null) : null, ee("preview", m, N)]) : null)]));
     }
-    Ve(() => {
+    _e(() => {
     });
-    const _ = B(), G = Z("design-item-context"), M = Ye(_, G);
+    const $ = B(), ne = J("design-item-context"), V = Xe($, ne);
     return ve(() => {
-      _.value.componentInstance = M;
-    }), e.expose(M.value), () => l("div", {
+      $.value.componentInstance = V;
+    }), e.expose(V.value), () => l("div", {
       class: "fv-upload-and-preview",
-      ref: _
-    }, [f.value || u.value ? l(J, null, [d.value ? null : l("div", {
+      ref: $
+    }, [f.value || u.value ? l(G, null, [d.value ? null : l("div", {
       class: "uploadAndpreview--header"
-    }, [W(), Y()]), l("div", {
+    }, [te(), W()]), l("div", {
       class: "uploadAndpreview--content"
     }, [l("table", {
       class: "table table-bordered uploadAndpreview--table"
-    }, [l("thead", null, [le()]), l("tbody", null, [X()])])]), y()]) : null]);
+    }, [l("thead", null, [Y()]), l("tbody", null, [le()])])]), y()]) : null]);
   }
 });
-ue.register = (t, e, n, s) => {
+ue.register = (t, e, n, i) => {
   t.uploader = ue, e.uploader = Be;
 };
 ue.registerDesigner = (t, e, n) => {
-  t.uploader = Dt, e.uploader = Be;
+  t.uploader = At, e.uploader = Be;
 };
-const Ut = We(ue);
+const Ut = Ye(ue);
 export {
   ue as FUploader,
-  mt as UploadServerAPI,
+  ht as UploadServerAPI,
   Ut as default,
   Be as propsResolver,
   he as uploaderProps