@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/uploader/index.esm.js

@@ -0,0 +1,1190 @@
+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
+};