magtool 1.4.2 → 1.5.0

package/dist/component.js

@@ -0,0 +1,4302 @@
+import { createElementBlock as M, openBlock as p, normalizeStyle as se, unref as t, createCommentVNode as B, createElementVNode as c, normalizeClass as G, renderSlot as H, toDisplayString as I, createVNode as N, markRaw as ve, resolveComponent as D, mergeProps as K, withCtx as _, resolveDirective as _e, withDirectives as be, createBlock as Y, withKeys as ye, createSlots as ee, Fragment as oe, renderList as le, createTextVNode as te, defineComponent as we, reactive as $e, onBeforeMount as Se, withModifiers as ie, resolveDynamicComponent as Ce, nextTick as pe } from "vue";
+import { _ as ae } from "./vendor.js";
+import { dayjs as ke, ElDatePicker as xe } from "element-plus";
+import { u as Ve } from "./composition.js";
+import me from "vuedraggable";
+const Te = { class: "fw700" }, Oe = /* @__PURE__ */ Object.assign({
+  name: "MvcCard"
+}, {
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    },
+    nobg: {
+      type: Boolean,
+      default: !1
+    },
+    headerClass: {
+      type: String,
+      default: ""
+    },
+    bodyClass: {
+      type: String,
+      default: ""
+    },
+    bodyStyle: {
+      type: String,
+      default: ""
+    },
+    footerClass: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: "",
+      validate: (A) => ["primary", "green", "red", "purple", "orange", "blue"].indexOf(A) > -1
+    },
+    headerHide: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(A) {
+    const x = A, { proxy: s } = getCurrentInstance(), e = () => {
+      o.toggle = !o.toggle;
+    };
+    onMounted(() => {
+      o.toggle = x.headerHide;
+    });
+    const o = reactive({
+      toggle: !1
+    });
+    return (h, a) => (p(), M("div", {
+      class: "MvcCard",
+      style: se(t(o).cardStyle)
+    }, [
+      x.noheader ? B("", !0) : (p(), M("div", {
+        key: 0,
+        ref: "header",
+        class: G(["cardHeader flexMode vc fs18 txt-dark9", x.headerClass])
+      }, [
+        c("i", {
+          class: G(["mr4 block imicon im-arrow-right fw700 fs14 transition3 hover", !t(o).toggle && "rotateZ90"]),
+          onClick: e
+        }, null, 2),
+        c("div", Te, I(h.$l(x.title)), 1),
+        H(h.$slots, "header", {}, void 0, !0)
+      ], 2)),
+      c("div", {
+        class: G(["cardArea transition3", [x.nobg && "nobg", t(o).toggle && "miniArea"]])
+      }, [
+        c("div", {
+          class: G(["cardBody relative nobar", x.bodyClass]),
+          style: se(x.bodyStyle)
+        }, [
+          H(h.$slots, "default", {}, void 0, !0)
+        ], 6),
+        h.$slots.footer ? (p(), M("div", {
+          key: 0,
+          class: G(["cardFooter", x.footerClass])
+        }, [
+          H(h.$slots, "footer", {}, void 0, !0)
+        ], 2)) : B("", !0)
+      ], 2)
+    ], 4));
+  }
+}), Me = /* @__PURE__ */ ae(Oe, [["__scopeId", "data-v-d54f1970"]]), Ae = { class: "SuperDatePicker" }, De = /* @__PURE__ */ Object.assign({
+  name: "SuperDatePicker"
+}, {
+  __name: "index",
+  props: {
+    source: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Array],
+      default: () => []
+    },
+    withToday: {
+      type: Boolean,
+      default: !1
+    },
+    defaultDate: {
+      type: Array,
+      default: () => [-7, -1]
+    },
+    // 开始，结束的分割符号，也是v-model str时的分割符号
+    separator: {
+      type: String,
+      default: "~"
+    },
+    offset: {
+      type: [String, Number],
+      default: 0
+    },
+    range: {
+      type: [String, Number],
+      default: 180
+    },
+    limit: {
+      type: [String, Number],
+      default: 30
+    },
+    // today, yersterday, thisweek, last7days, thismonth, last30days, lastmonth
+    shortcuts: {
+      type: [Object, Boolean],
+      default: !1
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "large"
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(A, { expose: x, emit: s }) {
+    ke.en.weekStart = 7;
+    const e = A, o = reactive({
+      type: "",
+      date: [],
+      shortBtn: [],
+      firstStamp: 0
+    });
+    onMounted(() => {
+      if (!g.value.length) {
+        const l = e.defaultDate[0], n = e.defaultDate[1];
+        o.date = [
+          window.$m().add(l, "days").format("YYYY-MM-DD"),
+          window.$m().add(n, "days").format("YYYY-MM-DD")
+        ], k(o.date);
+      }
+      V();
+    });
+    const h = s, a = (l) => {
+      let { limit: n, range: S } = e;
+      n = Number(n), S = Number(S);
+      const { firstStamp: L } = o, R = n * 864e5;
+      let U = +window.$m().add(-S, "d"), Z = +window.$m();
+      if (e.source === "report" && !L)
+        return l > Z;
+      if (L) {
+        if (e.source !== "report") {
+          let P = L - R;
+          P > U && (U = P);
+        } else
+          U = L - R;
+        let W = L + R;
+        W < Z && (Z = W);
+      }
+      return l < U || l > Z;
+    }, y = (l) => {
+      l[1] === null ? o.firstStamp = +l[0] : o.firstStamp = 0;
+    }, k = (l) => {
+      const n = d(l);
+      h("change", n, "cpt");
+    }, V = () => {
+      const { shortcuts: l } = e;
+      let n = {};
+      if (l === !1)
+        o.shortBtn = [];
+      else {
+        l === !0 ? n = T : n = {
+          ...T,
+          ...l
+        };
+        const S = [];
+        n.today && S.push(O()), n.yesterday && S.push(b()), n.thisweek && S.push(f()), n.last7days && S.push(r()), n.todaylast7days && S.push(C()), n.thismonth && S.push(u()), n.last30days && S.push(m()), n.lastmonth && S.push($()), o.shortBtn = S;
+      }
+    }, O = () => ({
+      text: window.$l("Today"),
+      value: () => {
+        const l = window.$m().format("YYYY-MM-DD");
+        return [l, l];
+      },
+      onClick: (l) => {
+      }
+    }), b = () => ({
+      text: window.$l("Yesterday"),
+      value: () => {
+        const l = window.$m().add(-1, "days").format("YYYY-MM-DD");
+        return [l, l];
+      },
+      onClick: (l) => {
+      }
+    }), f = () => ({
+      text: window.$l("This Week"),
+      value: () => {
+        let l = 0, n = window.$m().weekday(0), S = window.$m().add(l, "days");
+        return +n > +S && (n = n.format("YYYY-MM-DD"), S = n), [n, S];
+      },
+      onClick: (l) => {
+      }
+    }), r = () => ({
+      text: window.$l("Last 7 Days"),
+      value: () => {
+        let l = -7, n = -1;
+        return e.widthToday && (l += 1, n += 1), [
+          window.$m().add(l, "days").format("YYYY-MM-DD"),
+          window.$m().add(n, "days").format("YYYY-MM-DD")
+        ];
+      },
+      onClick: (l) => {
+      }
+    }), C = () => ({
+      text: window.$l("Last 7 Days (with Today)"),
+      value: () => [
+        window.$m().add(-6, "days").format("YYYY-MM-DD"),
+        window.$m().add(0, "days").format("YYYY-MM-DD")
+      ],
+      onClick: (l) => {
+      }
+    }), u = () => ({
+      text: window.$l("This Month"),
+      value: () => {
+        let l = 0, n = window.$m().date(1), S = window.$m().add(l, "days");
+        return +n > +S && (n = n.format("YYYY-MM-DD"), S = n), [n, S];
+      },
+      onClick: (l) => {
+      }
+    }), m = () => ({
+      text: window.$l("Last 30 Days"),
+      value: () => {
+        let l = -30, n = -1;
+        return e.widthToday && (l += 1, n += 1), [
+          window.$m().add(l, "days").format("YYYY-MM-DD"),
+          window.$m().add(n, "days").format("YYYY-MM-DD")
+        ];
+      },
+      onClick: (l) => {
+      }
+    }), $ = () => ({
+      text: window.$l("Last Month"),
+      value: () => [
+        window.$m().date(1).add(-1, "days").date(1).format("YYYY-MM-DD"),
+        window.$m().date(1).add(-1, "days").format("YYYY-MM-DD")
+      ],
+      onClick: (l) => {
+      }
+    }), d = (l, n = !1) => {
+      n && (o.date = l);
+      let S;
+      return w.value === "Array" ? S = l : w.value === "Object" ? S = {
+        startDate: l[0],
+        endDate: l[1]
+      } : S = l[0] + e.separator + l[1], h("update:modelValue", S), S;
+    }, i = computed(() => window.$getLang()), w = computed(() => window.$getType(e.modelValue)), g = computed(() => w.value === "Array" ? e.modelValue : w.value === "Object" ? [e.modelValue.startDate, e.modelValue.endDate] : e.modelValue ? e.modelValue.split(e.separator) : []), z = computed(() => ({
+      start: window.$l("Start Date"),
+      end: window.$l("End Date")
+    }));
+    computed(() => {
+      let { disabledDate: l, offset: n } = e, S = 0;
+      n = Number(n) || 0;
+      const L = window.$getType(l);
+      return L !== "Function" && L !== "Array" && (S = parseInt(l) || 0, S > -1 && (S = -1), S > n && (S = n)), S;
+    });
+    const T = {
+      today: !0,
+      yesterday: !0,
+      thisweek: !1,
+      last7days: !0,
+      todaylast7days: !1,
+      thismonth: !0,
+      last30days: !0,
+      lastmonth: !0
+    };
+    return watch(
+      () => g.value,
+      (l, n) => {
+        l.length && JSON.stringify(l) !== JSON.stringify(o.date) && (o.date = l, k(l));
+      }
+    ), x({
+      setDate: d
+    }), (l, n) => (p(), M("div", Ae, [
+      N(t(xe), {
+        modelValue: t(o).date,
+        "onUpdate:modelValue": n[0] || (n[0] = (S) => t(o).date = S),
+        class: "wp100",
+        "popper-class": t(i),
+        type: "daterange",
+        "value-format": "YYYY-MM-DD",
+        editable: !1,
+        size: e.size,
+        clearable: !1,
+        "range-separator": e.separator,
+        shortcuts: t(o).shortBtn,
+        "end-placeholder": l.$l(t(z).end),
+        "start-placeholder": l.$l(t(z).start),
+        "disabled-date": a,
+        placement: e.placement,
+        disabled: e.disabled,
+        source: e.source,
+        onChange: k,
+        onCalendarChange: y
+      }, null, 8, ["modelValue", "popper-class", "size", "range-separator", "shortcuts", "end-placeholder", "start-placeholder", "placement", "disabled", "source"])
+    ]));
+  }
+}), Ie = { class: "EChart" }, Ne = ["id"], ze = /* @__PURE__ */ Object.assign({
+  name: "EChart"
+}, {
+  __name: "index",
+  props: {
+    options: {
+      type: Object,
+      default: () => {
+      }
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: [String, Number],
+      default: "300"
+    },
+    width: {
+      type: [String, Number],
+      default: ""
+    },
+    minusWidth: {
+      type: String,
+      default: ""
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+    // tool: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+  },
+  setup(A, { expose: x, emit: s }) {
+    const e = A, { proxy: o } = getCurrentInstance();
+    inject("store").launch();
+    const a = reactive({
+      chart: {},
+      chartID: "",
+      defaultOptions: {
+        grid: {
+          top: 20,
+          left: 50,
+          right: 20,
+          bottom: 72
+        },
+        legend: {
+          id: "bar",
+          itemWidth: 18,
+          bottom: 14,
+          textStyle: {
+            color: "#4d4d4d"
+          }
+        },
+        color: window.global.config.color,
+        xAxis: {
+          animationEasing: "cubicInOut",
+          animationDuration: 300,
+          axisLine: {
+            show: !1
+          },
+          axisTick: {
+            show: !1
+          }
+        },
+        yAxis: {
+          animationEasing: "cubicInOut",
+          animationDuration: 300,
+          splitLine: {
+            lineStyle: {
+              type: "dotted"
+            }
+          }
+        },
+        tooltip: {
+          show: !0,
+          trigger: "axis",
+          padding: [8, 16],
+          borderWidth: 0
+        },
+        mounted: !1
+      },
+      options: {},
+      chartType: ""
+    });
+    onBeforeMount(() => {
+      a.chartID = `chart${+/* @__PURE__ */ new Date()}${parseInt(Math.random() * 1e4)}`;
+    }), onMounted(() => {
+      a.mounted = !0, a.chart = ve(
+        window.$echarts.init(o.$refs.chart, { renderer: "svg" })
+      );
+    });
+    const y = s, k = async () => {
+      V();
+    }, V = () => {
+      nextTick(() => {
+        var d;
+        a.optioning = !0, a.chart.clear();
+        let m = window.$deepClone(e.options);
+        ["pie", "radar", "scatter"].indexOf(e.type) > -1 ? (m = {
+          color: a.defaultOptions.color,
+          animationEasing: "cubicInOut",
+          animationDuration: 500,
+          ...m
+        }, m.tooltip ? (m.tooltip.textStyle ? m.tooltip.textStyle.fontFamily = "Monaco" : m.tooltip.textStyle = {
+          fontFamily: "Monaco"
+        }, m.tooltip = {
+          ...m.tooltip,
+          ...u[e.theme]
+        }) : m.tooltip = {
+          textStyle: {
+            fontFamily: "Monaco"
+          },
+          ...u[e.theme]
+        }) : e.type === "map" || (e.tool === !0 && (a.defaultOptions.toolbox = {
+          show: !0,
+          right: 24,
+          emphasis: {
+            iconStyle: {
+              color: window.global.config.color[0]
+            }
+          },
+          feature: {
+            // myRestore: {
+            //   show: true,
+            //   title: '',
+            //   icon: 'path://M486.464 83.584a424.96 424.96 0 0 0-276.928 102.336 48.256 48.256 0 0 0-6.4 6.528l-6.4-6.016-34.24-31.04-10.88-9.152-22.912-20.736-4.928-3.968c-4.864-3.52-7.68-3.84-9.536 0.384l-0.96 3.072-1.152 6.784-0.896 9.472-1.92 36.864-11.392 165.888-0.512 15.616-1.408 27.776 0.128 7.168c0.64 7.936 3.2 11.008 10.368 11.2l3.904-0.128 7.872-1.088 38.272-7.232 160.896-34.56 39.68-7.232 6.912-1.728c6.4-1.92 8.192-4.224 5.696-8.512l-1.984-2.752-4.928-5.248-88.512-80.384 10.56-8.576a328.768 328.768 0 0 1 201.6-68.736c183.616 0 332.608 150.4 332.608 336 0 185.664-148.992 336-332.608 336a331.52 331.52 0 0 1-282.56-158.656 48 48 0 1 0-81.728 50.368 427.52 427.52 0 0 0 364.288 204.288c236.8 0 428.608-193.472 428.608-432 0-238.464-191.808-432-428.608-432z',
+            //   onclick: () => {
+            //     state.chart.clear();
+            //     state.chart.setOption(state.options);
+            //   },
+            // },
+            // myLine: {
+            //   show: true,
+            //   icon: 'lineChart',
+            //   onclick: ()=>{}
+            // },
+            // magicType: {
+            //   title: {
+            //     line: '',
+            //     bar: '',
+            //   },
+            //   type: ['line', 'bar'],
+            //   options: {
+            //     line: {
+            //       onclick: () => {
+            //         state.chartType = 'line';
+            //         console.info('line click');
+            //       },
+            //     },
+            //   },
+            // },
+          }
+        }), a.defaultOptions.tooltip = {
+          ...a.defaultOptions.tooltip,
+          ...u[e.theme]
+        }, m = O(a.defaultOptions, m)), (d = m.series) == null || d.forEach((i) => {
+          i.animation = !0, i.animationDuration = 300, i.type === "line" ? (i.animationEasing = "cubicInOut", i.animationDelay = (w) => w * 100) : (i.animationEasing = "cubicInOut", i.animationDelay = (w) => w * 100);
+        }), a.options = m, a.chart.setOption(m), e.type === "wordcloud" && a.chart.on("click", (...i) => {
+          y("chart-click", i);
+        }), a.optioning = !1;
+      });
+    }, O = (m, $) => {
+      const { yAxis: d } = $, { yAxis: i } = m;
+      let w;
+      window.$getType(d) === "Array" ? w = d.map((T) => ({
+        ...i,
+        ...T
+      })) : w = {
+        ...i,
+        ...d
+      };
+      const g = { ...$, ...m };
+      return Object.keys(g).forEach((T) => {
+        const l = window.$getType(g[T]);
+        if (l === "Array") {
+          const n = m[T] || [], S = $[T] || [];
+          g[T] = n.length && !S.length ? n : S;
+        } else if (l === "Object") {
+          const n = m[T] || {}, S = $[T] || {};
+          g[T] = { ...n, ...S };
+        }
+      }), w && (g.yAxis = w), g;
+    }, b = () => a.chart, f = computed(() => window.global.config.options.cardWidth), r = computed(() => {
+      const m = window.$getType(e.width), $ = Number(e.height);
+      let d = e.width;
+      return d ? m === "String" && (d.indexOf("%") > -1 ? d = parseInt(parseInt(d) * f.value / 100) : d = Number(d)) : d = f.value, {
+        height: $ + "px",
+        width: d + "px"
+      };
+    }), C = computed(() => a.mounted && e.options && Object.keys(e.options).length ? +/* @__PURE__ */ new Date() : !1);
+    watch(
+      () => C.value,
+      (m) => {
+        var $;
+        m && ($ = e.options.series) != null && $.length && V();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), watch(
+      () => e.width,
+      (m) => {
+        m && a.chart && a.optioning === !1 && a.chart.resize({
+          width: m,
+          height: e.height
+        });
+      }
+    ), x({
+      getChart: b,
+      initChart: k
+    });
+    const u = {
+      dark: {
+        className: "echart-tooltip",
+        extraCssText: "backdrop-filter: blur(8px)",
+        animation: !1,
+        appendToBody: !0,
+        hideDelay: 0,
+        transitionDuration: 0,
+        backgroundColor: "rgba(50, 50, 50, 0.9)",
+        textStyle: {
+          color: "rgba(255, 255, 255, 0.9)",
+          fontSize: 12,
+          fontFamily: "Monaco"
+        },
+        axisPointer: {
+          type: "shadow",
+          label: {
+            padding: [4, 8],
+            color: "rgba(46, 38, 61, 0.5)",
+            backgroundColor: "rgba(240, 240, 240, 0.9)"
+          },
+          lineStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          },
+          crossStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          }
+        }
+      },
+      light: {
+        className: "echart-tooltip",
+        extraCssText: "backdrop-filter: blur(8px)",
+        backgroundColor: "rgba(255, 255, 255, 0.9)",
+        animation: !1,
+        appendToBody: !0,
+        hideDelay: 0,
+        transitionDuration: 0,
+        textStyle: {
+          color: "rgba(46, 38, 61, 0.9)",
+          fontSize: 14,
+          fontFamily: "Monaco"
+        },
+        axisPointer: {
+          type: "shadow",
+          label: {
+            padding: [4, 8],
+            color: "rgba(46, 38, 61, 0.5)",
+            backgroundColor: "rgba(240, 240, 240, 0.9)"
+          },
+          lineStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          },
+          crossStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          }
+        }
+        // position: (pos, params, dom, rect, size) => {
+        //   // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。
+        //   let left = pos[0] + 24;
+        //   if (size.viewSize[0] < size.contentSize[0]) {
+        //     left = size.contentSize[0];
+        //   } else if (pos[0] > size.viewSize[0] - size.contentSize[0]) {
+        //     left = pos[0] - size.contentSize[0];
+        //   }
+        //   // obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
+        //   return [left, pos[1] + 24];
+        // },
+      }
+    };
+    return (m, $) => (p(), M("div", Ie, [
+      c("div", {
+        ref: "chart",
+        style: se(t(r)),
+        id: t(a).chartID
+      }, null, 12, Ne)
+    ]));
+  }
+}), je = /* @__PURE__ */ ae(ze, [["__scopeId", "data-v-2dc454ed"]]), Be = {
+  class: "MvcIcon",
+  "aria-hidden": "true"
+}, Ye = ["xlink:href"], Ee = /* @__PURE__ */ Object.assign({
+  name: "MvcIcon"
+}, {
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      default: "cloud"
+    }
+  },
+  setup(A) {
+    return (x, s) => (p(), M("svg", Be, [
+      c("use", {
+        "xlink:href": `#imc-${A.name}`
+      }, null, 8, Ye)
+    ]));
+  }
+}), Le = { class: "SuperImage" }, Re = { class: "flexMode hc vc hp100 bg-gray1 radius4" }, Pe = { class: "fs10-i lh1" }, Fe = /* @__PURE__ */ Object.assign({
+  name: "SuperImage"
+}, {
+  __name: "index",
+  props: {
+    imageClass: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "icon"
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      style: {},
+      diyClass: "hp100"
+    }), { proxy: o } = getCurrentInstance();
+    onMounted(() => {
+      a();
+    });
+    const h = x, a = async () => {
+      const y = await window.$loadImage(o.$attrs.src);
+      if (!y)
+        return;
+      const { height: k, width: V } = y;
+      k < V && (e.diyClass = ""), h("load", V, k);
+    };
+    return (y, k) => {
+      const V = D("el-image");
+      return p(), M("div", Le, [
+        N(V, K({
+          "min-scale": 0.9,
+          "max-scale": 1.8,
+          "zoom-rate": 1.1
+        }, y.$attrs, {
+          class: [t(e).diyClass, s.imageClass],
+          style: t(e).style
+        }), {
+          placeholder: _(() => k[0] || (k[0] = [
+            c("i", { class: "imicon im-loading ani-rotate" }, null, -1)
+          ])),
+          error: _(() => [
+            c("div", Re, [
+              c("span", Pe, I(y.$l("Fail")), 1)
+            ])
+          ]),
+          _: 1
+        }, 16, ["class", "style"])
+      ]);
+    };
+  }
+}), Ue = { class: "SuperInput" }, Ge = /* @__PURE__ */ Object.assign({
+  name: "SuperInput"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    nobreak: {
+      type: Boolean,
+      default: !1
+    },
+    focus: {
+      type: Boolean,
+      default: !1
+    },
+    center: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["change", "enter", "update:modelValue"],
+  setup(A, { expose: x, emit: s }) {
+    const e = A, o = reactive({
+      composition: !1,
+      v: ""
+    }), { proxy: h } = getCurrentInstance(), a = s, y = () => {
+      o.composition = !0;
+    }, k = () => {
+      o.composition = !1;
+    }, V = () => {
+      o.composition || (a("update:modelValue", o.v), nextTick(() => {
+        a("enter", o.v);
+      }));
+    }, O = () => {
+      if (e.nobreak) {
+        const u = window.event || arguments[0];
+        if (u.key === "Enter" || u.code === "Enter" || u.keyCode === 13)
+          return u.returnValue = !1, !1;
+      }
+    }, b = (u) => {
+      e.nobreak ? a("update:modelValue", u.replace(/\n/g, "")) : a("update:modelValue", u), a("change", u);
+    }, f = (u) => {
+      nextTick(() => {
+        h.$refs.input.focus(), u && h.$refs.input.select();
+      });
+    }, r = computed(() => h.$slots), C = computed(() => e.placeholder ? window.$l(e.placeholder) : " ");
+    return watch(
+      () => e.modelValue,
+      (u) => {
+        u !== void 0 && u !== o.v && (o.v = u);
+      },
+      {
+        immediate: !0
+      }
+    ), x({
+      focus: f
+    }), (u, m) => {
+      const $ = D("el-input"), d = _e("focus");
+      return p(), M("div", Ue, [
+        be((p(), Y($, K({
+          ref: "input",
+          modelValue: t(o).v,
+          "onUpdate:modelValue": m[0] || (m[0] = (i) => t(o).v = i),
+          type: e.nobreak ? "textarea" : "text",
+          resize: "none",
+          clearable: "",
+          "input-style": e.center ? "text-align: center" : ""
+        }, u.$attrs, {
+          placeholder: t(C),
+          onChange: b,
+          onCompositionstart: y,
+          onCompositionend: k,
+          onKeydown: [
+            ye(V, ["enter"]),
+            ye(O, ["enter", "native"])
+          ],
+          class: "wp100"
+        }), ee({ _: 2 }, [
+          t(r).prefix || e.icon ? {
+            name: "prefix",
+            fn: _(() => [
+              t(r).prefix ? H(u.$slots, "prefix", { key: 0 }) : (p(), M("i", {
+                key: 1,
+                class: G(["imicon", `im-${e.icon}`])
+              }, null, 2))
+            ]),
+            key: "0"
+          } : void 0,
+          t(r).append ? {
+            name: "append",
+            fn: _(() => [
+              H(u.$slots, "append")
+            ]),
+            key: "1"
+          } : void 0,
+          t(r).prepend ? {
+            name: "prepend",
+            fn: _(() => [
+              H(u.$slots, "prepend")
+            ]),
+            key: "2"
+          } : void 0,
+          t(r).suffix ? {
+            name: "suffix",
+            fn: _(() => [
+              H(u.$slots, "suffix")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1040, ["modelValue", "type", "input-style", "placeholder"])), [
+          [d, e.focus ? 300 : null, "time"]
+        ])
+      ]);
+    };
+  }
+}), He = { class: "SuperMultipleSelect relative" }, Je = {
+  key: 0,
+  class: "flexMode vc hb h40 outsideIgnore"
+}, Ke = {
+  key: 1,
+  class: "flexMode vc hb h40 outsideIgnore"
+}, We = { class: "flexMode vc g4 fs14 noevent" }, qe = { class: "txt-primary" }, Ze = { class: "txt-dark5" }, Qe = { class: "txt-primary" }, Xe = { class: "txt-dark5" }, et = /* @__PURE__ */ Object.assign({
+  name: "SuperMultipleSelect"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "label"
+    },
+    value: {
+      type: String,
+      default: "value"
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(A, { expose: x, emit: s }) {
+    const e = A, o = reactive({ v: [] }), { proxy: h } = getCurrentInstance(), a = s, y = () => {
+      a("update:modelValue", o.v), a("change", o.v);
+    }, k = () => {
+      o.v = e.options.map((C) => C[e.value]), y();
+    }, V = () => {
+      o.v = [], y();
+    }, O = () => {
+      h.$refs.select.blur();
+    }, b = computed(() => e.options.length <= o.v.length && e.options.length !== 0), f = computed(() => h.$attrs["multiple-limit"]), r = computed(() => h.$attrs["collapse-tags"] !== void 0);
+    return watchPostEffect(() => {
+      JSON.stringify(e.modelValue) !== JSON.stringify(o.v) && (o.v = e.modelValue);
+    }), x({
+      blur: O
+    }), (C, u) => {
+      const m = D("el-button"), $ = D("el-option"), d = D("el-select");
+      return p(), M("div", He, [
+        N(d, K({
+          ref: "select",
+          modelValue: t(o).v,
+          "onUpdate:modelValue": u[0] || (u[0] = (i) => t(o).v = i),
+          clearable: "",
+          placeholder: " ",
+          placement: "top"
+        }, C.$attrs, {
+          multiple: "",
+          onChange: y,
+          class: ["wp100 MultipleSelect", t(r) && "nowrap"]
+        }), ee({
+          default: _(() => [
+            (p(!0), M(oe, null, le(e.options, (i, w) => (p(), Y($, {
+              key: w,
+              label: C.$l(i[e.label]),
+              value: i[e.value],
+              disabled: i.disabled,
+              class: G(i.hide && "hide-i")
+            }, {
+              default: _(() => [
+                C.$slots.default ? H(C.$slots, "default", {
+                  key: 0,
+                  it: i
+                }, void 0, !0) : B("", !0)
+              ]),
+              _: 2
+            }, 1032, ["label", "value", "disabled", "class"]))), 128))
+          ]),
+          _: 2
+        }, [
+          C.$slots.prefix ? {
+            name: "prefix",
+            fn: _(() => [
+              H(C.$slots, "prefix", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          t(f) ? void 0 : {
+            name: "header",
+            fn: _(() => [
+              C.$slots.header ? (p(), M("div", Je, [
+                H(C.$slots, "header", {}, void 0, !0)
+              ])) : (p(), M("div", Ke, [
+                t(b) ? (p(), Y(m, {
+                  key: 0,
+                  type: "primary",
+                  size: "default",
+                  onClick: V
+                }, {
+                  default: _(() => [
+                    te(I(C.$l("Cancel All")), 1)
+                  ]),
+                  _: 1
+                })) : (p(), Y(m, {
+                  key: 1,
+                  size: "default",
+                  onClick: k
+                }, {
+                  default: _(() => [
+                    te(I(C.$l("Select All")), 1)
+                  ]),
+                  _: 1
+                })),
+                c("div", We, [
+                  c("span", qe, I(t(o).v.length), 1),
+                  u[1] || (u[1] = c("span", { class: "txt-dark3" }, "/", -1)),
+                  c("span", Ze, I(t(f) || e.options.length), 1)
+                ])
+              ]))
+            ]),
+            key: "1"
+          },
+          C.$slots.footer ? {
+            name: "footer",
+            fn: _(() => [
+              H(C.$slots, "footer", {}, void 0, !0)
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1040, ["modelValue", "class"]),
+        t(f) ? (p(), M("div", {
+          key: 0,
+          class: G(["countArea abs flexMode vc p4 fs12", t(r) && "nowrap"])
+        }, [
+          c("span", Qe, I(t(o).v.length), 1),
+          u[2] || (u[2] = c("span", { class: "txt-dark3" }, "/", -1)),
+          c("span", Xe, I(t(f)), 1)
+        ], 2)) : B("", !0)
+      ]);
+    };
+  }
+}), tt = /* @__PURE__ */ ae(et, [["__scopeId", "data-v-954e82ab"]]), ot = { class: "SuperNodata" }, he = {
+  data: "No Data",
+  selection: "Unselected"
+}, lt = /* @__PURE__ */ Object.assign({
+  name: "SuperNodata"
+}, {
+  __name: "index",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "48"
+    },
+    type: {
+      type: String,
+      default: "data",
+      validate: (A) => he[A]
+    },
+    txt: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(A) {
+    const x = A, s = computed(() => Number(x.size)), e = computed(() => x.txt ? window.$l(x.txt) : window.$l(he[x.type]));
+    return (o, h) => {
+      const a = D("el-empty");
+      return p(), M("div", ot, [
+        N(a, {
+          "image-size": t(s),
+          description: t(e)
+        }, null, 8, ["image-size", "description"])
+      ]);
+    };
+  }
+}), at = /* @__PURE__ */ ae(lt, [["__scopeId", "data-v-325bf284"]]), nt = { class: "Page relative yscroll vh100" }, st = {
+  key: 1,
+  class: "title fw700 fs24"
+}, rt = {
+  class: "PageFooter flexMode vc g8 fs14",
+  style: { padding: "14px 30px 24px 30px" }
+}, it = { class: "txt-dark5" }, dt = { class: "txt-primary" }, ut = { class: "txt-dark5" }, ct = /* @__PURE__ */ Object.assign({
+  name: "Page"
+}, {
+  __name: "index",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    headerClass: {
+      type: String,
+      default: "sticky"
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(A) {
+    const x = A, s = computed(() => window.global.config.meta), e = computed(() => ({
+      minHeight: window.global.config.options.pageHeight + "px"
+    }));
+    return (o, h) => {
+      const a = D("Loading");
+      return p(), M("div", nt, [
+        N(a, {
+          loading: x.loading
+        }, null, 8, ["loading"]),
+        x.noheader ? B("", !0) : (p(), M("div", {
+          key: 0,
+          class: G(["PageHeader h80 p0-30 flexMode vc hb z9 xscroll nobar", x.headerClass])
+        }, [
+          o.$slots.title ? H(o.$slots, "title", { key: 0 }, void 0, !0) : x.title ? (p(), M("div", st, I(o.$l(x.title)), 1)) : B("", !0),
+          H(o.$slots, "tool", {}, void 0, !0)
+        ], 2)),
+        c("div", {
+          class: "PageBody relative p0-30 z1",
+          style: se(t(e))
+        }, [
+          H(o.$slots, "default", {}, void 0, !0)
+        ], 4),
+        c("div", rt, [
+          c("span", it, I(t(s).copyright), 1),
+          c("span", dt, I(t(s).campany), 1),
+          c("span", ut, I(t(s).email), 1)
+        ])
+      ]);
+    };
+  }
+}), pt = /* @__PURE__ */ ae(ct, [["__scopeId", "data-v-5f809937"]]), mt = { class: "MvcTableHeaderTool" }, ft = { class: "ToolArea" }, gt = /* @__PURE__ */ Object.assign({
+  name: "MvcTableHeaderTool",
+  inheritAttrs: !1
+}, {
+  __name: "Tool",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    selection: {
+      type: Array,
+      default: () => []
+    },
+    loadData: {
+      type: [Function, void 0],
+      default: void 0
+    },
+    remote: {
+      type: Boolean,
+      default: !1
+    },
+    filter: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    tool: {
+      type: [Object, Boolean, void 0],
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    showTotalChosen: {
+      type: Boolean,
+      default: !1
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    type: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = defineAsyncComponent(() => Promise.resolve().then(() => _l)), e = defineAsyncComponent(() => Promise.resolve().then(() => jl)), o = A, h = reactive({
+      drawer: [
+        {
+          title: window.$l("Table Column Customization"),
+          size: 1024,
+          cpt: markRaw(s)
+        },
+        {
+          title: window.$l("Download from Current Table"),
+          cpt: markRaw(e)
+        }
+      ],
+      groupby: [],
+      current: "",
+      searchGroupBy: "",
+      filterVisible: !1,
+      filterTop: 0,
+      loading: !1,
+      dt: []
+    }), { proxy: a } = getCurrentInstance(), y = x, k = (d) => {
+      o.type === "drawer" || (d.target.localName === "span" ? window.$pageScrollTo(d.target.parentNode) : d.target.localName === "i" ? d.target.parentNode.localName === "button" ? window.$pageScrollTo(d.target.parentNode) : window.$pageScrollTo(d.target.parentNode.parentNode) : window.$pageScrollTo(d.target)), y("refresh");
+    }, V = () => {
+      h.drawer[0].params = { tableName: o.tableName }, h.current = 0;
+    }, O = () => {
+      h.drawer[1].params = {
+        showTotalChosen: o.showTotalChosen,
+        tableName: o.tableName,
+        list: o.list,
+        selection: o.selection,
+        remote: o.remote
+      }, h.current = 1;
+    }, b = (d) => {
+      d === "column" ? y("to-init-table") : d === "download" && y("to-download");
+    }, f = async () => {
+      if (o.loadData) {
+        h.loading = !0;
+        const d = await o.loadData({ pageStart: 1, pageSize: o.total });
+        h.loading = !1, d && (h.dt = d, h.drawer[1].params.list = h.dt.list);
+      }
+    }, r = () => {
+      h.drawer[1].params.list = o.list;
+    }, C = computed(() => {
+      var d;
+      return ((d = o.tool) == null ? void 0 : d.download) === void 0;
+    }), u = computed(() => {
+      var d;
+      return ((d = o.tool) == null ? void 0 : d.column) === void 0;
+    }), m = computed(() => {
+      var d;
+      return ((d = o.tool) == null ? void 0 : d.refresh) === void 0;
+    });
+    computed(() => {
+      const d = h.searchGroupBy.toLowerCase();
+      return $.map((i) => (i.label.toLowerCase().includes(d) ? i.hide = !1 : i.hide = !0, i));
+    });
+    const $ = [
+      {
+        label: "Age",
+        value: "Age",
+        width: 100
+      },
+      {
+        label: "Campaign Category",
+        value: "CampaignCategory",
+        width: 200
+      },
+      {
+        label: "Campaign Type",
+        value: "CampaignType",
+        width: 200
+      },
+      {
+        label: "Country",
+        value: "Country",
+        width: 120
+      },
+      {
+        label: "Day",
+        value: "Day",
+        width: 100
+      }
+    ];
+    return (d, i) => {
+      const w = D("el-button"), g = D("Drawer");
+      return p(), M("div", mt, [
+        c("div", ft, [
+          t(m) ? (p(), Y(w, {
+            key: 0,
+            plain: "",
+            onClick: i[0] || (i[0] = (z) => k(z))
+          }, {
+            icon: _(() => i[2] || (i[2] = [
+              c("i", { class: "imicon im-reset" }, null, -1)
+            ])),
+            default: _(() => [
+              te(" " + I(d.$l("Refresh")), 1)
+            ]),
+            _: 1
+          })) : B("", !0),
+          t(u) ? (p(), Y(w, {
+            key: 1,
+            plain: "",
+            onClick: V
+          }, {
+            icon: _(() => i[3] || (i[3] = [
+              c("i", { class: "imicon im-columns1" }, null, -1)
+            ])),
+            default: _(() => [
+              te(" " + I(d.$l("Columns")), 1)
+            ]),
+            _: 1
+          })) : B("", !0),
+          t(C) ? (p(), Y(w, {
+            key: 2,
+            plain: "",
+            onClick: O
+          }, {
+            icon: _(() => i[4] || (i[4] = [
+              c("i", { class: "imicon im-download1" }, null, -1)
+            ])),
+            default: _(() => [
+              te(" " + I(d.$l("Download")), 1)
+            ]),
+            _: 1
+          })) : B("", !0)
+        ]),
+        N(g, {
+          current: t(h).current,
+          "onUpdate:current": i[1] || (i[1] = (z) => t(h).current = z),
+          drawer: t(h).drawer,
+          loading: t(h).loading,
+          dt: t(h).dt,
+          onFetchAllData: f,
+          onRecoverCurrentData: r,
+          onSubmit: b
+        }, null, 8, ["current", "drawer", "loading", "dt"])
+      ]);
+    };
+  }
+}), yt = /* @__PURE__ */ ae(gt, [["__scopeId", "data-v-54e80741"]]), ht = { class: "HeaderArea" }, _t = {
+  key: 0,
+  class: "flexGrow xscroll nobar"
+}, bt = {
+  key: 1,
+  class: "titleArea"
+}, vt = { key: 2 }, wt = {
+  key: 0,
+  class: "filterRowArea"
+}, $t = /* @__PURE__ */ Object.assign({
+  name: "MvcTableHeader",
+  inheritAttrs: !1
+}, {
+  __name: "Header",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    tableName: {
+      type: String,
+      default: ""
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    },
+    filterTagShow: {
+      type: Boolean,
+      default: !1
+    },
+    showTotalChosen: {
+      type: Boolean,
+      default: !1
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = A;
+    return (e, o) => (p(), M("div", {
+      class: "MvcTableHeader",
+      style: se(s.filterTagShow ? "padding-bottom: 2px !important" : "")
+    }, [
+      c("div", ht, [
+        e.$slots.default ? (p(), M("div", _t, [
+          H(e.$slots, "default", {}, void 0, !0)
+        ])) : s.title ? (p(), M("div", bt, I(s.title), 1)) : (p(), M("div", vt)),
+        e.$attrs.tool !== !1 ? (p(), Y(yt, K({ key: 3 }, e.$attrs, {
+          "table-name": s.tableName,
+          total: s.total,
+          "show-total-chosen": s.showTotalChosen
+        }), null, 16, ["table-name", "total", "show-total-chosen"])) : B("", !0)
+      ]),
+      e.$slots.filterRow ? (p(), M("div", wt, [
+        H(e.$slots, "filterRow", {}, void 0, !0)
+      ])) : B("", !0)
+    ], 4));
+  }
+}), St = /* @__PURE__ */ ae($t, [["__scopeId", "data-v-3becf565"]]), Ct = we({
+  name: "MvcTableColumnFilter",
+  props: {
+    tableName: {
+      type: String,
+      default: ""
+    },
+    group: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup: (A, x) => {
+    var y;
+    const s = $e({
+      options: [],
+      slots: []
+    }), e = A.tableName + "_Column";
+    let o = [];
+    (() => {
+      const k = x.slots.default()[0].children[0].children, V = {
+        left: [],
+        center: [],
+        right: []
+      }, O = A.tableName ? JSON.parse(localStorage.getItem(e)) : {}, b = [void 0];
+      k.forEach((r) => {
+        window.$getType(r.type) === "Symbol" ? o = o.concat(r.children) : o.push(r);
+      }), o.forEach((r, C) => {
+        var m;
+        const u = window.$getType(r.type);
+        if (((m = r.type) == null ? void 0 : m.name) === "ElTableColumn") {
+          let $ = {
+            ...r.props,
+            labelKey: r.props.label,
+            label: window.$l(r.props.label),
+            sort: C,
+            nomove: r.props.nomove || r.props.nomove === "" || r.props.label === "-" || r.props.type === "selection" || r.props.label === "Operation",
+            resizable: !0,
+            visible: r.props.visible !== !1
+          };
+          if (O != null && O.length && b.indexOf(r.props.prop) === -1) {
+            const { data: d } = O.filter1(
+              (i) => i.prop === r.props.prop
+            );
+            d && ($.sort = d.sort, $.fixed = d.fixed, $.visible = d.visible);
+          }
+          r.props.fixed ? V[r.props.fixed].push($) : V.center.push($), r.props = $;
+        } else u === "Symbol" && r.children;
+      }), s.columnInfo = V;
+      const f = [
+        ...V.left,
+        ...V.center.sort((r, C) => r.sort - C.sort),
+        ...V.right
+      ];
+      A.tableName && localStorage.setItem(e, JSON.stringify(f));
+    })();
+    let a = [];
+    if (o.forEach((k) => {
+      window.$getType(k) !== "String" && k.props.visible && a.push(k);
+    }), (y = A.group) != null && y.label) {
+      const k = {
+        label: "Group By " + A.group.label,
+        // prop: props.group.value,
+        width: A.group.width,
+        fixed: "left",
+        visible: !0,
+        resizable: !0
+      };
+      a[0].props.type === "selection" ? a.splice(1, 0, {
+        ...a[1],
+        props: k
+      }) : a.unshift({
+        ...a[0],
+        props: k
+      });
+    }
+    return a = a.sort((k, V) => k.props.sort - V.props.sort), () => a;
+  }
+}), kt = { class: "MvcTableFooter" }, xt = { class: "FooterArea xscroll nobar" }, Vt = { class: "flexMode vc g8" }, Tt = {
+  key: 1,
+  class: "flexMode vc g4 fs14"
+}, Ot = { class: "txt-dark3" }, Mt = { class: "flexMode vc" }, At = { class: "txt-blue" }, Dt = {
+  key: 2,
+  class: "flexMode vc g4 fs14"
+}, It = { class: "txt-dark3" }, Nt = { class: "flexMode vc" }, zt = { class: "txt-blue" }, jt = { class: "txt-dark7" }, Bt = { class: "flexMode vc g4 fs14" }, Yt = { class: "txt-dark3" }, Et = { class: "txt-dark7" }, Lt = /* @__PURE__ */ Object.assign({
+  name: "MvcTableFooter"
+}, {
+  __name: "Footer",
+  props: {
+    pageNum: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 50
+    },
+    pageCount: {
+      type: Number,
+      default: 0
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 20, 50, 100]
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    filterTotal: {
+      type: Number,
+      default: 0
+    },
+    rows: {
+      type: Number,
+      default: 0
+    },
+    filterRows: {
+      type: Number,
+      default: 0
+    },
+    selectionLength: {
+      type: Number,
+      default: 0
+    },
+    remoteData: {
+      type: [String, Number],
+      default: ""
+    },
+    nosummary: {
+      type: Boolean,
+      default: !1
+    },
+    staticTotal: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      summaryMode: 1
+    }), o = x, h = (r) => {
+      o("size-change", r);
+    }, a = (r) => {
+      o("page-change", r);
+    }, y = (r) => {
+      o("summary-mode-change", r);
+    }, k = computed(() => s.staticTotal ? !1 : s.filterTotal !== s.total), V = computed(() => Number(s.pageCount) || 7), O = computed(() => window.$getType(s.remoteData) === "String"), b = computed(() => O.value ? "slot, ->, prev, pager, next, sizes" : "slot, ->"), f = [
+      {
+        label: window.$l("Current Page"),
+        value: 0
+      },
+      {
+        label: window.$l("All Page"),
+        value: 1
+      }
+    ];
+    return (r, C) => {
+      const u = D("el-option"), m = D("el-select"), $ = D("el-pagination");
+      return p(), M("div", kt, [
+        c("div", xt, [
+          N($, {
+            ref: "pagination",
+            background: "",
+            layout: t(b),
+            total: s.total,
+            "current-page": s.pageNum,
+            "onUpdate:currentPage": C[1] || (C[1] = (d) => s.pageNum = d),
+            "page-size": s.pageSize,
+            "page-sizes": s.pageSizes,
+            "pager-count": t(V),
+            onSizeChange: h,
+            onCurrentChange: a,
+            class: "wp100"
+          }, {
+            default: _(() => [
+              c("div", Vt, [
+                s.nosummary ? B("", !0) : (p(), Y(m, {
+                  key: 0,
+                  modelValue: t(e).summaryMode,
+                  "onUpdate:modelValue": C[0] || (C[0] = (d) => t(e).summaryMode = d),
+                  placeholder: " ",
+                  class: "w160-i",
+                  size: "default",
+                  onChange: y
+                }, {
+                  prefix: _(() => [
+                    te(I(r.$l("Sum")), 1)
+                  ]),
+                  default: _(() => [
+                    (p(), M(oe, null, le(f, (d, i) => N(u, {
+                      key: i,
+                      label: d.label,
+                      value: d.value
+                    }, null, 8, ["label", "value"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])),
+                s.selectionLength ? (p(), M("div", Tt, [
+                  c("div", Ot, I(r.$l("Selected")), 1),
+                  c("div", Mt, [
+                    c("span", At, I(s.selectionLength), 1)
+                  ])
+                ])) : B("", !0),
+                t(k) ? (p(), M("div", Dt, [
+                  c("div", It, I(r.$l("Current")), 1),
+                  c("div", Nt, [
+                    c("span", zt, I(r.$fa(s.filterTotal, 0)), 1),
+                    C[2] || (C[2] = c("span", { class: "p0-2 txt-dark3" }, "/", -1)),
+                    c("span", jt, I(r.$fa(s.rows, 0)), 1)
+                  ])
+                ])) : B("", !0),
+                c("div", Bt, [
+                  c("div", Yt, I(r.$l("Total")), 1),
+                  c("div", Et, I(r.$fa(s.total, 0)), 1)
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["layout", "total", "current-page", "page-size", "page-sizes", "pager-count"])
+        ])
+      ]);
+    };
+  }
+}), Rt = /* @__PURE__ */ ae(Lt, [["__scopeId", "data-v-3c31d004"]]), Pt = ["id"], Ft = /* @__PURE__ */ Object.assign({
+  name: "MvcTableGroupMain",
+  inheritAttrs: !1
+}, {
+  __name: "Group",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    tableName: {
+      type: String,
+      default: ""
+    },
+    channel: {
+      type: String,
+      default: ""
+    },
+    cellClassName: {
+      type: [Function, String],
+      default: void 0
+    },
+    loadData: {
+      type: [Function, void 0],
+      default: void 0
+    },
+    list: {
+      type: [Array, void 0],
+      default: void 0
+    },
+    height: {
+      type: [String, Number],
+      default: 0
+    },
+    minusHeight: {
+      type: [String, Number],
+      default: 0
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    },
+    nofooter: {
+      type: Boolean,
+      default: !1
+    },
+    noscrolltop: {
+      type: Boolean,
+      default: !1
+    },
+    immediate: {
+      type: Boolean,
+      default: !0
+    },
+    pageSize: {
+      type: Number,
+      default: 0
+    },
+    filter: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    defaultSort: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    rowKey: {
+      type: [String, void 0],
+      default: void 0
+    },
+    showSummary: {
+      type: Boolean,
+      default: !1
+    },
+    summaryMethod: {
+      type: Function,
+      default: void 0
+    },
+    groupInfo: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup(A, { expose: x, emit: s }) {
+    const e = A, o = reactive({
+      loading: !0,
+      tableKey: 0,
+      pageStart: 1,
+      pageSize: 50,
+      search: {},
+      dt: {},
+      filter: {},
+      selection: [],
+      scrollTop: 0,
+      scrollAni: !1,
+      summaryMode: 1,
+      tableId: "",
+      sizeChanged: !1
+    }), { proxy: h } = getCurrentInstance();
+    inject("store").table();
+    const y = ref();
+    Se(() => {
+      o.tableId = `Table${+/* @__PURE__ */ new Date()}_${window.$rn(9999)}`;
+    });
+    const k = s, V = async (j = {}) => {
+      const { refresh: F, remote: E } = j;
+      U.value && F || (j ? (o.pageStart = j.pageStart || 1, j.pageSize && (o.pageSize = j.pageSize), delete j.pageStart, delete j.pageSize, delete j.refresh, delete j.remote, o.search = j) : o.pageStart = 1, await b({ remote: E }));
+    }, O = (j) => {
+      j || o.tableKey++;
+    }, b = async (j = {}, F) => {
+      var q;
+      const { remote: E } = j;
+      if (e.loadData !== void 0) {
+        o.loading = !0;
+        let Q;
+        e.pageSize && o.sizeChanged === !1 ? Q = e.pageSize : Q = o.pageSize;
+        const X = {
+          pageStart: o.pageStart,
+          pageSize: Q,
+          ...o.search
+        };
+        o.pageSize = X.pageSize, o.pageStart = X.pageStart, (q = e.groupInfo) != null && q.value && (X.groupBy = e.groupInfo.value), E && (X.remote = !0);
+        const re = await e.loadData(X);
+        o.loading = !1, re ? (o.dt = re, o.filter = JSON.parse(JSON.stringify(re)), k("update:total", o.dt.total)) : (o.dt = {
+          total: 0,
+          list: []
+        }, o.filter = {
+          total: 0,
+          list: []
+        }), W.value ? C() : k("list-change", re.list || []);
+      }
+      S();
+    }, f = (j) => {
+      o.summaryMode = j;
+    }, r = ({ columns: j, data: F }) => Ve({ columns: j, data: F, currency: window.currency }), C = (j = {}) => {
+      let { v: F = e.filter } = j;
+      F || (F = j);
+      const E = Object.keys(F), q = [];
+      return E.forEach((Q) => {
+        const X = F[Q];
+        X && X.length && q.push(Q);
+      }), q.length ? u(q, F) : (o.dt.list = [...o.filter.list], o.filter.total = o.dt.total, k("list-change", o.dt.list), o.filter.list);
+    }, u = (j, F) => {
+      const E = [];
+      return o.filter.list.forEach((q) => {
+        let Q = !1;
+        j.forEach((X) => {
+          const re = String(q[X]).toLowerCase();
+          let ue = F[X];
+          if (window.$getType(ue) === "Array")
+            try {
+              ue.forEach((ce) => {
+                if (ce && re.includes(String(ce).toLowerCase()))
+                  throw Q = !0, new Error();
+              });
+            } catch {
+            }
+          else re.includes(ue.toLowerCase()) && (Q = !0);
+        }), Q && E.push(q);
+      }), o.dt.list = E, o.filter.total = E.length, k("list-change", E), E;
+    }, m = () => {
+      o.dt = {
+        list: e.list,
+        total: e.list.length
+      }, o.filter = JSON.parse(JSON.stringify(o.dt)), k("list-change", e.list);
+    }, $ = ({ row: j = {}, id: F }) => {
+      F === void 0 ? o.dt.list.unshift(j) : o.dt.list = o.dt.list.map((E) => E.id === F ? {
+        ...E,
+        ...j
+      } : E);
+    }, d = (j, F) => {
+      o.dt.list = o.dt.list.filter((E) => E[j] !== F), o.filter.list = o.filter.list.filter((E) => E[j] !== F);
+    }, i = (j) => {
+      y.value.toggleRowExpansion(j);
+    }, w = (j, F) => {
+      y.value.toggleRowSelection(j, F);
+    }, g = (j) => {
+      o.selection = j, k("selection-change", j);
+    }, z = (j) => {
+      k("sort-change", j);
+    }, T = (j) => {
+      o.pageSize = j, o.sizeChanged = !0, b();
+    }, l = (j) => {
+      o.pageStart = j, b();
+    }, n = (j, F, E) => {
+      let q = localStorage.getItem(J.value);
+      if (q) {
+        q = JSON.parse(q);
+        const { data: Q } = q.filter1((X) => X.prop === E.property);
+        Q && (Q.width = E.width, localStorage.setItem(J.value, JSON.stringify(q)));
+      }
+    }, S = () => {
+      y.value && y.value.setScrollTop(0);
+    }, L = () => {
+      o.loading = !1;
+    }, R = (j) => {
+      o.dt.list.unshift(j);
+    }, U = computed(() => e.loading || o.loading), Z = computed(() => {
+      const {
+        options: { tableHeight: j },
+        page: F
+      } = window.global.config;
+      let E = e.height || j;
+      return e.nofooter && (E = E + F.footer), e.noheader && (E = E + F.header), e.minusHeight && (E = E - Number(e.minusHeight)), E < 200 && (E = 200), E;
+    }), W = computed(() => 0), P = computed(() => e.list === void 0 ? String(+/* @__PURE__ */ new Date()) : +/* @__PURE__ */ new Date()), ne = computed(() => window.$getType(P.value) === "String"), J = computed(() => e.tableName + "_Column"), ge = computed(() => o.summaryMode === 0 ? r : e.summaryMethod);
+    watch(
+      () => P.value,
+      (j) => {
+        if (j) {
+          const F = window.$getType(j);
+          F === "String" ? e.immediate && b() : F === "Number" && (o.loading = !1, m());
+        }
+      },
+      {
+        immediate: !0
+      }
+    ), x({
+      toFilter: C,
+      initTable: V,
+      editRow: $,
+      removeRow: d,
+      refreshTable: O,
+      toggleRowExpansion: i,
+      toggleRowSelection: w,
+      toStop: L,
+      toAdd: R
+    });
+    const de = {
+      "popper-class": "maxw300"
+    };
+    return (j, F) => {
+      var Q, X;
+      const E = D("Loading"), q = D("el-table");
+      return p(), M("div", {
+        class: G(["MvcTableGroupMain", t(ne) && "PagiTable"]),
+        id: t(o).tableId
+      }, [
+        N(E, {
+          loading: t(U),
+          class: "loadingRect"
+        }, null, 8, ["loading"]),
+        (p(), Y(q, {
+          ref_key: "table",
+          ref: y,
+          key: t(o).tableKey,
+          data: t(o).dt.list,
+          "row-key": e.rowKey,
+          height: t(Z),
+          stripe: "",
+          border: "",
+          "default-sort": A.defaultSort,
+          "show-summary": e.showSummary,
+          "summary-method": t(ge),
+          "tooltip-options": de,
+          "cell-class-name": e.cellClassName,
+          onHeaderDragend: n,
+          onSelectionChange: g,
+          onSortChange: z,
+          onToggleRowSelection: w
+        }, {
+          default: _(() => [
+            N(t(Ct), {
+              "table-name": e.tableName,
+              group: e.groupInfo
+            }, {
+              default: _(() => [
+                H(j.$slots, "default", {}, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["table-name", "group"])
+          ]),
+          _: 3
+        }, 8, ["data", "row-key", "height", "default-sort", "show-summary", "summary-method", "cell-class-name"])),
+        e.nofooter ? B("", !0) : (p(), Y(Rt, K({
+          key: 0,
+          ref: "footer"
+        }, j.$attrs, {
+          nosummary: !e.showSummary,
+          "page-num": t(o).pageStart,
+          "page-size": t(o).pageSize,
+          rows: (Q = t(o).filter.list) == null ? void 0 : Q.length,
+          "filter-rows": (X = t(o).dt.list) == null ? void 0 : X.length,
+          total: e.total || t(o).dt.total,
+          "filter-total": t(o).filter.total,
+          "selection-length": t(o).selection.length,
+          "remote-data": t(P),
+          "static-total": !!e.total,
+          onSizeChange: T,
+          onPageChange: l,
+          onSummaryModeChange: f
+        }), null, 16, ["nosummary", "page-num", "page-size", "rows", "filter-rows", "total", "filter-total", "selection-length", "remote-data", "static-total"]))
+      ], 10, Pt);
+    };
+  }
+}), Ut = /* @__PURE__ */ ae(Ft, [["__scopeId", "data-v-9dba2804"]]), Gt = /* @__PURE__ */ Object.assign({
+  name: "Table",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    showTotalChosen: {
+      type: Boolean,
+      default: !1
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    },
+    tableClass: {
+      type: String,
+      default: ""
+    },
+    customRefresh: {
+      type: Boolean,
+      default: !1
+    },
+    remote: {
+      type: Boolean,
+      default: !0
+    },
+    filterTagShow: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(A, { expose: x, emit: s }) {
+    const e = s, o = A, h = reactive({
+      columnInfo: {},
+      selection: [],
+      list: [],
+      total: 0,
+      groupInfo: {}
+    }), a = ref();
+    ref();
+    const y = ref(), { proxy: k } = getCurrentInstance(), V = (l) => {
+      y.value.toFilter(l);
+    }, O = (l) => {
+      y.value.initTable(l);
+    }, b = (l) => {
+      y.value.editRow(l);
+    }, f = () => {
+      y.value.refreshTable();
+    }, r = (l) => {
+      h.list = l;
+    }, C = (l) => {
+      h.selection = l;
+    }, u = (l) => {
+      y.value.toggleRowExpansion(l);
+    }, m = (l, n) => {
+      y.value.toggleRowSelection(l, n);
+    }, $ = () => {
+      k.$attrs.list || y.value.initTable({ refresh: !0, remote: o.remote }), o.customRefresh && e("customRefreshFunc");
+    }, d = (l) => {
+      h.groupInfo = l, nextTick(() => {
+        y.value.initTable();
+      });
+    }, i = () => {
+      y.value.$refs.table.clearSelection();
+    }, w = () => {
+      y.value.toStop();
+    }, g = (l) => {
+      y.value.toAdd(l);
+    }, z = (l, n) => {
+      y.value.removeRow(l, n);
+    }, T = computed(() => k.$attrs["table-name"]);
+    return computed(() => `${T.value}_Column`), x({
+      initTable: O,
+      editRow: b,
+      removeRow: z,
+      toFilter: V,
+      toggleRowExpansion: u,
+      toggleRowSelection: m,
+      toInitTable: f,
+      clearSelection: i,
+      toStop: w,
+      toAdd: g
+    }), (l, n) => (p(), M("div", {
+      class: G(["Table", o.tableClass])
+    }, [
+      o.noheader ? B("", !0) : (p(), Y(St, K({
+        key: 0,
+        ref_key: "header",
+        ref: a
+      }, l.$attrs, {
+        filterTagShow: o.filterTagShow,
+        list: t(h).list,
+        selection: t(h).selection,
+        total: t(h).total,
+        showTotalChosen: o.showTotalChosen,
+        onToInitTable: f,
+        onGroupChange: d,
+        onRefresh: $
+      }), ee({
+        default: _(() => [
+          l.$slots.actions ? H(l.$slots, "actions", { key: 0 }, void 0, !0) : B("", !0)
+        ]),
+        _: 2
+      }, [
+        l.$slots.filterRow ? {
+          name: "filterRow",
+          fn: _(() => [
+            H(l.$slots, "filterRow", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["filterTagShow", "list", "selection", "total", "showTotalChosen"])),
+      N(Ut, K({
+        ref_key: "main",
+        ref: y
+      }, l.$attrs, {
+        "group-info": t(h).groupInfo,
+        total: t(h).total,
+        "onUpdate:total": n[0] || (n[0] = (S) => t(h).total = S),
+        onSelectionChange: C,
+        onListChange: r
+      }), {
+        default: _(() => [
+          H(l.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 16, ["group-info", "total"])
+    ], 2));
+  }
+}), Ht = /* @__PURE__ */ ae(Gt, [["__scopeId", "data-v-869ef365"]]), Jt = { class: "SuperTextarea relative" }, Kt = {
+  key: 0,
+  class: "absFull flexMode hc vc z9"
+}, Wt = /* @__PURE__ */ Object.assign({
+  name: "SuperTextarea"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Array],
+      default: ""
+    },
+    rows: {
+      type: [Number, String],
+      default: 8
+    },
+    max: {
+      type: [String, Number],
+      default: 10
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    focus: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    sep: {
+      type: String,
+      default: `
+`
+    },
+    resize: {
+      type: String,
+      default: "none"
+    }
+  },
+  emits: ["total", "update:modelValue", "blur"],
+  setup(A, { expose: x, emit: s }) {
+    const e = A, o = reactive({ v: "", total: 0, mounted: !1 }), { proxy: h } = getCurrentInstance();
+    onMounted(() => {
+      e.focus && y(v);
+    });
+    const a = s, y = ($) => {
+      nextTick(() => {
+        h.$refs.input.focus(), $ && h.$refs.input.select();
+      });
+    }, k = ($) => {
+      let d = 0, i = [];
+      const w = [];
+      if ($) {
+        if (i = $.split(`
+`), i.forEach((g) => {
+          g.trim() && (d++, w.push(g));
+        }), !b.value) {
+          o.v = r.value ? [] : "";
+          return;
+        }
+        b.value > -1 && d > b.value && (i = w.slice(0, b.value), o.v = i.join(e.sep), d = b.value), a("update:modelValue", r.value ? i : o.v);
+      } else
+        a("update:modelValue", r.value ? [] : "");
+      o.total = d, a("total", d);
+    }, V = () => {
+      o.v = "", o.total = 0, a("update:modelValue", ""), a("change", ""), y();
+    }, O = () => {
+      a("blur");
+    }, b = computed(() => Number(e.max) || 0), f = computed(() => o.total === b.value ? "txt-red" : "txt-blue"), r = computed(() => window.$getType(e.modelValue) === "Array"), C = computed(() => window.$l("One per Line")), u = computed(() => e.placeholder ? `${window.$l(e.placeholder)}
+${C.value}` : `${C.value}`), m = computed(() => r.value ? e.modelValue.join(e.sep) : e.modelValue);
+    return watchPostEffect(() => {
+      m.value && b.value ? m.value !== o.v && (o.v = m.value, k(m.value)) : (o.v = "", o.total = 0);
+    }), x({
+      toFocus: y
+    }), ($, d) => {
+      const i = D("el-input");
+      return p(), M("div", Jt, [
+        e.loading ? (p(), M("div", Kt, d[1] || (d[1] = [
+          c("i", { class: "imicon im-loading ani-rotate" }, null, -1)
+        ]))) : B("", !0),
+        N(i, {
+          ref: "input",
+          modelValue: t(o).v,
+          "onUpdate:modelValue": d[0] || (d[0] = (w) => t(o).v = w),
+          rows: e.rows,
+          resize: e.resize,
+          type: "textarea",
+          placeholder: $.$l(t(u)),
+          class: G(["fullTextArea", $.$slots.prefix && "prefix"]),
+          disabled: e.loading || e.disabled,
+          onInput: k,
+          onBlur: O
+        }, null, 8, ["modelValue", "rows", "resize", "placeholder", "class", "disabled"]),
+        t(b) > -1 ? (p(), M("div", {
+          key: 1,
+          class: G(["countArea abs fs12 txt-blue", e.rows > 1 && "lh20"])
+        }, [
+          c("span", {
+            class: G(t(f))
+          }, I(t(o).total), 3),
+          d[2] || (d[2] = c("span", null, " / ", -1)),
+          c("span", null, I(t(b)), 1)
+        ], 2)) : B("", !0),
+        c("div", {
+          class: G(["clearArea abs txt-dark3 hover-txt-red5", [t(o).v && "content"]]),
+          onClick: V
+        }, d[3] || (d[3] = [
+          c("i", { class: "imicon im-close-circle" }, null, -1)
+        ]), 2),
+        $.$slots.prefix ? (p(), M("div", {
+          key: 2,
+          class: "prefix abs l t",
+          style: { padding: "6px 11px" },
+          onClick: ie((w) => null, ["stop"])
+        }, [
+          H($.$slots, "prefix", {}, void 0, !0)
+        ])) : B("", !0)
+      ]);
+    };
+  }
+}), qt = /* @__PURE__ */ ae(Wt, [["__scopeId", "data-v-197f3839"]]), Zt = { class: "SuperAiApp relative" }, Qt = { class: "flexMode vc g8" }, Xt = { class: "txt-nowrap" }, eo = { class: "txt-dark5" }, to = /* @__PURE__ */ Object.assign({
+  name: "SuperAiApp"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Number,
+      default: null
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    useDefault: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "success",
+    "update:icon",
+    "update:orgs",
+    "update:name"
+  ],
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      loading: !1,
+      single: "",
+      multiple: [],
+      options: []
+    }), h = inject("store").ai();
+    onMounted(() => {
+      y();
+    });
+    const a = x, y = async () => {
+      if (V.value.length) {
+        a("success");
+        return;
+      }
+      e.loading = !0, await h.getAppOptions(), e.loading = !1, a("success");
+    }, k = (f) => {
+      a("update:modelValue", f);
+      const { data: r } = h.appOptions.filter1((C) => C.id === e.single);
+      r && (a("update:name", r.name), a("update:icon", r.icon), a("update:orgs", r.orgs));
+    }, V = computed(() => h.appOptions), O = computed(() => s.placeholder ? window.$l(s.placeholder) : window.$l("App")), b = computed(() => V.value.filter1((r) => r.id === e.single).data);
+    return watch(
+      () => s.modelValue,
+      (f) => {
+        f && f !== e.v && (e.single = f, k(f));
+      },
+      {
+        immediate: !0
+      }
+    ), watch(
+      () => V.value,
+      (f) => {
+        s.useDefault && (f == null ? void 0 : f.length) === 1 && (e.single = f[0].id, k(f[0].id));
+      },
+      {
+        immediate: !0
+      }
+    ), (f, r) => {
+      const C = D("IconLoading"), u = D("Image"), m = D("el-option"), $ = D("el-select");
+      return p(), M("div", Zt, [
+        t(e).loading ? (p(), Y(C, { key: 0 })) : B("", !0),
+        N($, K({
+          modelValue: t(e).single,
+          "onUpdate:modelValue": r[0] || (r[0] = (d) => t(e).single = d),
+          placeholder: t(O),
+          filterable: "",
+          clearable: "",
+          "default-first-option": "",
+          "fit-input-width": ""
+        }, f.$attrs, { onChange: k }), ee({
+          default: _(() => [
+            (p(!0), M(oe, null, le(t(V), (d, i) => (p(), Y(m, {
+              key: i,
+              label: d.label,
+              value: d.id
+            }, {
+              default: _(() => [
+                c("div", Qt, [
+                  N(u, {
+                    src: d.icon,
+                    class: "noShrink w24 h24 radius radius4 border-dark1"
+                  }, null, 8, ["src"]),
+                  c("span", Xt, I(d.name), 1),
+                  c("span", eo, "(" + I(d.id) + ")", 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          t(b) ? {
+            name: "prefix",
+            fn: _(() => [
+              N(u, {
+                src: t(b).icon,
+                class: "noShrink w24 h24 radius radius4 border-dark1"
+              }, null, 8, ["src"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder"])
+      ]);
+    };
+  }
+}), oo = { class: "SuperAsaOrg relative" }, lo = { class: "inputGroup" }, ao = { class: "inputGroupLeft noShrink" }, no = { class: "flexMode vc g4" }, so = { class: "txt-dark5" }, ro = /* @__PURE__ */ Object.assign({
+  name: "SuperAsaOrg"
+}, {
+  __name: "index",
+  props: {
+    app: {
+      type: Number,
+      default: 0
+    },
+    changeImmediately: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    unTimezone: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "update:name",
+    "update:currency",
+    "update:readonly",
+    "success",
+    "error",
+    "change"
+  ],
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      loading: !1,
+      single: "",
+      multiple: [],
+      options: []
+    }), h = inject("store").ai();
+    onMounted(() => {
+      y();
+    });
+    const a = x, y = async () => {
+      f.value.length ? (e.single || k(f.value[0].id), a("success")) : a("error");
+    }, k = (u) => {
+      var m, $, d, i;
+      a("update:modelValue", u), a("update:name", (m = r.value) == null ? void 0 : m.name), a("update:currency", ($ = r.value) == null ? void 0 : $.currency), a("update:timezone", (d = r.value) == null ? void 0 : d.timezone), a("update:readonly", (i = r.value) == null ? void 0 : i.readonly), s.changeImmediately && a("change", u), s.unTimezone || V();
+    }, V = () => {
+      var m;
+      let u = r.value;
+      h.saveData("accountTimezone", {
+        timezoneName: u == null ? void 0 : u.timezone,
+        tip: "Account",
+        timezone: (m = window.$map.common.timezone.filter1(
+          ($) => $.label === (u == null ? void 0 : u.timezone)
+        ).data) == null ? void 0 : m.value
+      });
+    }, O = () => {
+      e.single = "", a("update:modelValue", ""), a("update:name", ""), a("update:currency", ""), a("update:timezone", ""), a("update:readonly", !1);
+    }, b = computed(() => window.$l("Campaign Group")), f = computed(() => {
+      var u;
+      return s.app ? ((u = h.appOptions.filter1((m) => m.id === s.app).data) == null ? void 0 : u.orgs) || [] : [];
+    }), r = computed(() => f.value.filter1((u) => u.id === e.single).data), C = computed(() => !s.app);
+    return watch(
+      () => s.modelValue,
+      (u) => {
+        u ? u !== e.single && (e.single = u, k(u)) : O();
+      },
+      {
+        immediate: !0
+      }
+    ), (u, m) => {
+      const $ = D("IconLoading"), d = D("el-button"), i = D("el-option"), w = D("el-select");
+      return p(), M("div", oo, [
+        t(e).loading ? (p(), Y($, { key: 0 })) : B("", !0),
+        c("div", lo, [
+          c("div", ao, [
+            N(d, {
+              circle: "",
+              onClick: m[0] || (m[0] = (g) => u.$copy(t(e).single, "ID"))
+            }, {
+              icon: _(() => m[2] || (m[2] = [
+                c("i", { class: "imicon im-copy" }, null, -1)
+              ])),
+              _: 1
+            })
+          ]),
+          N(w, K({
+            modelValue: t(e).single,
+            "onUpdate:modelValue": m[1] || (m[1] = (g) => t(e).single = g),
+            placeholder: t(b),
+            disabled: t(C),
+            filterable: ""
+          }, u.$attrs, {
+            class: "inputGroupRight",
+            onChange: k
+          }), {
+            default: _(() => [
+              (p(!0), M(oe, null, le(t(f), (g, z) => (p(), Y(i, {
+                key: z,
+                label: `${g.name} (${g.id})`,
+                value: g.id,
+                disabled: s.readonly && g.readonly
+              }, {
+                default: _(() => [
+                  c("div", no, [
+                    c("i", {
+                      class: G(["imicon", g.readonly ? "" : "im-writing"])
+                    }, null, 2),
+                    c("span", null, I(g.name), 1),
+                    c("span", so, "(" + I(g.id) + ")", 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "value", "disabled"]))), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue", "placeholder", "disabled"])
+        ])
+      ]);
+    };
+  }
+}), io = { class: "SuperAsaAdGroup relative" }, uo = { class: "outsideIgnore" }, co = { class: "flexMode vc g8" }, po = { class: "flexMode hr outsideIgnore" }, mo = {
+  key: 2,
+  class: "inputGroup"
+}, fo = { class: "inputGroupLeft noShrink" }, go = { class: "flexMode vc g8" }, yo = /* @__PURE__ */ Object.assign({
+  name: "SuperAsaAdGroup"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [Number, Array],
+      default: 0
+    },
+    app: {
+      type: [Number, Array],
+      default: 0
+    },
+    org: {
+      type: [String, Number, Array],
+      default: 0
+    },
+    campaign: {
+      type: [String, Number, Array],
+      default: 0
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    value: {
+      type: String,
+      default: "id"
+    },
+    special: {
+      type: Boolean,
+      default: !1
+    },
+    confirmAction: {
+      type: Boolean,
+      default: !1
+    },
+    needNew: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "change",
+    "confirm",
+    "update:modelValue",
+    "update:name"
+  ],
+  setup(A, { expose: x, emit: s }) {
+    const e = A, o = reactive({
+      loading: !1,
+      single: "",
+      multiple: [],
+      options: [],
+      filterTxt: ""
+    }), { proxy: h } = getCurrentInstance(), a = s, y = async () => {
+      const i = window.$getType(e.campaign);
+      let w;
+      if (i === "Array" ? w = e.campaign.join(",") : w = e.campaign.toString(), !w)
+        return;
+      let g = {
+        data: {
+          appId: e.app,
+          orgId: e.org,
+          campaignId: w
+        }
+      };
+      e.needNew && (g.ex = +/* @__PURE__ */ new Date()), o.loading = !0;
+      const { code: z, data: T } = await window.$post({
+        url: window.$api.asa.adGroupOptions,
+        ...g
+      });
+      if (o.loading = !1, z === 200) {
+        let l;
+        e.permission ? l = T.filter((n) => n.permission === e.permission) : l = T, o.options = l.map((n) => (n.sort = window.$map.statusMap[n.status].sort, n.ca = `${n.campaignId}_${n.id}`, n.oca = `${n.orgId}_${n.valueCA}`, n)).sort((n, S) => n.sort - S.sort);
+      }
+      if (e.multiple && e.modelValue && e.modelValue.length > 0) {
+        const l = e.modelValue.map((n) => {
+          const { data: S } = m.value.filter1((L) => L[e.value] === n);
+          return S ? S.name : `Unknown Name ${n}`;
+        });
+        a("update:name", l);
+      }
+      !e.multiple && u.value && a("update:name", u.value.name);
+    }, k = (i) => {
+      o.filterTxt = i;
+    }, V = () => {
+      h.$refs.multipleSelect.blur(), e.confirmAction && a("confirm");
+    }, O = (i) => {
+      const w = i.map((g) => {
+        const { data: z } = m.value.filter1((T) => T[e.value] === g);
+        return z ? z.name : `Unknown Name ${g}`;
+      });
+      a("update:modelValue", o.multiple), a("update:name", w), a("change", i);
+    }, b = () => {
+      a("update:modelValue", o.single), a("update:name", u.value.name), a("change", o.single);
+    }, f = () => {
+      o.multiple = m.value.filter((i) => {
+        if (i.hide === !1)
+          return i;
+      }).map((i) => i[e.value]), a("update:modelValue", o.multiple);
+    }, r = () => {
+      y();
+    }, C = computed(() => window.$l("Ad Group")), u = computed(() => o.single ? o.options.filter1((i) => i[e.value] === o.single).data : ""), m = computed(() => o.filterTxt ? o.options.map((i) => (i.name.includes(o.filterTxt) ? i.hide = !1 : i.hide = !0, i)) : (o.options.map((i) => (i.hide = !1, i)), o.options.map((i) => (i.hide = !1, i)))), $ = computed(() => m.value.filter((i) => i.hide === !1).length);
+    computed(() => e.app && e.org && e.campaign);
+    const d = computed(() => {
+      var g, z;
+      let i = !1;
+      const w = window.$getType(e.campaign);
+      return e.multiple && w === "Array" ? i = e.special ? ((g = e.campaign) == null ? void 0 : g.length) !== 1 : !((z = e.campaign) != null && z.length) : i = !e.campaign, i;
+    });
+    return watch(
+      () => e.campaign,
+      (i, w) => {
+        const g = window.$getType(i);
+        e.multiple ? (g === "Array" && i.length || g === "Number" && i) && y() : i && i !== w && y();
+      },
+      {
+        immediate: !0
+      }
+    ), watch(
+      () => e.modelValue,
+      (i) => {
+        e.multiple ? JSON.stringify(o.single) !== JSON.stringify(i) && (o.multiple = i) : i ? o.single !== i && (o.single = i) : o.single = "";
+      },
+      {
+        immediate: !0
+      }
+    ), x({
+      reload: r
+    }), (i, w) => {
+      const g = D("IconLoading"), z = D("el-button"), T = D("el-tag"), l = D("StatusItem"), n = D("MultipleSelect"), S = D("el-option"), L = D("el-select");
+      return p(), M("div", io, [
+        t(o).loading ? (p(), Y(g, { key: 0 })) : B("", !0),
+        e.multiple ? (p(), Y(n, K({
+          key: 1,
+          ref: "multipleSelect",
+          modelValue: t(o).multiple,
+          "onUpdate:modelValue": w[0] || (w[0] = (R) => t(o).multiple = R),
+          options: t(m),
+          placeholder: t(C),
+          label: i.$l("name"),
+          value: e.value,
+          clearable: "",
+          filterable: "",
+          "filter-method": k,
+          "collapse-tags": "",
+          "collapse-tags-tooltip": "",
+          disabled: t(d)
+        }, i.$attrs, { onChange: O }), {
+          header: _(() => [
+            c("div", uo, [
+              t(o).filterTxt ? (p(), Y(z, {
+                key: 0,
+                onClick: f,
+                class: "outsideIgnore"
+              }, {
+                default: _(() => [
+                  te(I(i.$l("Select All")), 1)
+                ]),
+                _: 1
+              })) : B("", !0)
+            ]),
+            N(T, {
+              type: "info",
+              effect: "light",
+              round: "",
+              size: "small",
+              class: "noevent"
+            }, {
+              default: _(() => [
+                te(I(t($)), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: _(({ it: R }) => [
+            c("div", co, [
+              N(l, {
+                status: R.status,
+                nolabel: ""
+              }, null, 8, ["status"]),
+              c("span", null, I(R.name), 1)
+            ])
+          ]),
+          footer: _(() => [
+            c("div", po, [
+              N(z, {
+                type: "primary",
+                onClick: ie(V, ["stop"])
+              }, {
+                default: _(() => [
+                  te(I(i.$l("Confirm")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "options", "placeholder", "label", "value", "disabled"])) : (p(), M("div", mo, [
+          c("div", fo, [
+            N(z, {
+              circle: "",
+              onClick: w[1] || (w[1] = (R) => i.$copy(t(o).single, "ID"))
+            }, {
+              icon: _(() => w[3] || (w[3] = [
+                c("i", { class: "imicon im-copy" }, null, -1)
+              ])),
+              _: 1
+            })
+          ]),
+          N(L, K({
+            modelValue: t(o).single,
+            "onUpdate:modelValue": w[2] || (w[2] = (R) => t(o).single = R),
+            placeholder: t(C),
+            clearable: "",
+            filterable: ""
+          }, i.$attrs, {
+            disabled: t(d),
+            class: "inputGroupRight",
+            onChange: b
+          }), ee({
+            default: _(() => [
+              (p(!0), M(oe, null, le(t(o).options, (R, U) => (p(), Y(S, {
+                key: U,
+                label: i.$l(R.name),
+                value: R[e.value]
+              }, {
+                default: _(() => [
+                  c("div", go, [
+                    N(l, {
+                      status: R.status,
+                      nolabel: ""
+                    }, null, 8, ["status"]),
+                    c("span", null, I(R.name), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "value"]))), 128))
+            ]),
+            _: 2
+          }, [
+            t(u) ? {
+              name: "prefix",
+              fn: _(() => [
+                N(l, {
+                  status: t(u).status,
+                  nolabel: ""
+                }, null, 8, ["status"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["modelValue", "placeholder", "disabled"])
+        ]))
+      ]);
+    };
+  }
+}), ho = { class: "SuperAsaApp relative" }, _o = { class: "flexMode vc g8" }, bo = { class: "txt-nowrap" }, vo = { class: "txt-dark5" }, wo = /* @__PURE__ */ Object.assign({
+  name: "SuperAsaApp"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Number,
+      default: null
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    useDefault: {
+      type: Boolean,
+      default: !1
+    },
+    aiDefault: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "change",
+    "success",
+    "update:icon",
+    "update:orgs",
+    "update:name"
+  ],
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      loading: !1,
+      single: "",
+      multiple: [],
+      options: []
+    }), h = inject("store").asa();
+    onMounted(() => {
+      y();
+    });
+    const a = x, y = async () => {
+      if (V.value.length) {
+        a("success");
+        return;
+      }
+      e.loading = !0, await h.getAppOptions(), e.loading = !1, a("success");
+    }, k = (f) => {
+      a("update:modelValue", f);
+      const { data: r } = h.appOptions.filter1((C) => C.id === e.single);
+      r && (a("update:name", r.name), a("update:icon", r.icon), a("update:orgs", r.orgs)), a("change", f);
+    }, V = computed(() => h.appOptions), O = computed(() => s.placeholder ? window.$l(s.placeholder) : window.$l("App")), b = computed(() => V.value.filter1((r) => r.id === e.single).data);
+    return watch(
+      () => s.modelValue,
+      (f) => {
+        f && f !== e.v && (e.single = f, k(f));
+      },
+      {
+        immediate: !0
+      }
+    ), watch(
+      () => V.value,
+      (f) => {
+        (s.useDefault && (f == null ? void 0 : f.length) === 1 || s.aiDefault && f.length > 0) && (e.single = f[0].id, k(f[0].id));
+      },
+      {
+        immediate: !0
+      }
+    ), (f, r) => {
+      const C = D("IconLoading"), u = D("Image"), m = D("el-option"), $ = D("el-select");
+      return p(), M("div", ho, [
+        t(e).loading ? (p(), Y(C, { key: 0 })) : B("", !0),
+        N($, K({
+          modelValue: t(e).single,
+          "onUpdate:modelValue": r[0] || (r[0] = (d) => t(e).single = d),
+          placeholder: t(O),
+          filterable: "",
+          clearable: "",
+          "default-first-option": "",
+          "fit-input-width": ""
+        }, f.$attrs, { onChange: k }), ee({
+          default: _(() => [
+            (p(!0), M(oe, null, le(t(V), (d, i) => (p(), Y(m, {
+              key: i,
+              label: d.label,
+              value: d.id
+            }, {
+              default: _(() => [
+                c("div", _o, [
+                  N(u, {
+                    src: d.icon,
+                    class: "noShrink w24 h24 radius radius4 border-dark1"
+                  }, null, 8, ["src"]),
+                  c("span", bo, I(d.name), 1),
+                  c("span", vo, "(" + I(d.id) + ")", 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          t(b) ? {
+            name: "prefix",
+            fn: _(() => [
+              N(u, {
+                src: t(b).icon,
+                class: "noShrink w24 h24 radius radius4 border-dark1"
+              }, null, 8, ["src"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder"])
+      ]);
+    };
+  }
+}), $o = { class: "SuperAsaCampaign relative" }, So = { class: "outsideIgnore" }, Co = { class: "flexMode vc g8" }, ko = {
+  key: 0,
+  class: "imicon im-writing"
+}, xo = { class: "txt-nowrap" }, Vo = { class: "flexMode hr outsideIgnore" }, To = {
+  key: 2,
+  class: "inputGroup"
+}, Oo = { class: "inputGroupLeft noShrink" }, Mo = { class: "flexMode vc g8" }, Ao = {
+  key: 0,
+  class: "imicon im-writing"
+}, Do = { class: "txt-nowrap" }, Io = /* @__PURE__ */ Object.assign({
+  name: "SuperAsaCampaign"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [Array, Number],
+      defualt: 0
+    },
+    app: {
+      type: [Number, Array],
+      default: 0
+    },
+    org: {
+      type: [String, Number, Array],
+      default: 0
+    },
+    value: {
+      type: String,
+      default: "id"
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    useex: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: "APPSTORE_SEARCH_RESULTS,APPSTORE_SEARCH_TAB,APPSTORE_TODAY_TAB,APPSTORE_PRODUCT_PAGES_BROWSE"
+    },
+    force: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "change",
+    "confirm",
+    "update:modelValue",
+    "update:name",
+    "update:adplacement",
+    "success"
+  ],
+  setup(A, { expose: x, emit: s }) {
+    const e = A, o = reactive({
+      loading: !1,
+      single: "",
+      multiple: [],
+      options: [],
+      filterTxt: ""
+    }), { proxy: h } = getCurrentInstance();
+    inject("store").common();
+    const y = s, k = async (T) => {
+      o.loading = !0;
+      const { code: l, data: n } = await window.$post({
+        url: window.$api.asa.campaignOptions,
+        data: {
+          appId: e.app,
+          orgId: e.org
+        },
+        ex: e.useex ? e.org : +/* @__PURE__ */ new Date()
+      });
+      o.loading = !1, l === 200 && (o.options = n.map((S) => (S.oc = `${S.orgId}_${S.id}`, S)).filter((S) => e.type.includes(S.adPlacement)), y("success", o.options));
+    }, V = () => {
+      h.$refs.multipleSelect.blur(), y("confirm");
+    }, O = (T) => {
+      y("update:modelValue", T), y("change", T);
+      const l = {};
+      d.value.filter((S) => T.indexOf(S.id) > -1).forEach((S) => {
+        l[S.adChannelType] = !0;
+      });
+      const n = T.map((S) => {
+        const { data: L } = d.value.filter1((R) => R[e.value] === S);
+        return L ? L.name : `Unknown Name ${S}`;
+      });
+      y("update:name", n), y("update:ad-type", Object.keys(l));
+    }, b = (T) => {
+      var l, n;
+      y("update:modelValue", T), y("update:adplacement", (l = $.value) == null ? void 0 : l.adPlacement), y("update:name", (n = $.value) == null ? void 0 : n.name), y("change", T);
+    }, f = (T) => {
+      var l, n;
+      y("update:modelValue", T), y("update:adplacement", (l = $.value) == null ? void 0 : l.adPlacement), y("update:name", (n = $.value) == null ? void 0 : n.name);
+    }, r = () => {
+      o.multiple = d.value.filter((T) => {
+        if (T.hide === !1)
+          return T;
+      }).map((T) => T[e.value]), y("update:modelValue", o.multiple);
+    }, C = (T) => {
+      o.filterTxt = T;
+    }, u = () => {
+      k();
+    }, m = computed(() => window.$l("Campaign")), $ = computed(() => o.single ? o.options.filter1((T) => T[e.value] === o.single).data : ""), d = computed(() => o.filterTxt ? o.options.map((T) => (T.name.includes(o.filterTxt) && e.type.includes(T.adPlacement) ? T.hide = !1 : T.hide = !0, T)) : o.options.map((l) => (e.type.includes(l.adPlacement) ? l.hide = !1 : l.hide = !0, l))), i = computed(() => d.value.filter((T) => T.hide === !1).length), w = computed(() => window.$getType(e.app) === "Array" ? e.app.join(",") : e.app), g = computed(() => window.$getType(e.org) === "Array" ? e.org.join(",") : e.org);
+    computed(() => `${w.value} ${g.value}`), computed(() => e.app && e.org);
+    const z = computed(() => !e.org);
+    return watch(
+      () => e.org,
+      (T, l) => {
+        T && T !== l && k();
+      },
+      {
+        immediate: !0
+      }
+    ), watch(
+      () => e.modelValue,
+      (T) => {
+        e.multiple ? JSON.stringify(o.multiple) !== JSON.stringify(T) && (o.multiple = T) : o.single !== T && (o.single = T, f(T));
+      },
+      {
+        immediate: !0
+      }
+    ), watch(
+      () => o.options,
+      (T) => {
+        T != null && T.length && !e.multiple && f(e.modelValue);
+      },
+      {
+        immediate: !0
+      }
+    ), x({
+      reload: u
+    }), (T, l) => {
+      const n = D("IconLoading"), S = D("el-button"), L = D("el-tag"), R = D("StatusItem"), U = D("MultipleSelect"), Z = D("el-option"), W = D("el-select");
+      return p(), M("div", $o, [
+        t(o).loading ? (p(), Y(n, { key: 0 })) : B("", !0),
+        e.multiple ? (p(), Y(U, K({
+          key: 1,
+          ref: "multipleSelect",
+          modelValue: t(o).multiple,
+          "onUpdate:modelValue": l[0] || (l[0] = (P) => t(o).multiple = P),
+          options: t(d),
+          placeholder: T.$l(t(m)),
+          clearable: "",
+          label: "name",
+          value: e.value,
+          disabled: t(z),
+          filterable: "",
+          "filter-method": C,
+          "collapse-tags": "",
+          "collapse-tags-tooltip": ""
+        }, T.$attrs, { onChange: O }), {
+          header: _(() => [
+            c("div", So, [
+              t(o).filterTxt ? (p(), Y(S, {
+                key: 0,
+                onClick: r,
+                class: "outsideIgnore"
+              }, {
+                default: _(() => [
+                  te(I(T.$l("Select All")), 1)
+                ]),
+                _: 1
+              })) : B("", !0)
+            ]),
+            N(L, {
+              type: "info",
+              effect: "light",
+              round: "",
+              size: "small",
+              class: "noevent"
+            }, {
+              default: _(() => [
+                te(I(t(i)), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: _(({ it: P }) => [
+            c("div", Co, [
+              N(R, {
+                status: P.status,
+                nolabel: "",
+                class: "noShrink"
+              }, null, 8, ["status"]),
+              P.readonly === !1 ? (p(), M("i", ko)) : B("", !0),
+              c("span", xo, I(P.name), 1)
+            ])
+          ]),
+          footer: _(() => [
+            c("div", Vo, [
+              N(S, {
+                type: "primary",
+                onClick: ie(V, ["stop"])
+              }, {
+                default: _(() => [
+                  te(I(T.$l("Confirm")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "options", "placeholder", "value", "disabled"])) : (p(), M("div", To, [
+          c("div", Oo, [
+            N(S, {
+              circle: "",
+              onClick: l[1] || (l[1] = (P) => T.$copy(t(o).single, "ID"))
+            }, {
+              icon: _(() => l[3] || (l[3] = [
+                c("i", { class: "imicon im-copy" }, null, -1)
+              ])),
+              _: 1
+            })
+          ]),
+          N(W, K({
+            modelValue: t(o).single,
+            "onUpdate:modelValue": l[2] || (l[2] = (P) => t(o).single = P),
+            placeholder: t(m),
+            clearable: "",
+            filterable: "",
+            disabled: t(z)
+          }, T.$attrs, {
+            class: "inputGroupRight",
+            onChange: b
+          }), ee({
+            default: _(() => [
+              (p(!0), M(oe, null, le(t(d), (P, ne) => (p(), Y(Z, {
+                key: ne,
+                label: P.name,
+                value: P[e.value]
+              }, {
+                default: _(() => [
+                  c("div", Mo, [
+                    N(R, {
+                      status: P.status,
+                      nolabel: "",
+                      class: "noShrink"
+                    }, null, 8, ["status"]),
+                    P.readonly === !1 ? (p(), M("i", Ao)) : B("", !0),
+                    c("span", Do, I(P.name), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "value"]))), 128))
+            ]),
+            _: 2
+          }, [
+            t($) ? {
+              name: "prefix",
+              fn: _(() => [
+                N(R, {
+                  status: t($).status,
+                  nolabel: "",
+                  class: "noShrink"
+                }, null, 8, ["status"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["modelValue", "placeholder", "disabled"])
+        ]))
+      ]);
+    };
+  }
+}), No = { class: "SuperAsaOrg relative" }, zo = { class: "inputGroup" }, jo = { class: "inputGroupLeft noShrink" }, Bo = { class: "flexMode vc g4" }, Yo = { class: "txt-dark5" }, Eo = /* @__PURE__ */ Object.assign({
+  name: "SuperAsaOrg"
+}, {
+  __name: "index",
+  props: {
+    app: {
+      type: Number,
+      default: 0
+    },
+    changeImmediately: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    unTimezone: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "update:name",
+    "update:currency",
+    "update:readonly",
+    "success",
+    "error",
+    "change"
+  ],
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      loading: !1,
+      single: "",
+      multiple: [],
+      options: []
+    }), h = inject("store").asa();
+    onMounted(() => {
+      y();
+    });
+    const a = x, y = async () => {
+      f.value.length ? (e.single || k(f.value[0].id), a("success")) : a("error");
+    }, k = (u) => {
+      var m, $, d, i;
+      a("update:modelValue", u), a("update:name", (m = r.value) == null ? void 0 : m.name), a("update:currency", ($ = r.value) == null ? void 0 : $.currency), a("update:timezone", (d = r.value) == null ? void 0 : d.timezone), a("update:readonly", (i = r.value) == null ? void 0 : i.readonly), s.changeImmediately && a("change", u), s.unTimezone || V();
+    }, V = () => {
+      var m;
+      let u = r.value;
+      h.saveData("accountTimezone", {
+        timezoneName: u == null ? void 0 : u.timezone,
+        tip: "Account",
+        timezone: (m = window.$map.common.timezone.filter1(
+          ($) => $.label === (u == null ? void 0 : u.timezone)
+        ).data) == null ? void 0 : m.value
+      });
+    }, O = () => {
+      e.single = "", a("update:modelValue", ""), a("update:name", ""), a("update:currency", ""), a("update:timezone", ""), a("update:readonly", !1);
+    }, b = computed(() => window.$l("Campaign Group")), f = computed(() => {
+      var u;
+      return s.app ? ((u = h.appOptions.filter1((m) => m.id === s.app).data) == null ? void 0 : u.orgs) || [] : [];
+    }), r = computed(() => f.value.filter1((u) => u.id === e.single).data), C = computed(() => !s.app);
+    return watch(
+      () => s.modelValue,
+      (u) => {
+        u ? u !== e.single && (e.single = u, k(u)) : O();
+      },
+      {
+        immediate: !0
+      }
+    ), (u, m) => {
+      const $ = D("IconLoading"), d = D("el-button"), i = D("el-option"), w = D("el-select");
+      return p(), M("div", No, [
+        t(e).loading ? (p(), Y($, { key: 0 })) : B("", !0),
+        c("div", zo, [
+          c("div", jo, [
+            N(d, {
+              circle: "",
+              onClick: m[0] || (m[0] = (g) => u.$copy(t(e).single, "ID"))
+            }, {
+              icon: _(() => m[2] || (m[2] = [
+                c("i", { class: "imicon im-copy" }, null, -1)
+              ])),
+              _: 1
+            })
+          ]),
+          N(w, K({
+            modelValue: t(e).single,
+            "onUpdate:modelValue": m[1] || (m[1] = (g) => t(e).single = g),
+            placeholder: t(b),
+            disabled: t(C),
+            filterable: ""
+          }, u.$attrs, {
+            class: "inputGroupRight",
+            onChange: k
+          }), {
+            default: _(() => [
+              (p(!0), M(oe, null, le(t(f), (g, z) => (p(), Y(i, {
+                key: z,
+                label: `${g.name} (${g.id})`,
+                value: g.id,
+                disabled: s.readonly && g.readonly
+              }, {
+                default: _(() => [
+                  c("div", Bo, [
+                    c("i", {
+                      class: G(["imicon", g.readonly ? "" : "im-writing"])
+                    }, null, 2),
+                    c("span", null, I(g.name), 1),
+                    c("span", Yo, "(" + I(g.id) + ")", 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "value", "disabled"]))), 128))
+            ]),
+            _: 1
+          }, 16, ["modelValue", "placeholder", "disabled"])
+        ])
+      ]);
+    };
+  }
+}), Lo = /* @__PURE__ */ Object.assign({
+  name: "SuperCountry"
+}, {
+  __name: "index",
+  props: {
+    type: {
+      type: String,
+      default: "aso"
+    },
+    nowrap: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(A) {
+    const x = defineAsyncComponent(() => Promise.resolve().then(() => Ll)), s = defineAsyncComponent(() => Promise.resolve().then(() => Ul)), e = {
+      CountryAso: x,
+      CountryDiy: s
+    }, o = A, h = computed(() => e["Country" + window.$toUpperCamel(o.type)]), a = computed(() => o.nowrap);
+    return (y, k) => (p(), M("div", {
+      class: G(["SuperCountry", o.nowrap && "nowrap"])
+    }, [
+      (p(), Y(Ce(t(h)), K(y.$attrs, {
+        "collapse-tags": t(a),
+        "collapse-tags-tooltip": t(a)
+      }), null, 16, ["collapse-tags", "collapse-tags-tooltip"]))
+    ], 2));
+  }
+}), Ro = ["title"], Po = {
+  key: 0,
+  class: "pl4"
+}, Fo = /* @__PURE__ */ Object.assign({
+  name: "SuperCountryItem"
+}, {
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    nolabel: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: [String, Number],
+      default: 16
+    },
+    radius: {
+      type: [String, Number],
+      default: 8
+    }
+  },
+  setup(A) {
+    const x = A;
+    reactive({});
+    const e = inject("store").common(), o = computed(() => {
+      const V = x.name.toLowerCase();
+      return e.countryObj[V] || window.$map.country.countryAllObj[V] || {};
+    }), h = computed(() => `fi-${o.value.value_lower}`);
+    computed(() => window.$getLang());
+    const a = computed(() => window.$l(o.value.label)), y = computed(() => {
+      const V = parseInt(x.size);
+      return {
+        width: V + "px",
+        height: V + "px"
+      };
+    }), k = computed(() => `radius${Number(x.radius) || 2}`);
+    return window.$map.country.countryAllObj, (V, O) => (p(), M("div", {
+      class: "SuperCountryItem flexMode vc g4",
+      title: t(a)
+    }, [
+      c("span", {
+        class: G(["box-shadow-gray3 fi fis noShrink", [t(h), t(k)]]),
+        style: se(t(y))
+      }, null, 6),
+      x.nolabel ? B("", !0) : (p(), M("span", Po, I(t(a)), 1))
+    ], 8, Ro));
+  }
+}), Uo = { class: "SuperOrg relative wp100" }, Go = /* @__PURE__ */ Object.assign({
+  name: "SuperOrg",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: ""
+    },
+    permission: {
+      type: String,
+      default: "all"
+    }
+  },
+  emits: "change",
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      loading: !1,
+      v: "",
+      orgOptions: []
+    }), h = inject("store").asa();
+    onMounted(() => {
+      y();
+    });
+    const a = x, y = async () => {
+      if (h.orgOptions.length > 0) {
+        e.orgOptions = h.orgOptions, a("success", e.orgOptions), pe(() => {
+          const f = e.orgOptions.filter1(
+            (r) => r.orgId === e.v
+          ).data;
+          a("update:paymentModel", f == null ? void 0 : f.paymentModel);
+        });
+        return;
+      }
+      e.loading = !0;
+      const { code: O, data: b } = await window.$post({
+        url: window.$api.asa.orgOptions
+      });
+      e.loading = !1, O === 200 && (e.orgOptions = b.map((f) => (f.label = `${f.orgName} (${f.orgId})`, f)), h.saveData("orgOptions", e.orgOptions), pe(() => {
+        const f = e.orgOptions.filter1(
+          (r) => r.orgId === e.v
+        ).data;
+        a("update:paymentModel", f == null ? void 0 : f.paymentModel);
+      }), a("success", e.orgOptions));
+    }, k = (O) => {
+      a("update:modelValue", O);
+      const b = e.orgOptions.filter1((f) => f.orgId === O).data;
+      a("update:currency", b == null ? void 0 : b.currency), a("update:name", b == null ? void 0 : b.orgName), a("update:timezone", b == null ? void 0 : b.timezone), a("update:paymentModel", b == null ? void 0 : b.paymentModel), a("change", O);
+    }, V = computed(() => {
+      if (s.permission === "all")
+        return e.orgOptions;
+      {
+        const O = s.permission === "readonly";
+        return e.orgOptions.filter((f) => f.readonly === O);
+      }
+    });
+    return watch(
+      () => s.modelValue,
+      (O) => {
+        O ? O !== e.v && (e.v = O, pe(() => {
+          const b = e.orgOptions.filter1(
+            (f) => f.orgId === e.v
+          ).data;
+          a("update:paymentModel", b == null ? void 0 : b.paymentModel);
+        })) : e.v = "";
+      },
+      {
+        immediate: !0
+      }
+    ), (O, b) => {
+      const f = D("IconLoading"), r = D("el-option"), C = D("el-select");
+      return p(), M("div", Uo, [
+        t(e).loading ? (p(), Y(f, { key: 0 })) : B("", !0),
+        N(C, {
+          modelValue: t(e).v,
+          "onUpdate:modelValue": b[0] || (b[0] = (u) => t(e).v = u),
+          filterable: "",
+          "collapse-tags": "",
+          placeholder: " ",
+          class: "wp100",
+          onChange: k
+        }, {
+          default: _(() => [
+            (p(!0), M(oe, null, le(t(V), (u, m) => (p(), Y(r, {
+              key: m,
+              label: u.label,
+              value: u.orgId
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ho = { class: "SuperStatusItem flexMode vc g8" }, Jo = /* @__PURE__ */ Object.assign({
+  name: "SuperStatusItem"
+}, {
+  __name: "index",
+  props: {
+    status: {
+      type: String,
+      default: ""
+    },
+    nolabel: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "small"
+    },
+    lang: {
+      type: String,
+      default: ""
+    },
+    isButton: {
+      type: Boolean,
+      default: !1
+    },
+    id1: {
+      type: String,
+      default: ""
+    },
+    id2: {
+      type: String,
+      default: ""
+    },
+    id3: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["changeStatus"],
+  setup(A, { emit: x }) {
+    const s = A, e = x, o = () => {
+      s.isButton && e("changeStatus", s.status, s.id1, s.id2, s.id3);
+    }, h = computed(() => window.$map.statusMap[s.status] || !1), a = computed(() => window.$toUpperCamel(s.status));
+    computed(() => s.lang || window.$getLang());
+    const y = computed(() => k[s.size] || "fs12"), k = {
+      small: "fs12",
+      default: "fs16",
+      large: "fs24"
+    };
+    return (V, O) => (p(), M("div", Ho, [
+      t(h) ? (p(), M("i", {
+        key: 0,
+        class: G(["imicon", [
+          t(h).class,
+          t(y),
+          s.isButton && s.status !== "DELETED" ? t(h).button_class : ""
+        ]]),
+        onClick: o
+      }, null, 2)) : B("", !0),
+      s.nolabel ? B("", !0) : (p(), M("span", {
+        key: 1,
+        class: G(["txt-h1", t(y)])
+      }, I(V.$l(t(h) ? t(h).label : t(a))), 3))
+    ]));
+  }
+}), Ko = { class: "SuperStatusSelect" }, Wo = /* @__PURE__ */ Object.assign({
+  name: "SuperStatusSelect"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(A) {
+    const x = A, s = reactive({
+      v: ""
+    }), { proxy: e } = getCurrentInstance(), o = computed(() => window.$getLang()), h = computed(() => e.$slots), a = computed(() => x.options.length ? x.options : ["RUNNING", "PAUSED"]), y = computed(() => {
+      const V = x.placeholder || "Status";
+      return window.$l(V);
+    });
+    watchEffect(() => {
+      s.v = x.modelValue;
+    });
+    const k = window.$map.statusMap;
+    return (V, O) => {
+      const b = D("StatusItem"), f = D("el-option"), r = D("el-select");
+      return p(), M("div", Ko, [
+        N(r, K({
+          modelValue: t(s).v,
+          "onUpdate:modelValue": O[0] || (O[0] = (C) => t(s).v = C),
+          "collapse-tags": "",
+          "collapse-tags-tooltip": ""
+        }, V.$attrs, {
+          placeholder: t(y),
+          onChange: V.change
+        }), ee({
+          default: _(() => [
+            (p(!0), M(oe, null, le(t(a), (C, u) => (p(), Y(f, {
+              key: C,
+              label: V.$l(t(k)[C].label),
+              value: C
+            }, {
+              default: _(() => [
+                N(b, {
+                  status: C,
+                  lang: t(o)
+                }, null, 8, ["status", "lang"])
+              ]),
+              _: 2
+            }, 1032, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          t(s).v ? {
+            name: "prefix",
+            fn: _(() => [
+              t(h).prefix ? H(V.$slots, "prefix", { key: 0 }) : (p(), Y(b, {
+                key: 1,
+                status: t(s).v,
+                nolabel: "",
+                lang: t(o)
+              }, null, 8, ["status", "lang"]))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder", "onChange"])
+      ]);
+    };
+  }
+}), Zl = {
+  Card: Me,
+  DatePicker: De,
+  EChart: je,
+  Icon: Ee,
+  Image: Fe,
+  Input: Ge,
+  MultipleSelect: tt,
+  Nodata: at,
+  Page: pt,
+  Table: Ht,
+  Textarea: qt,
+  AiApp: to,
+  AiOrg: ro,
+  AsaAdGroup: yo,
+  AsaApp: wo,
+  AsaCampaign: Io,
+  AsaOrg: Eo,
+  Country: Lo,
+  CountryItem: Fo,
+  Org: Go,
+  StatusItem: Jo,
+  StatusSelect: Wo
+}, qo = { class: "dragCenter flexMode vc flexGrow txt-nowrap" }, Zo = { class: "pl10 fs14 txt-h2" }, Qo = { class: "pb5 fs12 txt-primary3" }, Xo = /* @__PURE__ */ Object.assign({
+  name: "ColumnConfigDragItem"
+}, {
+  __name: "DragItem",
+  props: {
+    modelValue: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    it: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    type: {
+      type: String,
+      default: "center"
+    },
+    lang: {
+      type: String,
+      default: "en_us"
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      editMode: !1,
+      form: {},
+      info: {}
+    });
+    onMounted(() => {
+      e.form = s.it;
+    });
+    const o = x, h = () => {
+      o("add-left", s);
+    }, a = () => {
+      o("add-right", s);
+    }, y = (O) => {
+      o("change", { it: e.form, index: s.index, type: s.type });
+    };
+    computed(() => e.form.align ? " " : V[0].label);
+    const k = computed(() => s.it.nomove || e.editMode), V = [
+      {
+        label: "Left",
+        value: "left"
+      },
+      {
+        label: "Center",
+        value: "center"
+      },
+      {
+        label: "Right",
+        value: "right"
+      }
+    ];
+    return (O, b) => {
+      const f = D("el-switch");
+      return p(), M("div", {
+        class: G(["ColumnConfigDragItem", [!t(k) && "drag", s.type]])
+      }, [
+        c("div", {
+          class: G(["itemArea relative flexMode vc p4", [
+            t(e).editMode && "edit",
+            t(k) ? "cursor-disabled hover-bg-gray1" : "cursor-grab hover-bg-primary1"
+          ]])
+        }, [
+          c("div", {
+            class: "arrowLeft ml4 mr8 circle24 hover-txt-primary",
+            onClick: ie(h, ["stop"])
+          }, b[1] || (b[1] = [
+            c("i", { class: "imicon im-arrow-left" }, null, -1)
+          ])),
+          c("div", qo, [
+            N(f, {
+              modelValue: t(e).form.visible,
+              "onUpdate:modelValue": b[0] || (b[0] = (r) => t(e).form.visible = r),
+              disabled: t(e).form.nomove,
+              size: "default",
+              onChange: y
+            }, null, 8, ["modelValue", "disabled"]),
+            c("span", Zo, I(t(e).form.label || t(e).form.type), 1)
+          ]),
+          c("span", Qo, I(t(e).form.tips), 1),
+          c("div", {
+            class: "arrowRight mr4 ml8 circle24 hover-txt-primary",
+            onClick: ie(a, ["stop"])
+          }, b[2] || (b[2] = [
+            c("i", { class: "imicon im-arrow-right" }, null, -1)
+          ]))
+        ], 2)
+      ], 2);
+    };
+  }
+}), fe = /* @__PURE__ */ ae(Xo, [["__scopeId", "data-v-696fbfee"]]), el = { class: "flexMode vs p16 g16" }, tl = { class: "lh12" }, ol = { class: "fs12 txt-primary" }, ll = { class: "fs12 txt-dark5" }, al = {
+  key: 0,
+  class: "fs12 txt-dark3"
+}, nl = {
+  key: 0,
+  class: "absCenter txt-nowrap txt-dark7 fs12"
+}, sl = { class: "lh12" }, rl = { class: "fs12 txt-primary" }, il = { class: "fs12 txt-dark5" }, dl = {
+  key: 0,
+  class: "fs12 txt-dark3"
+}, ul = {
+  key: 0,
+  class: "absCenter txt-nowrap txt-dark7 fs12"
+}, cl = { class: "lh12" }, pl = { class: "fs12 txt-primary" }, ml = { class: "fs12 txt-dark5" }, fl = {
+  key: 0,
+  class: "fs12 txt-dark3"
+}, gl = {
+  key: 0,
+  class: "absCenter txt-nowrap txt-dark7 fs12"
+}, yl = /* @__PURE__ */ Object.assign({
+  name: "TableHeaderColumnConfig",
+  inheritAttrs: !1
+}, {
+  __name: "ColumnConfig",
+  props: {
+    params: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      loading: !1,
+      left: [],
+      center: [],
+      right: [],
+      total: 0
+    });
+    onMounted(() => {
+      h();
+    });
+    const o = x, h = () => {
+      a();
+    }, a = () => {
+      let w = localStorage.getItem(C.value);
+      if (w) {
+        w = JSON.parse(w);
+        let g = 0;
+        w.forEach((z) => {
+          z.label && !z.nomove && (g++, z.fixed ? e[z.fixed].push(z) : e.center.push(z));
+        }), e.total = g;
+      }
+    }, y = ({ it: w, index: g, type: z }) => {
+      e.left.unshift(w), e.center.splice(g, 1);
+    }, k = ({ it: w, index: g, type: z }) => {
+      e.right.unshift(w), e.center.splice(g, 1);
+    }, V = ({ it: w, index: g, type: z }) => {
+      e.center.unshift(w), e.left.splice(g, 1);
+    }, O = ({ it: w, index: g, type: z }) => {
+      e.center.unshift(w), e.right.splice(g, 1);
+    }, b = ({ it: w, index: g, type: z }) => {
+      e[z][g] = w;
+    }, f = async () => {
+      e.loading = !0, localStorage.removeItem(C.value), window.$promise(() => {
+        e.loading = !1, o("submit", "column"), o("close");
+      });
+    }, r = async () => {
+      e.loading = !0, await window.$promise(() => {
+        const { left: w, center: g, right: z } = e;
+        w.forEach((l, n) => {
+          l.fixed = "left", l.sort = n;
+        }), g.forEach((l, n) => {
+          l.fixed = !1, l.sort = n;
+        }), z.forEach((l, n) => {
+          l.fixed = "right", l.sort = n;
+        });
+        const T = [...w, ...g, ...z].sort(
+          (l, n) => l.sort - n.sort
+        );
+        localStorage.setItem(C.value, JSON.stringify(T));
+      }, 10), e.loading = !1, o("submit", "column"), o("close");
+    }, C = computed(() => `${s.params.tableName}_Column`), u = computed(() => ({
+      height: window.global.config.options.drawerHeight - 96 + "px"
+    })), m = computed(() => {
+      let w = 0, g = 0;
+      return e.left.forEach((z) => {
+        z.visible ? w++ : g++;
+      }), {
+        visible: w,
+        hide: g
+      };
+    }), $ = computed(() => {
+      let w = 0, g = 0;
+      return e.center.forEach((z) => {
+        z.visible ? w++ : g++;
+      }), {
+        visible: w,
+        hide: g
+      };
+    }), d = computed(() => {
+      let w = 0, g = 0;
+      return e.right.forEach((z) => {
+        z.visible ? w++ : g++;
+      }), {
+        visible: w,
+        hide: g
+      };
+    }), i = computed(() => window.$getLang());
+    return (w, g) => {
+      const z = D("Card"), T = D("el-button"), l = D("DrawerArea");
+      return p(), Y(l, {
+        class: "TableHeaderColumnConfig",
+        loading: t(e).loading,
+        noscroll: "",
+        onSubmit: r
+      }, {
+        cancel: _(() => [
+          N(T, {
+            plain: "",
+            onClick: f
+          }, {
+            icon: _(() => g[3] || (g[3] = [
+              c("i", { class: "imicon im-reset" }, null, -1)
+            ])),
+            default: _(() => [
+              te(" " + I(w.$l("Reset")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: _(() => [
+          c("div", el, [
+            N(z, {
+              title: "Fixed on Left",
+              class: "flex1"
+            }, ee({
+              default: _(() => [
+                t(e).left.length === 0 ? (p(), M("div", nl, I(w.$l("No Column Fixed on Left")), 1)) : B("", !0),
+                g[0] || (g[0] = c("div", { class: "border-t" }, null, -1)),
+                N(t(me), {
+                  list: t(e).left,
+                  group: "columnFilter",
+                  class: "dragBody p4-0 yscroll nobar",
+                  draggable: ".drag",
+                  style: se(t(u)),
+                  "item-key": (n) => n
+                }, {
+                  item: _(({ element: n, index: S }) => [
+                    N(fe, {
+                      it: n,
+                      index: S,
+                      lang: t(i),
+                      type: "left",
+                      onAddRight: V,
+                      onChange: b
+                    }, null, 8, ["it", "index", "lang"])
+                  ]),
+                  _: 1
+                }, 8, ["list", "style", "item-key"])
+              ]),
+              _: 2
+            }, [
+              t(m) ? {
+                name: "header",
+                fn: _(() => [
+                  c("div", tl, [
+                    c("span", ol, I(t(m).visible), 1),
+                    c("span", ll, " / " + I(t(e).total), 1),
+                    t(m).hide ? (p(), M("span", al, "(" + I(t(m).hide) + ")", 1)) : B("", !0)
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024),
+            N(z, {
+              title: "In Center",
+              class: "flex1"
+            }, ee({
+              default: _(() => [
+                t(e).center.length === 0 ? (p(), M("div", ul, I(w.$l("No Column Fixed on Left")), 1)) : B("", !0),
+                g[1] || (g[1] = c("div", { class: "border-t" }, null, -1)),
+                N(t(me), {
+                  list: t(e).center,
+                  group: "columnFilter",
+                  class: "dragBody p4-0 yscroll nobar",
+                  draggable: ".drag",
+                  style: se(t(u)),
+                  "item-key": (n) => n
+                }, {
+                  item: _(({ element: n, index: S }) => [
+                    N(fe, {
+                      it: n,
+                      index: S,
+                      onAddLeft: y,
+                      lang: t(i),
+                      onAddRight: k,
+                      onChange: b
+                    }, null, 8, ["it", "index", "lang"])
+                  ]),
+                  _: 1
+                }, 8, ["list", "style", "item-key"])
+              ]),
+              _: 2
+            }, [
+              t($) ? {
+                name: "header",
+                fn: _(() => [
+                  c("div", sl, [
+                    c("span", rl, I(t($).visible), 1),
+                    c("span", il, " / " + I(t(e).total), 1),
+                    t($).hide ? (p(), M("span", dl, "(" + I(t($).hide) + ")", 1)) : B("", !0)
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024),
+            N(z, {
+              title: "Fixed on Right",
+              class: "flex1"
+            }, ee({
+              default: _(() => [
+                t(e).right.length === 0 ? (p(), M("div", gl, I(w.$l("No Column Fixed on Right")), 1)) : B("", !0),
+                g[2] || (g[2] = c("div", { class: "border-t" }, null, -1)),
+                N(t(me), {
+                  list: t(e).right,
+                  group: "columnFilter",
+                  class: "dragBody p4-0 yscroll nobar",
+                  draggable: ".drag",
+                  style: se(t(u)),
+                  "item-key": (n) => n
+                }, {
+                  item: _(({ element: n, index: S }) => [
+                    N(fe, {
+                      it: n,
+                      index: S,
+                      type: "right",
+                      lang: t(i),
+                      onAddLeft: O,
+                      onChange: b
+                    }, null, 8, ["it", "index", "lang"])
+                  ]),
+                  _: 1
+                }, 8, ["list", "style", "item-key"])
+              ]),
+              _: 2
+            }, [
+              t(d) ? {
+                name: "header",
+                fn: _(() => [
+                  c("div", cl, [
+                    c("span", pl, I(t(d).visible), 1),
+                    c("span", ml, " / " + I(t(e).total), 1),
+                    t(d).hide ? (p(), M("span", fl, "(" + I(t(d).hide) + ")", 1)) : B("", !0)
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024)
+          ])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+}), hl = /* @__PURE__ */ ae(yl, [["__scopeId", "data-v-e8053f13"]]), _l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: hl
+}, Symbol.toStringTag, { value: "Module" })), bl = { class: "p16 wp100 sticky bg-white9 border-b backdrop z2" }, vl = { class: "p8" }, wl = { class: "txt-dark5" }, $l = { class: "pl8 txt-dark9" }, Sl = {
+  key: 0,
+  class: "flexMode vc p8"
+}, Cl = {
+  key: 1,
+  class: "flexMode vc p8"
+}, kl = { class: "txt-dark5" }, xl = { class: "pl8 pr16 txt-dark9" }, Vl = {
+  key: 2,
+  class: "flexMode vc p8"
+}, Tl = { class: "flexMode hr vc g16" }, Ol = { class: "pr8" }, Ml = { class: "relative wp100 pb8 border-b z1" }, Al = { class: "p16 txt-dark9" }, Dl = { class: "pr8" }, Il = { class: "inputGroup flexMode vc flexGrow" }, Nl = { class: "inputGroupRight" }, zl = /* @__PURE__ */ Object.assign({
+  name: "TableDownload"
+}, {
+  __name: "TableDownload",
+  props: {
+    params: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      columns: [],
+      items: [],
+      downloadAll: !1,
+      onlySelection: !1,
+      // 只下载选中项
+      remoteDownload: !1,
+      // 远程下载
+      filename: "",
+      // 文件名
+      useCountryName: !1,
+      // 使用国家名称
+      widthTableHead: !0
+    }), { proxy: o } = getCurrentInstance(), h = useRoute();
+    onMounted(() => {
+      k();
+    });
+    const a = x, y = () => {
+      e.downloadAll ? a("fetch-all-data") : a("recover-current-data");
+    }, k = () => {
+      V(), O();
+    }, V = () => {
+      z.value.length && (e.onlySelection = !0);
+    }, O = () => {
+      const l = JSON.parse(localStorage.getItem(d.value)) || [], n = [], S = [];
+      l.forEach((L) => {
+        L.prop && (n.push(L), L.visible && S.push(L.prop));
+      }), e.columns = n, e.items = S;
+    }, b = () => {
+    }, f = (l = ",", n) => {
+      const S = e.items.map((U) => w.value[U].label);
+      let L = [];
+      e.onlySelection ? L = z.value : L = g.value;
+      const R = L.map((U) => {
+        const Z = [];
+        return e.items.forEach((W) => {
+          if (["country"].includes(W))
+            if (e.useCountryName) {
+              const P = window.$getType(U[W]);
+              let ne;
+              P === "Array" ? ne = U[W] : ne = U[W].split(","), ne = ne.map((J) => window.$map.country.asaObj[J.toLowerCase()][`label_${u.value}`]), Z.push(`"${ne.join(",")}"`);
+            } else
+              Z.push(`"${U[W]}"`);
+          else if (["spendOrigin"].includes(W)) {
+            const P = U.currency + " " + (U[`${W}Format`] || U[W]);
+            Z.push(`"${P || "-"}"`);
+          } else {
+            const P = U[`${W}Format`] || U[W];
+            Z.push(`"${P || "-"}"`);
+          }
+        }), Z.join(l);
+      });
+      return n && R.unshift(S.join(l)), R.join(`
+`);
+    }, r = () => {
+      var n;
+      let l = !1;
+      if ((e.onlySelection && ((n = s.params.selection) != null && n.length) || g.value.length) && (l = !0), l) {
+        const S = f("	", e.withTableHead);
+        window.$copy(S);
+      } else
+        o.$message.info("No Data to Download");
+    }, C = () => {
+      const l = f(",", !0);
+      let n = $.value;
+      e.filename ? n ? n += `_${e.filename}` : n = e.filename : n || (n = i.value), window.$download({
+        type: "csv",
+        name: n,
+        data: l
+      }), o.$message.success(window.$l("Download Mode"));
+    }, u = computed(() => window.$getLang()), m = computed(() => s.params.tableName), $ = computed(() => m.value ? `${window.$l(m.value)}_${window.$moment().format("YYYYMMDD_hhmmss")}` : ""), d = computed(() => s.params.tableName + "_Column"), i = computed(() => `${h.name}_${window.$moment().format("YYYYMMDD_hhmmss")}`), w = computed(() => {
+      const l = {};
+      return e.columns.forEach((n) => {
+        l[n.prop] = n;
+      }), l;
+    }), g = computed(() => {
+      var l;
+      return ((l = s.params) == null ? void 0 : l.list) || [];
+    }), z = computed(() => {
+      var l;
+      return ((l = s.params) == null ? void 0 : l.selection) || [];
+    }), T = computed(() => {
+      var l;
+      return e.items.length === 0 || g.value.length === 0 || !!((l = s.params) != null && l.loading);
+    });
+    return (l, n) => {
+      const S = D("el-checkbox"), L = D("el-button"), R = D("Alert"), U = D("el-switch"), Z = D("el-checkbox-group"), W = D("el-input"), P = D("DrawerArea"), ne = _e("loading");
+      return p(), Y(P, { onSubmit: C }, {
+        footer: _(() => [
+          c("div", Il, [
+            N(W, {
+              modelValue: t(e).filename,
+              "onUpdate:modelValue": n[6] || (n[6] = (J) => t(e).filename = J),
+              clearable: "",
+              placeholder: l.$l(t($)),
+              class: "inputGroupLeft"
+            }, {
+              prefix: _(() => n[8] || (n[8] = [
+                c("i", { class: "imicon im-file" }, null, -1)
+              ])),
+              _: 1
+            }, 8, ["modelValue", "placeholder"]),
+            c("div", Nl, [
+              N(L, {
+                disabled: t(T),
+                plain: "",
+                type: "primary",
+                onClick: C
+              }, {
+                icon: _(() => n[9] || (n[9] = [
+                  c("i", { class: "imicon im-download1" }, null, -1)
+                ])),
+                default: _(() => [
+                  c("span", null, I(l.$l("Download")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ])
+        ]),
+        default: _(() => [
+          be((p(), M("div", bl, [
+            N(R, null, {
+              default: _(() => [
+                c("div", vl, [
+                  c("span", wl, I(t(e).downloadAll ? l.$l("Total in All Pages: ") : l.$l("Total in Current Page: ")), 1),
+                  c("span", $l, I(t(g).length), 1)
+                ]),
+                s.params.showTotalChosen ? (p(), M("div", Sl, [
+                  N(S, {
+                    modelValue: t(e).downloadAll,
+                    "onUpdate:modelValue": n[0] || (n[0] = (J) => t(e).downloadAll = J),
+                    label: l.$l("Download All Data"),
+                    class: "h24-i",
+                    onChange: y
+                  }, null, 8, ["modelValue", "label"])
+                ])) : B("", !0),
+                t(z).length ? (p(), M("div", Cl, [
+                  c("span", kl, I(l.$l("Selected")), 1),
+                  c("span", xl, I(t(z).length), 1),
+                  N(S, {
+                    modelValue: t(e).onlySelection,
+                    "onUpdate:modelValue": n[1] || (n[1] = (J) => t(e).onlySelection = J),
+                    label: l.$l("Only Selection"),
+                    class: "h24-i"
+                  }, null, 8, ["modelValue", "label"])
+                ])) : B("", !0),
+                s.params.remote ? (p(), M("div", Vl, [
+                  N(S, {
+                    modelValue: t(e).remoteDownload,
+                    "onUpdate:modelValue": n[2] || (n[2] = (J) => t(e).remoteDownload = J),
+                    label: l.$l("Download all data using remote download")
+                  }, null, 8, ["modelValue", "label"])
+                ])) : B("", !0),
+                c("div", Tl, [
+                  N(L, {
+                    plain: "",
+                    size: "default",
+                    onClick: r
+                  }, {
+                    icon: _(() => n[7] || (n[7] = [
+                      c("i", { class: "imicon im-copy" }, null, -1)
+                    ])),
+                    default: _(() => [
+                      c("span", Ol, I(l.$l("Copy to Clipboard")), 1),
+                      N(S, {
+                        modelValue: t(e).withTableHead,
+                        "onUpdate:modelValue": n[3] || (n[3] = (J) => t(e).withTableHead = J),
+                        label: l.$l("With Table Head"),
+                        onClick: ie((J) => null, ["stop"])
+                      }, null, 8, ["modelValue", "label"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ])), [
+            [ne, s.params.loading]
+          ]),
+          c("div", Ml, [
+            c("div", Al, I(l.$l("What do you want to Download?")), 1),
+            N(Z, {
+              modelValue: t(e).items,
+              "onUpdate:modelValue": n[5] || (n[5] = (J) => t(e).items = J)
+            }, {
+              default: _(() => [
+                (p(!0), M(oe, null, le(t(e).columns, (J, ge) => (p(), Y(S, {
+                  key: J.prop,
+                  value: J.prop,
+                  class: "wp100 p0-16 h36-i hover-bg-gray1"
+                }, {
+                  default: _(() => [
+                    c("span", Dl, I(J.label), 1),
+                    J.prop === "country" ? (p(), Y(U, {
+                      key: 0,
+                      modelValue: t(e).useCountryName,
+                      "onUpdate:modelValue": n[4] || (n[4] = (de) => t(e).useCountryName = de),
+                      "inline-prompt": "",
+                      "active-text": " Use name  ",
+                      "inactive-text": " Use Alpha-2 code ",
+                      onChange: b
+                    }, null, 8, ["modelValue"])) : B("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          n[10] || (n[10] = c("div", { class: "TheEnd" }, null, -1))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), jl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: zl
+}, Symbol.toStringTag, { value: "Module" })), Bl = { class: "SuperCountryAso relative" }, Yl = { class: "flexMode hr" }, El = /* @__PURE__ */ Object.assign({
+  name: "SuperCountryAso"
+}, {
+  __name: "CountryAso",
+  props: {
+    modelValue: {
+      type: [String, Array],
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    limit: {
+      type: Number,
+      default: 0
+    },
+    useFooter: {
+      type: Boolean,
+      default: !1
+    },
+    nowrap: {
+      type: Boolean,
+      default: !1
+    },
+    useAll: {
+      type: Boolean,
+      default: !1
+    },
+    allValue: {
+      type: [String, Number],
+      default: "all"
+    }
+  },
+  emits: [
+    "to-change",
+    "update:modelValue",
+    "confirm",
+    "update:name"
+  ],
+  setup(A, { emit: x }) {
+    const s = A, { proxy: e } = getCurrentInstance(), h = inject("store").common(), a = reactive({
+      loading: !1,
+      v: "",
+      arr: []
+    }), y = x, k = (r) => {
+      y("update:modelValue", r), y("to-change", r);
+    }, V = (r) => {
+      let C = [];
+      h.countryOptions.forEach((u) => {
+        r.forEach((m) => {
+          u.value === m && C.push(u.label);
+        });
+      }), y("update:modelValue", r), y("update:name", C.join(", ")), y("to-change", r);
+    }, O = () => {
+      y("update:modelValue", a.arr), y("confirm", a.arr), e.$refs.multiple.blur();
+    }, b = computed(() => h.countryOptions), f = computed(() => window.$l("Countries or Regions"));
+    return watch(
+      () => s.modelValue,
+      (r, C) => {
+        r && JSON.stringify(r) !== JSON.stringify(C) && (s.multiple ? a.arr = r : a.v = r);
+      },
+      {
+        immediate: !0
+      }
+    ), (r, C) => {
+      const u = D("IconLoading"), m = D("CountryItem"), $ = D("el-option"), d = D("el-select"), i = D("el-button"), w = D("MultipleSelect");
+      return p(), M("div", Bl, [
+        t(a).loading ? (p(), Y(u, { key: 0 })) : B("", !0),
+        s.multiple ? (p(), Y(w, K({
+          key: 2,
+          ref: "multiple",
+          modelValue: t(a).arr,
+          "onUpdate:modelValue": C[1] || (C[1] = (g) => t(a).arr = g),
+          options: t(b),
+          placeholder: t(f)
+        }, r.$attrs, {
+          "multiple-limit": s.limit,
+          onChange: V
+        }), ee({
+          default: _(({ it: g }) => [
+            N(m, {
+              name: g.value_lower
+            }, null, 8, ["name"])
+          ]),
+          _: 2
+        }, [
+          s.useFooter ? {
+            name: "footer",
+            fn: _(() => [
+              c("div", Yl, [
+                N(i, {
+                  type: "primary",
+                  onClick: O
+                }, {
+                  icon: _(() => C[2] || (C[2] = [
+                    c("i", { class: "imicon im-search" }, null, -1)
+                  ])),
+                  default: _(() => [
+                    te(" " + I(r.$l("Confirm")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "options", "placeholder", "multiple-limit"])) : (p(), Y(d, K({
+          key: 1,
+          modelValue: t(a).v,
+          "onUpdate:modelValue": C[0] || (C[0] = (g) => t(a).v = g),
+          filterable: "",
+          placeholder: t(f),
+          class: "wp100"
+        }, r.$attrs, { onChange: k }), ee({
+          default: _(() => [
+            s.useAll ? (p(), Y($, {
+              key: 0,
+              label: r.$l("All"),
+              value: s.allValue
+            }, null, 8, ["label", "value"])) : B("", !0),
+            (p(!0), M(oe, null, le(t(b), (g, z) => (p(), Y($, {
+              key: g.value,
+              label: r.$l(g.label),
+              value: g.value_lower
+            }, {
+              default: _(() => [
+                N(m, {
+                  name: g.value_lower
+                }, null, 8, ["name"])
+              ]),
+              _: 2
+            }, 1032, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          t(a).v ? {
+            name: "prefix",
+            fn: _(() => [
+              N(m, {
+                name: t(a).v,
+                nolabel: ""
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder"]))
+      ]);
+    };
+  }
+}), Ll = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: El
+}, Symbol.toStringTag, { value: "Module" })), Rl = { class: "SuperCountryDiy" }, Pl = { class: "flexMode hr" }, Fl = /* @__PURE__ */ Object.assign({
+  name: "SuperCountryDiy"
+}, {
+  __name: "CountryDiy",
+  props: {
+    modelValue: {
+      tupe: [Array, String],
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    useFooter: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(A, { emit: x }) {
+    const s = A, e = reactive({
+      single: "",
+      multiple: []
+    }), { proxy: o } = getCurrentInstance(), h = x, a = () => {
+      o.$refs.multiple.blur();
+    }, y = (O) => {
+      h("update:modelValue", O), h("change", O);
+    }, k = computed(() => s.placeholder ? window.$l(s.placeholder) : window.$l("Country or Region")), V = computed(() => s.options.sort((O, b) => O.label.localeCompare(b.label)));
+    return watch(
+      () => s.modelValue,
+      (O, b) => {
+        JSON.stringify(O) !== JSON.stringify(b) && (s.multiple ? e.multiple = O : e.single = O);
+      },
+      {
+        immediate: !0
+      }
+    ), (O, b) => {
+      const f = D("CountryItem"), r = D("el-button"), C = D("MultipleSelect"), u = D("el-option"), m = D("el-select");
+      return p(), M("div", Rl, [
+        s.multiple ? (p(), Y(C, K({
+          key: 0,
+          ref: "multiple",
+          modelValue: t(e).multiple,
+          "onUpdate:modelValue": b[0] || (b[0] = ($) => t(e).multiple = $),
+          placeholder: t(k)
+        }, O.$attrs, {
+          options: t(V),
+          onChange: y
+        }), ee({
+          default: _(({ it: $ }) => [
+            N(f, {
+              name: $.value
+            }, null, 8, ["name"])
+          ]),
+          _: 2
+        }, [
+          s.useFooter ? {
+            name: "footer",
+            fn: _(() => [
+              c("div", Pl, [
+                N(r, {
+                  type: "primary",
+                  onClick: a
+                }, {
+                  default: _(() => [
+                    te(I(O.$l("Confirm")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            key: "0"
+          } : O.$slots.footer ? {
+            name: "footer",
+            fn: _(() => [
+              H(O.$slots, "footer")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder", "options"])) : (p(), Y(m, K({
+          key: 1,
+          modelValue: t(e).single,
+          "onUpdate:modelValue": b[1] || (b[1] = ($) => t(e).single = $),
+          placeholder: t(k)
+        }, O.$attrs, { onChange: y }), ee({
+          default: _(() => [
+            (p(!0), M(oe, null, le(t(V), ($, d) => (p(), Y(u, {
+              key: d,
+              label: O.$l($.label),
+              value: $.value
+            }, {
+              default: _(() => [
+                N(f, {
+                  name: $.value
+                }, null, 8, ["name"])
+              ]),
+              _: 2
+            }, 1032, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          t(e).single ? {
+            name: "prefix",
+            fn: _(() => [
+              N(f, {
+                name: t(e).single,
+                nolabel: ""
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder"]))
+      ]);
+    };
+  }
+}), Ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Fl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Zl as c
+};