@skyfox2000/webui 1.2.10 → 1.2.12

package/lib/assets/modules/uploadList-BW23uSvi.js

@@ -0,0 +1,369 @@
+import { defineComponent as K, ref as z, onMounted as X, onUnmounted as Y, createBlock as R, createCommentVNode as g, openBlock as f, unref as a, mergeProps as D, computed as j, watch as L, resolveDirective as Z, createElementBlock as x, normalizeClass as O, createElementVNode as p, withDirectives as y, withCtx as C, createVNode as m, createTextVNode as E, toDisplayString as $, Fragment as ee, renderList as te } from "vue";
+import { _ as oe } from "./index-C1zkNPmi.js";
+import { a as B, _ as V } from "./toolIcon-vJF7OgP6.js";
+import { httpPost as ae, ResStatus as ne } from "@skyfox2000/fapi";
+import { p as I, s as se, t as le, w as re } from "./uploadList-DaUjVXLU.js";
+import { p as M, U as s } from "./file-upload-CGyzCx7I.js";
+import { combineParams as ie } from "@skyfox2000/microbase";
+import k from "vue-m-message";
+import "async-validator";
+import "dayjs";
+import { Switch as ce, Upload as ue, Tag as de, Popconfirm as pe, Progress as me } from "ant-design-vue";
+import "vue-draggable-next";
+import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const he = (u, _) => {
+  const e = document.createElement("a"), i = URL.createObjectURL(u);
+  e.href = i, e.download = _, e.style.display = "none", document.body.appendChild(e), e.click(), URL.revokeObjectURL(i), document.body.removeChild(e);
+}, ve = (u, _, e) => {
+  try {
+    e && (u.api || (u.api = e.api), u.authorize === void 0 && (u.authorize = e.authorize));
+    const i = ie(u.params, _);
+    return ae(u, i).then((d) => {
+      if ((d == null ? void 0 : d.status) === ne.SUCCESS && d.data) {
+        const r = d.data, v = r.Content, b = r.Key.split("/").pop(), c = atob(v), S = [];
+        for (let U = 0; U < c.length; U++)
+          S.push(c.charCodeAt(U));
+        const w = new Blob([new Uint8Array(S)], {
+          type: r.Type
+        });
+        he(w, b);
+      } else
+        k.error("下载文件失败！");
+    });
+  } catch (i) {
+    console.error("下载失败:", i), k.error("文件下载失败，请稍后重试");
+  }
+}, xe = /* @__PURE__ */ K({
+  __name: "index",
+  props: {
+    /**
+     * 选择项数据
+     */
+    data: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(u, { emit: _ }) {
+    const e = u, i = z([]), d = _, { editorCtrl: r, errInfo: v } = I(), b = (c) => {
+      v != null && v.value.errClass && r && re(r), d("change", c);
+    };
+    return X(() => {
+      if (!e.data || e.data.length != 2) {
+        console.error("Switch组件: ", e.data), k.error("Switch组件必须有且只有两个选项");
+        return;
+      }
+      se(!1, e, i);
+    }), Y(() => {
+      le(e);
+    }), (c, S) => {
+      var w;
+      return i.value.length === 2 ? (f(), R(a(ce), D({
+        key: 0,
+        class: [
+          ((w = a(v)) == null ? void 0 : w.errClass) === "error" ? "error !border-red-300 shadow-[0_0_3px_0px_#ff4d4f]" : "",
+          "bg-blue-300",
+          "w-[58px]"
+        ],
+        checkedChildren: i.value[0].label,
+        checkedValue: i.value[0].value,
+        unCheckedChildren: i.value[1].label,
+        unCheckedValue: i.value[1].value,
+        onChange: b
+      }, c.$attrs), null, 16, ["class", "checkedChildren", "checkedValue", "unCheckedChildren", "unCheckedValue"])) : g("", !0);
+    };
+  }
+}), _e = { class: "flex items-center justify-between w-full" }, Ce = { class: "w-35 mx-3" }, we = { class: "mt-4 px-3" }, ye = { class: "flex items-center justify-between" }, ge = { class: "flex items-center" }, ke = { class: "flex items-center" }, be = {
+  key: 0,
+  class: "mr-2"
+}, Se = {
+  key: 1,
+  class: "flex items-center text-blue-500 hover:text-blue-700 mr-1 cursor-pointer"
+}, Ue = ["onClick"], Fe = { class: "flex items-center text-red-500 hover:text-red-700 cursor-pointer" }, Oe = ["onClick"], Ee = {
+  key: 0,
+  class: "text-sm text-nowrap"
+}, ze = { key: 0 }, Le = /* @__PURE__ */ K({
+  __name: "uploadList",
+  props: {
+    autoUpload: { type: Boolean, default: !1 },
+    uploadUrl: {},
+    downloadUrl: {},
+    fileList: { default: () => [] },
+    placeholder: { default: "" },
+    fileExt: {},
+    maxFileSize: { default: 20 },
+    maxCount: { default: 5 },
+    maxCountTip: { type: Boolean, default: !1 },
+    maxFileSizeTip: { type: Boolean, default: !0 },
+    fileExtTip: { type: Boolean, default: !0 },
+    parentPath: {},
+    showActionText: { type: Boolean, default: !0 },
+    showOnlineSwitch: { type: Boolean, default: !1 }
+  },
+  emits: ["update:file-list"],
+  setup(u, { emit: _ }) {
+    const e = u, i = I(), { errInfo: d } = i, r = z(e.fileList), v = z(), b = _, c = z(!1), S = j(() => {
+      var t;
+      return (t = e.fileExt) != null && t.length ? e.fileExt.map((o) => `.${o}`).join(",") : "";
+    }), w = (t) => {
+      var o;
+      if (e.fileExt && e.fileExt.length > 0) {
+        const n = ((o = t.name.split(".").pop()) == null ? void 0 : o.toLowerCase()) || "";
+        if (!e.fileExt.includes(n))
+          return k.error("文件类型不支持"), !1;
+      }
+      return t.size / 1024 / 1024 > e.maxFileSize ? (k.error(`文件大小超过 ${e.maxFileSize}MB 限制`), !1) : e.maxCount > 1 && r.value.length >= e.maxCount ? (k.error(`最多上传 ${e.maxCount} 个文件`), !1) : (c.value = !1, e.autoUpload);
+    }, U = (t) => {
+      t.forEach((o) => {
+        const n = o;
+        n.fileName || (n.fileName = n.name), e.parentPath && (n.name = M.join("/", e.parentPath, n.fileName)), n.params || (n.params = {}), n.params.FileKey = n.name, n.status = s.Pending;
+      });
+    }, q = j(() => ({
+      accept: S.value,
+      multiple: !0,
+      fileList: r.value,
+      "onUpdate:fileList": U,
+      beforeUpload: w,
+      listType: "text",
+      maxCount: e.maxCount,
+      showUploadList: !1,
+      onChange: (t) => {
+        e.autoUpload || (r.value = t.fileList);
+      }
+    }));
+    L(
+      () => e.fileList,
+      (t) => {
+        r.value = t;
+      },
+      { deep: !0, immediate: !0 }
+    ), L(
+      () => r.value,
+      (t) => {
+        b("update:file-list", t);
+      },
+      { deep: !0 }
+    ), L(
+      () => e.parentPath,
+      (t) => {
+        t && r.value.forEach((o) => {
+          o.params.FileKey = M.join("/", t, o.fileName);
+        });
+      }
+    );
+    const P = (t) => {
+      if (!e.downloadUrl) return;
+      const o = r.value[t].minioFile, n = {
+        api: e.downloadUrl.api,
+        authorize: e.downloadUrl.authorize,
+        url: e.downloadUrl.url,
+        params: {
+          Query: {
+            FileKey: o.Key
+          }
+        }
+      };
+      ve(n);
+    }, Q = (t) => {
+      t.minioFile && (t.minioFile.Status = t.status);
+    }, T = (t) => {
+      r.value.splice(t, 1), c.value = !1;
+    }, G = (t, o) => {
+      if (o === s.Pending) {
+        T(t);
+        return;
+      }
+      c.value = !0;
+    }, H = () => {
+      const t = e.fileExt && e.fileExt.length && e.fileExtTip ? `文件必须为 ${e.fileExt.join("/")}` : "", o = e.maxFileSize !== 0 && e.maxFileSizeTip ? `单文件最大 ${e.maxFileSize}MB` : "", n = e.maxCount !== 0 && e.maxCountTip ? `最多 ${e.maxCount} 个文件` : "";
+      return [o, t, n].filter(Boolean).join("，");
+    }, J = (t) => {
+      switch (t) {
+        case s.Uploading:
+          return "blue";
+        case s.Success:
+          return "green";
+        case s.Error:
+          return "red";
+        case s.Online:
+          return "green";
+        case s.Offline:
+          return "pink";
+        default:
+          return "cyan";
+      }
+    }, W = (t) => {
+      switch (t) {
+        case s.Uploading:
+          return "上传中";
+        case s.Success:
+          return "上传完成";
+        case s.Error:
+          return "上传失败";
+        case s.Online:
+          return "在线";
+        case s.Offline:
+          return "已下线";
+        default:
+          return "待上传";
+      }
+    };
+    return (t, o) => {
+      var A, N;
+      const n = Z("auth");
+      return f(), x("div", {
+        class: O(["w-full border border-solid border-gray-100 mt-1 rounded-md py-5", [(A = a(d)) == null ? void 0 : A.errClass]])
+      }, [
+        p("div", _e, [
+          p("div", Ce, [
+            y((f(), R(a(ue), D({
+              ref_key: "fileUploader",
+              ref: v
+            }, q.value), {
+              default: C(() => {
+                var l;
+                return [
+                  m(a(oe), {
+                    class: O([((l = a(d)) == null ? void 0 : l.errClass) + "-text"])
+                  }, {
+                    default: C(() => o[2] || (o[2] = [
+                      E("选择文件")
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["class"])
+                ];
+              }),
+              _: 1
+            }, 16)), [
+              [n, { role: ["Super", "Admin"], permit: ":uploadlist:upload" }]
+            ])
+          ]),
+          p("div", {
+            class: O(["flex-1 text-sm text-gray-500", [((N = a(d)) == null ? void 0 : N.errClass) + "-text"]])
+          }, $(H()), 3)
+        ]),
+        p("div", we, [
+          (f(!0), x(ee, null, te(r.value, (l, F) => (f(), x("div", {
+            key: F,
+            class: "mb-2 pb-1"
+          }, [
+            p("div", ye, [
+              p("div", ge, [
+                p("span", {
+                  class: O(["text-gray-700 mr-2", [l.status == a(s).Offline ? "line-through" : ""]])
+                }, $(l.fileName ?? l.name), 3),
+                p("span", null, [
+                  m(a(de), {
+                    color: J(l.status)
+                  }, {
+                    default: C(() => [
+                      E($(W(l.status)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["color"])
+                ])
+              ]),
+              p("div", ke, [
+                t.showOnlineSwitch && (l.status == a(s).Online || l.status == a(s).Offline) ? (f(), x("div", be, [
+                  m(a(B), { title: "上线或下线" }, {
+                    default: C(() => [
+                      y(m(a(xe), {
+                        checked: l.status,
+                        "onUpdate:checked": (h) => l.status = h,
+                        data: [
+                          { label: "上线", value: a(s).Online },
+                          { label: "下线", value: a(s).Offline }
+                        ],
+                        onChange: (h) => Q(l)
+                      }, null, 8, ["checked", "onUpdate:checked", "data", "onChange"]), [
+                        [n, { role: ["Super", "Admin"], permit: ":uploadlist:online" }]
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])) : g("", !0),
+                t.downloadUrl && (l.status == a(s).Online || l.status == a(s).Offline) ? (f(), x("div", Se, [
+                  m(a(B), { title: "下载" }, {
+                    default: C(() => [
+                      y(m(a(V), {
+                        icon: "icon-download",
+                        clickable: "",
+                        onClick: (h) => P(F)
+                      }, null, 8, ["onClick"]), [
+                        [n, { role: ["Super", "Admin"], permit: ":uploadlist:download" }]
+                      ]),
+                      t.showActionText ? y((f(), x("span", {
+                        key: 0,
+                        class: "mr-2 text-sm text-nowrap",
+                        onClick: (h) => P(F)
+                      }, o[3] || (o[3] = [
+                        E("下载")
+                      ]), 8, Ue)), [
+                        [n, { role: ["Super", "Admin"], permit: ":uploadlist:download" }]
+                      ]) : g("", !0)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])) : g("", !0),
+                p("div", Fe, [
+                  m(a(pe), {
+                    open: c.value,
+                    "onUpdate:open": o[0] || (o[0] = (h) => c.value = h),
+                    cancelText: "否",
+                    okText: "是",
+                    title: "确定删除该文件吗？",
+                    okButtonProps: { size: "small" },
+                    cancelButtonProps: { size: "small" },
+                    onConfirm: (h) => T(F),
+                    onCancel: o[1] || (o[1] = (h) => c.value = !1)
+                  }, {
+                    default: C(() => [
+                      m(a(B), { title: "删除" }, {
+                        default: C(() => [
+                          p("div", {
+                            onClick: (h) => G(F, l.status)
+                          }, [
+                            y(m(a(V), {
+                              icon: "icon-new",
+                              angle: 45,
+                              clickable: ""
+                            }, null, 512), [
+                              [n, { role: ["Super", "Admin"], permit: ":uploadlist:delete" }]
+                            ]),
+                            t.showActionText ? y((f(), x("span", Ee, o[4] || (o[4] = [
+                              E("删除")
+                            ]))), [
+                              [n, { role: ["Super", "Admin"], permit: ":uploadlist:delete" }]
+                            ]) : g("", !0)
+                          ], 8, Oe)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["open", "onConfirm"])
+                ])
+              ])
+            ]),
+            l.status !== a(s).Online && l.status !== a(s).Offline && l.status !== a(s).Success ? (f(), x("div", ze, [
+              m(a(me), {
+                percent: l.percent,
+                "stroke-width": 2,
+                "show-info": !1,
+                style: { height: "2px" }
+              }, null, 8, ["percent"])
+            ])) : g("", !0)
+          ]))), 128))
+        ])
+      ], 2);
+    };
+  }
+}), qe = /* @__PURE__ */ fe(Le, [["__scopeId", "data-v-78bfcd29"]]);
+export {
+  qe as U,
+  xe as _,
+  ve as a,
+  he as d
+};