act-plus 1.1.56 → 1.1.58

package/lib/index-2cbc7b22.js

@@ -0,0 +1,289 @@
+import { defineAsyncComponent as re, inject as C, ref as U, watch as ne, resolveComponent as f, resolveDirective as se, unref as t, openBlock as n, createElementBlock as V, createVNode as ue, normalizeStyle as de, withCtx as g, Fragment as q, renderList as L, createBlock as d, mergeProps as _, withKeys as I, withModifiers as B, createCommentVNode as h, resolveDynamicComponent as pe, createElementVNode as ie, toDisplayString as S, createTextVNode as M, withDirectives as ce } from "vue";
+import { _ as fe, u as ye, P as me, a as be, b as Ve } from "./index-c7522ec4.js";
+import "vue-router";
+import "element-plus";
+const _e = {
+  key: 0,
+  class: "search-module-container"
+}, Ce = { class: "no-config-field" }, he = {
+  __name: "index",
+  props: {
+    data: { type: Object, default: () => ({}) }
+  },
+  emits: ["reset", "search"],
+  setup(j, { emit: H }) {
+    const K = re(() => import("./index-e2f2023d.js")), { t: p } = ye(), W = C("request"), O = C("globalProps"), G = C("loadComponents"), y = C("getFieldUiProps"), x = C("formatDataType"), z = C("disposeDate"), J = C("getDefaultQueryValues"), A = H, m = j, X = U({});
+    let b = U([]), Y = U([]), T = U(!0);
+    const Z = (s) => m.data.tableConfig.isExpandQuery && T.value ? m.data.tableConfig.tableQueryRowWidth > s + 1 : !0, ee = async (s) => {
+      b.value = await Promise.all(
+        s.filter((l) => l.useScenes.includes("tableSearch")).map(async (l) => {
+          l.tableQueryDefaultValue && (["date", "dateRange"].includes(l.fieldType) ? l.queryValue = z(l) : l.queryValue = l.tableQueryDefaultValue ? l.tableQueryDefaultValue : void 0), O.defaultParams.some((o) => {
+            o.field == l.fieldKey && o.operate === l.tableQueryCondition && (l.queryValue = o.value);
+          });
+          const u = (l.formCustomComponentes ?? []).find((o) => o.permissionCode === "tableSearch");
+          if (l.isQueryFieldCustom = !1, u && u.isFieldCustom) {
+            const { isFieldCustom: o, customComponentName: k, customComponentUrl: P } = u;
+            if (l.isQueryFieldCustom = !0, o && !l.customQueryComponent) {
+              const $ = await G(P, k);
+              l.customQueryComponent = $;
+            }
+          }
+          return l;
+        })
+      );
+    }, le = (s) => {
+      const l = (s || []).filter((u) => u.permissionCode === 1001).map((u) => ({ ...u, loading: !1 }));
+      Y.value = [...l, { btnName: p("act.reset"), permissionCode: "9999", btnColor: "info", btnIcon: "btn-reset", loading: !1 }];
+    }, ae = async ({ node: s, resolve: l }, u) => {
+      const o = y(u), { label: k, value: P, children: $, isLeaf: w } = { ...Ve, ...o.treeProps || {} };
+      if (s[w])
+        return l([]);
+      const Q = u.postRequestParams.filter((r) => r.submitType === "default").reduce((r, e) => (r[e.submitName] = x(e.paramsType, e.submitValue), r), {}), D = u.postRequestParams.filter((r) => r.submitType === "match").reduce((r, e) => (r[e.submitName] = x(e.paramsType, O.matchData[e.submitValue][e.submitName]), r), {}), R = u.postRequestParams.filter((r) => r.submitType === "dynamic").map((r) => ({
+        field: r.submitName,
+        operate: r.submitMatchType,
+        value: o.loadCode ? s == null ? void 0 : s.data.value : x(r.paramsType, r.submitValue)
+      }));
+      let c = {};
+      Object.keys(Q).length && (c = { ...c, ...Q }), Object.keys(D).length && (c = { ...c, ...D }), R.length && (c.dynamicFilters = R), o.loadCode && Reflect.has(c, o.loadCode) && (c[o.loadCode] = s == null ? void 0 : s.data.value);
+      const { data: E } = await W({
+        url: u.fieldRequestUrl,
+        method: u.fieldRequestType || "GET",
+        data: c
+      }), v = (E || []).map((r) => ({ label: r[k], value: r[P], children: [], isLeaf: r[w] }));
+      l(v);
+    };
+    ne(
+      () => m.data,
+      (s, l) => {
+        ee(s.fields), le(s.buttons);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const i = (s) => {
+      switch (s.loading = !0, s.permissionCode) {
+        case "9999":
+          b.value.forEach((o) => {
+            o.tableQueryDefaultValue ? ["date", "dateRange"].includes(o.fieldType) ? o.queryValue = z(o) : o.queryValue = o.tableQueryDefaultValue ? o.tableQueryDefaultValue : void 0 : o.fieldType.includes("&") ? o.queryValue = [] : o.queryValue = void 0;
+          });
+          const l = J();
+          A("reset", l, () => {
+            s.loading = !1;
+          });
+          break;
+        default:
+          const u = b.value.filter((o) => Array.isArray(o.queryValue) ? o.queryValue.length : !!o.queryValue);
+          A("search", u, () => {
+            s.loading = !1;
+          });
+          break;
+      }
+    }, te = () => {
+      T.value = !T.value;
+    }, oe = () => {
+      i({ permissionCode: 1001 });
+    };
+    return (s, l) => {
+      var r;
+      const u = f("el-input"), o = f("el-option"), k = f("el-select"), P = f("el-select-v2"), $ = f("el-cascader"), w = f("el-tree-select"), Q = f("el-date-picker"), D = f("el-form-item"), R = f("a-svg-icon"), c = f("el-button"), E = f("el-form"), v = se("debounce");
+      return t(b) && t(b).length ? (n(), V("div", _e, [
+        ue(E, {
+          style: de({ "--table-query-row": m.data.tableConfig.tableQueryRowWidth }),
+          class: "form-content",
+          ref: "elForm",
+          "label-suffix": ":",
+          "label-position": "right"
+        }, {
+          default: g(() => [
+            (n(!0), V(q, null, L(t(b), (e, N) => (n(), V(q, { key: N }, [
+              Z(N) ? (n(), V(q, { key: 0 }, [
+                e.isQueryFieldCustom ? (n(), V(q, { key: 1 }, [
+                  e.customQueryComponent ? (n(), d(pe(e.customQueryComponent), {
+                    key: 0,
+                    class: "custom-btn",
+                    ref_for: !0,
+                    ref: (a) => X.value.customQueryComponent = a,
+                    queryItem: e,
+                    data: m.data,
+                    onRefresh: (a) => i(e)
+                  }, null, 40, ["queryItem", "data", "onRefresh"])) : (n(), V("div", {
+                    class: "no-config",
+                    key: N
+                  }, [
+                    ie("span", Ce, "【" + S(e.fieldName) + "】", 1),
+                    M(S(t(p)("act.fieldCustom")), 1)
+                  ]))
+                ], 64)) : (n(), d(D, {
+                  key: 0,
+                  class: "search-form-item",
+                  "label-width": m.data.tableConfig.tableQueryLabelWidth,
+                  label: e.fieldName
+                }, {
+                  default: g(() => [
+                    e.fieldType === "input" || e.fieldType === "editor" ? (n(), d(u, _({
+                      key: 0,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      placeholder: `${t(p)("act.inputPlaceholder")}${e.fieldName}`,
+                      clearable: "",
+                      ref_for: !0
+                    }, t(y)(e), {
+                      onKeyup: l[0] || (l[0] = I(B((a) => i({ permissionCode: 1001 }), ["prevent"]), ["enter", "native"])),
+                      onClear: oe
+                    }), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"])) : h("", !0),
+                    e.fieldType === "inputNumber" ? (n(), d(t(K), _({
+                      key: 1,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      placeholder: `${t(p)("act.inputPlaceholder")}${e.fieldName}`,
+                      clearable: "",
+                      onKeyup: l[1] || (l[1] = I(B((a) => i({ permissionCode: 1001 }), ["prevent"]), ["enter", "native"])),
+                      ref_for: !0
+                    }, t(y)(e)), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"])) : ["select", "switch", "multipleSelect"].includes(e.fieldType) ? (n(), d(k, _({
+                      key: 2,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      placeholder: `${t(p)("act.selectPlaceholder")}${e.fieldName}`,
+                      clearable: "",
+                      filterable: "",
+                      ref_for: !0
+                    }, t(y)(e), {
+                      multiple: e.fieldType === "multipleSelect",
+                      "collapse-tags": e.fieldType === "multipleSelect",
+                      "collapse-tags-tooltip": e.fieldType === "multipleSelect",
+                      onChange: l[2] || (l[2] = (a) => i({ permissionCode: 1001 }))
+                    }), {
+                      default: g(() => [
+                        (n(!0), V(q, null, L(e.dataList, (a, F) => (n(), d(o, {
+                          key: F,
+                          label: a.key,
+                          value: a.value
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip"])) : ["virtualizedSelect", "virtualizedMultipleSelect"].includes(e.fieldType) ? (n(), d(P, _({
+                      key: 3,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      options: e.dataList,
+                      props: { ...t(me) },
+                      placeholder: `${t(p)("act.selectPlaceholder")}${e.fieldName}`,
+                      clearable: "",
+                      filterable: "",
+                      ref_for: !0
+                    }, t(y)(e), {
+                      "collapse-tags": e.fieldType === "virtualizedMultipleSelect",
+                      "collapse-tags-tooltip": e.fieldType === "virtualizedMultipleSelect",
+                      multiple: e.fieldType === "virtualizedMultipleSelect",
+                      onChange: l[3] || (l[3] = (a) => i({ permissionCode: 1001 }))
+                    }), null, 16, ["modelValue", "onUpdate:modelValue", "options", "props", "placeholder", "collapse-tags", "collapse-tags-tooltip", "multiple"])) : e.fieldType === "provinceCascade" ? (n(), d($, _({
+                      key: 4,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      options: e.dataList,
+                      props: { ...t(be) },
+                      clearable: "",
+                      filterable: "",
+                      placeholder: `${t(p)("act.selectPlaceholder")}${e.fieldName}`,
+                      ref_for: !0
+                    }, t(y)(e), {
+                      onChange: l[4] || (l[4] = (a) => i({ permissionCode: 1001 }))
+                    }), null, 16, ["modelValue", "onUpdate:modelValue", "options", "props", "placeholder"])) : e.fieldType === "treeSelect" ? (n(), d(w, _({
+                      key: 5,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      placeholder: `请选择${e.fieldName}`,
+                      props: { isLeaf: "isLeaf" },
+                      "render-after-expand": !1,
+                      "collapse-tags": "",
+                      "collapse-tags-tooltip": "",
+                      multiple: "",
+                      "show-checkbox": "",
+                      clearable: "",
+                      filterable: "",
+                      lazy: "",
+                      load: (a, F) => ae({ node: a, resolve: F }, e),
+                      ref_for: !0
+                    }, t(y)(e), {
+                      onChange: l[5] || (l[5] = (a) => i({ permissionCode: 1001 }))
+                    }), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder", "load"])) : e.fieldType === "date" ? (n(), d(Q, _({
+                      key: 6,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      type: "date",
+                      placeholder: `${t(p)("act.selectPlaceholder")}${t(p)("act.time")}`,
+                      "value-format": "YYYY-MM-DD HH:mm:ss",
+                      clearable: "",
+                      ref_for: !0
+                    }, t(y)(e), {
+                      onChange: l[6] || (l[6] = (a) => i({ permissionCode: 1001 }))
+                    }), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"])) : e.fieldType === "dateRange" ? (n(), d(Q, _({
+                      key: 7,
+                      modelValue: e.queryValue,
+                      "onUpdate:modelValue": (a) => e.queryValue = a,
+                      type: "daterange",
+                      "start-placeholder": t(p)("act.startTime"),
+                      "end-placeholder": t(p)("act.endTime"),
+                      "value-format": "YYYY-MM-DD HH:mm:ss",
+                      clearable: "",
+                      ref_for: !0
+                    }, t(y)(e), {
+                      onChange: l[7] || (l[7] = (a) => i({ permissionCode: 1001 }))
+                    }), null, 16, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder"])) : h("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["label-width", "label"]))
+              ], 64)) : h("", !0)
+            ], 64))), 128)),
+            t(b).length ? (n(), d(D, {
+              key: 0,
+              class: "search-form-btn",
+              "label-width": "0"
+            }, {
+              default: g(() => [
+                (n(!0), V(q, null, L(t(Y), (e, N) => ce((n(), d(c, {
+                  key: N,
+                  type: e.btnColor,
+                  loading: e.loading,
+                  onClick: (a) => i(e)
+                }, {
+                  default: g(() => [
+                    e.btnIcon ? (n(), d(R, {
+                      key: 0,
+                      class: "mr6",
+                      name: e.btnIcon,
+                      width: "12",
+                      height: "12",
+                      color: "#fff"
+                    }, null, 8, ["name"])) : h("", !0),
+                    M(" " + S(e.btnName), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "loading", "onClick"])), [
+                  [v]
+                ])), 128))
+              ]),
+              _: 1
+            })) : h("", !0)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        m.data.tableConfig.isExpandQuery && ((r = t(b)) == null ? void 0 : r.length) > m.data.tableConfig.tableQueryRowWidth ? (n(), d(c, {
+          key: 0,
+          class: "expand",
+          text: "",
+          size: "small",
+          icon: t(T) ? "ArrowDown" : "ArrowUp",
+          onClick: te
+        }, {
+          default: g(() => [
+            M(S(t(T) ? t(p)("act.expand") : t(p)("act.retract")), 1)
+          ]),
+          _: 1
+        }, 8, ["icon"])) : h("", !0)
+      ])) : h("", !0);
+    };
+  }
+}, Pe = /* @__PURE__ */ fe(he, [["__scopeId", "data-v-3c6eb654"]]);
+export {
+  Pe as default
+};

package/lib/index-76d79944.js

@@ -0,0 +1,293 @@
+import { defineComponent as L, openBlock as d, createElementBlock as T, createElementVNode as _, ref as D, computed as oe, resolveComponent as F, resolveDirective as ne, withDirectives as ie, createBlock as U, mergeProps as se, unref as p, withCtx as z, renderSlot as j, toDisplayString as I, createCommentVNode as A, createVNode as $, createTextVNode as re, Fragment as ce, renderList as ue, normalizeClass as pe, nextTick as de } from "vue";
+import { ElNotification as E } from "element-plus";
+import { _ as me, u as _e, n as fe } from "./index-c7522ec4.js";
+import "vue-router";
+/*! Element Plus Icons Vue v2.3.1 */
+var ge = /* @__PURE__ */ L({
+  name: "Delete",
+  __name: "delete",
+  setup(l) {
+    return (a, f) => (d(), T("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      _("path", {
+        fill: "currentColor",
+        d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
+      })
+    ]));
+  }
+}), ve = ge, he = /* @__PURE__ */ L({
+  name: "Download",
+  __name: "download",
+  setup(l) {
+    return (a, f) => (d(), T("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      _("path", {
+        fill: "currentColor",
+        d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
+      })
+    ]));
+  }
+}), ye = he, we = /* @__PURE__ */ L({
+  name: "ZoomIn",
+  __name: "zoom-in",
+  setup(l) {
+    return (a, f) => (d(), T("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      _("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
+      })
+    ]));
+  }
+}), xe = we;
+let S;
+const Fe = new Uint8Array(16);
+function Te() {
+  if (!S && (S = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !S))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return S(Fe);
+}
+const n = [];
+for (let l = 0; l < 256; ++l)
+  n.push((l + 256).toString(16).slice(1));
+function Ve(l, a = 0) {
+  return n[l[a + 0]] + n[l[a + 1]] + n[l[a + 2]] + n[l[a + 3]] + "-" + n[l[a + 4]] + n[l[a + 5]] + "-" + n[l[a + 6]] + n[l[a + 7]] + "-" + n[l[a + 8]] + n[l[a + 9]] + "-" + n[l[a + 10]] + n[l[a + 11]] + n[l[a + 12]] + n[l[a + 13]] + n[l[a + 14]] + n[l[a + 15]];
+}
+const ke = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), H = {
+  randomUUID: ke
+};
+function $e(l, a, f) {
+  if (H.randomUUID && !a && !l)
+    return H.randomUUID();
+  l = l || {};
+  const g = l.random || (l.rng || Te)();
+  if (g[6] = g[6] & 15 | 64, g[8] = g[8] & 63 | 128, a) {
+    f = f || 0;
+    for (let x = 0; x < 16; ++x)
+      a[f + x] = g[x];
+    return a;
+  }
+  return Ve(g);
+}
+const be = { class: "upload-container" }, Ce = { class: "el-upload__text" }, Pe = { class: "tip-text" }, De = { class: "file-list-l" }, Ue = ["onMouseenter", "onMouseleave"], ze = { class: "el-file-operate" }, Ie = {
+  __name: "index",
+  props: {
+    request: { type: Function, required: !0, default: null },
+    modelValue: { type: [Array, String], default: [] },
+    action: { type: String, default: "/api/v1/utils/uploadFiles" },
+    data: { type: Object, default: () => ({ uploadFileType: 1 }) },
+    name: { type: String, default: "files" },
+    multiple: { type: Boolean, default: !0 },
+    limit: { type: Number, default: 9 },
+    accept: { type: String, default: "*" },
+    tipText: { type: String, default: "" },
+    fileMaxSize: { type: Number, default: 100 },
+    autoUpload: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "delete"],
+  setup(l, { expose: a, emit: f }) {
+    const { getAssetsFileName: g, getAssetsFilePath: x, downloadFile: O } = fe(), { t: h } = _e(), b = f, s = l, R = {
+      image: /(gif|jpg|jpeg|png|pdf|bmp|webp|GIF|JPG|PDF|PNG|JPEG)$/,
+      word: /(doc|docx)$/,
+      pdf: /(pdf)$/,
+      excel: /(xls|xlsx)$/
+    };
+    let C = D(!1), M = D({}), B = D(!1), y = D(null), P = null, w = oe({
+      get() {
+        return J(s.modelValue);
+      },
+      set(e) {
+        b("update:modelValue", e);
+      }
+    });
+    const q = (e) => {
+      const t = (w.value || []).map((c) => c.filePath);
+      if (e == 0)
+        return t;
+      let o = t.splice(e), i = t.splice(0, e);
+      return o.concat(i);
+    }, G = (e) => {
+      const t = e.substring(e.lastIndexOf(".") + 1);
+      let o = null;
+      return Object.keys(R).some((i) => {
+        if (R[i].test(t))
+          return o = i, !0;
+      }), o === null && (o = "file"), o;
+    }, W = (e) => e.map((t) => ({ uid: t.uid ?? $e(), name: g(t), filePath: t, fileType: G(t), status: "success" })), J = (e) => {
+      const t = Array.isArray(e) ? e.map((o) => o.filePath) : e ? e.split(";") : [];
+      return W(t || []);
+    }, Z = ({ name: e }) => {
+      const t = e.lastIndexOf("."), o = e.slice(t), i = s.accept.trim().split(",");
+      let c = !1;
+      return i.includes(o) && (c = !0), c = i.some((m) => m == "image/*" ? R.image.test(o) : m.startsWith(".") ? e.endsWith(m) : m === o), c || E({
+        title: `${h("act.tip")}`,
+        message: `【${e}】${h("act.uploadErrorTip")}`,
+        type: "warning",
+        duration: 2500
+      }), c;
+    }, K = (e, t, o) => {
+      P && (clearTimeout(P), P = null), P = setTimeout(() => {
+        e.call(this, t);
+      }, o);
+    }, Q = (e) => s.request({ url: s.action, method: "POST", data: e, headers: { "Content-Type": "application/x-www-form-urlencoded" } }), X = async (e) => {
+      try {
+        const t = e.filter((r) => r.status == "ready" && Z(r)), o = w.value.length + t.length;
+        if (t.length === 0) {
+          y.value.clearFiles();
+          return;
+        }
+        if (o > s.limit) {
+          E({
+            title: `${h("act.tip")}`,
+            message: `${h("act.uploadLimitTip")}`,
+            type: "warning",
+            duration: 2500
+          }), y.value.clearFiles();
+          return;
+        }
+        if (!s.autoUpload) {
+          const r = t.map((V) => ({ ...V, filePath: null, status: "success" }));
+          b("update:modelValue", r), y.value.clearFiles();
+          return;
+        }
+        C.value = !0;
+        const i = new FormData();
+        Object.keys(s.data).forEach((r) => {
+          i.append(r, s.data[r]);
+        }), t.forEach((r) => {
+          i.append(s.name, r.raw);
+        });
+        let { data: c } = await Q(i);
+        const m = s.multiple ? [...w.value.map((r) => r.filePath), ...c.filePaths || []].join(";") : [...c.filePaths || []].join(";");
+        y.value.clearFiles(), b("update:modelValue", m), C.value = !1;
+      } catch (t) {
+        y.value.clearFiles(), C.value = !1, console.error(t);
+      }
+    }, Y = (e, t) => {
+      K(X, t, 500);
+    }, N = (e, t) => {
+      const o = M.value[`tooltipRef${t}`];
+      B.value = o.scrollWidth <= Math.round(o.getBoundingClientRect().width);
+    }, ee = ({ filePath: e, name: t, uid: o }, i) => {
+      de(() => {
+        document.querySelector(`.previewImage_${o}`).children[0].click();
+      });
+    }, te = ({ filePath: e, name: t }) => {
+      O(s.request, e);
+    }, le = (e, t) => {
+      w.value = w.value.filter((o, i) => i !== t), b("delete", { data: e });
+    };
+    return a({ clearFiles: () => {
+      w.value = [], y.value.clearFiles();
+    } }), (e, t) => {
+      const o = F("upload-filled"), i = F("el-icon"), c = F("el-upload"), m = F("el-image"), r = F("el-tooltip"), V = F("el-button"), ae = ne("loading");
+      return d(), T("div", be, [
+        ie((d(), U(c, se({
+          ref_key: "uploadRef",
+          ref: y,
+          action: "#",
+          drag: "",
+          accept: s.accept,
+          multiple: s.multiple,
+          "auto-upload": !1,
+          "show-file-list": !1,
+          "on-change": Y
+        }, e.$attrs, {
+          "element-loading-text": p(h)("act.uploadLoading")
+        }), {
+          tip: z(() => [
+            s.tipText ? j(e.$slots, "default", { key: 0 }, () => [
+              _("p", Pe, I(s.tipText), 1)
+            ], !0) : A("", !0)
+          ]),
+          default: z(() => [
+            $(i, { class: "el-icon--upload" }, {
+              default: z(() => [
+                $(o)
+              ]),
+              _: 1
+            }),
+            _("div", Ce, [
+              re(I(p(h)("act.uploadText")), 1),
+              _("em", null, I(p(h)("act.clickUpload")), 1)
+            ])
+          ]),
+          _: 3
+        }, 16, ["accept", "multiple", "element-loading-text"])), [
+          [ae, p(C)]
+        ]),
+        j(e.$slots, "default", {}, () => [
+          (d(!0), T(ce, null, ue(p(w), (u, k) => (d(), T("div", {
+            class: "file-list",
+            key: u.uid
+          }, [
+            _("div", De, [
+              u.fileType === "image" ? (d(), U(m, {
+                key: 0,
+                class: pe(["file-list-image", { [`previewImage_${u.uid}`]: !0 }]),
+                fit: "cover",
+                "preview-src-list": q(k),
+                "preview-teleported": "",
+                src: u.filePath
+              }, null, 8, ["class", "preview-src-list", "src"])) : (d(), U(m, {
+                key: 1,
+                class: "file-list-icon",
+                src: p(x)(`images/upload-${u.fileType}.png`)
+              }, null, 8, ["src"])),
+              $(r, {
+                effect: "dark",
+                content: u.name,
+                placement: "bottom-start",
+                disabled: p(B)
+              }, {
+                default: z(() => [
+                  _("div", {
+                    class: "el-file-name",
+                    ref_for: !0,
+                    ref: (v) => p(M)[`tooltipRef${k}`] = v,
+                    onMouseenter: (v) => N(v, k),
+                    onMouseleave: (v) => N(v, k)
+                  }, I(u.name), 41, Ue)
+                ]),
+                _: 2
+              }, 1032, ["content", "disabled"])
+            ]),
+            _("div", ze, [
+              u.fileType === "image" ? (d(), U(V, {
+                key: 0,
+                type: "primary",
+                size: "small",
+                icon: p(xe),
+                circle: "",
+                onClick: (v) => ee(u)
+              }, null, 8, ["icon", "onClick"])) : A("", !0),
+              $(V, {
+                type: "primary",
+                size: "small",
+                icon: p(ye),
+                circle: "",
+                onClick: (v) => te(u)
+              }, null, 8, ["icon", "onClick"]),
+              $(V, {
+                type: "danger",
+                size: "small",
+                icon: p(ve),
+                circle: "",
+                onClick: (v) => le(u, k)
+              }, null, 8, ["icon", "onClick"])
+            ])
+          ]))), 128))
+        ], !0)
+      ]);
+    };
+  }
+}, Ne = /* @__PURE__ */ me(Ie, [["__scopeId", "data-v-f839bee6"]]);
+export {
+  Ne as default
+};