hs-admin-ui 1.9.9 → 2.0.0

package/dist/index-ieKT_8vj.mjs

@@ -0,0 +1,244 @@
+import { getCurrentInstance as E, computed as I, ref as T, defineComponent as j, resolveComponent as g, openBlock as w, createElementBlock as A, createVNode as u, unref as o, withCtx as z, createElementVNode as v, createCommentVNode as F, createTextVNode as R, createBlock as M } from "vue";
+import { y as O, s as W, J as q, K as J } from "./index-ST2m5dvN.mjs";
+function K(s, r) {
+  const f = O(), { postDeleteFile: b, postDelFileNoAttch: C } = J(), { proxy: i } = E(), { userInfos: h } = W(f), y = I(() => {
+    let e = s.fileList || [];
+    return s.annex ? e.map((t) => ({
+      name: t.name,
+      id: t.id,
+      path: t.path,
+      url: "https://" + h.value.filePath + `${t.path}?x-oss-process=style/tpys_20`
+    })) : e.map((t) => ({
+      name: t.path,
+      path: t.path,
+      url: "https://" + h.value.filePath + `${t.path}?x-oss-process=style/tpys_20`
+    }));
+  });
+  function x(e) {
+    const t = e.size / 1024 / 1024 < s.size;
+    return t || i.$message.error(`上传头像图片大小不能超过 ${s.size}MB!`), t;
+  }
+  function L(e, t, n) {
+    s.annex ? c(e, t, n) : S(e, t, n);
+  }
+  function _(e, t = "id") {
+    s.annex ? B(e, t) : D(e, "path");
+  }
+  let m = T(!1);
+  function $(e) {
+    m.value = !0;
+  }
+  function k() {
+    m.value = !1;
+  }
+  const P = I(() => y.value.map((e) => e.url));
+  function V(e) {
+    q(e);
+  }
+  function c(e, t, n) {
+    const a = [];
+    e.code === 1 ? (n.forEach((d) => {
+      if (d.response) {
+        const { id: p, path: N, name: U } = d.response.data;
+        a.push({ id: p, name: U, path: N });
+      } else {
+        const { id: p, path: N, name: U } = d;
+        a.push({ id: p, name: U, path: N });
+      }
+    }), r("update:fileList", a)) : (l(t, "uid"), i.$message.error(e.msg));
+  }
+  function S(e, t, n) {
+    const a = [];
+    e.code === 1 ? (n.forEach((d) => {
+      if (d.response) {
+        const p = d.response.data;
+        a.push({ path: p });
+      }
+    }), r("update:fileList", a)) : (l(t, "uid"), i.$message.error(e.msg));
+  }
+  function B(e, t = "id") {
+    let n = e[t] || e.response.data[t];
+    b({ attachId: n }).then((a) => {
+      a.code === 1 && (l(e, t), i.$message.success(a.data));
+    });
+  }
+  function D(e, t = "path") {
+    let n = e[t] || e.response.data[t];
+    C({ filePath: n }).then((a) => {
+      a.code === 1 && (l(e, t), i.$message.success(a.data));
+    });
+  }
+  function l(e, t = "uid") {
+    let n = s.fileList.filter((a) => a[t] !== e[t]);
+    r("update:fileList", n);
+  }
+  return { userInfos: h, imgList: y, beforeUpload: x, onSuccess: L, onRemove: _, onPreview: $, handleDownload: V, showViewer: m, onClose: k, urlList: P };
+}
+const Z = { class: "flex flex-col justify-center items-center gap-1" }, G = { class: "w-full" }, H = { class: "el-upload-list__item-actions" }, Q = ["onClick"], X = ["onClick"], Y = ["onClick"], se = /* @__PURE__ */ j({
+  __name: "index",
+  props: {
+    action: {
+      // 上传地址
+      type: String,
+      default: ""
+    },
+    proxy: {
+      // 代理
+      type: String,
+      default: "/qwp-web"
+    },
+    headers: {
+      // 设置上传的请求头部
+      type: Object,
+      default: () => ({})
+    },
+    method: {
+      // 上传方式
+      type: String,
+      default: "post"
+    },
+    multiple: {
+      // 是否支持多选文件
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      // 上传时附带的额外参数
+      type: Object,
+      default: () => ({})
+    },
+    name: {
+      // 上传的文件字段名
+      type: String,
+      default: "file"
+    },
+    withCredentials: {
+      // 支持发送 cookie 凭证信息
+      type: Boolean,
+      default: !1
+    },
+    showFileList: {
+      // 是否显示已上传文件列表
+      type: Boolean,
+      default: !0
+    },
+    drag: {
+      // 是否启用拖拽上传
+      type: Boolean,
+      default: !1
+    },
+    accept: {
+      // 接受上传的文件类型
+      type: String,
+      default: "image/*"
+    },
+    crossorigin: {
+      // 跨域请求时是否发送凭证
+      type: String,
+      default: ""
+    },
+    listType: {
+      // 文件列表的类型
+      type: String,
+      default: "picture-card"
+    },
+    disabled: {
+      // 是否禁用
+      type: Boolean,
+      default: !1
+    },
+    limit: {
+      // 最大允许上传个数
+      type: Number
+    },
+    size: {
+      // 上传文件大小限制
+      type: Number,
+      default: 20
+    },
+    fileList: {
+      // 文件列表
+      type: Array,
+      default: () => []
+    },
+    annex: {
+      // 是否是附件
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:fileList"],
+  setup(s, { emit: r }) {
+    const f = s, b = () => window.location.origin + `${f.proxy}${f.action}`, C = r, { imgList: i, beforeUpload: h, onSuccess: y, onRemove: x, onPreview: L, handleDownload: _, showViewer: m, onClose: $, urlList: k } = K(f, C);
+    return (P, V) => {
+      const c = g("bc-icon"), S = g("hs-image"), B = g("hs-upload"), D = g("hs-image-viewer");
+      return w(), A("div", null, [
+        u(B, {
+          action: b(),
+          headers: s.headers,
+          method: s.method,
+          multiple: s.multiple,
+          data: s.data,
+          name: s.name,
+          "with-credentials": s.withCredentials,
+          "show-file-list": s.showFileList,
+          drag: s.drag,
+          accept: s.accept,
+          crossorigin: s.crossorigin,
+          "list-type": s.listType,
+          disabled: s.disabled,
+          limit: s.limit,
+          "file-list": o(i),
+          "before-upload": o(h),
+          "on-success": o(y)
+        }, {
+          file: z(({ file: l }) => [
+            v("div", G, [
+              u(S, {
+                src: l.url,
+                class: "el-upload-list__item-thumbnail"
+              }, null, 8, ["src"]),
+              v("span", H, [
+                v("span", {
+                  class: "el-upload-list__item-preview",
+                  onClick: (e) => o(L)(l)
+                }, [
+                  u(c, { name: "ele-ZoomIn" })
+                ], 8, Q),
+                s.disabled ? F("", !0) : (w(), A("span", {
+                  key: 0,
+                  class: "el-upload-list__item-delete",
+                  onClick: (e) => o(_)(l)
+                }, [
+                  u(c, { name: "ele-Download" })
+                ], 8, X)),
+                s.disabled ? F("", !0) : (w(), A("span", {
+                  key: 1,
+                  class: "el-upload-list__item-delete",
+                  onClick: (e) => o(x)(l)
+                }, [
+                  u(c, { name: "ele-Delete" })
+                ], 8, Y))
+              ])
+            ])
+          ]),
+          default: z(() => [
+            v("div", Z, [
+              u(c, { name: "ele-Plus" }),
+              R("上传")
+            ])
+          ]),
+          _: 1
+        }, 8, ["action", "headers", "method", "multiple", "data", "name", "with-credentials", "show-file-list", "drag", "accept", "crossorigin", "list-type", "disabled", "limit", "file-list", "before-upload", "on-success"]),
+        o(m) ? (w(), M(D, {
+          key: 0,
+          "url-list": o(k),
+          onClose: o($)
+        }, null, 8, ["url-list", "onClose"])) : F("", !0)
+      ]);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/{index-CdPEffDW.mjs → index-jNLGhP4j.mjs}

@@ -1,5 +1,5 @@
 import { ref as l, defineComponent as p, resolveComponent as f, openBlock as h, createElementBlock as v, createVNode as d, withCtx as y, unref as c, withDirectives as C, createElementVNode as S, vShow as b } from "vue";
-import { S as N, e as x, h as j, _ as R } from "./index-Cy0eqcN0.mjs";
+import { S as N, e as x, h as j, _ as R } from "./index-ST2m5dvN.mjs";
 const T = j();
 function w(i) {
   const e = l({});