ss-component-new 1.3.736 → 1.3.738

package/dist/index-Cy0pOs1M.js

@@ -0,0 +1,411 @@
+import { defineComponent as x, ref as I, reactive as T, resolveComponent as v, createElementBlock as E, openBlock as U, createVNode as u, withCtx as d, createElementVNode as l, createTextVNode as h, toDisplayString as z, nextTick as N, Fragment as q, withDirectives as H, renderSlot as $, vShow as M } from "vue";
+import { as as V } from "./index.vue_vue_type_style_index_0_scoped_05e3a1d8_lang-lORgn-P0.js";
+import { aD as X, az as J, ao as G, a7 as D, a9 as c, aa as R, ar as g } from "./request-1RPa2bBn.js";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const K = "ElUpload";
+class Q extends Error {
+  constructor(r, o, n, p) {
+    super(r), this.name = "UploadAjaxError", this.status = o, this.method = n, this.url = p;
+  }
+}
+function B(t, r, o) {
+  let n;
+  return o.response ? n = `${o.response.error || o.response}` : o.responseText ? n = `${o.responseText}` : n = `fail to ${r.method} ${t} ${o.status}`, new Q(n, o.status, r.method, t);
+}
+function W(t) {
+  const r = t.responseText || t.response;
+  if (!r)
+    return r;
+  try {
+    return JSON.parse(r);
+  } catch {
+    return r;
+  }
+}
+const Y = (t) => {
+  typeof XMLHttpRequest > "u" && X(K, "XMLHttpRequest is undefined");
+  const r = new XMLHttpRequest(), o = t.action;
+  r.upload && r.upload.addEventListener("progress", (e) => {
+    const i = e;
+    i.percent = e.total > 0 ? e.loaded / e.total * 100 : 0, t.onProgress(i);
+  });
+  const n = new FormData();
+  if (t.data)
+    for (const [e, i] of Object.entries(t.data))
+      J(i) && i.length ? n.append(e, ...i) : n.append(e, i);
+  n.append(t.filename, t.file, t.file.name), r.addEventListener("error", () => {
+    t.onError(B(o, t, r));
+  }), r.addEventListener("load", () => {
+    if (r.status < 200 || r.status >= 300)
+      return t.onError(B(o, t, r));
+    t.onSuccess(W(r));
+  }), r.open(t.method, o, !0), t.withCredentials && "withCredentials" in r && (r.withCredentials = !0);
+  const p = t.headers || {};
+  if (p instanceof Headers)
+    p.forEach((e, i) => r.setRequestHeader(i, e));
+  else
+    for (const [e, i] of Object.entries(p))
+      G(i) || r.setRequestHeader(e, String(i));
+  return r.send(n), r;
+}, Z = ["text", "picture", "picture-card"];
+let ee = 1;
+const te = () => Date.now() + ee++, re = D({
+  action: {
+    type: String,
+    default: "#"
+  },
+  headers: {
+    type: c(Object)
+  },
+  method: {
+    type: String,
+    default: "post"
+  },
+  data: {
+    type: c([Object, Function, Promise]),
+    default: () => R({})
+  },
+  multiple: Boolean,
+  name: {
+    type: String,
+    default: "file"
+  },
+  drag: Boolean,
+  withCredentials: Boolean,
+  showFileList: {
+    type: Boolean,
+    default: !0
+  },
+  accept: {
+    type: String,
+    default: ""
+  },
+  fileList: {
+    type: c(Array),
+    default: () => R([])
+  },
+  autoUpload: {
+    type: Boolean,
+    default: !0
+  },
+  listType: {
+    type: String,
+    values: Z,
+    default: "text"
+  },
+  httpRequest: {
+    type: c(Function),
+    default: Y
+  },
+  disabled: Boolean,
+  limit: Number
+}), Ce = D({
+  ...re,
+  beforeUpload: {
+    type: c(Function),
+    default: g
+  },
+  beforeRemove: {
+    type: c(Function)
+  },
+  onRemove: {
+    type: c(Function),
+    default: g
+  },
+  onChange: {
+    type: c(Function),
+    default: g
+  },
+  onPreview: {
+    type: c(Function),
+    default: g
+  },
+  onSuccess: {
+    type: c(Function),
+    default: g
+  },
+  onProgress: {
+    type: c(Function),
+    default: g
+  },
+  onError: {
+    type: c(Function),
+    default: g
+  },
+  onExceed: {
+    type: c(Function),
+    default: g
+  },
+  crossorigin: {
+    type: c(String)
+  }
+}), ae = { style: { "text-align": "left" } }, oe = { class: "cropper-warp" }, se = { class: "cropper-warp-left" }, ne = ["src"], le = { class: "cropper-warp-right" }, ie = { class: "cropper-warp-right-item" }, ce = { class: "cropper-warp-right-value" }, pe = ["src"], de = { class: "cropper-warp-right-item" }, ue = { class: "cropper-warp-right-value" }, fe = ["src"], ge = { class: "dialog-footer" }, me = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["submitImage", "deleteImage"],
+  setup(t, { expose: r, emit: o }) {
+    const n = o, p = I(), e = T({
+      isShowDialog: !1,
+      cropperImg: "",
+      cropperImgBase64: "",
+      cropper: null
+    }), i = async (s) => {
+      if (e.isShowDialog = !0, !s) return;
+      let a = window.URL || window.webkitURL;
+      e.cropperImg = a.createObjectURL(s), N(() => {
+        k();
+      });
+    }, y = () => {
+      var s;
+      (s = e.cropper) == null || s.destroy(), e.isShowDialog = !1;
+    }, _ = () => {
+      y();
+    }, b = async () => {
+      const s = await S();
+      n("submitImage", { file: s }), y();
+    }, f = async () => {
+      n("deleteImage");
+    }, k = () => {
+      const s = document.querySelector(".cropper-warp-left-img");
+      s && s.setAttribute("crossOrigin", "anonymous"), e.cropper = new V(s, {
+        viewMode: 1,
+        dragMode: "none",
+        initialAspectRatio: 1,
+        aspectRatio: 1,
+        preview: ".before",
+        background: !0,
+        autoCropArea: 1,
+        // zoomOnWheel: false,
+        checkCrossOrigin: !1,
+        crop: () => {
+          e.cropperImgBase64 = e.cropper.getCroppedCanvas().toDataURL("image/jpeg");
+        }
+      });
+    }, S = async () => e != null && e.cropper ? new Promise((s) => {
+      var a, m;
+      (m = (a = e == null ? void 0 : e.cropper) == null ? void 0 : a.getCroppedCanvas()) == null || m.toBlob((C) => {
+        s(C);
+      });
+    }) : (await fetch(e.cropperImg)).blob(), F = async (s) => {
+      var m;
+      let a = window.URL || window.webkitURL;
+      e.cropperImg = a.createObjectURL(s.raw), (m = e.cropper) == null || m.replace(e.cropperImg);
+    }, P = (s) => {
+      p.value.clearFiles();
+      const a = s[0];
+      a.uid = te(), p.value.handleStart(a);
+    };
+    return r({
+      openDialog: i
+    }), (s, a) => {
+      const m = v("ele-Edit"), C = v("el-icon"), w = v("el-button"), O = v("el-upload"), j = v("el-dialog");
+      return U(), E("div", null, [
+        u(j, {
+          modelValue: e.isShowDialog,
+          "onUpdate:modelValue": a[0] || (a[0] = (A) => e.isShowDialog = A),
+          width: "769px",
+          "before-close": _
+        }, {
+          header: d(() => [
+            l("div", ae, [
+              u(C, {
+                size: "16",
+                style: { "margin-right": "3px", display: "inline", "vertical-align": "middle" }
+              }, {
+                default: d(() => [
+                  u(m)
+                ]),
+                _: 1
+              }),
+              l("span", null, z(t.title), 1)
+            ])
+          ]),
+          footer: d(() => [
+            l("span", ge, [
+              u(O, {
+                class: "avatar-uploader",
+                ref_key: "uploadSignRef",
+                ref: p,
+                accept: ".jpg,.png",
+                limit: 1,
+                "show-file-list": !1,
+                "auto-upload": !1,
+                "on-change": F,
+                "on-exceed": P
+              }, {
+                trigger: d(() => [
+                  u(w, {
+                    type: "info",
+                    icon: "ele-Picture"
+                  }, {
+                    default: d(() => a[4] || (a[4] = [
+                      h("选择图片")
+                    ])),
+                    _: 1,
+                    __: [4]
+                  })
+                ]),
+                default: d(() => [
+                  u(w, {
+                    onClick: f,
+                    type: "danger",
+                    icon: "ele-Picture",
+                    style: { "margin-left": "8px" }
+                  }, {
+                    default: d(() => a[5] || (a[5] = [
+                      h("删除图片")
+                    ])),
+                    _: 1,
+                    __: [5]
+                  })
+                ]),
+                _: 1
+              }, 512),
+              l("div", null, [
+                u(w, {
+                  onClick: _,
+                  id: "themeBorderButton"
+                }, {
+                  default: d(() => a[6] || (a[6] = [
+                    h("取 消")
+                  ])),
+                  _: 1,
+                  __: [6]
+                }),
+                u(w, {
+                  onClick: b,
+                  id: "themeButton"
+                }, {
+                  default: d(() => a[7] || (a[7] = [
+                    h("确 定")
+                  ])),
+                  _: 1,
+                  __: [7]
+                })
+              ])
+            ])
+          ]),
+          default: d(() => [
+            l("div", oe, [
+              l("div", se, [
+                l("img", {
+                  src: e.cropperImg,
+                  class: "cropper-warp-left-img"
+                }, null, 8, ne)
+              ]),
+              l("div", le, [
+                a[3] || (a[3] = l("div", { class: "cropper-warp-right-title" }, "预览", -1)),
+                l("div", ie, [
+                  l("div", ce, [
+                    l("img", {
+                      src: e.cropperImgBase64,
+                      class: "cropper-warp-right-value-img"
+                    }, null, 8, pe)
+                  ]),
+                  a[1] || (a[1] = l("div", { class: "cropper-warp-right-label" }, "100 x 100", -1))
+                ]),
+                l("div", de, [
+                  l("div", ue, [
+                    l("img", {
+                      src: e.cropperImgBase64,
+                      class: "cropper-warp-right-value-img cropper-size"
+                    }, null, 8, fe)
+                  ]),
+                  a[2] || (a[2] = l("div", { class: "cropper-warp-right-label" }, "50 x 50", -1))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), ve = /* @__PURE__ */ L(me, [["__scopeId", "data-v-4a19ffcf"]]), ye = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    avatarUrl: {
+      type: String,
+      default: ""
+    },
+    avatarBlob: {
+      type: Blob,
+      default: ""
+    },
+    size: {
+      type: [String, Number],
+      default: "large"
+    },
+    showCropper: {
+      type: Boolean,
+      default: !0
+    },
+    banClick: {
+      type: Boolean,
+      default: !1
+    },
+    clickStop: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["submitImage", "deleteImage", "clickAvatar"],
+  setup(t, { emit: r }) {
+    const o = t, n = I(), p = I(null), e = r, i = () => !0, y = async () => {
+      var f;
+      o != null && o.banClick || (e("clickAvatar", o.avatarUrl), (f = n.value) == null || f.openDialog(o.avatarBlob));
+    }, _ = async (f) => {
+      e("submitImage", f);
+    }, b = async () => {
+      e("deleteImage");
+    };
+    return (f, k) => {
+      const S = v("el-avatar");
+      return U(), E(q, null, [
+        u(S, {
+          src: t.avatarUrl,
+          onClick: y,
+          fit: "cover",
+          size: t.size,
+          ref_key: "avatarRef",
+          ref: p,
+          style: { background: "var(--user-avatar-bg)" },
+          alt: "头像查找失败",
+          onError: i
+        }, {
+          default: d(() => [
+            $(f.$slots, "avatarDefault", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["src", "size"]),
+        H(u(ve, {
+          ref_key: "cropperDialogRef",
+          ref: n,
+          title: "更改头像",
+          avatarUrl: t.avatarUrl,
+          onSubmitImage: _,
+          onDeleteImage: b
+        }, null, 8, ["avatarUrl"]), [
+          [M, t.showCropper && (o == null ? void 0 : o.clickStop)]
+        ])
+      ], 64);
+    };
+  }
+}), _e = /* @__PURE__ */ L(ye, [["__scopeId", "data-v-82946fb9"]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  _e as A,
+  ve as C,
+  re as a,
+  Ce as b,
+  te as g,
+  Ie as i,
+  Z as u
+};

package/dist/index-DJJYgWGf.js

@@ -0,0 +1,93 @@
+import { defineComponent as C, reactive as k, onMounted as D, resolveComponent as B, resolveDirective as T, createElementBlock as y, openBlock as u, createElementVNode as t, withDirectives as p, createVNode as o, unref as n, toDisplayString as r, createBlock as A } from "vue";
+import { S as I, t as x, s as w, a as L } from "./index-CK4tG84e.js";
+import "./index.vue_vue_type_style_index_0_scoped_05e3a1d8_lang-lORgn-P0.js";
+import "./index-BHtNKL1L.js";
+import { f as E } from "./index-DQsXaCwv.js";
+import { b as N, s as U } from "./index-yOnrK71-.js";
+/* empty css                                               */
+import "./index-CToBJlDQ.js";
+import "./request-1RPa2bBn.js";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = { class: "personal-wrapper" }, F = { class: "personal-box left" }, H = { class: "base-avatar" }, K = { class: "center-avatar" }, M = { class: "base-info" }, R = { class: "base-signature" }, j = { class: "personal-box right" }, q = /* @__PURE__ */ C({
+  __name: "index",
+  setup(G) {
+    const e = k({ ...I }), S = N(), { loginUserInfo: s } = U(S);
+    return D(() => {
+      var l;
+      e.getUserTableHeadersAsync(), e.refreshLoginUserInfoAsync((l = s == null ? void 0 : s.value) == null ? void 0 : l.id), x.value++;
+    }), (l, a) => {
+      var g, m, _, v, f, b, h;
+      const i = B("svg-icon"), c = T("loading");
+      return u(), y("div", z, [
+        t("div", F, [
+          t("div", H, [
+            t("div", K, [
+              p(o(w, {
+                size: 100,
+                disabled: e.uploadDisabled,
+                userInfo: n(s),
+                onSubmitImage: a[0] || (a[0] = (d) => e.submitImageAsync("avatarUrl", d))
+              }, null, 8, ["disabled", "userInfo"]), [
+                [c, e.avatarLoading]
+              ])
+            ])
+          ]),
+          t("div", M, [
+            t("div", null, [
+              o(i, {
+                name: "userAccount",
+                style: { width: "15px", height: "15px" }
+              }),
+              t("span", null, r(((g = n(s)) == null ? void 0 : g.account) || (((m = n(s)) == null ? void 0 : m.姓名) ?? "未知")), 1)
+            ]),
+            t("div", null, [
+              o(i, {
+                name: "role",
+                style: { width: "15px", height: "15px" }
+              }),
+              t("span", null, r(((_ = n(s)) == null ? void 0 : _.layer) === "superAdmin" ? "超级管理员" : ((v = n(s)) == null ? void 0 : v.角色名称) ?? "未知"), 1)
+            ]),
+            t("div", null, [
+              o(i, {
+                name: "dept",
+                style: { width: "15px", height: "15px" }
+              }),
+              t("span", null, r(((f = n(s)) == null ? void 0 : f.部门名称) ?? "未知"), 1)
+            ]),
+            t("div", null, [
+              o(i, {
+                name: "status",
+                style: { width: "15px", height: "15px" }
+              }),
+              t("span", null, r(((b = n(s)) == null ? void 0 : b.layer) === "superAdmin" ? "启用" : ((h = n(s)) == null ? void 0 : h.状态) ?? "未知"), 1)
+            ])
+          ]),
+          t("div", R, [
+            p(o(L, {
+              userInfo: n(s),
+              itemData: e.itemData,
+              onClickSignButton: e.clickSignButton,
+              onBeforeDestroy: e.beforeSignDestroy,
+              onClickSubmitSign: a[1] || (a[1] = (d) => e.submitImageAsync("signature", d))
+            }, null, 8, ["userInfo", "itemData", "onClickSignButton", "onBeforeDestroy"]), [
+              [c, e.signatureLoading]
+            ])
+          ])
+        ]),
+        p((u(), y("div", j, [
+          (u(), A(E, {
+            key: n(x),
+            tabsContents: e.tabsContents,
+            onChangeTrigger: e.changeFormTrigger,
+            onClickTrigger: e.clickTabButton
+          }, null, 8, ["tabsContents", "onChangeTrigger", "onClickTrigger"]))
+        ])), [
+          [c, e.loading]
+        ])
+      ]);
+    };
+  }
+}), te = /* @__PURE__ */ V(q, [["__scopeId", "data-v-3bdf3f4b"]]);
+export {
+  te as default
+};