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

package/designer/uploader/index.esm.js

@@ -1,1190 +0,0 @@
-var ge = Object.defineProperty;
-var we = (e, t, n) => t in e ? ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var L = (e, t, n) => we(e, typeof t != "symbol" ? t + "" : t, n);
-import be, { uploaderProps as de } from "../../components/uploader/index.esm.js";
-import { defineComponent as U, toRefs as pe, ref as T, watch as O, createVNode as i, inject as R, getCurrentInstance as Ce, onMounted as oe, onUnmounted as le, Fragment as V, computed as E, reactive as xe, createApp as Te, Transition as Fe, mergeProps as Se, onBeforeMount as Ie, resolveComponent as Z, createTextVNode as N } from "vue";
-import { useDateFormat as Ee, withInstall as Be } from "../../components/common/index.esm.js";
-import { LocaleService as ee } from "../../components/locale/index.esm.js";
-import { useDesignerComponent as De } from "../../components/designer-canvas/index.esm.js";
-import { resolveAppearance as He, createPropsResolver as Pe } from "../../components/dynamic-resolver/index.esm.js";
-const Me = {
-  // 是否被选中
-  checked: { type: Boolean, default: !1 },
-  // 进度条状态 默认'normal'
-  id: { type: String, default: "" },
-  // 禁用
-  disabled: { type: Boolean, default: !1 }
-}, Ne = {
-  /**
-  * 按钮文本
-  */
-  selectText: { type: String, default: "选择文件" },
-  /**
-   * 禁用
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * 启用多选
-   */
-  enableMulti: { type: Boolean, default: !0 },
-  /**
-   * 允许上传类型
-   */
-  accept: { type: String, default: "*" },
-  /**
-   * 配置对象
-   */
-  options: { type: Object, default: {} },
-  /**
-   * 已上传附件个数
-   */
-  uploadedCount: { type: Number, default: 0 },
-  /**
-  * 发起服务器端请求，某个组件使用的特殊的参数
-  */
-  extendConfig: { type: Object, default: {} },
-  /**
-  * 附件服务器端服务注入的Token
-  */
-  uploadServerToken: { type: String, default: "" }
-}, ke = /* @__PURE__ */ U({
-  name: "FPreviewCheckbox",
-  props: Me,
-  emits: ["checkedChange"],
-  setup(e, t) {
-    const {
-      disabled: n
-    } = pe(e), a = T(e.checked), s = (l) => {
-      l.stopPropagation(), n.value || (a.value = !a.value, t.emit("checkedChange", {
-        checked: a.value,
-        id: e.id
-      }));
-    };
-    return O(() => e.checked, (l) => {
-      a.value = l;
-    }), () => i("div", {
-      class: "preview-checkbox d-inline-flex align-middle"
-    }, [i("div", {
-      class: "custom-control custom-checkbox f-checkradio-single  m-0"
-    }, [i("input", {
-      title: "custom-control-input",
-      class: "custom-control-input",
-      type: "checkbox",
-      disabled: n.value,
-      checked: a.value
-    }, null), i("label", {
-      class: "custom-control-label",
-      onClick: (l) => s(l),
-      onMousedown: (l) => l.stopPropagation()
-    }, null)])]);
-  }
-}), Ae = /* @__PURE__ */ U({
-  name: "FFileSelect",
-  props: Ne,
-  emits: ["change", "stateChange"],
-  setup(e, t) {
-    const n = R("uploaderService");
-    n.setUploadContext(t);
-    const a = Ce(), s = T("*");
-    let l;
-    const c = () => {
-      l.files && (t.emit("change", l.files), n.handleFiles(l.files), l.value = null);
-    };
-    function p() {
-      l.value = null, n.reset();
-    }
-    O(() => e.disabled, () => {
-      p();
-    }), O(() => e.uploadedCount, (u) => {
-      n.setOptions({
-        uploadedCount: u
-      });
-    }), O(() => e.extendConfig, (u) => {
-      n.setExtendServerConfig(u);
-    });
-    function F(u) {
-      u && u.stopPropagation(), l.click();
-    }
-    function w(u) {
-      n.handleUploadEvent(u);
-    }
-    return oe(() => {
-      var u, C;
-      l = (u = a == null ? void 0 : a.proxy) == null ? void 0 : u.$refs.uploadInput, p(), n.setOptions(e.options), n.setExtendServerConfig(e.extendConfig), s.value = (((C = e.options) == null ? void 0 : C.allowedContentTypes) || ["*"]).join(",");
-    }), le(() => {
-    }), t.expose({
-      handleUploadEvent: w
-    }), () => i(V, null, [i("input", {
-      ref: "uploadInput",
-      type: "file",
-      class: "ffileupload--browser",
-      disabled: e.disabled,
-      multiple: e.enableMulti,
-      accept: s.value,
-      onChange: () => c(),
-      style: "width: 10px",
-      title: "uploadInput"
-    }, null), i("div", {
-      class: ["upload-container", e.disabled ? "f-state-disabled" : ""],
-      onClick: (u) => F(u),
-      title: e.selectText
-    }, [i("i", {
-      class: "f-icon f-icon-upload upload-icon",
-      style: "top: 2px;position: relative;"
-    }, null), e.selectText])]);
-  }
-});
-var te = /* @__PURE__ */ ((e) => (e[e.Queue = 0] = "Queue", e[e.Uploading = 1] = "Uploading", e[e.Done = 2] = "Done", e[e.Cancelled = 3] = "Cancelled", e[e.Remove = 4] = "Remove", e[e.Error = 5] = "Error", e))(te || {});
-class Oe {
-  constructor(t = {}, n = {}) {
-    /**
-     * 上传配置
-     */
-    L(this, "uploadConfig");
-    /**
-     * 删除配置
-     */
-    L(this, "removeConfig");
-    const a = { type: "config", url: "", timeout: 0, headers: null, data: {} };
-    this.uploadConfig = Object.assign({}, a, t), this.removeConfig = Object.assign({}, a, n);
-  }
-}
-function fe(e, t) {
-  const { formatTo: n } = Ee();
-  return n(e, t);
-}
-function re(e, t) {
-  if (!t)
-    return "";
-  let n = "";
-  return e.indexOf(".") === -1 && t.hasOwnProperty(e) ? n = t[e] : n = e.split(".").reduce((a, s) => a ? a[s] : null, t), n;
-}
-function Re(e) {
-  return (t, n) => {
-    if (!t.hasOwnProperty(e) || t[e] === void 0 || t[e] === null)
-      return 1;
-    if (!n.hasOwnProperty(e) || n[e] === void 0 || n[e] === null)
-      return -1;
-    if (e !== "createTime") {
-      let l = "", c = "";
-      return e.indexOf(".") > -1 ? (l = re(e, t), c = re(e, n)) : (l = t[e], c = n[e]), l > c ? 1 : -1;
-    }
-    const a = new Date(t[e]), s = new Date(n[e]);
-    return a.getTime() > s.getTime() ? -1 : 1;
-  };
-}
-function je(e) {
-  return (e || []).findIndex((n) => n === "*") === -1;
-}
-function ze(e) {
-  return e !== "0 Byte";
-}
-function ne(e) {
-  if (e === 0)
-    return "0 Byte";
-  const t = 1024, n = ["Bytes", "KB", "MB", "GB", "TB", "PB"], a = Math.floor(Math.log(e) / Math.log(t));
-  return parseFloat((e / t ** a).toFixed(2)) + " " + n[a];
-}
-function Le(e, t) {
-  return e && (e.hasOwnProperty("allowedContentTypes") && (t.allowedContentTypes = e.allowedContentTypes || ["*"], t.allowedContentTypes = t.allowedContentTypes && t.allowedContentTypes.length > 0 ? t.allowedContentTypes : ["*"]), e.hasOwnProperty("maxUploads") && (t.maxUploads = e.maxUploads || 0), e.hasOwnProperty("maxFileSize") && (t.maxFileSize = ne(1024 * 1024 * (parseInt(String(e.maxFileSize), 10) || 1)))), t;
-}
-function ce(e) {
-  const t = [];
-  return e.forEach((n) => {
-    const a = { id: "", name: "", size: 0, type: "", extend: null, extendHeaders: null, createTime: "" };
-    for (const s in a) {
-      const l = s.replace("extend", "response").replace("createTime", "lastModifiedDate");
-      n.hasOwnProperty(l) && (l === "lastModifiedDate" ? a[s] = fe(n[l], "yyyy-MM-dd HH:mm:ss") : a[s] = n[l]);
-    }
-    t.push(a);
-  }), t;
-}
-function Ue(e) {
-  if (e)
-    return e.split(`
-`).map((t) => t.split(/: */, 2)).filter((t) => t[0]).reduce((t, n) => (t[n[0]] = n[1], t), {});
-}
-function ue(e) {
-  return new Date(e * 1e3).toISOString().substr(11, 8);
-}
-class $e extends Oe {
-  upload(t, n, a, s) {
-    const l = t[0];
-    return new Promise((c, p) => {
-      var H, f;
-      const F = n.url || a.url || "", w = n.method || "POST", u = n.data || {}, C = n.headers || {}, v = new XMLHttpRequest(), B = (/* @__PURE__ */ new Date()).getTime();
-      let x = ((H = l.progress) == null ? void 0 : H.data) && l.progress.data.startTime || B, S = 0, y = null;
-      v.upload.addEventListener("progress", (m) => {
-        var I;
-        if (m.lengthComputable) {
-          const b = Math.round(m.loaded * 100 / m.total), k = (/* @__PURE__ */ new Date()).getTime() - B;
-          S = Math.round(m.loaded / k * 1e3), x = ((I = l.progress) == null ? void 0 : I.data) && l.progress.data.startTime || (/* @__PURE__ */ new Date()).getTime(), y = Math.ceil((m.total - m.loaded) / S), l.progress = {
-            status: te.Uploading,
-            data: {
-              percentage: b,
-              speed: S,
-              speedHuman: `${ne(S)}/s`,
-              startTime: x,
-              endTime: null,
-              eta: y,
-              etaHuman: ue(y)
-            }
-          }, s({ type: "uploading", files: [l] });
-        }
-      }, !1), v.upload.addEventListener("error", (m) => {
-        p(m);
-      }), v.onreadystatechange = () => {
-        if (v.readyState === XMLHttpRequest.DONE) {
-          const m = Math.round(l.size / ((/* @__PURE__ */ new Date()).getTime() - x) * 1e3);
-          l.progress = {
-            status: te.Done,
-            data: {
-              percentage: 100,
-              speed: m,
-              speedHuman: `${ne(m)}/s`,
-              startTime: x,
-              endTime: (/* @__PURE__ */ new Date()).getTime(),
-              eta: y,
-              etaHuman: ue(y || 0)
-            }
-          }, l.responseStatus = v.status;
-          try {
-            l.response = JSON.parse(v.response);
-          } catch {
-            l.response = v.response;
-          }
-          l.responseHeaders = Ue(v.getAllResponseHeaders()), c({ type: "done", files: [l] });
-        }
-      }, v.open(w, F, !0), v.withCredentials = !!n.withCredentials;
-      try {
-        const m = l.nativeFile;
-        Object.keys(C).forEach((b) => v.setRequestHeader(b, C[b]));
-        let I;
-        n.includeWebKitFormBoundary !== !1 ? (Object.keys(u).forEach((b) => {
-          var k;
-          return (k = l.form) == null ? void 0 : k.append(b, u[b]);
-        }), (f = l.form) == null || f.append(n.fieldName || "file", m, m.name), I = l.form) : I = m, v.send(I);
-      } catch (m) {
-        p(m);
-      }
-      return () => {
-        v.abort();
-      };
-    });
-  }
-  // 删除附件
-  remove(t, n, a, s) {
-    return new Promise((l, c) => {
-      l({ type: "removed", files: t });
-    });
-  }
-}
-const Ve = {
-  showCloseButton: { type: Boolean, default: !0 },
-  position: { type: String, default: "top-center" },
-  timeout: { type: Number, default: 3e3 },
-  theme: { type: String, default: "bootstrap" },
-  left: { type: Number },
-  right: { type: Number },
-  top: { type: Number },
-  bottom: { type: Number },
-  id: { type: String },
-  animate: { type: String, default: "fadeIn" },
-  options: { type: Object },
-  safeHtml: { type: Boolean, default: !0 }
-}, _e = {
-  showCloseButton: { type: Boolean, default: !0 },
-  animate: { type: String, default: "fadeIn" },
-  options: { type: Object }
-}, ie = /* @__PURE__ */ U({
-  name: "Toast",
-  props: _e,
-  emits: ["close", "click"],
-  setup: (e, t) => {
-    const n = T(e.animate), a = "fadeOut", s = E(() => e.options), l = T(!1), c = E(() => s.value.title && s.value.message), p = E(() => !s.value.title && s.value.message), F = E(() => {
-      const f = {
-        animated: l.value,
-        toast: !0,
-        "toast--only-content": !c.value
-      };
-      return f[e.animate] = !1, f[a] = l.value, f["toasty-type-" + s.value.type] = !0, s.value.theme && (f[s.value.theme] = !0), f;
-    }), w = E(() => {
-      const I = `f-icon-${s.value && s.value.type ? s.value.type.replace("toasty-type-", "") : "default"}`, b = {
-        "f-icon": !0
-      };
-      return b[I] = !0, b;
-    }), u = E(() => s.value.title || s.value.message), C = E(() => e.showCloseButton), v = E(() => !!s.value.buttons || !!t.slots.default), B = E(() => ee.getLocale() === "en" ? {
-      wordBreak: "keep-all",
-      overflowWrap: "break-word"
-    } : {});
-    function x(f) {
-      f.stopPropagation(), f.preventDefault(), l.value = !1, setTimeout(() => {
-        t.emit("close", s.value);
-      }, 200);
-    }
-    function S(f, m) {
-    }
-    function y(f) {
-      return `f-preten-link ${f.customClass ? f.customClass : ""}`;
-    }
-    O(n, () => {
-      n.value;
-    });
-    const H = () => {
-      var f;
-      return i(V, null, [i("div", {
-        class: "after-toast-msg text-right"
-      }, [!t.slots.default && ((f = s.value.buttons) == null ? void 0 : f.map((m) => i("span", {
-        class: y(m),
-        onClick: (I) => void 0
-      }, [m.text]))), t.slots.default && t.slots.default()])]);
-    };
-    return () => i("div", {
-      class: F.value,
-      style: "min-height:44px"
-    }, [C.value && i("button", {
-      title: ee.getLocaleValue("messageBox.close"),
-      class: "toast-close f-btn-icon f-bare",
-      onClick: x
-    }, [i("span", {
-      class: "f-icon modal_close"
-    }, null)]), u.value && i("section", {
-      class: "modal-tips"
-    }, [!c.value && i("div", {
-      class: "float-left modal-tips-iconwrap"
-    }, [i("span", {
-      class: w.value
-    }, null)]), i("div", {
-      class: "modal-tips-content"
-    }, [c.value && i(V, null, [i("h5", {
-      class: "toast-title modal-tips-title",
-      innerHTML: s.value.title
-    }, null), i("p", {
-      class: "toast-msg",
-      innerHTML: s.value.message,
-      style: B.value
-    }, null), v.value && H()]), p.value && (s.value.buttons ? i("div", {
-      class: "toast-title-btns-wrapper d-flex"
-    }, [i("h5", {
-      class: "toast-title modal-tips-title only-toast-msg",
-      style: B.value,
-      innerHTML: s.value.message
-    }, null), i("div", {
-      class: "after-toast-title text-right ml-auto"
-    }, [H()])]) : i("h5", {
-      class: "toast-title modal-tips-title only-toast-msg",
-      style: B.value,
-      innerHTML: s.value.message
-    }, null))])])]);
-  }
-}), $ = /* @__PURE__ */ U({
-  name: "Notify",
-  props: Ve,
-  emits: ["close", "empty"],
-  setup(e, t) {
-    const n = E(() => ({
-      "farris-notify": !0
-    })), a = {
-      left: 12,
-      right: 12,
-      top: 20,
-      bottom: 12
-    }, s = T(), l = T(e.options), c = T(e.showCloseButton), p = E(() => e.position || "bottom-right"), F = E(() => e.timeout != null ? e.timeout : 3e3), w = E(() => {
-      const v = e.bottom ? e.bottom : a.bottom, B = e.top ? e.top : a.top, x = {
-        transition: "all 0.2s ease",
-        left: p.value.indexOf("left") > -1 ? `${e.left ? e.left : a.left}px` : "",
-        right: p.value.indexOf("right") > -1 ? `${e.right ? e.right : a.right}px` : "",
-        top: p.value.indexOf("top") > -1 ? `${B}px` : "",
-        bottom: p.value.indexOf("bottom") > -1 ? `${v}px` : ""
-      };
-      return p.value.indexOf("center") > -1 && (x.left = "50%", x.marginLeft = "calc(-24rem / 2)", p.value === "center-center" && (x.top = "50%", x.transform = "translate(-50%, -50%)")), x;
-    });
-    function u(v) {
-      t.emit("close");
-    }
-    F.value && setTimeout(() => {
-      u();
-    }, F.value), t.expose({
-      closeToast: u,
-      container: s,
-      notifyPosition: p
-    });
-    function C(v, B) {
-      u();
-    }
-    return () => i("div", {
-      class: n.value,
-      style: w.value,
-      ref: s
-    }, [i(ie, {
-      options: l.value,
-      showCloseButton: c.value,
-      animate: e.animate,
-      onClose: (v) => C(v, l.value)
-    }, null)]);
-  }
-});
-class me {
-  constructor() {
-    L(this, "notifyRefs", []);
-    L(this, "globalConfig", xe({}));
-  }
-  escapeAllHtml(t) {
-    if (typeof t != "string" || !t)
-      return "";
-    const n = document.createElement("div");
-    return n.textContent = t || "", n.innerHTML.replace(/\\n/g, "<br>").replace(/\\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g, "");
-  }
-  createNotifyInstance(t) {
-    const n = this, s = Object.assign({
-      timeout: 3e3,
-      position: "bottom-right",
-      showCloseButton: !0,
-      safeHtml: !0
-    }, this.globalConfig, {
-      ...t
-    }), l = document.createElement("div");
-    l.style.display = "contents";
-    const c = Te({
-      setup() {
-        var w;
-        const p = T();
-        function F() {
-          p.value.container.style.transform = "scale(0)", setTimeout(() => {
-            n.updateNotifyPositionForClose(s, p), c.unmount();
-          }, 220);
-        }
-        if (s.position.indexOf("top") > -1) {
-          const u = n.getNotifyInstances(s.position), C = u[u.length - 1];
-          if (C) {
-            const v = C.value.container.getBoundingClientRect();
-            s.top = v.bottom;
-          }
-        }
-        return s.safeHtml && ((w = s.options) != null && w.message) && (s.options.message = n.escapeAllHtml(s.options.message)), le(() => {
-          document.body.removeChild(l);
-        }), oe(() => {
-          n.updateNotifyPositionForCreate(s, p);
-        }), () => i(Fe, {
-          mode: "out-in",
-          name: "fade",
-          appear: !0
-        }, {
-          default: () => [i($, Se({
-            ref: p
-          }, s, {
-            onClose: F
-          }), null)]
-        });
-      }
-    });
-    return c.provide("NotifyService", this), document.body.appendChild(l), c.use(ee.i18n), c.mount(l), c;
-  }
-  getNotifyInstances(t) {
-    return this.notifyRefs.filter((n) => n.value.notifyPosition === t);
-  }
-  updateNotifyPositionForCreate(t, n) {
-    if (this.notifyRefs && this.notifyRefs.length) {
-      const a = window.innerHeight;
-      t.position.indexOf("bottom") > -1 && this.getNotifyInstances(t.position).forEach((s) => {
-        const l = s.value.container.getBoundingClientRect();
-        s.value.container.style.bottom = l.height + a - l.bottom + "px";
-      });
-    }
-    this.notifyRefs = [...this.notifyRefs, n];
-  }
-  updateNotifyPositionForClose(t, n) {
-    const a = this.notifyRefs.indexOf(n);
-    if (t.position.indexOf("top") > -1) {
-      const s = this.getNotifyInstances(t.position), l = s.indexOf(n);
-      s.slice(l + 1).forEach((c) => {
-        c.value.container.style.top = c.value.container.offsetTop - c.value.container.offsetHeight + "px";
-      });
-    }
-    a > -1 && this.notifyRefs.splice(a, 1);
-  }
-  show(t) {
-    return this.createNotifyInstance(t);
-  }
-  buildNotifyProps(t, n) {
-    let a = "", s = "", l, c, p;
-    typeof n == "string" ? a = n : n && (a = n.message || "", s = n.title || "", c = n.position || null, p = n.showCloseButton != null ? n.showCloseButton : null, l = n.timeout != null ? n.timeout : null);
-    const w = {
-      options: {
-        type: t,
-        message: a,
-        title: s
-      }
-    };
-    return c != null && (w.position = c), p != null && (w.showCloseButton = p), l != null && (w.timeout = l), w;
-  }
-  info(t) {
-    const n = this.buildNotifyProps("info", t);
-    return this.show(n);
-  }
-  success(t) {
-    const n = this.buildNotifyProps("success", t);
-    return this.show(n);
-  }
-  warning(t) {
-    const n = this.buildNotifyProps("warning", t);
-    return this.show(n);
-  }
-  error(t) {
-    const n = this.buildNotifyProps("error", t);
-    return this.show(n);
-  }
-  close(t) {
-    t && t.unmount();
-  }
-  closeAll() {
-    this.notifyRefs.forEach((t) => {
-      t == null || t.value.closeToast();
-    }), this.notifyRefs.length = 0;
-  }
-}
-const Ke = Symbol("NOTIFY_SERVICE_TOKEN");
-$.install = (e) => {
-  e.component($.name, $), e.component(ie.name, ie);
-  const t = new me();
-  e.provide(Ke, t), e.provide("FNotifyService", t);
-};
-const qe = (e = "") => {
-  let t;
-  return e && R(e, null) && (t = R(e)), t || (t = new me()), t;
-}, Qe = (e = "") => {
-  let t;
-  if (e && R(e, null)) {
-    const n = R(e);
-    n && n() && (t = n());
-  }
-  return t || (t = new $e()), t;
-}, Xe = {
-  getNotify: qe,
-  getServerAPI: Qe
-};
-function Ye(e, t, n) {
-  const a = Xe.getNotify(e.notifyServiceToken), s = T(e.fileInfos), {
-    disabled: l,
-    uploadVisible: c,
-    uploadDisabled: p,
-    previewVisible: F,
-    orderField: w,
-    previewEnableMulti: u,
-    downloadButtonDisable: C,
-    previewColumns: v,
-    uploadEnableMulti: B,
-    previewButtonDisable: x
-  } = pe(e), S = T(!1), y = T([]), H = E(() => y.value.length), f = T([]), m = T("");
-  function I(o) {
-    (!o.length || y.value.length !== o.length) && (S.value = !1);
-    const d = [...o.map((h) => (h.hasOwnProperty("size") || (h.size = void 0), h.hasOwnProperty("createTime") || (h.createTime = void 0), u.value && (h.checked = !!y.value.find((M) => M.id === h.id) || S.value), h))];
-    return d.sort(Re(w.value)), u.value && (y.value = [...d].filter((h) => h.checked)), d;
-  }
-  const b = T(I(s.value));
-  O(() => e.fileInfos, (o) => {
-    b.value = I(o);
-  });
-  const k = (o, r) => {
-    o.stopImmediatePropagation(), t.emit("fileDownloadEvent", { fileInfos: [r], name: "" });
-  }, K = (o, r) => {
-    o.stopImmediatePropagation(), !x.value && t.emit("filePreviewEvent", r);
-  }, q = (o, r, d) => {
-    r.checked && (y.value = y.value.filter((h) => h.id !== r.id)), t.emit("fileRemoveEvent", r), d.handleUploadEvent({ type: "remove", file: r });
-  }, Q = (o, r = "preview") => o.formatter ? !0 : r === "preview" ? ["state", "name", "action", "size", "createTime"].findIndex((h) => h === o.field) > -1 : r === "upload" ? ["state", "name", "size"].findIndex((h) => h === o.field) > -1 : !1, X = (o) => !(o.field === "state" && (p.value || !c.value)), Y = (o) => o.lastIndexOf(".") > 0 ? o.substring(0, o.lastIndexOf(".")) : "", G = (o) => {
-    if (o.stopImmediatePropagation(), H.value > 1) {
-      let r = "";
-      r = Y(y.value[0].name), t.emit("fileDownloadEvent", {
-        fileInfos: y.value,
-        name: r
-      });
-    }
-  }, j = (o) => {
-    o.stopImmediatePropagation(), t.emit("fileRemoveEvent", y.value);
-  }, W = (o) => {
-    const r = b.value;
-    o.checked ? (r.forEach((d) => {
-      d.checked = !0;
-    }), y.value = [...b.value], S.value = !0) : (y.value = [], r.forEach((d) => {
-      d.checked = !1;
-    }), S.value = !1), t.emit("previewMultiSelectedEvent", y.value);
-  }, z = (o, r) => {
-    o && (o.stopImmediatePropagation(), o.stopPropagation()), (!m.value || r.id !== m.value) && (m.value = r.id, t.emit("selectedEvent", r));
-  }, g = (o) => {
-    const r = y.value.findIndex((M) => M.id === o.id), d = r > -1, h = b.value.find((M) => M.id === o.id);
-    h && (h.checked = o.checked), o.checked && !d && h && y.value.push(h), !o.checked && d && y.value.splice(r, 1), b.value.length > 0 && (y.value.length === b.value.length ? S.value = !0 : S.value = !1), z(null, h), t.emit("previewMultiSelectedEvent", y.value);
-  }, D = (o) => {
-    var r;
-    (r = n == null ? void 0 : n.value) == null || r.handleUploadEvent(o);
-  }, J = (o) => {
-    D({ type: "upload", file: o });
-  }, P = (o, r) => {
-    let d = [];
-    o.files && o.files.length > 0 ? d = o.files : typeof o.file < "u" && (d = [o.file]), r = r || o.type, d.map((h) => {
-      const M = f.value.findIndex((A) => {
-        var ae;
-        return typeof h < "u" && ((ae = A == null ? void 0 : A.file) == null ? void 0 : ae.id) === h.id;
-      });
-      M > -1 && (f.value[M] = { type: r, file: h });
-    });
-  }, he = (o) => {
-    if (o.files) {
-      const r = o.files.map((d) => d.id);
-      f.value = f.value.filter((d) => !(r.findIndex((M) => {
-        var A;
-        return M === ((A = d == null ? void 0 : d.file) == null ? void 0 : A.id);
-      }) > -1)), D({
-        type: "hide",
-        id: r.join(",")
-      });
-    }
-  }, se = (o) => {
-    let r = "warning";
-    (o.type === "cancelled" || o.type === "removed") && (r = "success");
-    const d = o.hasOwnProperty("message") ? o.message : "";
-    a.show({
-      options: { type: r, message: d },
-      position: "top-center"
-    });
-  }, ye = (o) => {
-    if (o.type === "addedToQueue" && typeof o.file < "u")
-      f.value.push({ type: o.type, file: o.file }), J(o.file);
-    else if (o.type === "start")
-      P(o, "start");
-    else if (o.type === "done") {
-      P(o, "done");
-      const r = (o.files || []).map((d) => ({
-        checked: !1,
-        id: d.id,
-        name: d.name,
-        size: d.size,
-        createTime: fe(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")
-      }));
-      s.value = [...r, ...b.value], he(o), t.emit("fUploadDoneEvent", ce(o.files || [])), t.emit("uploadDoneEvent", ce(o.files || []));
-    } else if (o.type === "cancelled" || o.type === "removed" || o.type === "error") {
-      const r = s.value.filter((d) => o.files && o.files.findIndex((h) => d.id === h.id) < 0);
-      s.value = [...r], se(o);
-    } else o.type === "rejected" && typeof o.file < "u" && se(o);
-  };
-  return le(() => {
-  }), {
-    disabled: l,
-    uploadVisible: c,
-    uploadDisabled: p,
-    downloadButtonDisable: C,
-    previewVisible: F,
-    previewColumns: v,
-    uploadFiles: f,
-    innerFileInfos: b,
-    previewEnableMulti: u,
-    previewMultiSelectedLength: H,
-    previewSelectAllBtnChecked: S,
-    uploadEnableMulti: B,
-    previewCurrentId: m,
-    multiFileRemoveHandler: j,
-    previewMultiSelectChangeHandler: g,
-    fileMultiDownloadHandler: G,
-    selectOrCancelAllHandler: W,
-    hasColumnHtmlFunc: Q,
-    showPreviewStateColumn: X,
-    rowSelectedHandler: z,
-    fileDownloadHandler: k,
-    filePreviewHandler: K,
-    fileRemoveHandler: q,
-    handleStateChange: ye
-  };
-}
-const _ = /* @__PURE__ */ U({
-  name: "FUploaderDesign",
-  components: {
-    "f-preview-checkbox": ke,
-    "f-file-select": Ae
-  },
-  props: de,
-  emits: ["filePreviewEvent", "fileDownloadEvent", "previewMultiSelectedEvent", "selectedEvent", "fileRemoveEvent", "fUploadDoneEvent", "uploadDoneEvent"],
-  setup(e, t) {
-    const n = T(e.customInfo), a = Le(e.uploadOptions, {
-      // 允许上传的文件类型
-      allowedContentTypes: ["*"],
-      // 默认不限制附件上传个数
-      maxUploads: 0,
-      // 单位KB，默认是12M
-      maxFileSize: "12MB"
-    }), s = T(null), l = [{
-      id: "attach01",
-      name: ""
-    }, {
-      id: "attach02",
-      name: ""
-    }], {
-      disabled: c,
-      uploadVisible: p,
-      uploadDisabled: F,
-      downloadButtonDisable: w,
-      previewVisible: u,
-      previewColumns: C,
-      previewEnableMulti: v,
-      previewCurrentId: B,
-      showPreviewStateColumn: x
-    } = Ye(e, t, s);
-    function S() {
-      var g;
-      return je((a == null ? void 0 : a.allowedContentTypes) || []) ? i("li", null, [i("span", null, [N("支持类型：")]), i("span", {
-        class: "support-info--item-detail",
-        style: "margin-right:4px;"
-      }, [(g = a.allowedContentTypes) == null ? void 0 : g.join(""), N(",")])]) : null;
-    }
-    function y() {
-      return ze((a == null ? void 0 : a.maxFileSize) || "") ? i("li", null, [i("span", null, [N("单个文件限制：")]), i("span", {
-        class: "support-info--item-detail"
-      }, [a.maxFileSize, N(",   ")])]) : null;
-    }
-    function H() {
-      return ((a == null ? void 0 : a.maxUploads) || 0) > 0 ? i("li", null, [i("span", null, [N("文件总数限制：")]), i("span", {
-        class: "support-info--item-detail"
-      }, [a.maxUploads, N("个")])]) : null;
-    }
-    function f() {
-      return p.value && !F.value && !c.value ? i("div", {
-        class: "ffileupload--support-info"
-      }, [n.value ? i("ul", {
-        class: "support-info--wrapper"
-      }, [i("li", null, [i("span", {
-        class: "support-info--item-detail",
-        innerHTML: n.value
-      }, null)])]) : i("ul", {
-        class: "support-info--wrapper"
-      }, [S(), y(), H()])]) : null;
-    }
-    function m(g) {
-      return i("div", {
-        class: "uploadAndpreview--title-container"
-      }, [i("div", {
-        class: "ffilepreview--item-icon"
-      }, [i("span", {
-        class: "ffilepreview--filetype-icon"
-      }, null)]), i("div", {
-        class: "uploadAndpreview--right"
-      }, [i("span", {
-        class: "ffilepreview--preview-block"
-      }, null)])]);
-    }
-    function I(g) {
-      return i("div", {
-        class: "uploadAndpreview--filesize-container"
-      }, [i("span", {
-        class: "ffilepreview--preview-block"
-      }, null)]);
-    }
-    function b() {
-      return i("div", {
-        class: "uploadAndpreview--state-container"
-      }, [i("p", {
-        class: "upload-state--uploaded"
-      }, [i("i", {
-        class: "f-icon f-icon-success text-success"
-      }, null), i("span", null, [N("已上传")])])]);
-    }
-    function k(g) {
-      return i("div", {
-        class: "uploadAndpreview--action-container"
-      }, [w.value ? "" : i("button", {
-        class: "btn preview-btn",
-        title: "下载"
-      }, [i("span", {
-        class: "f-icon f-icon-enclosure_download"
-      }, null)]), e.previewButtonDisable ? "" : i("button", {
-        class: "btn preview-btn",
-        title: "预览"
-      }, [i("span", {
-        class: "f-icon f-icon-enclosure_browse"
-      }, null)]), e.deleteButtonDisable ? "" : i("button", {
-        class: "btn preview-btn",
-        title: "删除"
-      }, [i("span", {
-        class: "f-icon f-icon-enclosure_delete",
-        style: "top: -1px"
-      }, null)])]);
-    }
-    function K(g) {
-      return i("div", {
-        class: "uploadAndpreview--date-container"
-      }, [N(" "), i("span", {
-        class: "ffilepreview--preview-block"
-      }, null)]);
-    }
-    function q(g, D, J) {
-      let P = null;
-      if (g = g || "preview", g === "preview" && D)
-        switch (J.field) {
-          case "state":
-            P = b();
-            break;
-          case "name":
-            P = m();
-            break;
-          case "action":
-            P = k();
-            break;
-          case "size":
-            P = I();
-            break;
-          case "createTime":
-            P = K();
-            break;
-          default:
-            P = i("span", {
-              class: "ffilepreview--preview-block"
-            }, null);
-        }
-      return P;
-    }
-    function Q() {
-      return p.value ? i("div", {
-        class: "header--left-container"
-      }, [i(Z("f-file-select"), {
-        ref: s,
-        disabled: F.value,
-        selectText: e.selectText
-      }, null)]) : null;
-    }
-    function X() {
-      return (!w.value || !e.deleteButtonDisable) && u.value ? i("div", {
-        class: "header--right-container"
-      }, [w.value ? null : i("button", {
-        class: "btn btn-primary f-btn-ml",
-        disabled: !0
-      }, [N("下载")]), e.deleteButtonDisable.value ? null : i("button", {
-        class: "btn btn-secondary f-btn-ml",
-        disabled: !0
-      }, [N("删除")])]) : null;
-    }
-    function Y() {
-      return C.value.map((g) => x(g) ? i("th", {
-        style: {
-          width: g.width ? g.width + "px" : "auto"
-        },
-        class: [!c.value && g.checkbox && g.checkbox ? "td--hascheckbox" : ""]
-      }, [!c.value && v.value && g.checkbox ? i(Z("f-preview-checkbox"), {
-        class: "preview-checkbox",
-        id: "previewMultiBtn"
-      }, null) : null, g.title]) : null);
-    }
-    function G() {
-      return l.map((g) => i("tr", {
-        class: ["uploadAndpreview--preview-item", B.value === g.id ? "uploadAndpreview--currentfile" : ""],
-        id: "uploadAndpreview--preview-item" + g.id
-      }, [C.value.map((D) => x(D) ? i("td", {
-        class: [!c.value && D.checkbox && D.checkbox ? "td--hascheckbox" : ""]
-      }, [!c.value && v.value && D.checkbox ? i(Z("f-preview-checkbox"), {
-        class: "preview-checkbox"
-      }, null) : null, q("preview", g, D)]) : null)]));
-    }
-    Ie(() => {
-    });
-    const j = T(), W = R("design-item-context"), z = De(j, W);
-    return oe(() => {
-      j.value.componentInstance = z;
-    }), t.expose(z.value), () => i("div", {
-      class: "fv-upload-and-preview",
-      ref: j
-    }, [u.value || p.value ? i(V, null, [c.value ? null : i("div", {
-      class: "uploadAndpreview--header"
-    }, [Q(), X()]), i("div", {
-      class: "uploadAndpreview--content"
-    }, [i("table", {
-      class: "table table-bordered uploadAndpreview--table"
-    }, [i("thead", null, [Y()]), i("tbody", null, [G()])])]), f()]) : null]);
-  }
-}), Ge = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/uploader.schema.json", Je = "uploader", Ze = "A Farris Component", et = "object", tt = {
-  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
-  }
-}, nt = [
-  "id",
-  "type"
-], it = {
-  $schema: Ge,
-  $id: We,
-  title: Je,
-  description: Ze,
-  type: et,
-  properties: tt,
-  required: nt
-}, ot = /* @__PURE__ */ new Map([
-  ["appearance", He]
-]);
-function lt(e, t, n) {
-  return t;
-}
-const st = "uploader", at = "A Farris Component", rt = "object", ct = {
-  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: []
-        }
-      }
-    }
-  }
-}, ut = {
-  title: st,
-  description: at,
-  type: rt,
-  categories: ct
-}, ve = Pe(de, it, ot, lt, ut);
-_.register = (e, t, n, a) => {
-  e.uploader = be, t.uploader = ve;
-};
-_.registerDesigner = (e, t, n) => {
-  e.uploader = _, t.uploader = ve;
-};
-const gt = Be(_);
-export {
-  _ as FUploaderDesign,
-  gt as default,
-  ve as propsResolver
-};