mgacn-commonsdk 1.0.0 → 1.0.2

package/dist/mgacn-commonsdk.js

@@ -1,130 +1,137 @@
-import { Plus as V, Delete as z, CircleCloseFilled as Y } from "@element-plus/icons-vue";
-import { ElMessage as U, ElMessageBox as q } from "element-plus";
-import K from "cropperjs";
-import H from "ali-oss";
-import { resolveComponent as y, openBlock as g, createElementBlock as h, createElementVNode as d, toDisplayString as S, createCommentVNode as v, createTextVNode as b, Fragment as P, renderList as G, normalizeStyle as T, normalizeClass as W, createVNode as p, withCtx as f, withModifiers as J, withDirectives as I, vShow as O } from "vue";
-import Q from "axios";
-function X(e) {
+import { Plus as Ve, Delete as Oe, CircleCloseFilled as Ae } from "@element-plus/icons-vue";
+import { ElMessage as te, ElMessageBox as Re } from "element-plus";
+import Fe from "cropperjs";
+import He from "ali-oss";
+import { resolveComponent as N, openBlock as m, createElementBlock as b, createElementVNode as _, toDisplayString as D, createCommentVNode as F, createTextVNode as $, Fragment as P, renderList as Y, normalizeStyle as X, normalizeClass as V, createVNode as v, withCtx as S, withModifiers as Ee, withDirectives as j, vShow as z, ref as L, watch as W, onMounted as ie, createBlock as T, reactive as fe, computed as ve, nextTick as G, onBeforeUnmount as _e, withKeys as Pe, renderSlot as Q, resolveDynamicComponent as Ie, mergeProps as me, createSlots as Be } from "vue";
+import Ye from "axios";
+function je(e) {
   if (!e)
     throw new Error("[mgacn-commonsdk] createApi 需要传入 request 实例");
   return {
-    getUserInfo(t) {
-      return e.GET("/yhAdmin/user/queryUserById", { params: { id: t } });
+    // ---------- 注销登录 ----------
+    logout(n) {
+      return e.GET(`/yhAdmin/login/exit/${n}`);
     },
-    getOssSts(t) {
-      return e.GET("/yhAdmin/oss/fileUploadSts", { params: { dir: t } });
+    // ---------- 用户 ----------
+    getUserInfo(n) {
+      return e.GET(`/yhAdmin/user/queryUser/${n}`);
+    },
+    // ---------- OSS ----------
+    getOssSts(n) {
+      return e.GET("/yhAdmin/oss/fileUploadSts", { params: { dir: n } });
     }
   };
 }
-let x = null;
-function Z(e) {
-  x = e;
+const we = "__MGACN_COMMONSDK_API__";
+function ze(e) {
+  globalThis[we] = e;
 }
-function ee() {
-  if (!x)
+function Ke() {
+  const e = globalThis[we];
+  if (!e)
     throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");
-  return x;
+  return e;
 }
-function N(e) {
+function ge(e) {
   return String(e).padStart(2, "0");
 }
-function te() {
+function qe() {
   const e = /* @__PURE__ */ new Date();
-  return `${e.getFullYear()}${N(e.getMonth() + 1)}${N(e.getDate())}`;
+  return `${e.getFullYear()}${ge(e.getMonth() + 1)}${ge(e.getDate())}`;
 }
-function B(e = 10) {
-  const t = "0123456789abcdefghijklmnopqrstuvwxyz";
-  let r = "";
-  for (let s = 0; s < e; s++)
-    r += t[Math.floor(Math.random() * t.length)];
-  return r;
+function ke(e = 10) {
+  const n = "0123456789abcdefghijklmnopqrstuvwxyz";
+  let t = "";
+  for (let r = 0; r < e; r++)
+    t += n[Math.floor(Math.random() * n.length)];
+  return t;
 }
-function F(e = "portal_cms") {
-  return `${e}/${te()}/`;
+function ue(e = "portal_cms") {
+  return `${e}/${qe()}/`;
 }
-function j(e) {
-  return ee().getOssSts(e);
+function Ce(e) {
+  return Ke().getOssSts(e);
 }
-async function M(e = {}) {
-  const { dir: t, foldName: r, getOss: s, ossinfo: o } = e, i = t || F(r || "portal_cms"), n = o || (typeof s == "function" ? await s(i) : await j(i));
-  if (!n)
+async function Se(e = {}) {
+  const { dir: n, foldName: t, getOss: r, ossinfo: l } = e, o = n || ue(t || "portal_cms"), i = l || (typeof r == "function" ? await r(o) : await Ce(o));
+  if (!i)
     throw new Error("[mgacn-commonsdk] 获取 OSS STS 失败");
-  const c = new H({
-    bucket: n.bucketName,
-    accessKeyId: n.accessKeyId,
-    accessKeySecret: n.accessKeySecret,
+  const g = new He({
+    bucket: i.bucketName,
+    accessKeyId: i.accessKeyId,
+    accessKeySecret: i.accessKeySecret,
     success_action_status: "200",
-    stsToken: n.securityToken,
-    endpoint: n.endPoint
+    stsToken: i.securityToken,
+    endpoint: i.endPoint
   });
-  return c.options.ossUrl = n.ossUrl || n.domain || (n.bucketName && n.endPoint ? `https://${n.bucketName}.${n.endPoint}` : ""), c.options.uploadDir = i, c;
+  return g.options.ossUrl = i.ossUrl || i.domain || (i.bucketName && i.endPoint ? `https://${i.bucketName}.${i.endPoint}` : ""), g.options.uploadDir = o, g;
 }
-async function re(e = {}) {
-  const { client: t, file: r, dir: s, foldName: o, fileName: i, onProgress: n } = e;
-  if (!r)
+async function We(e = {}) {
+  const { client: n, file: t, dir: r, foldName: l, fileName: o, onProgress: i } = e;
+  if (!t)
     throw new Error("[mgacn-commonsdk] uploadToOss 缺少 file");
-  const c = t || await M({ dir: s, foldName: o }), C = s || c.options.uploadDir || F(o);
-  let l = i;
-  if (!l) {
-    const k = r.name || "file", u = k.indexOf("."), _ = u > -1 ? k.slice(u) : "";
-    l = `${C}${B(10)}${_}`;
+  const g = n || await Se({ dir: r, foldName: l }), k = r || g.options.uploadDir || ue(l);
+  let u = o;
+  if (!u) {
+    const h = t.name || "file", c = h.indexOf("."), x = c > -1 ? h.slice(c) : "";
+    u = `${k}${ke(10)}${x}`;
   }
-  const a = await c.multipartUpload(l, r, {
-    progress: (k) => {
-      typeof n == "function" && n(Math.floor(k * 100));
+  const p = await g.multipartUpload(u, t, {
+    progress: (h) => {
+      typeof i == "function" && i(Math.floor(h * 100));
     }
   });
-  if (a.res && a.res.statusCode !== 200)
+  if (p.res && p.res.statusCode !== 200)
     throw new Error("[mgacn-commonsdk] 上传失败");
-  const w = (c.options.ossUrl || "").replace(/\/$/, ""), m = w ? `${w}/${l}` : l;
-  return { name: l, url: m, raw: a, client: c };
+  const w = (g.options.ossUrl || "").replace(/\/$/, ""), d = w ? `${w}/${u}` : u;
+  return { name: u, url: d, raw: p, client: g };
 }
-const se = {
+const Ge = {
   methods: {
     getDir() {
-      return F(this.foldName || "portal_cms");
+      return ue(this.foldName || "portal_cms");
     },
-    randomString: B,
+    randomString: ke,
     getOss() {
-      return j(this.getDir());
+      return Ce(this.getDir());
     },
     async createOssClient() {
-      return M({
+      return Se({
         dir: this.getDir(),
         getOss: () => this.getOss()
       });
     }
   }
-}, ie = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [s, o] of t)
-    r[s] = o;
-  return r;
+}, K = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, l] of n)
+    t[r] = l;
+  return t;
 };
-let E = 0;
-function $() {
-  return E += 1, `mg-img-${Date.now()}-${E}`;
+let he = 0;
+function xe() {
+  return he += 1, `mg-img-${Date.now()}-${he}`;
 }
-function oe(e) {
+function Qe(e) {
   return Array.isArray(e) ? e.filter(Boolean) : e ? [e] : [];
 }
-function A(e) {
-  return e.map((t) => ({
-    uid: $(),
-    url: t,
+function ye(e) {
+  return e.map((n) => ({
+    uid: xe(),
+    url: n,
     status: "success",
     percent: 100,
     previewUrl: ""
   }));
 }
-function ne(e = "") {
-  const t = e.lastIndexOf(".");
-  return t > -1 ? e.slice(t + 1).toLowerCase() : "";
+function Xe(e = "") {
+  const n = e.lastIndexOf(".");
+  return n > -1 ? e.slice(n + 1).toLowerCase() : "";
 }
-const le = {
+const Je = {
   name: "MgImageUpload",
-  mixins: [se],
-  components: { CircleCloseFilled: Y, Delete: z, Plus: V },
+  mixins: [Ge],
+  components: { CircleCloseFilled: Ae, Delete: Oe, Plus: Ve },
   props: {
     /** v-model 统一为 string[]；入参兼容 string / string[] */
     modelValue: { type: [Array, String], default: () => [] },
@@ -145,14 +152,7 @@ const le = {
     /** 是否有未完成上传（支持 v-model:uploading） */
     uploading: { type: Boolean, default: !1 }
   },
-  emits: [
-    "update:modelValue",
-    "update:uploading",
-    "sendFile",
-    "success",
-    "error",
-    "progress"
-  ],
+  emits: ["update:modelValue", "update:uploading", "sendFile", "success", "error", "progress"],
   expose: ["hasPendingUpload", "isUploading"],
   data() {
     return {
@@ -194,16 +194,16 @@ const le = {
       deep: !0,
       immediate: !0,
       handler(e) {
-        e != null && e.length && this.replaceList(A(e));
+        e != null && e.length && this.replaceList(ye(e));
       }
     },
     modelValue: {
       immediate: !0,
       handler(e) {
-        var s;
-        if ((s = this.initFileList) != null && s.length) return;
-        const t = oe(e), r = this.successUrls;
-        t.length === r.length && t.every((o, i) => o === r[i]) || this.replaceList(A(t));
+        var r;
+        if ((r = this.initFileList) != null && r.length) return;
+        const n = Qe(e), t = this.successUrls;
+        n.length === t.length && n.every((l, o) => l === t[o]) || this.replaceList(ye(n));
       }
     },
     cropImageUrl(e) {
@@ -238,27 +238,27 @@ const le = {
     handleUpload() {
       if (!this.disabled) {
         if (this.fileList.length >= this.fileNum) {
-          U.error(`文件数量不超过${this.fileNum}`);
+          te.error(`文件数量不超过${this.fileNum}`);
           return;
         }
         this.openFilePicker();
       }
     },
     onFileChange(e) {
-      const t = [...e.target.files || []];
-      if (!t.length) return;
-      const r = this.fileNum - this.fileList.length;
-      if (t.length > r) {
-        U.error(`文件数量不超过${this.fileNum}个`);
+      const n = [...e.target.files || []];
+      if (!n.length) return;
+      const t = this.fileNum - this.fileList.length;
+      if (n.length > t) {
+        te.error(`文件数量不超过${this.fileNum}个`);
         return;
       }
-      const s = [], o = [];
-      if (t.forEach((i) => {
-        this.acceptList.includes(ne(i.name)) ? s.push(i) : o.push(i);
-      }), o.length) {
-        const i = o.map((n) => n.name).join("，");
-        q.confirm(
-          `已过滤以下 ${o.length} 个不符合要求的文件：<br/><p style="color:#f56c6c;font-size:12px;">${i}</p><br/>只接受：${this.acceptList.join("/")}`,
+      const r = [], l = [];
+      if (n.forEach((o) => {
+        this.acceptList.includes(Xe(o.name)) ? r.push(o) : l.push(o);
+      }), l.length) {
+        const o = l.map((i) => i.name).join("，");
+        Re.confirm(
+          `已过滤以下 ${l.length} 个不符合要求的文件：<br/><p style="color:#f56c6c;font-size:12px;">${o}</p><br/>只接受：${this.acceptList.join("/")}`,
           "提示",
           {
             confirmButtonText: "确认",
@@ -269,59 +269,59 @@ const le = {
         ).catch(() => {
         });
       }
-      if (s.length) {
+      if (r.length) {
         if (this.isCropper) {
-          this.openCropper(s[0]);
+          this.openCropper(r[0]);
           return;
         }
-        this.startUpload(s);
+        this.startUpload(r);
       }
     },
     openCropper(e) {
-      const t = new FileReader();
-      t.onloadend = (r) => {
-        this.cropImageUrl = r.target.result, this.dialogVisible = !0, this.cropper || this.$nextTick(() => this.initCropper());
-      }, t.readAsDataURL(e);
+      const n = new FileReader();
+      n.onloadend = (t) => {
+        this.cropImageUrl = t.target.result, this.dialogVisible = !0, this.cropper || this.$nextTick(() => this.initCropper());
+      }, n.readAsDataURL(e);
     },
     /** 先预览，再逐张上传；每张图独立进度蒙层 */
     startUpload(e) {
       this.resetFilelist && this.replaceList([]);
-      const t = this.maxFileSize * 1024 * 1024, r = [];
-      return e.forEach((s) => {
-        if (s.size > t) {
-          U.error(`「${s.name}」超出 ${this.maxFileSize}MB 限制`);
+      const n = this.maxFileSize * 1024 * 1024, t = [];
+      return e.forEach((r) => {
+        if (r.size > n) {
+          te.error(`「${r.name}」超出 ${this.maxFileSize}MB 限制`);
           return;
         }
-        const o = URL.createObjectURL(s), i = {
-          uid: $(),
-          url: o,
-          previewUrl: o,
+        const l = URL.createObjectURL(r), o = {
+          uid: xe(),
+          url: l,
+          previewUrl: l,
           status: "uploading",
           percent: 0,
-          raw: s
+          raw: r
         };
-        this.fileList.push(i), r.push(this.uploadOne(i));
-      }), Promise.all(r);
+        this.fileList.push(o), t.push(this.uploadOne(o));
+      }), Promise.all(t);
     },
     async uploadOne(e) {
       try {
-        const t = await re({
+        const n = await We({
           file: e.raw,
           dir: this.getDir(),
-          onProgress: (r) => {
-            e.percent = r, this.$emit("progress", r, e.raw);
+          onProgress: (t) => {
+            e.percent = t, this.$emit("progress", t, e.raw);
           }
         });
-        this.revokePreview(e), e.url = t.url, e.status = "success", e.percent = 100, e.raw = null, this.emitFile(), this.$emit("success", t, e);
-      } catch (t) {
-        e.status = "fail", e.percent = 0, this.$emit("error", t, e);
+        this.revokePreview(e), e.url = n.url, e.status = "success", e.percent = 100, e.raw = null, this.emitFile(), this.$emit("success", n, e);
+      } catch (n) {
+        e.status = "fail", e.percent = 0, this.$emit("error", n, e);
       } finally {
         this.dialogVisible && this.handleBack();
       }
     },
     initCropper() {
       const e = this.$refs.cropImage;
-      e && (this.cropper = new K(e, {
+      e && (this.cropper = new Fe(e, {
         aspectRatio: this.aspectRatio,
         autoCropArea: 0.8,
         viewMode: 1,
@@ -340,12 +340,12 @@ const le = {
       this.cropper && (this.cropper.destroy(), this.cropper = null);
     },
     rotate(e) {
-      var t;
-      (t = this.cropper) == null || t.rotate(e);
+      var n;
+      (n = this.cropper) == null || n.rotate(e);
     },
     confirmCrop() {
       if (this.uploadingCount) {
-        U.error("上传中，请稍后！");
+        te.error("上传中，请稍后！");
         return;
       }
       if (!this.cropper) return;
@@ -353,185 +353,185 @@ const le = {
       this.startUpload([this.base64ToFile(e)]);
     },
     base64ToFile(e) {
-      const [t, r] = e.split(","), s = t.match(/:(.*?);/)[1], o = s.split("/")[1], i = atob(r), n = new Uint8Array(i.length);
-      for (let c = 0; c < i.length; c++) n[c] = i.charCodeAt(c);
-      return new File([n], `${Date.now()}.${o}`, { type: s });
+      const [n, t] = e.split(","), r = n.match(/:(.*?);/)[1], l = r.split("/")[1], o = atob(t), i = new Uint8Array(o.length);
+      for (let g = 0; g < o.length; g++) i[g] = o.charCodeAt(g);
+      return new File([i], `${Date.now()}.${l}`, { type: r });
     },
     handleBack() {
       this.cropImageUrl = "", this.dialogVisible = !1;
     },
     removeImg(e) {
-      const t = this.fileList[e];
-      !t || t.status === "uploading" || (this.revokePreview(t), this.fileList.splice(e, 1), this.emitFile());
+      const n = this.fileList[e];
+      !n || n.status === "uploading" || (this.revokePreview(n), this.fileList.splice(e, 1), this.emitFile());
     }
   }
-}, ae = { class: "upload-image-cropper" }, ce = ["multiple", "accept"], ue = {
+}, Ze = { class: "upload-image-cropper" }, et = ["multiple", "accept"], tt = {
   key: 0,
   class: "grey-tips"
-}, pe = { key: 0 }, de = { class: "list-box" }, fe = {
+}, nt = { key: 0 }, lt = { class: "list-box" }, at = {
   key: 0,
   class: "status-mask is-uploading"
-}, me = { class: "progress-wrap" }, ge = { class: "percent-text" }, he = {
+}, rt = { class: "progress-wrap" }, ot = { class: "percent-text" }, st = {
   key: 1,
   class: "status-mask is-fail"
-}, ye = ["onClick"], we = { class: "cropper-box" }, ke = ["src"], be = { class: "btn-box" }, Ce = { class: "btn-box" };
-function _e(e, t, r, s, o, i) {
-  const n = y("el-image"), c = y("el-progress"), C = y("CircleCloseFilled"), l = y("el-icon"), a = y("Delete"), w = y("Plus"), m = y("el-button"), k = y("el-dialog");
-  return g(), h("div", ae, [
-    d("input", {
+}, it = ["onClick"], ut = { class: "cropper-box" }, ct = ["src"], dt = { class: "btn-box" }, pt = { class: "btn-box" };
+function ft(e, n, t, r, l, o) {
+  const i = N("el-image"), g = N("el-progress"), k = N("CircleCloseFilled"), u = N("el-icon"), p = N("Delete"), w = N("Plus"), d = N("el-button"), h = N("el-dialog");
+  return m(), b("div", Ze, [
+    _("input", {
       ref: "fileInput",
       type: "file",
       class: "file-input",
-      multiple: i.multiple,
-      accept: r.accept,
-      onChange: t[0] || (t[0] = (...u) => i.onFileChange && i.onFileChange(...u))
-    }, null, 40, ce),
-    r.greyTips ? (g(), h("div", ue, [
-      r.otherTips ? (g(), h("div", pe, S(r.otherTips), 1)) : v("", !0),
-      b(" " + S(r.greyTips), 1)
-    ])) : v("", !0),
-    d("div", de, [
-      (g(!0), h(P, null, G(o.fileList, (u, _) => (g(), h("div", {
-        key: u.uid,
-        class: W(["image-box", [`is-${u.status}`]]),
-        style: T(r.imageStyle)
+      multiple: o.multiple,
+      accept: t.accept,
+      onChange: n[0] || (n[0] = (...c) => o.onFileChange && o.onFileChange(...c))
+    }, null, 40, et),
+    t.greyTips ? (m(), b("div", tt, [
+      t.otherTips ? (m(), b("div", nt, D(t.otherTips), 1)) : F("", !0),
+      $(" " + D(t.greyTips), 1)
+    ])) : F("", !0),
+    _("div", lt, [
+      (m(!0), b(P, null, Y(l.fileList, (c, x) => (m(), b("div", {
+        key: c.uid,
+        class: V(["image-box", [`is-${c.status}`]]),
+        style: X(t.imageStyle)
       }, [
-        p(n, {
-          src: u.url,
+        v(i, {
+          src: c.url,
           fit: "cover",
           class: "img"
         }, null, 8, ["src"]),
-        u.status === "uploading" ? (g(), h("div", fe, [
-          d("div", me, [
-            p(c, {
+        c.status === "uploading" ? (m(), b("div", at, [
+          _("div", rt, [
+            v(g, {
               type: "circle",
-              percentage: u.percent,
+              percentage: c.percent,
               width: 30,
               "stroke-width": 3,
               "show-text": !1,
               color: "var(--mg-primary, #ff5722)"
             }, null, 8, ["percentage"]),
-            d("span", ge, S(u.percent) + "%", 1)
+            _("span", ot, D(c.percent) + "%", 1)
           ])
-        ])) : u.status === "fail" ? (g(), h("div", he, [
-          p(l, {
+        ])) : c.status === "fail" ? (m(), b("div", st, [
+          v(u, {
             class: "fail-icon",
             size: 16
           }, {
-            default: f(() => [
-              p(C)
+            default: S(() => [
+              v(k)
             ]),
             _: 1
           }),
-          t[5] || (t[5] = d("span", { class: "fail-text" }, "失败", -1)),
-          p(l, {
+          n[5] || (n[5] = _("span", { class: "fail-text" }, "失败", -1)),
+          v(u, {
             class: "remove-icon",
             size: 14,
             title: "删除",
-            onClick: J((R) => i.removeImg(_), ["stop"])
+            onClick: Ee((M) => o.removeImg(x), ["stop"])
           }, {
-            default: f(() => [
-              p(a)
+            default: S(() => [
+              v(p)
             ]),
             _: 1
           }, 8, ["onClick"])
-        ])) : (g(), h("div", {
+        ])) : (m(), b("div", {
           key: 2,
           class: "status-mask is-success",
-          onClick: (R) => i.removeImg(_)
+          onClick: (M) => o.removeImg(x)
         }, [
-          p(l, {
+          v(u, {
             class: "remove-icon",
             size: 16
           }, {
-            default: f(() => [
-              p(a)
+            default: S(() => [
+              v(p)
             ]),
             _: 1
           })
-        ], 8, ye))
+        ], 8, it))
       ], 6))), 128)),
-      I(d("div", {
+      j(_("div", {
         class: "image-box upload-btn",
-        style: T(r.imageStyle),
-        onClick: t[1] || (t[1] = (...u) => i.handleUpload && i.handleUpload(...u))
+        style: X(t.imageStyle),
+        onClick: n[1] || (n[1] = (...c) => o.handleUpload && o.handleUpload(...c))
       }, [
-        p(l, {
+        v(u, {
           class: "icon",
           size: 14
         }, {
-          default: f(() => [
-            p(w)
+          default: S(() => [
+            v(w)
           ]),
           _: 1
         }),
-        t[6] || (t[6] = d("div", null, "上传图片", -1))
+        n[6] || (n[6] = _("div", null, "上传图片", -1))
       ], 4), [
-        [O, i.showUploadBtn]
+        [z, o.showUploadBtn]
       ])
     ]),
-    p(k, {
-      modelValue: o.dialogVisible,
-      "onUpdate:modelValue": t[4] || (t[4] = (u) => o.dialogVisible = u),
+    v(h, {
+      modelValue: l.dialogVisible,
+      "onUpdate:modelValue": n[4] || (n[4] = (c) => l.dialogVisible = c),
       title: "裁剪图片",
       width: "600px",
       top: "5vh",
       "append-to-body": "",
       "close-on-click-modal": !1,
-      onClose: i.handleBack
+      onClose: o.handleBack
     }, {
-      default: f(() => [
-        d("div", we, [
-          I(d("img", {
+      default: S(() => [
+        _("div", ut, [
+          j(_("img", {
             ref: "cropImage",
-            src: o.cropImageUrl,
+            src: l.cropImageUrl,
             class: "cropper-img"
-          }, null, 8, ke), [
-            [O, o.cropImageUrl]
+          }, null, 8, ct), [
+            [z, l.cropImageUrl]
           ])
         ]),
-        d("div", be, [
-          r.isDegree ? (g(), h(P, { key: 0 }, [
-            p(m, {
-              onClick: t[2] || (t[2] = (u) => i.rotate(-r.degree))
+        _("div", dt, [
+          t.isDegree ? (m(), b(P, { key: 0 }, [
+            v(d, {
+              onClick: n[2] || (n[2] = (c) => o.rotate(-t.degree))
             }, {
-              default: f(() => [...t[7] || (t[7] = [
-                b("向左旋转", -1)
+              default: S(() => [...n[7] || (n[7] = [
+                $("向左旋转", -1)
               ])]),
               _: 1
             }),
-            p(m, {
-              onClick: t[3] || (t[3] = (u) => i.rotate(r.degree))
+            v(d, {
+              onClick: n[3] || (n[3] = (c) => o.rotate(t.degree))
             }, {
-              default: f(() => [...t[8] || (t[8] = [
-                b("向右旋转", -1)
+              default: S(() => [...n[8] || (n[8] = [
+                $("向右旋转", -1)
               ])]),
               _: 1
             })
-          ], 64)) : v("", !0),
-          p(m, {
+          ], 64)) : F("", !0),
+          v(d, {
             type: "primary",
-            onClick: i.openFilePicker
+            onClick: o.openFilePicker
           }, {
-            default: f(() => [
-              b(S(o.cropImageUrl ? "重新上传" : "点击上传"), 1)
+            default: S(() => [
+              $(D(l.cropImageUrl ? "重新上传" : "点击上传"), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
         ]),
-        d("div", Ce, [
-          p(m, { onClick: i.handleBack }, {
-            default: f(() => [...t[9] || (t[9] = [
-              b("取 消", -1)
+        _("div", pt, [
+          v(d, { onClick: o.handleBack }, {
+            default: S(() => [...n[9] || (n[9] = [
+              $("取 消", -1)
             ])]),
             _: 1
           }, 8, ["onClick"]),
-          p(m, {
+          v(d, {
             type: "primary",
-            onClick: i.confirmCrop
+            onClick: o.confirmCrop
           }, {
-            default: f(() => [...t[10] || (t[10] = [
-              b("确定", -1)
+            default: S(() => [...n[10] || (n[10] = [
+              $("确定", -1)
             ])]),
             _: 1
           }, 8, ["onClick"])
@@ -541,148 +541,979 @@ function _e(e, t, r, s, o, i) {
     }, 8, ["modelValue", "onClose"])
   ]);
 }
-const Ue = /* @__PURE__ */ ie(le, [["render", _e], ["__scopeId", "data-v-07c103ef"]]);
-function Se(e) {
+const mt = /* @__PURE__ */ K(Je, [["render", ft], ["__scopeId", "data-v-27d5f986"]]), gt = {
+  __name: "DateRangePicker",
+  props: {
+    start: {
+      type: String
+    },
+    end: {
+      type: String
+    },
+    type: {
+      default: "daterange"
+      // daterange、datetimerange、monthrange
+    },
+    format: {
+      default: "YYYY-MM-DD"
+    },
+    valueFormat: {
+      default: "YYYY-MM-DD HH:mm:ss"
+    },
+    defaultTime: {
+      default: [new Date(2024, 1, 1, 0, 0, 0), new Date(2024, 1, 1, 23, 59, 59)]
+    },
+    title: { type: String, default: "" },
+    canClearable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:start", "update:end", "change"],
+  setup(e, { emit: n }) {
+    const t = n, r = e, l = L([]);
+    W(
+      () => r.start,
+      () => {
+        l.value = [r.start, r.end];
+      }
+    ), ie(() => {
+      l.value = [r.start, r.end];
+    });
+    function o(i) {
+      t("update:start", i ? i[0] : ""), t("update:end", i ? i[1] : ""), t("change");
+    }
+    return (i, g) => {
+      const k = N("el-date-picker");
+      return m(), T(k, {
+        modelValue: l.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (u) => l.value = u),
+        type: e.type,
+        "range-separator": "至",
+        "start-placeholder": `${e.title} 开始`,
+        "end-placeholder": "结束",
+        "value-format": e.valueFormat,
+        "default-time": e.defaultTime,
+        class: "date-range-picker",
+        onChange: o,
+        clearable: e.canClearable
+      }, null, 8, ["modelValue", "type", "start-placeholder", "value-format", "default-time", "clearable"]);
+    };
+  }
+}, Ne = /* @__PURE__ */ K(gt, [["__scopeId", "data-v-47618fba"]]), ht = { class: "common-search__body" }, yt = { class: "common-search__fields-wrap" }, bt = {
+  key: 0,
+  class: "common-search__label"
+}, vt = {
+  key: 4,
+  class: "common-search__range"
+}, _t = { class: "common-search__range-sep" }, wt = {
+  key: 6,
+  class: "common-search__range"
+}, kt = {
+  key: 0,
+  class: "common-search__actions is-inline"
+}, Ct = {
+  key: 0,
+  class: "common-search__footer"
+}, St = { class: "common-search__actions is-bottom" }, xt = { class: "common-search__actions-main" }, Nt = /* @__PURE__ */ Object.assign({ name: "MgSearchForm" }, {
+  __name: "SearchForm",
+  props: {
+    modelValue: { type: Object, default: () => ({}) },
+    itemList: { type: Array, default: () => [] },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "search", "reset", "update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, l = L({}), o = fe({}), i = fe({});
+    let g = !1;
+    function k(s, f) {
+      return JSON.stringify(s ?? {}) === JSON.stringify(f ?? {});
+    }
+    const u = L(null), p = L(!1), w = L(!1), d = L(0), h = L(0), c = L(null);
+    let x = null, M = !1, C = !1;
+    const ne = ve(() => {
+      if (!(!w.value || c.value == null))
+        return {
+          maxHeight: `${c.value}px`,
+          overflow: "hidden"
+        };
+    });
+    W(
+      () => t.modelValue,
+      (s) => {
+        k(s, l.value) || (g = !0, l.value = { ...s || {} }, G(() => {
+          g = !1;
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    ), W(
+      l,
+      () => {
+        g || r("update:modelValue", { ...l.value });
+      },
+      { deep: !0 }
+    ), W(
+      () => t.itemList,
+      () => {
+        p.value = !1, G(() => q());
+      },
+      { deep: !0 }
+    ), ie(() => {
+      G(() => q()), typeof ResizeObserver < "u" && (x = new ResizeObserver(() => {
+        !M && !C && q();
+      }), u.value && x.observe(u.value)), window.addEventListener("resize", O);
+    }), _e(() => {
+      x == null || x.disconnect(), window.removeEventListener("resize", O);
+    });
+    function O() {
+      !M && !C && q();
+    }
+    function le(s) {
+      if (!s.width) return;
+      const f = typeof s.width == "number" ? `${s.width}px` : s.width;
+      return { width: f, minWidth: f };
+    }
+    function ce(s, f) {
+      if (s == null) return "";
+      if (typeof s != "object") return String(s);
+      const U = f.optionsLabel || "label";
+      return typeof U == "string" ? s[U] : Array.isArray(U) ? `${s[U[0]]}（${s[U[1]]}）` : s.label;
+    }
+    function J(s, f) {
+      return s == null || typeof s != "object" ? s : s[f.optionsValue || "value"];
+    }
+    async function Le(s, f) {
+      if (typeof s.remoteMethod == "function") {
+        i[s.prop] = !0;
+        try {
+          const U = await s.remoteMethod(f);
+          o[s.prop] = Array.isArray(U) ? U : [];
+        } finally {
+          i[s.prop] = !1;
+        }
+      }
+    }
+    function de(s) {
+      const f = s.style.maxHeight, U = s.style.overflow, I = s.style.transition;
+      s.style.transition = "none", s.style.maxHeight = "none", s.style.overflow = "visible";
+      const H = s.scrollHeight;
+      return s.style.maxHeight = f, s.style.overflow = U, s.offsetHeight, s.style.transition = I, H;
+    }
+    function q() {
+      const s = u.value;
+      if (!s || M || C) return;
+      M = !0;
+      const f = s.closest(".common-search"), U = s.querySelectorAll(".common-search__field");
+      if (!U.length || !f) {
+        w.value = !1, d.value = 0, h.value = 0, c.value = null, M = !1;
+        return;
+      }
+      d.value = U[0].offsetHeight, h.value = de(s);
+      const I = f.clientWidth, H = 20;
+      let E = 0, ee = 1;
+      Array.from(U).forEach((ae, a) => {
+        const B = ae.offsetWidth;
+        if (a === 0) {
+          E = B;
+          return;
+        }
+        E + H + B > I ? (ee += 1, E = B) : E += H + B;
+      });
+      const R = ee > 1;
+      w.value = R, R ? p.value ? c.value = h.value : c.value = d.value : (p.value = !1, c.value = null), M = !1;
+    }
+    function $e() {
+      const s = u.value;
+      if (!s || C) return;
+      C = !0;
+      const f = s.getBoundingClientRect().height || d.value;
+      if (p.value)
+        c.value = f, p.value = !1, requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            c.value = d.value;
+          });
+        });
+      else {
+        c.value = f;
+        const U = de(s);
+        h.value = U, p.value = !0, requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            c.value = U;
+          });
+        });
+      }
+      window.setTimeout(() => {
+        C = !1, q();
+      }, 380);
+    }
+    function Te() {
+      const s = {};
+      return t.itemList.forEach((f) => {
+        f.type === "daterange" || f.type === "dateRange" ? (s[f.start] = void 0, s[f.end] = void 0) : f.type === "number-range" || f.type === "numberRange" ? (s[f.start || `${f.prop}Min`] = void 0, s[f.end || `${f.prop}Max`] = void 0) : f.multiple ? s[f.prop] = [] : f.prop && (s[f.prop] = void 0);
+      }), s;
+    }
+    function pe() {
+      r("update:modelValue", { ...l.value });
+    }
+    function A() {
+      pe(), r("change", { ...l.value }), r("search", { ...l.value });
+    }
+    function Z() {
+      l.value = Te(), pe(), r("reset", { ...l.value }), r("change", { ...l.value });
+    }
+    return (s, f) => {
+      const U = N("el-input"), I = N("el-option"), H = N("el-select"), E = N("el-input-number"), ee = N("el-date-picker"), R = N("el-button"), ae = N("el-icon");
+      return j((m(), b("div", {
+        class: V(["common-search", {
+          "is-single-row": !w.value,
+          "is-multi-row": w.value,
+          "is-expanded": w.value && p.value,
+          "is-collapsed": w.value && !p.value
+        }])
+      }, [
+        _("div", ht, [
+          _("div", yt, [
+            _("div", {
+              ref_key: "fieldsRef",
+              ref: u,
+              class: "common-search__fields",
+              style: X(ne.value)
+            }, [
+              (m(!0), b(P, null, Y(e.itemList, (a, B) => (m(), b("div", {
+                key: a.prop || a.start || B,
+                class: V(["common-search__field", [`is-${a.type}`, a.className]]),
+                style: X(le(a))
+              }, [
+                a.label ? (m(), b("label", bt, D(a.label), 1)) : F("", !0),
+                a.type === "input" || a.type === "text" ? (m(), T(U, {
+                  key: 1,
+                  modelValue: l.value[a.prop],
+                  "onUpdate:modelValue": (y) => l.value[a.prop] = y,
+                  modelModifiers: { trim: !0 },
+                  clearable: "",
+                  placeholder: a.placeholder || `请输入${a.label || ""}`,
+                  maxlength: a.maxlength || 200,
+                  disabled: a.disabled,
+                  onKeyup: Pe(A, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "maxlength", "disabled"])) : a.type === "select" ? (m(), T(H, {
+                  key: 2,
+                  modelValue: l.value[a.prop],
+                  "onUpdate:modelValue": (y) => l.value[a.prop] = y,
+                  placeholder: a.placeholder || `请选择${a.label || ""}`,
+                  clearable: "",
+                  filterable: a.filterable !== !1,
+                  multiple: a.multiple,
+                  "collapse-tags": a.multiple,
+                  "collapse-tags-tooltip": a.multiple,
+                  disabled: a.disabled,
+                  class: "common-search__control",
+                  onChange: A
+                }, {
+                  default: S(() => [
+                    (m(!0), b(P, null, Y(a.options || [], (y, re) => (m(), T(I, {
+                      key: `${J(y, a)}-${re}`,
+                      label: ce(y, a),
+                      value: J(y, a),
+                      disabled: typeof y == "object" && (y == null ? void 0 : y.disabled)
+                    }, null, 8, ["label", "value", "disabled"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "filterable", "multiple", "collapse-tags", "collapse-tags-tooltip", "disabled"])) : a.type === "remote-select" || a.type === "remoteSelect" ? (m(), T(H, {
+                  key: 3,
+                  modelValue: l.value[a.prop],
+                  "onUpdate:modelValue": (y) => l.value[a.prop] = y,
+                  placeholder: a.placeholder || "请输入关键词搜索",
+                  clearable: "",
+                  filterable: "",
+                  remote: "",
+                  multiple: a.multiple,
+                  "collapse-tags": a.multiple,
+                  "collapse-tags-tooltip": a.multiple,
+                  "reserve-keyword": !1,
+                  "remote-method": (y) => Le(a, y),
+                  loading: !!i[a.prop],
+                  disabled: a.disabled,
+                  class: "common-search__control",
+                  onClear: (y) => o[a.prop] = [],
+                  onChange: A
+                }, {
+                  default: S(() => [
+                    (m(!0), b(P, null, Y(o[a.prop] || a.options || [], (y, re) => (m(), T(I, {
+                      key: `${J(y, a)}-${re}`,
+                      label: ce(y, a),
+                      value: J(y, a),
+                      disabled: typeof y == "object" && (y == null ? void 0 : y.disabled)
+                    }, null, 8, ["label", "value", "disabled"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip", "remote-method", "loading", "disabled", "onClear"])) : a.type === "number-range" || a.type === "numberRange" ? (m(), b("div", vt, [
+                  v(E, {
+                    modelValue: l.value[a.start || `${a.prop}Min`],
+                    "onUpdate:modelValue": (y) => l.value[a.start || `${a.prop}Min`] = y,
+                    controls: !1,
+                    min: a.min,
+                    max: a.max,
+                    precision: a.precision,
+                    placeholder: a.minPlaceholder || "最小值",
+                    disabled: a.disabled,
+                    class: "common-search__range-input"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "precision", "placeholder", "disabled"]),
+                  _("span", _t, D(a.separator || "至"), 1),
+                  v(E, {
+                    modelValue: l.value[a.end || `${a.prop}Max`],
+                    "onUpdate:modelValue": (y) => l.value[a.end || `${a.prop}Max`] = y,
+                    controls: !1,
+                    min: a.min,
+                    max: a.max,
+                    precision: a.precision,
+                    placeholder: a.maxPlaceholder || "最大值",
+                    disabled: a.disabled,
+                    class: "common-search__range-input"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "precision", "placeholder", "disabled"])
+                ])) : a.type === "date" ? (m(), T(ee, {
+                  key: 5,
+                  modelValue: l.value[a.prop],
+                  "onUpdate:modelValue": (y) => l.value[a.prop] = y,
+                  type: a.dateType || "date",
+                  placeholder: a.placeholder || "年/月/日",
+                  "value-format": a.valueFormat || "YYYY-MM-DD",
+                  format: a.format || "YYYY/MM/DD",
+                  clearable: a.clearable !== !1,
+                  disabled: a.disabled,
+                  class: "common-search__control"
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "value-format", "format", "clearable", "disabled"])) : a.type === "daterange" || a.type === "dateRange" ? (m(), b("div", wt, [
+                  v(Ne, {
+                    start: l.value[a.start],
+                    "onUpdate:start": (y) => l.value[a.start] = y,
+                    end: l.value[a.end],
+                    "onUpdate:end": (y) => l.value[a.end] = y,
+                    onChange: A
+                  }, null, 8, ["start", "onUpdate:start", "end", "onUpdate:end"])
+                ])) : Q(s.$slots, a.slotName || a.prop, {
+                  item: a,
+                  form: l.value
+                }, void 0, !0, 7)
+              ], 6))), 128))
+            ], 4)
+          ]),
+          w.value ? F("", !0) : (m(), b("div", kt, [
+            Q(s.$slots, "actions", {
+              search: A,
+              reset: Z,
+              form: l.value
+            }, () => [
+              v(R, {
+                class: "common-search__reset",
+                onClick: Z
+              }, {
+                default: S(() => [...f[0] || (f[0] = [
+                  $("重置", -1)
+                ])]),
+                _: 1
+              }),
+              v(R, {
+                type: "primary",
+                class: "common-search__submit",
+                loading: e.loading,
+                onClick: A
+              }, {
+                default: S(() => [...f[1] || (f[1] = [
+                  $(" 搜索 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ], !0)
+          ]))
+        ]),
+        w.value ? (m(), b("div", Ct, [
+          _("div", St, [
+            _("div", xt, [
+              Q(s.$slots, "actions", {
+                search: A,
+                reset: Z,
+                form: l.value
+              }, () => [
+                v(R, {
+                  class: "common-search__reset",
+                  onClick: Z
+                }, {
+                  default: S(() => [...f[2] || (f[2] = [
+                    $("重置", -1)
+                  ])]),
+                  _: 1
+                }),
+                v(R, {
+                  type: "primary",
+                  class: "common-search__submit",
+                  loading: e.loading,
+                  onClick: A
+                }, {
+                  default: S(() => [...f[3] || (f[3] = [
+                    $(" 搜索 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ], !0)
+            ]),
+            v(R, {
+              onClick: $e,
+              type: "primary",
+              plain: ""
+            }, {
+              default: S(() => [
+                $(D(p.value ? "收起" : "展开") + " ", 1),
+                v(ae, { class: "el-icon--right" }, {
+                  default: S(() => [
+                    (m(), T(Ie(p.value ? "ArrowUp" : "ArrowDown")))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ])) : F("", !0)
+      ], 2)), [
+        [z, e.itemList.length]
+      ]);
+    };
+  }
+}), Ut = /* @__PURE__ */ K(Nt, [["__scopeId", "data-v-08ffb41c"]]), Mt = {
+  name: "MgOverflowHid",
+  props: {
+    label: String,
+    //属性名
+    value: String,
+    //属性值
+    maxLength: { type: Number, default: 40 },
+    //溢出隐藏字数最大值
+    labelClassName: { type: String, default: () => "text_nomal" },
+    //属性名样式名
+    valueClassName: { type: String, default: () => "text_nomal" }
+    //属性值字体样式名
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    cutString(e, n) {
+      let t = e || "";
+      return t && t.length > n && (t = t.slice(0, n) + "..."), t;
+    }
+  }
+}, Dt = { class: "tableOverflowHid" }, Lt = ["innerHTML"], $t = { class: "name-wrapper" }, Tt = ["innerHTML"], Vt = { key: 1 }, Ot = ["innerHTML"];
+function At(e, n, t, r, l, o) {
+  const i = N("el-popover");
+  return m(), b("div", Dt, [
+    t.value && t.value.length > t.maxLength ? (m(), T(i, {
+      key: 0,
+      trigger: "hover",
+      placement: "bottom",
+      width: "400"
+    }, {
+      reference: S(() => [
+        _("div", $t, [
+          j(_("span", {
+            class: V(t.labelClassName)
+          }, D(t.label) + "：", 3), [
+            [z, t.label]
+          ]),
+          _("span", {
+            class: V(t.valueClassName),
+            innerHTML: o.cutString(t.value, t.maxLength)
+          }, null, 10, Tt)
+        ])
+      ]),
+      default: S(() => [
+        j(_("span", {
+          class: V(t.labelClassName)
+        }, D(t.label) + "：", 3), [
+          [z, t.label]
+        ]),
+        _("span", { innerHTML: t.value }, null, 8, Lt)
+      ]),
+      _: 1
+    })) : (m(), b("div", Vt, [
+      j(_("span", {
+        class: V(t.labelClassName)
+      }, D(t.label) + "：", 3), [
+        [z, t.label]
+      ]),
+      _("span", {
+        class: V([t.valueClassName, "value"])
+      }, [
+        _("span", { innerHTML: t.value }, null, 8, Ot)
+      ], 2)
+    ]))
+  ]);
+}
+const Ue = /* @__PURE__ */ K(Mt, [["render", At], ["__scopeId", "data-v-ef86ea54"]]), Rt = { class: "common-table__main" }, Ft = { key: 0 }, Ht = { key: 1 }, Et = {
+  key: 2,
+  class: "bold-text"
+}, Pt = {
+  key: 0,
+  class: "common-table__pagination"
+}, It = /* @__PURE__ */ Object.assign({ name: "MgDataTable" }, {
+  __name: "DataTable",
+  props: {
+    /** 列配置：el-table-column 属性 + slotName */
+    propList: {
+      type: Array,
+      default: () => []
+    },
+    /** 表格数据 */
+    dataList: {
+      type: Array,
+      default: () => []
+    },
+    /** 透传给 el-table 的属性 */
+    tableBind: {
+      type: Object,
+      default: () => ({})
+    },
+    /** 行/单元格是否可点击 */
+    canCellClick: {
+      type: Boolean,
+      default: !1
+    },
+    /** 分页：{ page, limit, total } */
+    pagination: {
+      type: Object,
+      default: void 0
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 20, 50, 100]
+    },
+    paginationLayout: {
+      type: String,
+      default: "total, sizes, prev, pager, next, jumper"
+    },
+    showIndex: {
+      type: Boolean,
+      default: !1
+    },
+    indexLabel: {
+      type: String,
+      default: "序号"
+    },
+    indexWidth: {
+      type: [String, Number],
+      default: 64
+    },
+    /**
+     * 撑满父容器高度：表体内部滚动，
+     * 横向滚动条与分页始终贴在可视区域底部
+     */
+    fillHeight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["pageChange", "cellClick", "edit", "delete"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, l = {
+      background: "var(--brand-secondary-pale)",
+      color: "var(--brand-text-primary)",
+      fontWeight: 600,
+      fontSize: "13px"
+    }, o = ve(() => ({
+      headerCellStyle: l,
+      ...t.tableBind
+    }));
+    function i(d) {
+      const { slotName: h, maxLength: c, ...x } = d || {};
+      return {
+        ...x
+      };
+    }
+    function g(d) {
+      return d == null || d === "" ? "-" : d;
+    }
+    function k(d) {
+      return t.pagination ? (t.pagination.page - 1) * t.pagination.limit + d + 1 : d + 1;
+    }
+    function u(d) {
+      var h;
+      r("pageChange", { page: (h = t.pagination) == null ? void 0 : h.page, limit: d });
+    }
+    function p(d) {
+      var h;
+      r("pageChange", { page: d, limit: (h = t.pagination) == null ? void 0 : h.limit });
+    }
+    function w(d, h, c, x) {
+      r("cellClick", d, h, c, x), t.canCellClick && (h == null ? void 0 : h.label) !== "操作" && window.getSelection().toString();
+    }
+    return (d, h) => {
+      const c = N("el-table-column"), x = N("el-table"), M = N("el-pagination");
+      return m(), b("div", {
+        class: V(["common-table", { "is-fill-height": e.fillHeight }])
+      }, [
+        _("div", Rt, [
+          v(x, me({
+            data: e.dataList,
+            height: e.fillHeight ? "100%" : void 0,
+            class: { "common-pointer-table": e.canCellClick }
+          }, o.value, { onCellClick: w }), {
+            default: S(() => [
+              e.showIndex ? (m(), T(c, {
+                key: 0,
+                type: "index",
+                label: e.indexLabel,
+                width: e.indexWidth,
+                index: k,
+                align: "center"
+              }, null, 8, ["label", "width"])) : F("", !0),
+              (m(!0), b(P, null, Y(e.propList, (C, ne) => (m(), T(c, me({
+                key: C.prop || C.slotName || ne
+              }, { ref_for: !0 }, i(C)), Be({ _: 2 }, [
+                C.slotName ? {
+                  name: "default",
+                  fn: S(({ row: O, $index: le }) => [
+                    C.slotName === "overtext" ? (m(), b("div", Ft, [
+                      v(Ue, {
+                        value: String(O[C.prop] ?? ""),
+                        "max-length": C.maxLength || 18
+                      }, null, 8, ["value", "max-length"])
+                    ])) : C.slotName === "whether" ? (m(), b("div", Ht, D(O[C.prop] == 0 ? "否" : O[C.prop] == 1 ? "是" : ""), 1)) : C.slotName === "boldtext" ? (m(), b("div", Et, D(O[C.prop]), 1)) : Q(d.$slots, C.slotName, {
+                      row: O,
+                      index: le,
+                      column: C
+                    }, () => [
+                      $(D(g(O[C.prop])), 1)
+                    ], !0, 3)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040))), 128)),
+              Q(d.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 16, ["data", "height", "class"])
+        ]),
+        e.pagination ? (m(), b("div", Pt, [
+          v(M, {
+            background: "",
+            "current-page": e.pagination.page,
+            "page-size": e.pagination.limit,
+            "page-sizes": e.pageSizes,
+            total: e.pagination.total,
+            layout: e.paginationLayout,
+            onSizeChange: u,
+            onCurrentChange: p
+          }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
+        ])) : F("", !0)
+      ], 2);
+    };
+  }
+}), Bt = /* @__PURE__ */ K(It, [["__scopeId", "data-v-5f80313c"]]), Yt = ["aria-checked", "disabled", "onClick"], jt = {
+  __name: "SegmentedControl",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    /** [{ label, value, disabled? }] */
+    options: { type: Array, default: () => [] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, l = L(null), o = L([]), i = L(!1), g = L({
+      width: "0px",
+      transform: "translateX(0px)"
+    });
+    let k = null;
+    function u(d, h) {
+      d && (o.value[h] = d);
+    }
+    function p() {
+      const d = l.value;
+      if (!d) return;
+      const h = t.options.findIndex((C) => C.value === t.modelValue), c = o.value[h];
+      if (!c) {
+        g.value = { width: "0px", transform: "translateX(0px)" };
+        return;
+      }
+      const x = d.getBoundingClientRect(), M = c.getBoundingClientRect();
+      g.value = {
+        width: `${M.width}px`,
+        transform: `translateX(${M.left - x.left}px)`
+      }, i.value = !0;
+    }
+    function w(d) {
+      d.disabled || (r("update:modelValue", d.value), r("change", d.value));
+    }
+    return W(
+      () => [t.modelValue, t.options],
+      async () => {
+        await G(), p();
+      },
+      { deep: !0 }
+    ), ie(async () => {
+      await G(), p(), typeof ResizeObserver < "u" && l.value && (k = new ResizeObserver(() => p()), k.observe(l.value));
+    }), _e(() => {
+      k == null || k.disconnect(), k = null;
+    }), (d, h) => (m(), b("div", {
+      ref_key: "rootRef",
+      ref: l,
+      class: "segmented",
+      role: "radiogroup"
+    }, [
+      _("div", {
+        class: V(["segmented__thumb", { "is-ready": i.value }]),
+        style: X(g.value)
+      }, null, 6),
+      (m(!0), b(P, null, Y(e.options, (c, x) => (m(), b("button", {
+        key: String(c.value),
+        ref_for: !0,
+        ref: (M) => u(M, x),
+        type: "button",
+        class: V(["segmented__item", { "is-active": e.modelValue === c.value }]),
+        role: "radio",
+        "aria-checked": e.modelValue === c.value,
+        disabled: c.disabled,
+        onClick: (M) => w(c)
+      }, D(c.label), 11, Yt))), 128))
+    ], 512));
+  }
+}, zt = /* @__PURE__ */ K(jt, [["__scopeId", "data-v-8bff3e5b"]]);
+function Kt(e) {
   return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0 || typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0);
 }
-function L(e) {
+function oe(e) {
   if (e === null || typeof e != "object") return e;
   if (e instanceof Date) return new Date(e.getTime());
-  if (Array.isArray(e)) return e.map((r) => L(r));
-  const t = {};
-  return Object.keys(e).forEach((r) => {
-    t[r] = L(e[r]);
-  }), t;
+  if (Array.isArray(e)) return e.map((t) => oe(t));
+  const n = {};
+  return Object.keys(e).forEach((t) => {
+    n[t] = oe(e[t]);
+  }), n;
 }
-function ve(e, t = 300) {
-  let r = null;
-  return function(...o) {
-    r && clearTimeout(r), r = setTimeout(() => {
-      e.apply(this, o);
-    }, t);
+function qt(e, n = 300) {
+  let t = null;
+  return function(...l) {
+    t && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, l);
+    }, n);
   };
 }
-function xe(e, t = 300) {
-  let r = 0;
-  return function(...o) {
-    const i = Date.now();
-    i - r >= t && (r = i, e.apply(this, o));
+function Wt(e, n = 300) {
+  let t = 0;
+  return function(...l) {
+    const o = Date.now();
+    o - t >= n && (t = o, e.apply(this, l));
   };
 }
-function Le(e, t = "YYYY-MM-DD HH:mm:ss") {
-  const r = e instanceof Date ? e : new Date(e);
-  if (Number.isNaN(r.getTime())) return "";
-  const s = {
-    YYYY: String(r.getFullYear()),
-    MM: String(r.getMonth() + 1).padStart(2, "0"),
-    DD: String(r.getDate()).padStart(2, "0"),
-    HH: String(r.getHours()).padStart(2, "0"),
-    mm: String(r.getMinutes()).padStart(2, "0"),
-    ss: String(r.getSeconds()).padStart(2, "0")
+function Me(e) {
+  if (e == null || e === "") return null;
+  if (e instanceof Date)
+    return Number.isNaN(e.getTime()) ? null : e;
+  if (typeof e == "number") {
+    const l = new Date(e);
+    return Number.isNaN(l.getTime()) ? null : l;
+  }
+  const n = String(e).trim();
+  if (!n) return null;
+  if (/^\d{10,13}$/.test(n)) {
+    const l = n.length === 10 ? Number(n) * 1e3 : Number(n), o = new Date(l);
+    return Number.isNaN(o.getTime()) ? null : o;
+  }
+  if (/[Zz]$|[+-]\d{2}:?\d{2}$/.test(n)) {
+    const l = new Date(n);
+    return Number.isNaN(l.getTime()) ? null : l;
+  }
+  const t = n.match(
+    /^(\d{4})[-/.年](\d{1,2})[-/.月](\d{1,2})日?(?:[\sT]+(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?(?:\.(\d{1,3}))?)?/
+  );
+  if (t) {
+    const [, l, o, i, g = "0", k = "0", u = "0", p = "0"] = t, w = new Date(
+      Number(l),
+      Number(o) - 1,
+      Number(i),
+      Number(g),
+      Number(k),
+      Number(u),
+      Number(String(p).padEnd(3, "0"))
+    );
+    return Number.isNaN(w.getTime()) ? null : w;
+  }
+  const r = new Date(n);
+  return Number.isNaN(r.getTime()) ? null : r;
+}
+function se(e, n = "YYYY-MM-DD HH:mm:ss") {
+  const t = Me(e);
+  if (!t) return "";
+  const r = t.getFullYear(), l = t.getMonth() + 1, o = t.getDate(), i = t.getHours(), g = t.getMinutes(), k = t.getSeconds(), u = {
+    YYYY: String(r),
+    MM: String(l).padStart(2, "0"),
+    DD: String(o).padStart(2, "0"),
+    HH: String(i).padStart(2, "0"),
+    mm: String(g).padStart(2, "0"),
+    ss: String(k).padStart(2, "0"),
+    M: String(l),
+    D: String(o),
+    H: String(i),
+    m: String(g),
+    s: String(k)
+  };
+  return n.replace(/YYYY|MM|DD|HH|mm|ss|M|D|H|m|s/g, (p) => u[p]);
+}
+function Gt() {
+  const e = /* @__PURE__ */ new Date();
+  e.setHours(23, 59, 59, 0);
+  const n = /* @__PURE__ */ new Date();
+  return n.setDate(n.getDate() - 30), n.setHours(0, 0, 0, 0), {
+    start: se(n, "YYYY-MM-DD HH:mm:ss"),
+    end: se(e, "YYYY-MM-DD HH:mm:ss")
   };
-  return Object.keys(s).reduce((o, i) => o.replace(i, s[i]), t);
 }
-function De(e = "id") {
+function Qt(e) {
+  const n = {};
+  return Object.keys(e || {}).forEach((t) => {
+    const r = e[t];
+    r == null || r === "" || Array.isArray(r) && r.length === 0 || (n[t] = r);
+  }), n;
+}
+function Xt(e, n = 2) {
+  if (e == null || e === "") return e;
+  const t = Number(e);
+  if (Number.isNaN(t)) return e;
+  const r = t.toFixed(n), [l, o] = r.split("."), i = l.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  if (o == null) return i;
+  const g = o.replace(/0+$/, "");
+  return g ? `${i}.${g}` : i;
+}
+function Jt(e = "id") {
   return `${e}_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
 }
-const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  debounce: ve,
-  deepClone: L,
-  formatDate: Le,
-  isEmpty: Se,
-  throttle: xe,
-  uniqueId: De
+  cleanParams: Qt,
+  debounce: qt,
+  deepClone: oe,
+  formatDate: se,
+  formatNum: Xt,
+  getRecentMonthRange: Gt,
+  isEmpty: Kt,
+  parseDate: Me,
+  throttle: Wt,
+  uniqueId: Jt
 }, Symbol.toStringTag, { value: "Module" }));
-function Fe(e = {}) {
+function Zt(e = {}) {
   const {
-    baseURL: t = "",
-    timeout: r = 6e4,
-    tokenKey: s,
-    systemIdKey: o,
-    loginUrl: i = "/login"
-  } = e, n = Q.create({ baseURL: t, timeout: r });
-  let c = !1;
-  function C() {
-    typeof localStorage < "u" && localStorage.clear(), !c && (c = !0, setTimeout(() => {
-      typeof window < "u" && window.location.replace(i);
+    baseURL: n = "",
+    timeout: t = 6e4,
+    tokenKey: r,
+    systemIdKey: l,
+    loginUrl: o = "/login"
+  } = e, i = Ye.create({ baseURL: n, timeout: t });
+  let g = !1;
+  function k() {
+    typeof localStorage < "u" && localStorage.clear(), !g && (g = !0, setTimeout(() => {
+      typeof window < "u" && window.location.replace(o);
     }, 1500));
   }
-  return n.interceptors.request.use(
-    (l) => {
-      if (l.headers["Content-Type"] = "application/json;charset=UTF-8", typeof localStorage < "u") {
-        if (s) {
-          const a = localStorage.getItem(s);
-          a && (l.headers.Authorization = a);
+  return i.interceptors.request.use(
+    (u) => {
+      if (u.headers["Content-Type"] = "application/json;charset=UTF-8", typeof localStorage < "u") {
+        if (r) {
+          const p = localStorage.getItem(r);
+          p && (u.headers.Authorization = p);
         }
-        if (o) {
-          const a = localStorage.getItem(o);
-          a && (l.headers.systemId = a);
+        if (l) {
+          const p = localStorage.getItem(l);
+          p && (u.headers.systemId = p);
         }
       }
-      return l;
-    },
-    (l) => Promise.reject(l)
-  ), n.interceptors.response.use(
-    (l) => {
-      if (l.status !== 200)
-        return Promise.reject(new Error(`请求发生错误，状态码 ${l.status}`));
-      const { data: a, config: w } = l;
-      if (w.responseType === "arraybuffer") return a;
-      if (a && a.code === 0) return a.data;
-      if (a && (a.code === 401 || a.code === 403))
-        return C(), Promise.reject(new Error("登录失效，请重新登录"));
-      const m = a && (a.data || a.message || a.msg) || "请求失败";
-      return Promise.reject(new Error(String(m)));
-    },
-    (l) => Promise.reject(l)
-  ), n;
+      return u;
+    },
+    (u) => Promise.reject(u)
+  ), i.interceptors.response.use(
+    (u) => {
+      if (u.status !== 200)
+        return Promise.reject(new Error(`请求发生错误，状态码 ${u.status}`));
+      const { data: p, config: w } = u;
+      if (w.responseType === "arraybuffer") return p;
+      if (p && p.code === 0) return p.data;
+      const d = Number(p == null ? void 0 : p.code);
+      if (d === 401 || d === 403)
+        return k(), Promise.reject(new Error("登录失效，请重新登录"));
+      const h = be(p) || "请求失败";
+      return Promise.reject(new Error(h));
+    },
+    (u) => {
+      var h, c;
+      const p = (h = u == null ? void 0 : u.response) == null ? void 0 : h.status;
+      if (p === 401 || p === 403)
+        return k(), Promise.reject(new Error("登录失效，请重新登录"));
+      const w = (c = u == null ? void 0 : u.response) == null ? void 0 : c.data, d = be(w) || (u == null ? void 0 : u.message) || "请求失败";
+      return Promise.reject(new Error(String(d)));
+    }
+  ), i;
+}
+function be(e) {
+  if (e == null) return "";
+  if (typeof e == "string") return e;
+  if (typeof e != "object") return String(e);
+  const n = [e.message, e.msg, e.data, e.error];
+  for (const t of n)
+    if (!(t == null || t === "") && (typeof t == "string" || typeof t == "number"))
+      return String(t);
+  return "";
 }
-function Pe(e = {}) {
-  const t = Fe(e);
+function en(e = {}) {
+  const n = Zt(e);
   return {
-    GET(r, s = {}) {
-      return t({ method: "get", url: r, ...s });
+    GET(t, r = {}) {
+      return n({ method: "get", url: t, ...r });
     },
-    POST(r, s, o = {}) {
-      return t({ method: "post", url: r, data: s, ...o });
+    POST(t, r, l = {}) {
+      return n({ method: "post", url: t, data: r, ...l });
     },
-    DELETE(r, s = {}) {
-      return t({ method: "delete", url: r, ...s });
+    DELETE(t, r = {}) {
+      return n({ method: "delete", url: t, ...r });
     }
   };
 }
-let D = null;
-function Te(e) {
-  D = e;
+const De = "__MGACN_COMMONSDK_REQUEST__";
+function tn(e) {
+  globalThis[De] = e;
 }
-function Re() {
-  if (!D)
+function pn() {
+  const e = globalThis[De];
+  if (!e)
     throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");
-  return D;
+  return e;
 }
-const Ie = [Ue], Oe = (e, t = {}) => {
-  Ie.forEach((o) => {
-    o.name && e.component(o.name, o);
+const nn = {
+  MgImageUpload: mt,
+  MgSearchForm: Ut,
+  MgDataTable: Bt,
+  MgDateRangePicker: Ne,
+  MgSegmentedControl: zt,
+  MgOverflowHid: Ue
+}, ln = (e, n = {}) => {
+  Object.entries(nn).forEach(([l, o]) => {
+    e.component(o.name || l, o);
   });
-  const r = Pe(t), s = X(r);
-  Te(r), Z(s), e.config.globalProperties.$request = r, e.config.globalProperties.$api = s;
-}, Ve = {
-  install: Oe,
+  const t = en(n), r = je(t);
+  tn(t), ze(r), e.config.globalProperties.$request = t, e.config.globalProperties.$api = r;
+}, fn = {
+  install: ln,
   version: "1.0.0"
 };
 export {
-  Ue as ImageUpload,
-  se as aliOssMixin,
-  X as createApi,
-  M as createOssClient,
-  Pe as createRequest,
-  Fe as createService,
-  Ve as default,
-  ee as getApi,
-  j as getOssSts,
-  Re as getRequest,
-  Oe as install,
-  re as uploadToOss,
-  $e as utils
+  Bt as DataTable,
+  Ne as DateRangePicker,
+  mt as ImageUpload,
+  Ut as SearchForm,
+  zt as SegmentedControl,
+  Ue as TableOverflowHid,
+  Ge as aliOssMixin,
+  je as createApi,
+  Se as createOssClient,
+  en as createRequest,
+  Zt as createService,
+  fn as default,
+  Ke as getApi,
+  Ce as getOssSts,
+  pn as getRequest,
+  ln as install,
+  ze as setApi,
+  We as uploadToOss,
+  dn as utils
 };