mvframe 1.0.8 → 1.0.10

package/dist/index.js

@@ -1,7 +1,2056 @@
-import "./util.js";
-import "./directive.js";
-import "./store.js";
-import { i as p } from "./vendor.js";
+import { u as ke } from "./util.js";
+import { d as Te } from "./directive.js";
+import { s as Me, p as Ae, a as Ve } from "./store.js";
+import { createRouter as Oe, createWebHistory as je, useRoute as $e, useRouter as xe } from "vue-router";
+import { computed as V, openBlock as y, createElementBlock as T, normalizeClass as R, unref as a, Fragment as te, renderList as ne, toDisplayString as A, defineComponent as Ce, reactive as H, getCurrentInstance as re, watch as le, resolveComponent as K, createVNode as E, withCtx as I, renderSlot as q, inject as pe, onMounted as oe, onUnmounted as ce, createElementVNode as i, withModifiers as he, createCommentVNode as B, createTextVNode as Q, nextTick as me, normalizeProps as ue, guardReactiveProps as de, createSlots as fe, createBlock as D, ref as J, mergeProps as se, useAttrs as ge, isRef as Se, markRaw as ye, onBeforeMount as Ie, resolveDynamicComponent as Ne } from "vue";
+/* empty css    */
+import { deepEqual as be, isInView as ze, download as Ee, useRemoteSummary as Ke } from "./composition.js";
+import ve from "vuedraggable";
+const Le = ({ router: h, useAdmin: b, adminPermission: l, noaccess: e }) => {
+  h.beforeEach((o, r, d) => {
+    b ? o.meta.admin && l() ? d() : e && e(d) : d();
+  }), h.afterEach((o, r) => {
+    const d = Me.tab(Ae);
+    document.title = o.meta.title, d.saveTab(o);
+  });
+}, Be = (h, { routes: b, guard: l, useAdmin: e = !1, adminPermission: o = () => !0, noaccess: r }) => {
+  const d = Oe({
+    history: je(),
+    routes: b
+  });
+  l && l(d), Le({ router: d, useAdmin: e, adminPermission: o, noaccess: r }), h.use(d), globalThis.$router = d;
+}, X = (h, b) => {
+  const l = h.__vccOpts || h;
+  for (const [e, o] of b)
+    l[e] = o;
+  return l;
+}, Pe = ["disabled", "onClick"], Fe = /* @__PURE__ */ Object.assign({
+  name: "MvcBtnGroup",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "default",
+      validator: (h) => ["default", "small", "large"].includes(h)
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, { emit: b }) {
+    const l = h, e = b, o = (u) => u == null ? u : ["Object", "Array"].includes(globalThis.$getType(u)) ? u[l.valueKey] : u, r = (u) => u == null ? "" : ["Object", "Array"].includes(globalThis.$getType(u)) ? u[l.labelKey] : String(u), d = (u) => {
+      const x = o(u);
+      return x === l.modelValue && (x !== void 0 || l.modelValue !== void 0);
+    }, w = (u) => {
+      if (l.disabled) return;
+      const x = o(u);
+      e("update:modelValue", x), e("change", x);
+    }, g = V(() => ({ small: "g4", default: "g6", large: "g8" })[l.size] ?? "g6"), k = V(() => l.size === "small" ? "sizeSmall" : l.size === "large" ? "sizeLarge" : "");
+    return (u, x) => (y(), T("div", {
+      class: R(["MvcBtnGroup flexMode", [a(g), a(k)]]),
+      role: "group"
+    }, [
+      (y(!0), T(te, null, ne(l.options, (S) => (y(), T("button", {
+        key: o(S),
+        type: "button",
+        class: R(["btnItem", { isActive: d(S) }]),
+        disabled: l.disabled,
+        onClick: ($) => w(S)
+      }, A(r(S)), 11, Pe))), 128))
+    ], 2));
+  }
+}), De = /* @__PURE__ */ X(Fe, [["__scopeId", "data-v-19946018"]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: De
+}, Symbol.toStringTag, { value: "Module" })), He = Ce({
+  name: "MvcFormItemFilter",
+  setup: (h, b) => {
+    var r, d;
+    const l = (w) => Array.isArray(w) ? w.filter((g) => g.children !== "v-if").map((g) => {
+      var u, x, S, $;
+      return g && (window.$getType(g.children) === "Array" ? g.children = l(g.children) : ((u = g.type) == null ? void 0 : u.name) === "ElFormItem" && (x = g.props) != null && x.label && (g.props.label = (($ = (S = g.props.label).$l) == null ? void 0 : $.call(S)) || g.props.label), g);
+    }) : [], e = (d = (r = b.slots).default) == null ? void 0 : d.call(r), o = e == null ? void 0 : e[0];
+    return () => l((o == null ? void 0 : o.children) ?? []);
+  }
+}), Ue = { class: "MvcForm" }, Je = /* @__PURE__ */ Object.assign({
+  name: "MvcForm"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    rules: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    size: {
+      type: String,
+      default: "large"
+    }
+  },
+  setup(h, { expose: b, emit: l }) {
+    const e = h, o = H({
+      form: {}
+    }), { proxy: r } = re(), d = l, w = async () => {
+      var u;
+      try {
+        return (u = r.$refs) != null && u.form ? (await r.$refs.form.validate(), g()) : !1;
+      } catch {
+        return !1;
+      }
+    }, g = () => o.form, k = V(() => {
+      const u = {};
+      for (let x in e.rules)
+        u[x] = e.rules[x].map((S) => ({
+          ...S,
+          ...S.message && { message: window.$l(S.message) }
+        }));
+      return u;
+    });
+    return le(
+      () => o.form,
+      (u) => {
+        u && !be(u, e.modelValue) && d("update:modelValue", u);
+      },
+      {
+        deep: !0
+      }
+    ), le(
+      () => e.modelValue,
+      (u) => {
+        u && !be(u, o.form) && (o.form = u);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), b({
+      validate: w
+    }), (u, x) => {
+      const S = K("el-form");
+      return y(), T("div", Ue, [
+        E(S, {
+          ref: "form",
+          model: a(o).form,
+          rules: a(k),
+          size: e.size,
+          "validate-on-rule-change": !1,
+          "label-position": "top"
+        }, {
+          default: I(() => [
+            E(a(He), null, {
+              default: I(() => [
+                q(u.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["model", "rules", "size"])
+      ]);
+    };
+  }
+}), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Ge = { class: "FrameTab relative h36 pl16 pt4 xscroll nobar fadeout" }, We = { class: "relative flexMode vr g4 z2" }, Ye = ["id", "onContextmenu", "onClick", "onDblclick"], Ze = ["onClick"], Qe = /* @__PURE__ */ Object.assign({
+  name: "FrameTab",
+  inheritAttrs: !1
+}, {
+  __name: "Tab",
+  setup(h) {
+    H({
+      active: 2
+    });
+    const b = pe("store"), l = b.tab(), e = b.rmenu(), o = $e(), r = xe(), { proxy: d } = re();
+    oe(() => {
+      w();
+    });
+    const w = () => {
+      d.$el.addEventListener("scroll", k);
+    }, g = () => {
+      const s = localStorage.getItem("tabsScroll");
+      s && (d.$el.scrollLeft = Number(s));
+    }, k = (s) => {
+      let f = null;
+      f !== null && clearTimeout(f), f = setTimeout(function() {
+        const { scrollLeft: O } = s.target;
+        localStorage.setItem("tabsScroll", O);
+      }, 100);
+    }, u = () => {
+      me(() => {
+        const s = d.$el.querySelector(`#tab_${c.value}`);
+        ze(d.$el, s) ? g() : d.$el.scrollLeft = (s == null ? void 0 : s.offsetLeft) - 16;
+      });
+    }, x = (s, f, O) => {
+      e.saveData("type", "tabManager"), e.saveData("options", [
+        {
+          label: "Close",
+          value: "close",
+          icon: "im-close",
+          disabled: m.value.length === 1,
+          cb: () => {
+            l.closeTab(f, O);
+          }
+        },
+        {
+          label: "Close Right",
+          value: "closeRight",
+          icon: "im-right",
+          disabled: O === m.value.length - 1,
+          cb: () => {
+            l.closeRightTab(f, O);
+          }
+        },
+        {
+          label: "Close Left",
+          value: "closeLeft",
+          icon: "im-left",
+          disabled: O === 0,
+          cb: () => {
+            l.closeLeftTab(f, O);
+          }
+        },
+        {
+          label: "Close Other",
+          value: "closeOther",
+          icon: "im-left",
+          disabled: m.value.length === 1,
+          cb: () => {
+            l.closeOtherTab(f, O);
+          }
+        }
+      ]), e.show({ el: s.target });
+    }, S = (s) => {
+      s.name !== c.value && r.push({ name: s.name });
+    }, $ = (s) => {
+      s.name === c.value ? r.replace({ name: s.name, query: { t: +/* @__PURE__ */ new Date() } }) : S(s);
+    }, M = (s, f) => {
+      l.closeTab(s, f);
+    }, m = V(() => l.tabs), c = V(() => o.name), t = V(() => m.value.length);
+    return le(
+      () => t.value,
+      (s) => {
+        s && (localStorage.setItem("tabs", JSON.stringify(m.value)), u());
+      },
+      {
+        immediate: !0
+      }
+    ), ce(() => {
+      d.$el.removeEventListener("scroll", k);
+    }), (s, f) => (y(), T("div", Ge, [
+      i("div", We, [
+        (y(!0), T(te, null, ne(a(m), (O, C) => (y(), T("div", {
+          key: O.name,
+          id: `tab_${O.name}`,
+          class: R(["relative flexMode vc g4 noShrink tabItem h32 p0-8 fs12 radius4 point noselect", [
+            O.name === a(c) && "active",
+            a(m).length > 1 && "hoverItem"
+          ]]),
+          onContextmenu: he((n) => x(n, O, C), ["prevent", "stop"]),
+          onClick: (n) => S(O),
+          onDblclick: (n) => $(O)
+        }, [
+          O.icon ? (y(), T("i", {
+            key: 0,
+            class: R(["imicon", O.icon])
+          }, null, 2)) : B("", !0),
+          Q(" " + A(O.meta.title) + " ", 1),
+          i("div", {
+            class: "abs r flexMode hc vc w20 h20",
+            onClick: he((n) => M(O, C), ["stop"])
+          }, [...f[0] || (f[0] = [
+            i("span", null, "✕", -1)
+          ])], 8, Ze)
+        ], 42, Ye))), 128)),
+        f[1] || (f[1] = i("div", { class: "w16 h16 noShrink" }, null, -1))
+      ])
+    ]));
+  }
+}), Xe = /* @__PURE__ */ X(Qe, [["__scopeId", "data-v-1a5bae58"]]), et = { class: "LogoArea flexMode vc h64 p0-16 relative" }, tt = { class: "logo" }, lt = { class: "logomini" }, ot = { class: "MenuArea p4 yscroll" }, nt = ["onClick"], st = { class: "itemIcon w24 txt-c txt-tip fs18" }, at = { key: 1 }, rt = {
+  key: 0,
+  class: "itemChildrenArea mt2 p4"
+}, it = ["onClick"], ct = { class: "itemIcon w24 txt-c txt-tip fs18" }, ut = /* @__PURE__ */ Object.assign({
+  name: "FrameMenu",
+  inheritAttrs: !1
+}, {
+  __name: "Menu",
+  props: {
+    iconClass: {
+      type: String,
+      default: ""
+    },
+    routes: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(h, { emit: b }) {
+    const l = h, e = H({
+      collapse: !1
+    }), o = $e(), r = xe();
+    oe(() => {
+      w();
+    });
+    const d = b, w = () => {
+      const m = localStorage.getItem("collapse");
+      m && (e.collapse = JSON.parse(m)), document.addEventListener("keydown", k);
+    }, g = (m) => {
+      e.collapse === !0 ? e.collapse = !1 : e.collapse === !1 ? e.collapse = !0 : e.collapse = m, localStorage.setItem("collapse", e.collapse), d("on-collapse-change", e.collapse);
+    }, k = (m) => {
+      m.shiftKey && (m.metaKey || m.ctrlKey) && (m.keyCode === 37 ? g(!0) : m.keyCode === 39 && g(!1));
+    }, u = (m) => {
+      var c;
+      return (c = m == null ? void 0 : m.children) != null && c.length ? u(m.children[0]) : m;
+    }, x = (m) => {
+      var c;
+      return ((c = m == null ? void 0 : m.children) == null ? void 0 : c.some((t) => t.name === o.name || x(t))) ?? !1;
+    }, S = (m) => {
+      const c = u(m);
+      c != null && c.name && r.push({ name: c.name });
+    }, $ = () => {
+      const m = { ...o.query, _: Date.now() }, c = o.name ? { name: o.name, params: o.params, query: m } : { path: o.path, query: m };
+      r.replace(c).catch(() => {
+      });
+    }, M = V(() => e.collapse ? "im-verticalleft" : "im-verticalright");
+    return ce(() => {
+      document.removeEventListener("keydown", k);
+    }), (m, c) => (y(), T("div", {
+      class: R(["FrameMenu sticky vh100 noselect noShrink", a(e).collapse && "collapse"])
+    }, [
+      i("div", et, [
+        i("div", tt, [
+          q(m.$slots, "logo", {}, void 0, !0)
+        ]),
+        i("div", lt, [
+          q(m.$slots, "logomini", {}, void 0, !0)
+        ]),
+        i("div", {
+          class: "collapseArea hover abs",
+          onClick: c[0] || (c[0] = (t) => g(a(e).collapse))
+        }, [
+          i("i", {
+            class: R(["imicon fs20", a(M)])
+          }, null, 2)
+        ])
+      ]),
+      i("div", ot, [
+        (y(!0), T(te, null, ne(l.routes, (t, s) => {
+          var f, O;
+          return y(), T("div", {
+            key: s,
+            class: "menuItemWrap mb2"
+          }, [
+            i("div", {
+              class: R(["menuItem flexMode vc g8 radius4 p0-16", [
+                a(o).name === t.name && "active bg-primary",
+                a(e).collapse && "hc",
+                a(e).collapse && x(t) && "activeChild"
+              ]]),
+              onClick: (C) => S(t),
+              onDblclick: $
+            }, [
+              i("div", st, [
+                t.meta.icon ? (y(), T("i", {
+                  key: 0,
+                  class: R([l.iconClass, t.meta.icon])
+                }, null, 2)) : (y(), T("span", at, A(((f = t.meta.title) == null ? void 0 : f.substr(0, 1)) || "U"), 1))
+              ]),
+              a(e).collapse ? B("", !0) : (y(), T("div", {
+                key: 0,
+                class: R(["itemTitle txt-nowrap fs14", a(o).name === t.name ? "txt-white" : "txt-h1"])
+              }, A(t.meta.title), 3))
+            ], 42, nt),
+            (O = t.children) != null && O.length ? (y(), T("div", rt, [
+              (y(!0), T(te, null, ne(t.children, (C, n) => (y(), T("div", {
+                key: n,
+                class: R(["childrenItem flexMode vc g8 radius4 h40 p0-16", a(o).name === C.name && "active bg-primary"]),
+                onClick: (p) => S(C),
+                onDblclick: $
+              }, [
+                i("div", ct, [
+                  C.meta.icon ? (y(), T("i", {
+                    key: 0,
+                    class: R([l.iconClass, C.meta.icon])
+                  }, null, 2)) : B("", !0)
+                ]),
+                a(e).collapse ? B("", !0) : (y(), T("div", {
+                  key: 0,
+                  class: R(["itemTitle txt-nowrap fs14", a(o).name === C.name ? "txt-white" : "txt-h1"])
+                }, A(C.meta.title), 3))
+              ], 42, it))), 128))
+            ])) : B("", !0)
+          ]);
+        }), 128))
+      ])
+    ], 2));
+  }
+}), dt = /* @__PURE__ */ X(ut, [["__scopeId", "data-v-8dc648a5"]]), pt = { class: "FrameFooter" }, mt = { class: "txt-tip" }, ft = { class: "txt-primary" }, gt = /* @__PURE__ */ Object.assign({
+  name: "FrameFooter",
+  inheritAttrs: !1
+}, {
+  __name: "Footer",
+  setup(h) {
+    H({});
+    const b = V(() => globalThis.$config);
+    return (l, e) => (y(), T("div", pt, [
+      i("span", mt, A(a(b).copyright), 1),
+      i("span", ft, A(a(b).author), 1)
+    ]));
+  }
+}), ht = /* @__PURE__ */ X(gt, [["__scopeId", "data-v-c3ba0162"]]), yt = { class: "MvcFrame" }, bt = { class: "PageArea" }, vt = /* @__PURE__ */ Object.assign({
+  name: "MvcFrame",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    /* menu包含：
+      @params
+      options: vue-router的路由表
+      iconClass: 菜单图标样式名，iconfont创建时的样式名或其它自定义规则
+      logo: 菜单logo, vue dom
+      logomini: 菜单logo缩小时的样子, vue dom
+    */
+    menu: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    page: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup(h) {
+    const b = h;
+    H({});
+    const e = pe("store").tab();
+    oe(() => {
+      o();
+    });
+    const o = () => {
+      r();
+    }, r = () => {
+      var d, w, g, k, u, x;
+      if ((w = (d = globalThis.$config) == null ? void 0 : d.iconfont) != null && w.url) {
+        const S = document.createElement("script");
+        if (S.id = "iconfont", S.type = "text/javascript", S.src = (k = (g = globalThis.$config) == null ? void 0 : g.iconfont) == null ? void 0 : k.url, document.getElementById("iconfont"))
+          return;
+        document.head.appendChild(S), (x = (u = globalThis.$config) == null ? void 0 : u.iconfont) == null || delete x.url;
+      }
+    };
+    return (d, w) => {
+      const g = K("router-view");
+      return y(), T("div", yt, [
+        E(dt, ue(de(b.menu)), fe({ _: 2 }, [
+          d.$slots.logo ? {
+            name: "logo",
+            fn: I(() => [
+              q(d.$slots, "logo", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          d.$slots.logomini ? {
+            name: "logomini",
+            fn: I(() => [
+              q(d.$slots, "logomini", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040),
+        i("div", bt, [
+          a(e).useTab ? (y(), D(Xe, { key: 0 })) : B("", !0),
+          E(g, ue(de(b.page)), null, 16),
+          E(ht)
+        ])
+      ]);
+    };
+  }
+}), _t = /* @__PURE__ */ X(vt, [["__scopeId", "data-v-d0100e71"]]), $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _t
+}, Symbol.toStringTag, { value: "Module" })), xt = {
+  class: "MvcIcon",
+  "aria-hidden": "true"
+}, Ct = ["xlink:href"], St = /* @__PURE__ */ Object.assign({
+  name: "MvcIcon"
+}, {
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      default: "cloud"
+    }
+  },
+  setup(h) {
+    const b = H({
+      prefix: "imc"
+    });
+    return oe(() => {
+      var l, e;
+      (e = (l = globalThis.$config) == null ? void 0 : l.iconfont) != null && e.prefix && (b.prefix = globalThis.$config.iconfont.prefix);
+    }), (l, e) => (y(), T("svg", xt, [
+      i("use", {
+        "xlink:href": `#${a(b).prefix}-${h.name}`
+      }, null, 8, Ct)
+    ]));
+  }
+}), wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: St
+}, Symbol.toStringTag, { value: "Module" })), kt = /* @__PURE__ */ Object.assign({
+  name: "MvcInput"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "blur",
+    "focus"
+  ],
+  setup(h, { emit: b }) {
+    const l = h, e = J(null);
+    let o = null;
+    const r = H({
+      val: "",
+      isComposing: !1
+    }), d = b, { proxy: w } = re();
+    oe(() => {
+      var m, c, t;
+      const M = (m = e.value) == null ? void 0 : m.$el;
+      o = ((c = M == null ? void 0 : M.querySelector) == null ? void 0 : c.call(M, "input")) || ((t = M == null ? void 0 : M.querySelector) == null ? void 0 : t.call(M, "textarea")), o && (o.addEventListener("compositionstart", g), o.addEventListener("compositionend", k));
+    });
+    const g = () => {
+      r.isComposing = !0;
+    }, k = () => {
+      r.isComposing = !1, me(() => x(r.val));
+    }, u = (M) => {
+      r.isComposing || x(M);
+    }, x = (M) => {
+      d("update:modelValue", M), d("input", M);
+    }, S = V(() => !!(w.$attrs.maxlength || $.value)), $ = V(() => w.$attrs.max);
+    return le(
+      () => l.modelValue,
+      (M) => {
+        const m = String(M ?? "");
+        String(r.val) !== m && (r.val = m);
+      },
+      { immediate: !0 }
+    ), ce(() => {
+      o && (o.removeEventListener("compositionstart", g), o.removeEventListener("compositionend", k), o = null);
+    }), (M, m) => {
+      const c = K("el-input");
+      return y(), D(c, se({
+        ref_key: "inputRef",
+        ref: e,
+        modelValue: a(r).val,
+        "onUpdate:modelValue": m[0] || (m[0] = (t) => a(r).val = t),
+        "show-word-limit": a(S),
+        maxlength: a($),
+        class: "MvcInput"
+      }, M.$attrs, { onInput: u }), null, 16, ["modelValue", "show-word-limit", "maxlength"]);
+    };
+  }
+}), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: kt
+}, Symbol.toStringTag, { value: "Module" })), Mt = { class: "MvcPage" }, At = {
+  key: 0,
+  class: "PageHeader"
+}, Vt = { class: "PageHeaderLeft" }, Ot = { class: "PageHeaderTitle" }, jt = { class: "PageHeaderSubTitle" }, It = { class: "PageHeaderRight" }, Nt = { class: "PageBody" }, zt = /* @__PURE__ */ Object.assign({
+  name: "MvcPage",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(h) {
+    const b = h, { proxy: l } = re(), o = pe("store").tab(), r = V(() => b.title || b.subtitle);
+    return V(() => o.useTab ? {
+      minHeight: "calc(100vh - 48px - 36px)"
+    } : {
+      minHeight: "calc(100vh - 48px)"
+    }), (d, w) => (y(), T("div", Mt, [
+      b.noheader ? B("", !0) : (y(), T("div", At, [
+        i("div", Vt, [
+          d.$slots.header ? q(d.$slots, "header", { key: 0 }, void 0, !0) : a(r) ? (y(), T(te, { key: 1 }, [
+            i("h3", Ot, A(b.title), 1),
+            i("p", jt, A(b.subtitle), 1)
+          ], 64)) : B("", !0)
+        ]),
+        i("div", It, [
+          d.$slots.right ? q(d.$slots, "right", { key: 0 }, void 0, !0) : B("", !0)
+        ])
+      ])),
+      i("div", Nt, [
+        q(d.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), Et = /* @__PURE__ */ X(zt, [["__scopeId", "data-v-7d18d3b1"]]), Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Et
+}, Symbol.toStringTag, { value: "Module" })), Lt = { class: "flexMode hb vc" }, Bt = { key: 1 }, Pt = { class: "tag" }, Ft = { class: "flexMode hr" }, Dt = /* @__PURE__ */ Object.assign({
+  name: "MvcSelect",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: void 0
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    selectAllTxt: {
+      type: String,
+      default: "All"
+    },
+    confirmTxt: {
+      type: String,
+      default: "Confirm"
+    },
+    nowrap: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, { emit: b }) {
+    const l = h, e = J(null), o = J([]), r = J(!1), d = J(!1), w = J(!1), g = b, k = (n) => {
+      l.multiple ? (o.value = Array.isArray(n) ? [...n] : [], m()) : (g("update:modelValue", n), g("change", n));
+    }, u = (n) => {
+      if (r.value = n, n && l.multiple) {
+        const p = l.modelValue;
+        o.value = Array.isArray(p) ? [...p] : p ? [p] : [], m();
+      }
+    }, x = () => {
+      var _;
+      if (!l.filterable || !r.value) return M();
+      const n = e.value, p = ((_ = n == null ? void 0 : n.optionsArray) == null ? void 0 : _.value) ?? (n == null ? void 0 : n.optionsArray) ?? [];
+      return Array.isArray(p) ? p.filter((v) => v.visible && !v.isDisabled).map((v) => v.value) : M();
+    }, S = (n) => {
+      w.value = !1;
+      const p = x();
+      if (n)
+        o.value = [.../* @__PURE__ */ new Set([...o.value, ...p])];
+      else {
+        const _ = new Set(p);
+        o.value = o.value.filter((v) => !_.has(v));
+      }
+    }, $ = () => {
+      var n, p;
+      l.multiple && (g("update:modelValue", o.value), g("change", o.value), (p = (n = e.value) == null ? void 0 : n.blur) == null || p.call(n));
+    }, M = () => {
+      const n = l.valueKey;
+      return (l.options || []).map((p) => typeof p == "object" ? p[n] : p);
+    }, m = () => {
+      const n = x(), p = new Set(o.value ?? []), _ = n.filter((z) => p.has(z)).length, v = n.length;
+      d.value = v > 0 && _ === v, w.value = _ > 0 && _ < v;
+    }, c = V(() => l.multiple && r.value ? o.value : l.modelValue), t = V(() => {
+      const {
+        modelValue: n,
+        valueKey: p,
+        labelKey: _,
+        selectAllTxt: v,
+        confirmTxt: z,
+        nowrap: N,
+        ...P
+      } = l, G = P.props ?? {};
+      return {
+        ...P,
+        props: {
+          ...G,
+          value: p,
+          label: _
+        }
+      };
+    }), s = V(
+      () => l.nowrap ? {
+        collapseTags: !0,
+        collapseTagsTooltip: !0,
+        maxCollapseTags: 1,
+        tagTooltip: { popperStyle: { maxWidth: "400px" } }
+      } : {}
+    ), f = V(() => ({
+      ...s.value,
+      ...ge(),
+      ...t.value
+    })), O = V(() => {
+      const n = l.multiple && r.value ? o.value : l.modelValue, p = Array.isArray(n) ? n : n ? [n] : [];
+      if (!l.filterable || !r.value) return p.length;
+      const _ = x();
+      return p.filter((v) => _.includes(v)).length;
+    }), C = V(() => x().length);
+    return le(o, () => m(), { deep: !0 }), le(
+      () => l.modelValue,
+      (n) => {
+        if (l.multiple && r.value) {
+          const p = Array.isArray(n) ? [...n] : n ? [n] : [];
+          JSON.stringify(p) !== JSON.stringify(o.value) && (o.value = p, m());
+        }
+      }
+    ), (n, p) => {
+      const _ = K("el-checkbox"), v = K("el-button"), z = K("el-select");
+      return y(), D(z, se({
+        ref_key: "selectRef",
+        ref: e,
+        "model-value": a(c),
+        "tag-effect": "plain",
+        class: "MvcSelect"
+      }, a(f), {
+        "onUpdate:modelValue": k,
+        onVisibleChange: u
+      }), fe({
+        default: I(() => [
+          q(n.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        l.filterable ? {
+          name: "header",
+          fn: I(() => [
+            i("div", Lt, [
+              l.multiple ? (y(), D(_, {
+                key: 0,
+                modelValue: a(d),
+                "onUpdate:modelValue": p[0] || (p[0] = (N) => Se(d) ? d.value = N : null),
+                indeterminate: a(w),
+                class: "h24",
+                onChange: S
+              }, {
+                default: I(() => [
+                  Q(A(h.selectAllTxt), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate"])) : (y(), T("span", Bt)),
+              i("span", Pt, A(a(O)) + "/" + A(a(C)), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        l.multiple ? {
+          name: "footer",
+          fn: I(() => [
+            i("div", Ft, [
+              E(v, {
+                type: "primary",
+                size: "small",
+                onClick: $
+              }, {
+                default: I(() => [
+                  Q(A(h.confirmTxt), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["model-value"]);
+    };
+  }
+}), Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Dt
+}, Symbol.toStringTag, { value: "Module" })), Ht = { class: "flexMode hb vc" }, Ut = { key: 1 }, Jt = { class: "tag" }, qt = { class: "flexMode hr" }, Gt = /* @__PURE__ */ Object.assign({
+  name: "MvcSelectV2",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: void 0
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    selectAllTxt: {
+      type: String,
+      default: "All"
+    },
+    confirmTxt: {
+      type: String,
+      default: "Confirm"
+    },
+    nowrap: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, { emit: b }) {
+    const l = h, e = J(null), o = J([]), r = J(!1), d = J(!1), w = J(!1), g = b, k = (n) => {
+      l.multiple ? (o.value = Array.isArray(n) ? [...n] : [], m()) : (g("update:modelValue", n), g("change", n));
+    }, u = (n) => {
+      if (r.value = n, n && l.multiple) {
+        const p = l.modelValue;
+        o.value = Array.isArray(p) ? [...p] : p ? [p] : [], m();
+      }
+    }, x = () => {
+      var v;
+      if (!l.filterable || !r.value) return M();
+      const n = e.value, p = ((v = n == null ? void 0 : n.filteredOptions) == null ? void 0 : v.value) ?? (n == null ? void 0 : n.filteredOptions) ?? [];
+      if (!Array.isArray(p)) return M();
+      const _ = l.valueKey;
+      return p.filter((z) => z.type !== "Group" && !z.disabled).map((z) => typeof z == "object" ? z[_] : z);
+    }, S = (n) => {
+      w.value = !1;
+      const p = x();
+      if (n)
+        o.value = [.../* @__PURE__ */ new Set([...o.value, ...p])];
+      else {
+        const _ = new Set(p);
+        o.value = o.value.filter((v) => !_.has(v));
+      }
+    }, $ = () => {
+      var n, p;
+      l.multiple && (g("update:modelValue", o.value), g("change", o.value), (p = (n = e.value) == null ? void 0 : n.blur) == null || p.call(n));
+    }, M = () => {
+      const n = l.valueKey;
+      return (l.options || []).map((p) => typeof p == "object" ? p[n] : p);
+    }, m = () => {
+      const n = x(), p = new Set(o.value ?? []), _ = n.filter((z) => p.has(z)).length, v = n.length;
+      d.value = v > 0 && _ === v, w.value = _ > 0 && _ < v;
+    }, c = V(() => l.multiple && r.value ? o.value : l.modelValue), t = V(() => {
+      const {
+        modelValue: n,
+        valueKey: p,
+        labelKey: _,
+        selectAllTxt: v,
+        confirmTxt: z,
+        nowrap: N,
+        ...P
+      } = l, G = P.props ?? {};
+      return {
+        ...P,
+        props: {
+          ...G,
+          value: p,
+          label: _
+        }
+      };
+    }), s = V(
+      () => l.nowrap ? {
+        collapseTags: !0,
+        collapseTagsTooltip: !0,
+        maxCollapseTags: 1,
+        tagTooltip: { popperStyle: { maxWidth: "400px" } }
+      } : {}
+    ), f = V(() => ({
+      ...s.value,
+      ...ge(),
+      ...t.value
+    })), O = V(() => {
+      const n = l.multiple && r.value ? o.value : l.modelValue, p = Array.isArray(n) ? n : n ? [n] : [];
+      if (!l.filterable || !r.value) return p.length;
+      const _ = x();
+      return p.filter((v) => _.includes(v)).length;
+    }), C = V(() => x().length);
+    return le(o, () => m(), { deep: !0 }), le(
+      () => l.modelValue,
+      (n) => {
+        if (l.multiple && r.value) {
+          const p = Array.isArray(n) ? [...n] : n ? [n] : [];
+          JSON.stringify(p) !== JSON.stringify(o.value) && (o.value = p, m());
+        }
+      }
+    ), (n, p) => {
+      const _ = K("el-checkbox"), v = K("el-button"), z = K("el-select-v2");
+      return y(), D(z, se({
+        ref_key: "selectRef",
+        ref: e,
+        "model-value": a(c),
+        class: "MvcSelectV2"
+      }, a(f), {
+        "onUpdate:modelValue": k,
+        onVisibleChange: u
+      }), fe({ _: 2 }, [
+        l.filterable ? {
+          name: "header",
+          fn: I(() => [
+            i("div", Ht, [
+              l.multiple ? (y(), D(_, {
+                key: 0,
+                modelValue: a(d),
+                "onUpdate:modelValue": p[0] || (p[0] = (N) => Se(d) ? d.value = N : null),
+                indeterminate: a(w),
+                class: "h24",
+                onChange: S
+              }, {
+                default: I(() => [
+                  Q(A(h.selectAllTxt), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate"])) : (y(), T("span", Ut)),
+              i("span", Jt, A(a(O)) + "/" + A(a(C)), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        n.$slots.default ? {
+          name: "default",
+          fn: I((N) => [
+            q(n.$slots, "default", ue(de(N)))
+          ]),
+          key: "1"
+        } : void 0,
+        l.multiple ? {
+          name: "footer",
+          fn: I(() => [
+            i("div", qt, [
+              E(v, {
+                type: "primary",
+                size: "small",
+                onClick: $
+              }, {
+                default: I(() => [
+                  Q(A(h.confirmTxt), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["model-value"]);
+    };
+  }
+}), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Gt
+}, Symbol.toStringTag, { value: "Module" })), Yt = Ce({
+  name: "MvcTableColumnFilter",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    },
+    group: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    column: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup: (h, b) => {
+    var w;
+    const l = H({
+      options: [],
+      slots: []
+    }), e = h.tableName + "_Column";
+    let o = [];
+    (() => {
+      const g = b.slots.default()[0].children, k = {
+        normal: [],
+        mmp: [],
+        asa: [],
+        fixed: [],
+        columns: []
+      }, u = h.tableName ? JSON.parse(localStorage.getItem(e)) : null, x = [void 0];
+      g.forEach(($) => {
+        window.$getType($.type) === "Symbol" ? o = o.concat($.children) : o.push($);
+      }), o.forEach(($, M) => {
+        var m;
+        if (window.$getType($.type), ((m = $.type) == null ? void 0 : m.name) === "ElTableColumn") {
+          let c = {
+            ...$.props,
+            sort: M,
+            nomove: $.props.nomove || $.props.nomove === "" || $.props.type === "selection" || $.props.label === "Operation",
+            resizable: !0,
+            visible: $.props.visible !== !1
+          };
+          if (c.labelKey || (c.labelKey = c.label), c.label = window.$l(c.labelKey), h.column && (u != null && u.length) && x.indexOf($.props.prop) === -1) {
+            const { data: t } = u.filter1((s) => s.prop === $.props.prop);
+            t && (c.sort = t.sort, c.fixed = t.fixed, c.visible = t.visible);
+          }
+          $.props.fixed && k.fixed.push(c), $.props.type === "mmp" ? k.mmp.push(c) : $.props.type === "asa" ? k.asa.push(c) : k.normal.push(c), $.props = c;
+        }
+      }), l.columnInfo = k;
+      let S = [...k.normal, ...k.mmp, ...k.asa];
+      h.tableName && (S = S.sort(($, M) => $.sort - M.sort), localStorage.setItem(e, JSON.stringify(S)));
+    })();
+    let d = [];
+    if (o.forEach((g) => {
+      window.$getType(g) !== "String" && g.props.visible && d.push(g);
+    }), (w = h.group) != null && w.label) {
+      const g = {
+        label: "Group By " + h.group.label,
+        // prop: props.group.value,
+        width: h.group.width,
+        fixed: "left",
+        visible: !0,
+        resizable: !0
+      };
+      d[0].props.type === "selection" ? d.splice(1, 0, {
+        ...d[1],
+        props: g
+      }) : d.unshift({
+        ...d[0],
+        props: g
+      });
+    }
+    return d = d.sort((g, k) => g.props.sort - k.props.sort), () => d;
+  }
+}), Zt = { class: "hp100 flexMode" }, Qt = { class: "w200 hp100 border-r fs14" }, Xt = { class: "flexMode vc h36 p8 bg-gray3 border-b txt-nowrap" }, el = { class: "p4" }, tl = ["onClick"], ll = {
+  class: "flexMode vs hp100",
+  style: { width: "calc(100% - 200px)" }
+}, ol = { class: "wp50 border-r fs14" }, nl = { class: "flexMode vc g8 h36 p8 bg-gray3 border-b txt-nowrap" }, sl = { class: "tagArea blue small" }, al = { class: "p4" }, rl = {
+  key: 0,
+  class: "absCenter fs12 txt-dark5 txt-nowrap"
+}, il = { class: "flexMode vc g8" }, cl = ["txt", "onClick"], ul = { class: "wp50 border-r fs14" }, dl = { class: "flexMode vc g8 h36 p8 bg-gray3 border-b txt-nowrap" }, pl = { class: "tagArea blue small" }, ml = {
+  class: "relative p4",
+  style: { height: "calc(100% - 36px)" }
+}, fl = {
+  class: "relative",
+  style: { height: "30%" }
+}, gl = {
+  key: 0,
+  class: "absCenter fs12 txt-dark5 txt-nowrap"
+}, hl = { class: "columnItem flexMode vc hb h40 g8 p4-8 mb4 radius4" }, yl = { class: "flexMode vc g8 txt-nowrap" }, bl = { class: "flexMode vc g8" }, vl = ["txt", "onClick"], _l = {
+  class: "relative",
+  style: { height: "calc(70% - 10px)" }
+}, $l = {
+  key: 0,
+  class: "absCenter fs12 txt-dark5 txt-nowrap"
+}, xl = { class: "columnItem flexMode vc hb h40 g8 p4-8 mb4 radius4" }, Cl = { class: "flexMode vc g8 txt-nowrap" }, Sl = { class: "flexMode vc" }, wl = ["txt", "onClick"], kl = ["txt", "onClick"], Tl = /* @__PURE__ */ Object.assign({
+  name: "MvcTableColumnConfig",
+  inheritAttrs: !1
+}, {
+  __name: "ColumnConfig",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: "close",
+  setup(h, { emit: b }) {
+    const l = h, e = H({
+      loading: !1,
+      type: "normal",
+      columns: {
+        normal: [],
+        mmp: [],
+        asa: []
+      },
+      fixed: [],
+      visible: [],
+      selection: [],
+      operation: [],
+      columnType: {},
+      mounted: !1
+    });
+    oe(() => {
+      r();
+    });
+    const o = b, r = () => {
+      o("mounted");
+      const t = JSON.parse(localStorage.getItem(`${l.tableName}_Column`)), s = {};
+      t.forEach((f) => {
+        f.type && (s[f.type] = !0), f.visible ? f.type === "selection" ? e.selection.push(f) : f.type === "operation" ? e.operation.push(f) : f.label && (f.fixed ? e.fixed.push(f) : e.visible.push(f)) : f.type === "mmp" ? e.columns.mmp.push(f) : f.type === "asa" ? e.columns.asa.push(f) : e.columns.normal.push(f);
+      }), e.columnType = s;
+    }, d = (t) => {
+      e.type = t;
+    }, w = (t, s) => {
+      t.visible = !0, e.visible.unshift(t), t.type ? e.columns[t.type].splice(s, 1) : e.columns.normal.splice(s, 1);
+    }, g = (t, s) => {
+      e.fixed.unshift(t), e.visible.splice(s, 1);
+    }, k = (t, s) => {
+      e.visible.unshift(t), e.fixed.splice(s, 1);
+    }, u = (t, s) => {
+      e.visible.splice(s, 1), t.type ? e.columns[t.type].unshift(t) : e.columns.normal.unshift(t);
+    }, x = async () => {
+      e.loading = !0, window.$pm(() => {
+        const { fixed: t, visible: s, columns: f, selection: O, operation: C } = e;
+        let n = [];
+        Object.keys(f).map((_) => {
+          n = n.concat(f[_]);
+        }), t.forEach((_) => _.fixed = "left"), n.forEach((_) => _.visible = !1);
+        const p = O.concat(t, s, n, C);
+        p.forEach((_, v) => _.sort = v), localStorage.setItem(`${l.tableName}_Column`, JSON.stringify(p)), e.loading = !1, o("close"), o("init-column");
+      });
+    }, S = () => {
+      e.loading = !0, localStorage.removeItem(`${l.tableName}_Column`), window.$pm(() => {
+        e.loading = !1, o("close"), o("init-column");
+      }, 4);
+    }, $ = V(() => window.config.options.drawerHeight - 36 - 64), M = V(() => ($.value * 0.3).toFixed(0)), m = V(() => ($.value * 0.7 - 10).toFixed(0)), c = V(() => [
+      {
+        label: "Base Info",
+        value: "normal"
+      },
+      {
+        label: "Asa Metrics",
+        value: "asa",
+        hide: !e.columnType.asa
+      },
+      {
+        label: "MMP Metrics",
+        value: "mmp",
+        hide: !e.columnType.mmp
+      }
+    ]);
+    return (t, s) => {
+      const f = K("el-scrollbar"), O = K("DrawerArea");
+      return y(), D(O, {
+        loading: a(e).loading,
+        noscroll: "",
+        "cancel-txt": "Reset",
+        "cancel-icon": "im-sync",
+        class: "MvcTableColumnConfig",
+        onCancel: S,
+        onSubmit: x
+      }, {
+        default: I(() => [
+          i("div", Zt, [
+            i("div", Qt, [
+              i("div", Xt, A(t.$l("Column Type")), 1),
+              i("div", el, [
+                (y(!0), T(te, null, ne(a(c), (C) => (y(), T("div", {
+                  key: C.value,
+                  class: R(["typeItem p8-16 mb4 radius4 txt-nowrap", [a(e).type === C.value && "active", C.hide && "hide"]]),
+                  onClick: (n) => d(C.value)
+                }, A(C.label), 11, tl))), 128))
+              ])
+            ]),
+            i("div", ll, [
+              i("div", ol, [
+                i("div", nl, [
+                  i("span", null, A(t.$l("Columns")), 1),
+                  i("span", sl, A(a(e).columns[a(e).type].length), 1)
+                ]),
+                E(f, { style: { height: "calc(100% - 36px)" } }, {
+                  default: I(() => [
+                    i("div", al, [
+                      a(e).columns[a(e).type].length === 0 ? (y(), T("span", rl, A(t.$l("No Columns")), 1)) : B("", !0),
+                      (y(!0), T(te, null, ne(a(e).columns[a(e).type], (C, n) => (y(), T("div", {
+                        key: C.prop,
+                        class: "columnItem flexMode vc hb h40 g8 p4-8 mb4 radius4 txt-nowrap"
+                      }, [
+                        i("span", null, A(t.$l(C.label)), 1),
+                        i("div", il, [
+                          i("div", {
+                            class: "tipbtn left",
+                            txt: t.$l("Visible"),
+                            onClick: (p) => w(C, n)
+                          }, [...s[0] || (s[0] = [
+                            i("i", { class: "imicon im-plus fs16" }, null, -1)
+                          ])], 8, cl)
+                        ])
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              i("div", ul, [
+                i("div", dl, [
+                  i("span", null, A(t.$l("Visible Columns")), 1),
+                  i("span", pl, A(a(e).visible.length), 1)
+                ]),
+                i("div", ml, [
+                  i("div", fl, [
+                    a(e).fixed.length === 0 ? (y(), T("span", gl, A(t.$l("No Fixed Columns")), 1)) : B("", !0),
+                    E(f, { height: a(M) }, {
+                      default: I(() => [
+                        E(a(ve), {
+                          list: a(e).fixed,
+                          "item-key": (C) => C,
+                          handle: ".im-handle",
+                          "ghost-class": "ghost"
+                        }, {
+                          item: I(({ element: C, index: n }) => [
+                            i("div", hl, [
+                              i("div", yl, [
+                                s[1] || (s[1] = i("i", { class: "imicon im-handle cursor-grab" }, null, -1)),
+                                i("span", null, A(t.$l(C.label)), 1)
+                              ]),
+                              i("div", bl, [
+                                i("div", {
+                                  class: "tipbtn red left",
+                                  txt: t.$l("Unfixed"),
+                                  onClick: (p) => k(C, n)
+                                }, [...s[2] || (s[2] = [
+                                  i("i", { class: "imicon im-download1 fs14" }, null, -1)
+                                ])], 8, vl)
+                              ])
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["list", "item-key"])
+                      ]),
+                      _: 1
+                    }, 8, ["height"])
+                  ]),
+                  s[6] || (s[6] = i("div", { class: "p4-0" }, [
+                    i("div", { class: "border-t" })
+                  ], -1)),
+                  i("div", _l, [
+                    a(e).visible.length === 0 ? (y(), T("span", $l, A(t.$l("No Columns")), 1)) : B("", !0),
+                    E(f, { height: a(m) }, {
+                      default: I(() => [
+                        E(a(ve), {
+                          list: a(e).visible,
+                          "item-key": (C) => C,
+                          options: { lockAxis: "y" },
+                          handle: ".im-handle",
+                          "ghost-class": "ghost"
+                        }, {
+                          item: I(({ element: C, index: n }) => [
+                            i("div", xl, [
+                              i("div", Cl, [
+                                s[3] || (s[3] = i("i", { class: "imicon im-handle cursor-grab" }, null, -1)),
+                                i("span", null, A(t.$l(C.label)), 1)
+                              ]),
+                              i("div", Sl, [
+                                i("div", {
+                                  class: "tipbtn left",
+                                  txt: t.$l("Fixed"),
+                                  onClick: (p) => g(C, n)
+                                }, [...s[4] || (s[4] = [
+                                  i("i", { class: "imicon im-download1 fs14 rotateZ180" }, null, -1)
+                                ])], 8, wl),
+                                i("div", {
+                                  class: "tipbtn red left",
+                                  txt: t.$l("Hide"),
+                                  onClick: (p) => u(C, n)
+                                }, [...s[5] || (s[5] = [
+                                  i("i", { class: "imicon im-close fs14" }, null, -1)
+                                ])], 8, kl)
+                              ])
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["list", "item-key"])
+                      ]),
+                      _: 1
+                    }, 8, ["height"])
+                  ])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+}), Ml = /* @__PURE__ */ X(Tl, [["__scopeId", "data-v-01691821"]]), Al = { class: "p16 border-b" }, Vl = { class: "flexMode vc g8" }, Ol = {
+  key: 0,
+  class: "flexMode vc g8"
+}, jl = { class: "flexMode g16 hr vc" }, Il = { class: "TheEnd p16" }, Nl = { class: "sticky flexMode vc hb p4-8 mt16 mb8 fs14 txt-dark9 z9 backdrop border-l4-primary bg-gray3 radius4" }, zl = { class: "fw700" }, El = { class: "flexMode vc g8" }, Kl = /* @__PURE__ */ Object.assign({
+  name: "MvcTableColumnDownload",
+  inheritAttrs: !1
+}, {
+  __name: "ColumnDownload",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    selection: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["mounted"],
+  setup(h, { emit: b }) {
+    const l = h, e = H({
+      loading: !1,
+      columns: [],
+      checked: [],
+      useHead: !1,
+      onlySelection: !1,
+      mounted: !1
+    });
+    oe(() => {
+      r();
+    });
+    const o = b, r = () => {
+      o("mounted"), d(), w();
+    }, d = () => {
+      const c = JSON.parse(localStorage.getItem(`${l.tableName}_Column`)), t = ["selection", "operation"];
+      e.columns = c.filter((s) => !t.includes(s.type) && s.label);
+    }, w = () => {
+      l.selection.length && (e.onlySelection = !0);
+    }, g = (c, t) => {
+      c ? t.children.forEach((s) => {
+        s.visible = !0;
+      }) : t.children.forEach((s) => {
+        s.visible = !1;
+      });
+    }, k = () => {
+      window.$copy(x());
+    }, u = async () => {
+      e.loading = !0;
+      try {
+        const c = x("download");
+        let t = e.fileName || S.value;
+        t && !t.toLowerCase().endsWith(".csv") && (t = `${t}.csv`), await Ee({ content: c, filename: t, bom: !0 });
+      } finally {
+        e.loading = !1;
+      }
+    }, x = (c) => {
+      const t = e.onlySelection ? l.selection : l.list, s = {}, f = [];
+      e.columns.filter((v) => v.visible).forEach((v) => {
+        f.push(window.$l(v.label)), s[v.prop] = !0;
+      });
+      let O = "", C = [], n = c === "download" ? "," : "	";
+      (e.useHead || c) && (O = f.join(n) + `
+`);
+      let p = [], _;
+      return Object.keys(s).forEach((v, z) => {
+        v.includes("country") && (_ = z);
+        const N = [];
+        t.forEach((P) => {
+          P[v] !== void 0 && N.push(P[v]);
+        }), p.push(N);
+      }), p.forEach((v, z) => {
+        !e.useCountryCode && _ === z ? v.forEach((N, P) => {
+          let G = N;
+          window.$getType(N) === "Array" ? G = N.map((ie) => m[ie.toUpperCase()].label.$l()).join(",") : window.$getType(N) === "String" ? G = N.split(",").map((ie) => m[ie.toUpperCase()].label.$l()).join(",") : G = JSON.stringify(N), C[P] ? C[P] += G + n : C[P] = G + n;
+        }) : v.forEach((N, P) => {
+          C[P] ? C[P] += N + n : C[P] = N + n;
+        });
+      }), `${O}${C.join(`
+`)}`;
+    }, S = V(() => {
+      const c = window.$m().format("YYYYMMDDHHmmss");
+      return `${l.tableName}_${c}`;
+    }), $ = V(() => {
+      const c = {};
+      return e.columns.forEach((t) => {
+        const s = t.type ? t.type : "normal", f = {
+          label: M[s],
+          type: s,
+          visible: 0
+        };
+        c[s] ? (c[s].children.push(t), t.visible && c[s].visible++) : (f.children = [t], t.visible && f.visible++, c[s] = f);
+      }), Object.keys(c).forEach((t) => {
+        const s = c[t].visible === c[t].children.length, f = c[t].visible === 0;
+        s ? (c[t].checkstatus = !0, c[t].indeterminate = !1) : f ? (c[t].checkstatus = !1, c[t].indeterminate = !1) : (c[t].checkstatus = !1, c[t].indeterminate = !0);
+      }), c;
+    }), M = {
+      asa: "Asa Metrics",
+      normal: "Base Info",
+      mmp: "MMP Metrics"
+    };
+    "Check All".$l(), "Cancel All".$l();
+    const m = useMap("asa.countryAll.obj");
+    return (c, t) => {
+      const s = K("el-checkbox"), f = K("el-button"), O = K("MvcAlert"), C = K("el-switch"), n = K("Input"), p = K("DrawerArea");
+      return y(), D(p, se(c.$attrs, { class: "MvcTableColumnDownload" }), {
+        cancel: I(() => [
+          E(n, {
+            modelValue: a(e).fileName,
+            "onUpdate:modelValue": t[3] || (t[3] = (_) => a(e).fileName = _),
+            icon: "catalog",
+            placeholder: a(S),
+            class: "w600"
+          }, {
+            append: I(() => [
+              E(f, {
+                loading: a(e).loading,
+                onClick: u
+              }, {
+                icon: I(() => [...t[5] || (t[5] = [
+                  i("i", { class: "imicon im-download1" }, null, -1)
+                ])]),
+                default: I(() => [
+                  Q(" " + A(c.$l("Download")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder"])
+        ]),
+        submit: I(() => [...t[6] || (t[6] = [])]),
+        default: I(() => [
+          i("div", Al, [
+            E(O, null, {
+              default: I(() => [
+                i("div", Vl, [
+                  i("span", null, A(c.$l("Total")), 1),
+                  i("span", null, A(l.list.length), 1)
+                ]),
+                l.selection.length ? (y(), T("div", Ol, [
+                  i("span", null, A(c.$l("Selection")), 1),
+                  i("span", null, A(l.selection.length), 1),
+                  E(s, {
+                    modelValue: a(e).onlySelection,
+                    "onUpdate:modelValue": t[0] || (t[0] = (_) => a(e).onlySelection = _),
+                    label: c.$l("Only Selection")
+                  }, null, 8, ["modelValue", "label"])
+                ])) : B("", !0),
+                i("div", jl, [
+                  E(f, { onClick: k }, {
+                    icon: I(() => [...t[4] || (t[4] = [
+                      i("i", { class: "imicon im-copy" }, null, -1)
+                    ])]),
+                    default: I(() => [
+                      Q(" " + A(c.$l("Copy to Clipboard")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  E(s, {
+                    modelValue: a(e).useHead,
+                    "onUpdate:modelValue": t[1] || (t[1] = (_) => a(e).useHead = _),
+                    label: c.$l("With Table Head")
+                  }, null, 8, ["modelValue", "label"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          i("div", Il, [
+            (y(!0), T(te, null, ne(a($), (_) => (y(), T("div", {
+              key: _.type
+            }, [
+              i("div", Nl, [
+                i("span", zl, A(_.label), 1),
+                E(s, {
+                  modelValue: _.checkstatus,
+                  "onUpdate:modelValue": (v) => _.checkstatus = v,
+                  indeterminate: _.indeterminate,
+                  label: c.$l("Check"),
+                  onChange: (v) => g(v, _)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "label", "onChange"])
+              ]),
+              (y(!0), T(te, null, ne(_.children, (v, z) => (y(), D(s, {
+                modelValue: v.visible,
+                "onUpdate:modelValue": (N) => v.visible = N,
+                key: z,
+                label: v.label,
+                value: v.value,
+                class: "fullCheckbox p8-12 mb4 radius2 hover-txt-primary hover-bg-gray3"
+              }, {
+                default: I(() => {
+                  var N;
+                  return [
+                    i("div", El, [
+                      i("span", null, A(v.label), 1),
+                      (N = v.prop) != null && N.includes("country") ? (y(), D(C, {
+                        key: 0,
+                        modelValue: a(e).useCountryCode,
+                        "onUpdate:modelValue": t[2] || (t[2] = (P) => a(e).useCountryCode = P),
+                        "inline-prompt": "",
+                        "active-text": "Use Alpha-2 Code",
+                        "inactive-text": "Use Country Name",
+                        class: "primarySwitch"
+                      }, null, 8, ["modelValue"])) : B("", !0)
+                    ])
+                  ];
+                }),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "label", "value"]))), 128))
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), Ll = { class: "MvcTable" }, Bl = {
+  key: 0,
+  class: "flexMode vc"
+}, Pl = { class: "tableArea relative radius ctx-auto" }, Fl = {
+  key: 1,
+  class: "flexMode vc h56 p16 xscroll nobar fadeout"
+}, Dl = /* @__PURE__ */ Object.assign({
+  name: "MvcTable",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    defaultLoading: {
+      type: Boolean,
+      default: !0
+    },
+    tableName: {
+      type: String,
+      default: ""
+    },
+    autoHeader: {
+      type: Boolean,
+      default: !0
+    },
+    headerClass: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: [String, Number],
+      default: 0
+    },
+    minusHeight: {
+      type: [String, Number],
+      default: 0
+    },
+    defer: {
+      type: Boolean,
+      default: !1
+    },
+    rowKey: {
+      type: String,
+      default: ""
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: !1
+    },
+    tool: {
+      type: [Object, Boolean],
+      default: () => ({
+        download: !0,
+        refresh: !0,
+        column: !0
+      })
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    },
+    nofooter: {
+      type: Boolean,
+      default: !1
+    },
+    loadData: {
+      type: Function,
+      default: () => ({
+        list: [],
+        total: 0
+      })
+    },
+    pageSize: {
+      type: Number,
+      default: 0
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 20, 50, 100]
+    },
+    /**
+     * 远程汇总行按列格式化：与 util `$fu` 的 metric 形态一致。
+     * 未传时使用全局 `$config.table.summaryMetric`（应用入口一次配置即可）。
+     * 对象：`{ spend: { unit: 'currency', precision: 2 }, rate: { unit: '%', precision: 2 } }`
+     * 函数：`(prop) => ({ unit, precision, currency })`。
+     */
+    summaryMetric: {
+      type: [Object, Function],
+      default: null
+    }
+  },
+  emits: ["selection-change", "refresh"],
+  setup(h, { expose: b, emit: l }) {
+    const e = h, o = H({
+      loading: !0,
+      selection: []
+    }), r = H({
+      list: [],
+      total: 0,
+      page: 1,
+      pageSize: 50,
+      summary: !1,
+      summaryType: "remote",
+      nopagination: !1,
+      params: {}
+    }), d = H({
+      tabelKey: 0,
+      current: "",
+      list: [
+        {
+          title: "Table Column Customization",
+          size: 1024,
+          cpt: ye(Ml)
+        },
+        {
+          title: "Download from Current Table",
+          cpt: ye(Kl)
+        }
+      ]
+    }), w = J(null), { proxy: g } = re();
+    Ie(() => {
+      u();
+    }), oe(() => {
+      x();
+    });
+    const k = l, u = () => {
+      o.loading = e.defaultLoading, e.pageSize && (r.pageSize = e.pageSize);
+    }, x = () => {
+      _(), e.defer === !1 && $();
+    }, S = (j) => {
+      $(j);
+    }, $ = async (j = {}) => {
+      if (j.refresh && o.loading)
+        return;
+      o.loading = !0;
+      const L = {
+        pageSize: j.pageSize || r.pageSize,
+        pageStart: j.pageStart || r.page
+      };
+      j.refresh && (L.remote = !0);
+      const { list: W = [], total: F, summary: U } = await e.loadData(L) || {};
+      r.list = W.map((Z, ee) => (Z.index = ee, Z)), F === void 0 ? (r.total = r.list.length, r.nopagination = !0) : (r.total = F, r.nopagination = !1), window.config.table.scrollToTop && c(), M(U), o.loading = !1;
+    }, M = (j) => {
+      j ? r.summary = j : r.summary = !1;
+    }, m = (j) => {
+      if (r.summaryType === "locale")
+        return [];
+      if (r.summaryType === "remote") {
+        const L = (F, U) => {
+          if (F != null)
+            return typeof F == "function" ? F(U) : F[U];
+        }, W = (F) => {
+          var Z, ee;
+          const U = L(e.summaryMetric, F);
+          return U !== void 0 ? U : L((ee = (Z = globalThis.$config) == null ? void 0 : Z.table) == null ? void 0 : ee.summaryMetric, F);
+        };
+        return Ke(j, r.summary, { resolveMetric: W });
+      }
+      return [];
+    }, c = () => {
+      w.value.$refs.scrollBarRef.setScrollTop(0);
+    }, t = () => {
+      $({
+        pageStart: 1
+      });
+    }, s = () => {
+      $();
+    }, f = (j) => {
+      if (o.selection = j, k("selection-change", j), o.shiftKey) {
+        const L = j[j.length - 2], W = j[j.length - 1], F = r.list.filter1((Y) => Y.id === L.id).index || 0, U = r.list.filter1((Y) => Y.id === W.id).index;
+        let Z = F, ee = U;
+        F > U && (Z = U, ee = F);
+        for (let Y = Z; Y <= ee; Y++)
+          g.$refs.body.toggleRowSelection(r.list[Y], !0);
+      }
+    }, O = () => {
+      o.loading || ($({ refresh: !0 }), k("refresh"));
+    }, C = () => {
+      d.current = 0;
+    }, n = () => {
+      d.current = 1;
+    }, p = () => {
+      o.tableKey++;
+    }, _ = () => {
+      document.addEventListener("keydown", v), document.addEventListener("keyup", z);
+    }, v = (j) => {
+      j.keyCode === 16 && (o.shiftKey = !0);
+    }, z = (j) => {
+      j.keyCode === 16 && (o.shiftKey = !1);
+    }, N = () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("keyup", z);
+    }, P = ({ i: j, row: L }) => {
+      r.list[j] = L;
+    }, G = V(() => {
+      let j = e.height || window.config.options.pageHeight;
+      return e.noheader === !1 && (j -= 64), e.nofooter === !1 && (j -= 56), j -= e.minusHeight, j;
+    }), ie = V(() => !!r.summary), we = V(() => r.nopagination === !0 ? "total" : "total,->,prev,pager,next,sizes"), ae = V(() => {
+      if (e.tool) {
+        const { column: j = !0, download: L = !0, refresh: W = !0 } = e.tool;
+        return {
+          column: j,
+          download: L,
+          refresh: W
+        };
+      } else
+        return !1;
+    });
+    return ce(() => {
+      N();
+    }), b({
+      initTable: S,
+      editRow: P
+    }), (j, L) => {
+      const W = K("el-button"), F = K("Loading"), U = K("el-table"), Z = K("el-pagination"), ee = K("Drawer");
+      return y(), T("div", Ll, [
+        e.noheader === !1 ? (y(), T("div", {
+          key: 0,
+          class: R(["flexMode hb g12 p16 bg-white", e.autoHeader ? "minh64" : "h64"])
+        }, [
+          i("div", {
+            class: R(["flexMode vc flexGrow maxwp100", e.headerClass])
+          }, [
+            q(j.$slots, "header", {}, void 0, !0)
+          ], 2),
+          a(ae) ? (y(), T("div", Bl, [
+            a(ae).refresh ? (y(), D(W, {
+              key: 0,
+              onClick: O
+            }, {
+              icon: I(() => [...L[2] || (L[2] = [
+                i("i", { class: "imicon im-sync" }, null, -1)
+              ])]),
+              default: I(() => [
+                Q(" " + A(j.$l("Refresh")), 1)
+              ]),
+              _: 1
+            })) : B("", !0),
+            a(ae).column ? (y(), D(W, {
+              key: 1,
+              onClick: C
+            }, {
+              icon: I(() => [...L[3] || (L[3] = [
+                i("i", { class: "imicon im-column" }, null, -1)
+              ])]),
+              default: I(() => [
+                Q(" " + A(j.$l("Columns")), 1)
+              ]),
+              _: 1
+            })) : B("", !0),
+            a(ae).download ? (y(), D(W, {
+              key: 2,
+              onClick: n
+            }, {
+              icon: I(() => [...L[4] || (L[4] = [
+                i("i", { class: "imicon im-download1" }, null, -1)
+              ])]),
+              default: I(() => [
+                Q(" " + A(j.$l("Download")), 1)
+              ]),
+              _: 1
+            })) : B("", !0)
+          ])) : B("", !0)
+        ], 2)) : B("", !0),
+        i("div", Pl, [
+          E(F, {
+            loading: a(o).loading
+          }, null, 8, ["loading"]),
+          (y(), D(U, {
+            ref_key: "body",
+            ref: w,
+            key: a(o).tableKey,
+            height: a(G),
+            data: a(r).list,
+            "default-expand-all": e.defaultExpandAll,
+            "row-key": e.rowKey,
+            stripe: "",
+            border: "",
+            "show-summary": a(ie),
+            "summary-method": m,
+            class: "MainTable",
+            onSelectionChange: f
+          }, {
+            default: I(() => [
+              E(a(Yt), se({
+                "table-name": e.tableName,
+                column: a(ae) ? a(ae).column : !1
+              }, j.$attrs), {
+                default: I(() => [
+                  q(j.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 16, ["table-name", "column"])
+            ]),
+            _: 3
+          }, 8, ["height", "data", "default-expand-all", "row-key", "show-summary"]))
+        ]),
+        e.nofooter === !1 ? (y(), T("div", Fl, [
+          E(Z, {
+            "current-page": a(r).page,
+            "onUpdate:currentPage": L[0] || (L[0] = (Y) => a(r).page = Y),
+            background: "",
+            total: a(r).total,
+            "default-page-size": a(r).pageSize,
+            "page-sizes": e.pageSizes,
+            "pager-count": 5,
+            layout: a(we),
+            class: "wp100",
+            onSizeChange: t,
+            onCurrentChange: s
+          }, null, 8, ["current-page", "total", "default-page-size", "page-sizes", "layout"])
+        ])) : B("", !0),
+        E(ee, {
+          current: a(d).current,
+          "onUpdate:current": L[1] || (L[1] = (Y) => a(d).current = Y),
+          "table-name": e.tableName,
+          drawer: a(d).list,
+          list: a(r).list,
+          selection: a(o).selection,
+          onInitColumn: p
+        }, null, 8, ["current", "table-name", "drawer", "list", "selection"])
+      ]);
+    };
+  }
+}), Rl = /* @__PURE__ */ X(Dl, [["__scopeId", "data-v-e72098dd"]]), Hl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Rl
+}, Symbol.toStringTag, { value: "Module" })), Ul = { class: "panelWrap" }, Jl = /* @__PURE__ */ Object.assign({
+  name: "MvcTabs",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    /** 与 BtnGroup 一致；每项需含 `component`（或 `componentKey` 指定字段）指向要渲染的组件 */
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    componentKey: {
+      type: String,
+      default: "component"
+    },
+    /** 选项对象上用于 `v-bind` 到当前面板的字段名，如 `{ paneProps: { id: 1 } }` */
+    panePropsKey: {
+      type: String,
+      default: "paneProps"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, { emit: b }) {
+    const l = h, e = b, o = ge(), r = (u) => u == null ? u : ["Object", "Array"].includes(globalThis.$getType(u)) ? u[l.valueKey] : u, d = (u) => {
+      e("update:modelValue", u);
+      const x = l.options.find((S) => r(S) === u);
+      e("change", u, x);
+    }, w = V(
+      () => l.options.find((u) => r(u) === l.modelValue)
+    ), g = V(() => {
+      const u = w.value;
+      if (!(!u || !["Object", "Array"].includes(globalThis.$getType(u))))
+        return u[l.componentKey];
+    }), k = V(() => {
+      const u = w.value;
+      return !u || !["Object", "Array"].includes(globalThis.$getType(u)) ? {} : u[l.panePropsKey] ?? {};
+    });
+    return (u, x) => {
+      const S = K("BtnGroup");
+      return y(), T("div", se({ class: "MvcTabs flexMode flexV g12" }, a(o)), [
+        E(S, {
+          "model-value": l.modelValue,
+          options: l.options,
+          "value-key": l.valueKey,
+          "label-key": l.labelKey,
+          disabled: l.disabled,
+          "onUpdate:modelValue": d
+        }, null, 8, ["model-value", "options", "value-key", "label-key", "disabled"]),
+        i("div", Ul, [
+          a(g) ? (y(), D(Ne(a(g)), ue(se({ key: 0 }, a(k))), null, 16)) : B("", !0)
+        ])
+      ], 16);
+    };
+  }
+}), ql = /* @__PURE__ */ X(Jl, [["__scopeId", "data-v-62303cd8"]]), Gl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ql
+}, Symbol.toStringTag, { value: "Module" })), Wl = /* @__PURE__ */ Object.assign({
+  name: "MvcTextarea",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: ""
+    },
+    rows: {
+      type: Number,
+      default: 3
+    },
+    height: {
+      type: [String, Number],
+      default: ""
+    },
+    output: {
+      type: String,
+      default: "string",
+      validator: (h) => ["string", "array"].includes(h)
+    },
+    resize: {
+      type: String,
+      default: "vertical",
+      validator: (h) => ["none", "vertical"].includes(h)
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "blur",
+    "focus"
+  ],
+  setup(h, { emit: b }) {
+    const l = h, e = J(null);
+    let o = null;
+    const r = H({
+      val: "",
+      isComposing: !1
+    }), d = b, { proxy: w } = re();
+    oe(() => {
+      var s, f;
+      const t = (s = e.value) == null ? void 0 : s.$el;
+      o = (f = t == null ? void 0 : t.querySelector) == null ? void 0 : f.call(t, "textarea"), o && (o.addEventListener("compositionstart", g), o.addEventListener("compositionend", k));
+    });
+    const g = () => {
+      r.isComposing = !0;
+    }, k = () => {
+      r.isComposing = !1, me(() => $(r.val));
+    }, u = (t) => {
+      r.isComposing || $(t);
+    }, x = (t) => {
+      const s = String(t ?? "").split(/\r?\n/);
+      return l.output === "array" ? s : s.join(",");
+    }, S = (t) => Array.isArray(t) ? t.join(`
+`) : String(t ?? "").replace(/,/g, `
+`), $ = (t) => {
+      const s = x(t);
+      d("update:modelValue", s), d("input", s);
+    }, M = V(() => {
+      if (!l.height) return w.$attrs["input-style"];
+      const t = typeof l.height == "number" ? `${l.height}px` : l.height;
+      return { ...w.$attrs["input-style"] && typeof w.$attrs["input-style"] == "object" ? { ...w.$attrs["input-style"] } : {}, height: t, minHeight: t };
+    }), m = V(() => !!(w.$attrs.maxlength || c.value)), c = V(() => w.$attrs.max);
+    return le(
+      () => l.modelValue,
+      (t) => {
+        const s = S(t);
+        r.val !== s && (r.val = s);
+      },
+      { immediate: !0 }
+    ), ce(() => {
+      o && (o.removeEventListener("compositionstart", g), o.removeEventListener("compositionend", k), o = null);
+    }), (t, s) => {
+      const f = K("el-input");
+      return y(), D(f, se({
+        ref_key: "inputRef",
+        ref: e,
+        type: "textarea",
+        modelValue: a(r).val,
+        "onUpdate:modelValue": s[0] || (s[0] = (O) => a(r).val = O),
+        rows: l.rows,
+        style: t.$attrs.style,
+        "input-style": a(M),
+        "show-word-limit": a(m),
+        maxlength: a(c),
+        class: "MvcTextarea"
+      }, t.$attrs, { onInput: u }), null, 16, ["modelValue", "rows", "style", "input-style", "show-word-limit", "maxlength"]);
+    };
+  }
+}), Yl = /* @__PURE__ */ X(Wl, [["__scopeId", "data-v-4dba94bf"]]), Zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Yl
+}, Symbol.toStringTag, { value: "Module" })), _e = /* @__PURE__ */ Object.assign({ "../component/BtnGroup/index.vue": Re, "../component/Form/index.vue": qe, "../component/Frame/index.vue": $t, "../component/Icon/index.vue": wt, "../component/Input/index.vue": Tt, "../component/Page/index.vue": Kt, "../component/Select/index.vue": Rt, "../component/SelectV2/index.vue": Wt, "../component/Table/index.vue": Hl, "../component/Tabs/index.vue": Gl, "../component/Textarea/index.vue": Zl }), Ql = (h) => {
+  for (let b in _e) {
+    let l = b.match(/\.\.\/component\/(.*)\/index.vue/)[1];
+    h.component(l, _e[b].default);
+  }
+}, Xl = {
+  name: "Matt Avias Frame",
+  copyright: "©2026",
+  version: "1.0.10",
+  author: "Matt Avias",
+  date: "2026-02-26",
+  /** Table 等表格默认；业务在 app.use(mvframe, { config }) 里覆盖 */
+  table: {
+    /** 同 Table 的 summary-metric：{ [prop]: { unit, precision, currency } } 或 (prop) => metric */
+    summaryMetric: null
+  }
+}, eo = (h, b = {}) => {
+  globalThis.$config = {
+    ...Xl,
+    ...b
+  };
+}, co = (h, b) => {
+  h.use(eo, b.config).use(Ql).use(ke).use(Te).use(Ve, b.pinia).use(Be, b.vueRouter);
+};
 export {
-  p as default
+  co as default
 };