mvframe 1.0.4

package/dist/cpt/chip.js

@@ -0,0 +1,809 @@
+import { defineComponent as Q, reactive as J, inject as oe, getCurrentInstance as se, onMounted as z, computed as F, watch as te, onUnmounted as X, openBlock as p, createElementBlock as b, createElementVNode as t, Fragment as U, renderList as H, unref as a, withModifiers as Y, normalizeClass as D, createCommentVNode as L, createTextVNode as W, toDisplayString as v, nextTick as ne, renderSlot as G, resolveComponent as j, createBlock as K, withCtx as M, createVNode as E, mergeProps as ae } from "vue";
+import { isInView as ie, download as ce } from "../composition.js";
+import { useRoute as ee, useRouter as le } from "vue-router";
+/* empty css     */
+import { _ as P } from "../vendor.js";
+import { D as Z } from "../vuedraggable.js";
+const _l = Q({
+  name: "MvcFormItemFilter",
+  setup: (k, S) => {
+    var I, g;
+    const f = (N) => Array.isArray(N) ? N.filter((r) => r.children !== "v-if").map((r) => {
+      var w, T, $, d;
+      return r && (window.$getType(r.children) === "Array" ? r.children = f(r.children) : ((w = r.type) == null ? void 0 : w.name) === "ElFormItem" && (T = r.props) != null && T.label && (r.props.label = ((d = ($ = r.props.label).$l) == null ? void 0 : d.call($)) || r.props.label), r);
+    }) : [], l = (g = (I = S.slots).default) == null ? void 0 : g.call(I), m = l == null ? void 0 : l[0];
+    return () => f((m == null ? void 0 : m.children) ?? []);
+  }
+}), re = { class: "FrameTab relative h36 pl16 pt4 xscroll nobar fadeout" }, de = { class: "relative flexMode vr g4 z2" }, ue = ["id", "onContextmenu", "onClick", "onDblclick"], pe = ["onClick"], me = /* @__PURE__ */ Object.assign({
+  name: "FrameTab",
+  inheritAttrs: !1
+}, {
+  __name: "Tab",
+  setup(k) {
+    J({
+      active: 2
+    });
+    const S = oe("store"), f = S.tab(), l = S.rmenu(), m = ee(), I = le(), { proxy: g } = se();
+    z(() => {
+      N();
+    });
+    const N = () => {
+      g.$el.addEventListener("scroll", C);
+    }, r = () => {
+      const o = localStorage.getItem("tabsScroll");
+      o && (g.$el.scrollLeft = Number(o));
+    }, C = (o) => {
+      let n = null;
+      n !== null && clearTimeout(n), n = setTimeout(function() {
+        const { scrollLeft: u } = o.target;
+        localStorage.setItem("tabsScroll", u);
+      }, 100);
+    }, w = () => {
+      ne(() => {
+        const o = g.$el.querySelector(`#tab_${s.value}`);
+        ie(g.$el, o) ? r() : g.$el.scrollLeft = (o == null ? void 0 : o.offsetLeft) - 16;
+      });
+    }, T = (o, n, u) => {
+      l.saveData("type", "tabManager"), l.saveData("options", [
+        {
+          label: "Close",
+          value: "close",
+          icon: "im-close",
+          disabled: i.value.length === 1,
+          cb: () => {
+            f.closeTab(n, u);
+          }
+        },
+        {
+          label: "Close Right",
+          value: "closeRight",
+          icon: "im-right",
+          disabled: u === i.value.length - 1,
+          cb: () => {
+            f.closeRightTab(n, u);
+          }
+        },
+        {
+          label: "Close Left",
+          value: "closeLeft",
+          icon: "im-left",
+          disabled: u === 0,
+          cb: () => {
+            f.closeLeftTab(n, u);
+          }
+        },
+        {
+          label: "Close Other",
+          value: "closeOther",
+          icon: "im-left",
+          disabled: i.value.length === 1,
+          cb: () => {
+            f.closeOtherTab(n, u);
+          }
+        }
+      ]), l.show({ el: o.target });
+    }, $ = (o) => {
+      o.name !== s.value && I.push({ name: o.name });
+    }, d = (o) => {
+      o.name === s.value ? I.replace({ name: o.name, query: { t: +/* @__PURE__ */ new Date() } }) : $(o);
+    }, O = (o, n) => {
+      f.closeTab(o, n);
+    }, i = F(() => f.tabs), s = F(() => m.name), e = F(() => i.value.length);
+    return te(
+      () => e.value,
+      (o) => {
+        o && (localStorage.setItem("tabs", JSON.stringify(i.value)), w());
+      },
+      {
+        immediate: !0
+      }
+    ), X(() => {
+      g.$el.removeEventListener("scroll", C);
+    }), (o, n) => (p(), b("div", re, [
+      t("div", de, [
+        (p(!0), b(U, null, H(a(i), (u, c) => (p(), b("div", {
+          key: u.name,
+          id: `tab_${u.name}`,
+          class: D(["relative flexMode vc g4 noShrink tabItem h32 p0-8 fs12 radius4 point noselect", [
+            u.name === a(s) && "active",
+            a(i).length > 1 && "hoverItem"
+          ]]),
+          onContextmenu: Y((h) => T(h, u, c), ["prevent", "stop"]),
+          onClick: (h) => $(u),
+          onDblclick: (h) => d(u)
+        }, [
+          u.icon ? (p(), b("i", {
+            key: 0,
+            class: D(["imicon", u.icon])
+          }, null, 2)) : L("", !0),
+          W(" " + v(u.meta.title) + " ", 1),
+          t("div", {
+            class: "abs r flexMode hc vc w20 h20",
+            onClick: Y((h) => O(u, c), ["stop"])
+          }, [...n[0] || (n[0] = [
+            t("span", null, "✕", -1)
+          ])], 8, pe)
+        ], 42, ue))), 128)),
+        n[1] || (n[1] = t("div", { class: "w16 h16 noShrink" }, null, -1))
+      ])
+    ]));
+  }
+}), Cl = /* @__PURE__ */ P(me, [["__scopeId", "data-v-1a5bae58"]]), fe = { class: "LogoArea flexMode vc h64 p0-16 relative" }, he = { class: "logo" }, be = { class: "logomini" }, ve = { class: "MenuArea p4 yscroll" }, ge = ["onClick"], ye = { class: "itemIcon w24 txt-c txt-tip fs18" }, _e = { key: 1 }, Ce = {
+  key: 0,
+  class: "itemChildrenArea mt2 p4"
+}, $e = ["onClick"], xe = { class: "itemIcon w24 txt-c txt-tip fs18" }, ke = /* @__PURE__ */ Object.assign({
+  name: "FrameMenu",
+  inheritAttrs: !1
+}, {
+  __name: "Menu",
+  props: {
+    iconClass: {
+      type: String,
+      default: ""
+    },
+    routes: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(k, { emit: S }) {
+    const f = k, l = J({
+      collapse: !1
+    }), m = ee(), I = le();
+    z(() => {
+      N();
+    });
+    const g = S, N = () => {
+      const i = localStorage.getItem("collapse");
+      i && (l.collapse = JSON.parse(i)), document.addEventListener("keydown", C);
+    }, r = (i) => {
+      l.collapse === !0 ? l.collapse = !1 : l.collapse === !1 ? l.collapse = !0 : l.collapse = i, localStorage.setItem("collapse", l.collapse), g("on-collapse-change", l.collapse);
+    }, C = (i) => {
+      i.shiftKey && (i.metaKey || i.ctrlKey) && (i.keyCode === 37 ? r(!0) : i.keyCode === 39 && r(!1));
+    }, w = (i) => {
+      var s;
+      return (s = i == null ? void 0 : i.children) != null && s.length ? w(i.children[0]) : i;
+    }, T = (i) => {
+      var s;
+      return ((s = i == null ? void 0 : i.children) == null ? void 0 : s.some((e) => e.name === m.name || T(e))) ?? !1;
+    }, $ = (i) => {
+      const s = w(i);
+      s != null && s.name && I.push({ name: s.name });
+    }, d = () => {
+      const i = { ...m.query, _: Date.now() }, s = m.name ? { name: m.name, params: m.params, query: i } : { path: m.path, query: i };
+      I.replace(s).catch(() => {
+      });
+    }, O = F(() => l.collapse ? "im-verticalleft" : "im-verticalright");
+    return X(() => {
+      document.removeEventListener("keydown", C);
+    }), (i, s) => (p(), b("div", {
+      class: D(["FrameMenu sticky vh100 noselect noShrink", a(l).collapse && "collapse"])
+    }, [
+      t("div", fe, [
+        t("div", he, [
+          G(i.$slots, "logo", {}, void 0, !0)
+        ]),
+        t("div", be, [
+          G(i.$slots, "logomini", {}, void 0, !0)
+        ]),
+        t("div", {
+          class: "collapseArea hover abs",
+          onClick: s[0] || (s[0] = (e) => r(a(l).collapse))
+        }, [
+          t("i", {
+            class: D(["imicon fs20", a(O)])
+          }, null, 2)
+        ])
+      ]),
+      t("div", ve, [
+        (p(!0), b(U, null, H(f.routes, (e, o) => {
+          var n, u;
+          return p(), b("div", {
+            key: o,
+            class: "menuItemWrap mb2"
+          }, [
+            t("div", {
+              class: D(["menuItem flexMode vc g8 radius4 p0-16", [
+                a(m).name === e.name && "active bg-primary",
+                a(l).collapse && "hc",
+                a(l).collapse && T(e) && "activeChild"
+              ]]),
+              onClick: (c) => $(e),
+              onDblclick: d
+            }, [
+              t("div", ye, [
+                e.meta.icon ? (p(), b("i", {
+                  key: 0,
+                  class: D([f.iconClass, e.meta.icon])
+                }, null, 2)) : (p(), b("span", _e, v(((n = e.meta.title) == null ? void 0 : n.substr(0, 1)) || "U"), 1))
+              ]),
+              a(l).collapse ? L("", !0) : (p(), b("div", {
+                key: 0,
+                class: D(["itemTitle txt-nowrap fs14", a(m).name === e.name ? "txt-white" : "txt-h1"])
+              }, v(e.meta.title), 3))
+            ], 42, ge),
+            (u = e.children) != null && u.length ? (p(), b("div", Ce, [
+              (p(!0), b(U, null, H(e.children, (c, h) => (p(), b("div", {
+                key: h,
+                class: D(["childrenItem flexMode vc g8 radius4 h40 p0-16", a(m).name === c.name && "active bg-primary"]),
+                onClick: (A) => $(c),
+                onDblclick: d
+              }, [
+                t("div", xe, [
+                  c.meta.icon ? (p(), b("i", {
+                    key: 0,
+                    class: D([f.iconClass, c.meta.icon])
+                  }, null, 2)) : L("", !0)
+                ]),
+                a(l).collapse ? L("", !0) : (p(), b("div", {
+                  key: 0,
+                  class: D(["itemTitle txt-nowrap fs14", a(m).name === c.name ? "txt-white" : "txt-h1"])
+                }, v(c.meta.title), 3))
+              ], 42, $e))), 128))
+            ])) : L("", !0)
+          ]);
+        }), 128))
+      ])
+    ], 2));
+  }
+}), $l = /* @__PURE__ */ P(ke, [["__scopeId", "data-v-8dc648a5"]]), we = { class: "FrameFooter" }, Me = { class: "txt-tip" }, Se = { class: "txt-primary" }, Te = /* @__PURE__ */ Object.assign({
+  name: "FrameFooter",
+  inheritAttrs: !1
+}, {
+  __name: "Footer",
+  setup(k) {
+    J({});
+    const S = F(() => globalThis.$config);
+    return (f, l) => (p(), b("div", we, [
+      t("span", Me, v(a(S).copyright), 1),
+      t("span", Se, v(a(S).author), 1)
+    ]));
+  }
+}), xl = /* @__PURE__ */ P(Te, [["__scopeId", "data-v-c3ba0162"]]), kl = Q({
+  name: "MvcTableColumnFilter",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    },
+    group: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    column: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup: (k, S) => {
+    var N;
+    const f = J({
+      options: [],
+      slots: []
+    }), l = k.tableName + "_Column";
+    let m = [];
+    (() => {
+      const r = S.slots.default()[0].children, C = {
+        normal: [],
+        mmp: [],
+        asa: [],
+        fixed: [],
+        columns: []
+      }, w = k.tableName ? JSON.parse(localStorage.getItem(l)) : null, T = [void 0];
+      r.forEach((d) => {
+        window.$getType(d.type) === "Symbol" ? m = m.concat(d.children) : m.push(d);
+      }), m.forEach((d, O) => {
+        var i;
+        if (window.$getType(d.type), ((i = d.type) == null ? void 0 : i.name) === "ElTableColumn") {
+          let s = {
+            ...d.props,
+            sort: O,
+            nomove: d.props.nomove || d.props.nomove === "" || d.props.type === "selection" || d.props.label === "Operation",
+            resizable: !0,
+            visible: d.props.visible !== !1
+          };
+          if (s.labelKey || (s.labelKey = s.label), s.label = window.$l(s.labelKey), k.column && (w != null && w.length) && T.indexOf(d.props.prop) === -1) {
+            const { data: e } = w.filter1((o) => o.prop === d.props.prop);
+            e && (s.sort = e.sort, s.fixed = e.fixed, s.visible = e.visible);
+          }
+          d.props.fixed && C.fixed.push(s), d.props.type === "mmp" ? C.mmp.push(s) : d.props.type === "asa" ? C.asa.push(s) : C.normal.push(s), d.props = s;
+        }
+      }), f.columnInfo = C;
+      let $ = [...C.normal, ...C.mmp, ...C.asa];
+      k.tableName && ($ = $.sort((d, O) => d.sort - O.sort), localStorage.setItem(l, JSON.stringify($)));
+    })();
+    let g = [];
+    if (m.forEach((r) => {
+      window.$getType(r) !== "String" && r.props.visible && g.push(r);
+    }), (N = k.group) != null && N.label) {
+      const r = {
+        label: "Group By " + k.group.label,
+        // prop: props.group.value,
+        width: k.group.width,
+        fixed: "left",
+        visible: !0,
+        resizable: !0
+      };
+      g[0].props.type === "selection" ? g.splice(1, 0, {
+        ...g[1],
+        props: r
+      }) : g.unshift({
+        ...g[0],
+        props: r
+      });
+    }
+    return g = g.sort((r, C) => r.props.sort - C.props.sort), () => g;
+  }
+}), Ie = { class: "hp100 flexMode" }, Ne = { class: "w200 hp100 border-r fs14" }, Ae = { class: "flexMode vc h36 p8 bg-gray3 border-b txt-nowrap" }, Ve = { class: "p4" }, Ee = ["onClick"], Oe = {
+  class: "flexMode vs hp100",
+  style: { width: "calc(100% - 200px)" }
+}, De = { class: "wp50 border-r fs14" }, Fe = { class: "flexMode vc g8 h36 p8 bg-gray3 border-b txt-nowrap" }, Le = { class: "tagArea blue small" }, je = { class: "p4" }, Ue = {
+  key: 0,
+  class: "absCenter fs12 txt-dark5 txt-nowrap"
+}, He = { class: "flexMode vc g8" }, Je = ["txt", "onClick"], Re = { class: "wp50 border-r fs14" }, Be = { class: "flexMode vc g8 h36 p8 bg-gray3 border-b txt-nowrap" }, Ke = { class: "tagArea blue small" }, ze = {
+  class: "relative p4",
+  style: { height: "calc(100% - 36px)" }
+}, Pe = {
+  class: "relative",
+  style: { height: "30%" }
+}, qe = {
+  key: 0,
+  class: "absCenter fs12 txt-dark5 txt-nowrap"
+}, We = { class: "columnItem flexMode vc hb h40 g8 p4-8 mb4 radius4" }, Ye = { class: "flexMode vc g8 txt-nowrap" }, Ge = { class: "flexMode vc g8" }, Ze = ["txt", "onClick"], Qe = {
+  class: "relative",
+  style: { height: "calc(70% - 10px)" }
+}, Xe = {
+  key: 0,
+  class: "absCenter fs12 txt-dark5 txt-nowrap"
+}, el = { class: "columnItem flexMode vc hb h40 g8 p4-8 mb4 radius4" }, ll = { class: "flexMode vc g8 txt-nowrap" }, ol = { class: "flexMode vc" }, sl = ["txt", "onClick"], tl = ["txt", "onClick"], nl = /* @__PURE__ */ Object.assign({
+  name: "MvcTableColumnConfig",
+  inheritAttrs: !1
+}, {
+  __name: "ColumnConfig",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: "close",
+  setup(k, { emit: S }) {
+    const f = k, l = J({
+      loading: !1,
+      type: "normal",
+      columns: {
+        normal: [],
+        mmp: [],
+        asa: []
+      },
+      fixed: [],
+      visible: [],
+      selection: [],
+      operation: [],
+      columnType: {},
+      mounted: !1
+    });
+    z(() => {
+      I();
+    });
+    const m = S, I = () => {
+      m("mounted");
+      const e = JSON.parse(localStorage.getItem(`${f.tableName}_Column`)), o = {};
+      e.forEach((n) => {
+        n.type && (o[n.type] = !0), n.visible ? n.type === "selection" ? l.selection.push(n) : n.type === "operation" ? l.operation.push(n) : n.label && (n.fixed ? l.fixed.push(n) : l.visible.push(n)) : n.type === "mmp" ? l.columns.mmp.push(n) : n.type === "asa" ? l.columns.asa.push(n) : l.columns.normal.push(n);
+      }), l.columnType = o;
+    }, g = (e) => {
+      l.type = e;
+    }, N = (e, o) => {
+      e.visible = !0, l.visible.unshift(e), e.type ? l.columns[e.type].splice(o, 1) : l.columns.normal.splice(o, 1);
+    }, r = (e, o) => {
+      l.fixed.unshift(e), l.visible.splice(o, 1);
+    }, C = (e, o) => {
+      l.visible.unshift(e), l.fixed.splice(o, 1);
+    }, w = (e, o) => {
+      l.visible.splice(o, 1), e.type ? l.columns[e.type].unshift(e) : l.columns.normal.unshift(e);
+    }, T = async () => {
+      l.loading = !0, window.$pm(() => {
+        const { fixed: e, visible: o, columns: n, selection: u, operation: c } = l;
+        let h = [];
+        Object.keys(n).map((y) => {
+          h = h.concat(n[y]);
+        }), e.forEach((y) => y.fixed = "left"), h.forEach((y) => y.visible = !1);
+        const A = u.concat(e, o, h, c);
+        A.forEach((y, _) => y.sort = _), localStorage.setItem(`${f.tableName}_Column`, JSON.stringify(A)), l.loading = !1, m("close"), m("init-column");
+      });
+    }, $ = () => {
+      l.loading = !0, localStorage.removeItem(`${f.tableName}_Column`), window.$pm(() => {
+        l.loading = !1, m("close"), m("init-column");
+      }, 4);
+    }, d = F(() => window.config.options.drawerHeight - 36 - 64), O = F(() => (d.value * 0.3).toFixed(0)), i = F(() => (d.value * 0.7 - 10).toFixed(0)), s = F(() => [
+      {
+        label: "Base Info",
+        value: "normal"
+      },
+      {
+        label: "Asa Metrics",
+        value: "asa",
+        hide: !l.columnType.asa
+      },
+      {
+        label: "MMP Metrics",
+        value: "mmp",
+        hide: !l.columnType.mmp
+      }
+    ]);
+    return (e, o) => {
+      const n = j("el-scrollbar"), u = j("DrawerArea");
+      return p(), K(u, {
+        loading: a(l).loading,
+        noscroll: "",
+        "cancel-txt": "Reset",
+        "cancel-icon": "im-sync",
+        class: "MvcTableColumnConfig",
+        onCancel: $,
+        onSubmit: T
+      }, {
+        default: M(() => [
+          t("div", Ie, [
+            t("div", Ne, [
+              t("div", Ae, v(e.$l("Column Type")), 1),
+              t("div", Ve, [
+                (p(!0), b(U, null, H(a(s), (c) => (p(), b("div", {
+                  key: c.value,
+                  class: D(["typeItem p8-16 mb4 radius4 txt-nowrap", [a(l).type === c.value && "active", c.hide && "hide"]]),
+                  onClick: (h) => g(c.value)
+                }, v(c.label), 11, Ee))), 128))
+              ])
+            ]),
+            t("div", Oe, [
+              t("div", De, [
+                t("div", Fe, [
+                  t("span", null, v(e.$l("Columns")), 1),
+                  t("span", Le, v(a(l).columns[a(l).type].length), 1)
+                ]),
+                E(n, { style: { height: "calc(100% - 36px)" } }, {
+                  default: M(() => [
+                    t("div", je, [
+                      a(l).columns[a(l).type].length === 0 ? (p(), b("span", Ue, v(e.$l("No Columns")), 1)) : L("", !0),
+                      (p(!0), b(U, null, H(a(l).columns[a(l).type], (c, h) => (p(), b("div", {
+                        key: c.prop,
+                        class: "columnItem flexMode vc hb h40 g8 p4-8 mb4 radius4 txt-nowrap"
+                      }, [
+                        t("span", null, v(e.$l(c.label)), 1),
+                        t("div", He, [
+                          t("div", {
+                            class: "tipbtn left",
+                            txt: e.$l("Visible"),
+                            onClick: (A) => N(c, h)
+                          }, [...o[0] || (o[0] = [
+                            t("i", { class: "imicon im-plus fs16" }, null, -1)
+                          ])], 8, Je)
+                        ])
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              t("div", Re, [
+                t("div", Be, [
+                  t("span", null, v(e.$l("Visible Columns")), 1),
+                  t("span", Ke, v(a(l).visible.length), 1)
+                ]),
+                t("div", ze, [
+                  t("div", Pe, [
+                    a(l).fixed.length === 0 ? (p(), b("span", qe, v(e.$l("No Fixed Columns")), 1)) : L("", !0),
+                    E(n, { height: a(O) }, {
+                      default: M(() => [
+                        E(a(Z), {
+                          list: a(l).fixed,
+                          "item-key": (c) => c,
+                          handle: ".im-handle",
+                          "ghost-class": "ghost"
+                        }, {
+                          item: M(({ element: c, index: h }) => [
+                            t("div", We, [
+                              t("div", Ye, [
+                                o[1] || (o[1] = t("i", { class: "imicon im-handle cursor-grab" }, null, -1)),
+                                t("span", null, v(e.$l(c.label)), 1)
+                              ]),
+                              t("div", Ge, [
+                                t("div", {
+                                  class: "tipbtn red left",
+                                  txt: e.$l("Unfixed"),
+                                  onClick: (A) => C(c, h)
+                                }, [...o[2] || (o[2] = [
+                                  t("i", { class: "imicon im-download1 fs14" }, null, -1)
+                                ])], 8, Ze)
+                              ])
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["list", "item-key"])
+                      ]),
+                      _: 1
+                    }, 8, ["height"])
+                  ]),
+                  o[6] || (o[6] = t("div", { class: "p4-0" }, [
+                    t("div", { class: "border-t" })
+                  ], -1)),
+                  t("div", Qe, [
+                    a(l).visible.length === 0 ? (p(), b("span", Xe, v(e.$l("No Columns")), 1)) : L("", !0),
+                    E(n, { height: a(i) }, {
+                      default: M(() => [
+                        E(a(Z), {
+                          list: a(l).visible,
+                          "item-key": (c) => c,
+                          options: { lockAxis: "y" },
+                          handle: ".im-handle",
+                          "ghost-class": "ghost"
+                        }, {
+                          item: M(({ element: c, index: h }) => [
+                            t("div", el, [
+                              t("div", ll, [
+                                o[3] || (o[3] = t("i", { class: "imicon im-handle cursor-grab" }, null, -1)),
+                                t("span", null, v(e.$l(c.label)), 1)
+                              ]),
+                              t("div", ol, [
+                                t("div", {
+                                  class: "tipbtn left",
+                                  txt: e.$l("Fixed"),
+                                  onClick: (A) => r(c, h)
+                                }, [...o[4] || (o[4] = [
+                                  t("i", { class: "imicon im-download1 fs14 rotateZ180" }, null, -1)
+                                ])], 8, sl),
+                                t("div", {
+                                  class: "tipbtn red left",
+                                  txt: e.$l("Hide"),
+                                  onClick: (A) => w(c, h)
+                                }, [...o[5] || (o[5] = [
+                                  t("i", { class: "imicon im-close fs14" }, null, -1)
+                                ])], 8, tl)
+                              ])
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["list", "item-key"])
+                      ]),
+                      _: 1
+                    }, 8, ["height"])
+                  ])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+}), wl = /* @__PURE__ */ P(nl, [["__scopeId", "data-v-01691821"]]), al = { class: "p16 border-b" }, il = { class: "flexMode vc g8" }, cl = {
+  key: 0,
+  class: "flexMode vc g8"
+}, rl = { class: "flexMode g16 hr vc" }, dl = { class: "TheEnd p16" }, ul = { class: "sticky flexMode vc hb p4-8 mt16 mb8 fs14 txt-dark9 z9 backdrop border-l4-primary bg-gray3 radius4" }, pl = { class: "fw700" }, ml = { class: "flexMode vc g8" }, Ml = /* @__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(k, { emit: S }) {
+    const f = k, l = J({
+      loading: !1,
+      columns: [],
+      checked: [],
+      useHead: !1,
+      onlySelection: !1,
+      mounted: !1
+    });
+    z(() => {
+      I();
+    });
+    const m = S, I = () => {
+      m("mounted"), g(), N();
+    }, g = () => {
+      const s = JSON.parse(localStorage.getItem(`${f.tableName}_Column`)), e = ["selection", "operation"];
+      l.columns = s.filter((o) => !e.includes(o.type) && o.label);
+    }, N = () => {
+      f.selection.length && (l.onlySelection = !0);
+    }, r = (s, e) => {
+      s ? e.children.forEach((o) => {
+        o.visible = !0;
+      }) : e.children.forEach((o) => {
+        o.visible = !1;
+      });
+    }, C = () => {
+      window.$copy(T());
+    }, w = async () => {
+      l.loading = !0;
+      try {
+        const s = T("download");
+        let e = l.fileName || $.value;
+        e && !e.toLowerCase().endsWith(".csv") && (e = `${e}.csv`), await ce({ content: s, filename: e, bom: !0 });
+      } finally {
+        l.loading = !1;
+      }
+    }, T = (s) => {
+      const e = l.onlySelection ? f.selection : f.list, o = {}, n = [];
+      l.columns.filter((_) => _.visible).forEach((_) => {
+        n.push(window.$l(_.label)), o[_.prop] = !0;
+      });
+      let u = "", c = [], h = s === "download" ? "," : "	";
+      (l.useHead || s) && (u = n.join(h) + `
+`);
+      let A = [], y;
+      return Object.keys(o).forEach((_, R) => {
+        _.includes("country") && (y = R);
+        const x = [];
+        e.forEach((V) => {
+          V[_] !== void 0 && x.push(V[_]);
+        }), A.push(x);
+      }), A.forEach((_, R) => {
+        !l.useCountryCode && y === R ? _.forEach((x, V) => {
+          let B = x;
+          window.$getType(x) === "Array" ? B = x.map((q) => i[q.toUpperCase()].label.$l()).join(",") : window.$getType(x) === "String" ? B = x.split(",").map((q) => i[q.toUpperCase()].label.$l()).join(",") : B = JSON.stringify(x), c[V] ? c[V] += B + h : c[V] = B + h;
+        }) : _.forEach((x, V) => {
+          c[V] ? c[V] += x + h : c[V] = x + h;
+        });
+      }), `${u}${c.join(`
+`)}`;
+    }, $ = F(() => {
+      const s = window.$m().format("YYYYMMDDHHmmss");
+      return `${f.tableName}_${s}`;
+    }), d = F(() => {
+      const s = {};
+      return l.columns.forEach((e) => {
+        const o = e.type ? e.type : "normal", n = {
+          label: O[o],
+          type: o,
+          visible: 0
+        };
+        s[o] ? (s[o].children.push(e), e.visible && s[o].visible++) : (n.children = [e], e.visible && n.visible++, s[o] = n);
+      }), Object.keys(s).forEach((e) => {
+        const o = s[e].visible === s[e].children.length, n = s[e].visible === 0;
+        o ? (s[e].checkstatus = !0, s[e].indeterminate = !1) : n ? (s[e].checkstatus = !1, s[e].indeterminate = !1) : (s[e].checkstatus = !1, s[e].indeterminate = !0);
+      }), s;
+    }), O = {
+      asa: "Asa Metrics",
+      normal: "Base Info",
+      mmp: "MMP Metrics"
+    };
+    "Check All".$l(), "Cancel All".$l();
+    const i = useMap("asa.countryAll.obj");
+    return (s, e) => {
+      const o = j("el-checkbox"), n = j("el-button"), u = j("MvcAlert"), c = j("el-switch"), h = j("Input"), A = j("DrawerArea");
+      return p(), K(A, ae(s.$attrs, { class: "MvcTableColumnDownload" }), {
+        cancel: M(() => [
+          E(h, {
+            modelValue: a(l).fileName,
+            "onUpdate:modelValue": e[3] || (e[3] = (y) => a(l).fileName = y),
+            icon: "catalog",
+            placeholder: a($),
+            class: "w600"
+          }, {
+            append: M(() => [
+              E(n, {
+                loading: a(l).loading,
+                onClick: w
+              }, {
+                icon: M(() => [...e[5] || (e[5] = [
+                  t("i", { class: "imicon im-download1" }, null, -1)
+                ])]),
+                default: M(() => [
+                  W(" " + v(s.$l("Download")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder"])
+        ]),
+        submit: M(() => [...e[6] || (e[6] = [])]),
+        default: M(() => [
+          t("div", al, [
+            E(u, null, {
+              default: M(() => [
+                t("div", il, [
+                  t("span", null, v(s.$l("Total")), 1),
+                  t("span", null, v(f.list.length), 1)
+                ]),
+                f.selection.length ? (p(), b("div", cl, [
+                  t("span", null, v(s.$l("Selection")), 1),
+                  t("span", null, v(f.selection.length), 1),
+                  E(o, {
+                    modelValue: a(l).onlySelection,
+                    "onUpdate:modelValue": e[0] || (e[0] = (y) => a(l).onlySelection = y),
+                    label: s.$l("Only Selection")
+                  }, null, 8, ["modelValue", "label"])
+                ])) : L("", !0),
+                t("div", rl, [
+                  E(n, { onClick: C }, {
+                    icon: M(() => [...e[4] || (e[4] = [
+                      t("i", { class: "imicon im-copy" }, null, -1)
+                    ])]),
+                    default: M(() => [
+                      W(" " + v(s.$l("Copy to Clipboard")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  E(o, {
+                    modelValue: a(l).useHead,
+                    "onUpdate:modelValue": e[1] || (e[1] = (y) => a(l).useHead = y),
+                    label: s.$l("With Table Head")
+                  }, null, 8, ["modelValue", "label"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          t("div", dl, [
+            (p(!0), b(U, null, H(a(d), (y) => (p(), b("div", {
+              key: y.type
+            }, [
+              t("div", ul, [
+                t("span", pl, v(y.label), 1),
+                E(o, {
+                  modelValue: y.checkstatus,
+                  "onUpdate:modelValue": (_) => y.checkstatus = _,
+                  indeterminate: y.indeterminate,
+                  label: s.$l("Check"),
+                  onChange: (_) => r(_, y)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "label", "onChange"])
+              ]),
+              (p(!0), b(U, null, H(y.children, (_, R) => (p(), K(o, {
+                modelValue: _.visible,
+                "onUpdate:modelValue": (x) => _.visible = x,
+                key: R,
+                label: _.label,
+                value: _.value,
+                class: "fullCheckbox p8-12 mb4 radius2 hover-txt-primary hover-bg-gray3"
+              }, {
+                default: M(() => {
+                  var x;
+                  return [
+                    t("div", ml, [
+                      t("span", null, v(_.label), 1),
+                      (x = _.prop) != null && x.includes("country") ? (p(), K(c, {
+                        key: 0,
+                        modelValue: a(l).useCountryCode,
+                        "onUpdate:modelValue": e[2] || (e[2] = (V) => a(l).useCountryCode = V),
+                        "inline-prompt": "",
+                        "active-text": "Use Alpha-2 Code",
+                        "inactive-text": "Use Country Name",
+                        class: "primarySwitch"
+                      }, null, 8, ["modelValue"])) : L("", !0)
+                    ])
+                  ];
+                }),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "label", "value"]))), 128))
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  wl as C,
+  xl as F,
+  $l as M,
+  Cl as T,
+  Ml as _,
+  kl as a,
+  _l as f
+};