magtool 1.5.38 → 1.5.39

package/dist/cpt/Header.js

@@ -0,0 +1,786 @@
+import { defineComponent as W, defineAsyncComponent as oe, reactive as q, markRaw as ne, getCurrentInstance as se, computed as p, resolveComponent as C, createElementBlock as D, openBlock as b, createElementVNode as n, createVNode as h, createBlock as U, createCommentVNode as $, unref as t, withCtx as d, createTextVNode as J, toDisplayString as c, normalizeClass as ae, withModifiers as ee, onMounted as re, createSlots as K, normalizeStyle as Q, Fragment as de, renderList as ce } from "vue";
+import { pageScrollTo as P, download as ue } from "../composition.js";
+import { _ as te } from "../vendor.js";
+import X from "vuedraggable";
+import { useRoute as me } from "vue-router";
+import { useMap as pe } from "asamap";
+const fe = { class: "MvcTableHeaderTool" }, ge = { class: "ToolArea" }, he = W({
+  name: "MvcTableHeaderTool",
+  inheritAttrs: !1
+}), be = /* @__PURE__ */ Object.assign(he, {
+  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)
+    },
+    useAll: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(M, { emit: H }) {
+    const g = oe(() => Promise.resolve().then(() => Ue)), e = oe(() => Promise.resolve().then(() => dt)), m = M, y = q({
+      drawer: [
+        {
+          title: window.$l("Table Column Customization"),
+          size: 1024,
+          cpt: ne(g)
+        },
+        {
+          title: window.$l("Download from Current Table"),
+          cpt: ne(e)
+        }
+      ],
+      groupby: [],
+      current: "",
+      searchGroupBy: "",
+      filterVisible: !1,
+      filterTop: 0,
+      dt: []
+    }), { proxy: Y } = se(), N = H, V = (s) => {
+      m.type === "drawer" || (s.target.localName === "span" ? P(s.target.parentNode) : s.target.localName === "i" ? s.target.parentNode.localName === "button" ? P(s.target.parentNode) : P(s.target.parentNode.parentNode) : P(s.target)), N("refresh");
+    }, R = () => {
+      y.drawer[0].params = { tableName: m.tableName }, y.current = 0;
+    }, L = () => {
+      y.drawer[1].params = {
+        useAll: m.useAll,
+        tableName: m.tableName,
+        list: m.list,
+        selection: m.selection,
+        remote: m.remote
+      }, y.current = 1;
+    }, _ = (s) => {
+      s === "column" ? N("to-init-table") : s === "download" && N("to-download");
+    }, T = p(() => {
+      var s;
+      return ((s = m.tool) == null ? void 0 : s.download) === void 0;
+    }), F = p(() => {
+      var s;
+      return ((s = m.tool) == null ? void 0 : s.column) === void 0;
+    }), O = p(() => {
+      var s;
+      return ((s = m.tool) == null ? void 0 : s.refresh) === void 0;
+    });
+    p(() => {
+      const s = y.searchGroupBy.toLowerCase();
+      return B.map((u) => (u.label.toLowerCase().includes(s) ? u.hide = !1 : u.hide = !0, u));
+    });
+    const B = [
+      {
+        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 (s, u) => {
+      const S = C("el-button"), E = C("Drawer");
+      return b(), D("div", fe, [
+        n("div", ge, [
+          t(O) ? (b(), U(S, {
+            key: 0,
+            plain: "",
+            onClick: u[0] || (u[0] = (a) => V(a))
+          }, {
+            icon: d(() => [...u[2] || (u[2] = [
+              n("i", { class: "imicon im-reset" }, null, -1)
+            ])]),
+            default: d(() => [
+              J(" " + c(s.$l("Refresh")), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          t(F) ? (b(), U(S, {
+            key: 1,
+            plain: "",
+            onClick: R
+          }, {
+            icon: d(() => [...u[3] || (u[3] = [
+              n("i", { class: "imicon im-columns1" }, null, -1)
+            ])]),
+            default: d(() => [
+              J(" " + c(s.$l("Columns")), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          t(T) ? (b(), U(S, {
+            key: 2,
+            plain: "",
+            onClick: L
+          }, {
+            icon: d(() => [...u[4] || (u[4] = [
+              n("i", { class: "imicon im-download1" }, null, -1)
+            ])]),
+            default: d(() => [
+              J(" " + c(s.$l("Download")), 1)
+            ]),
+            _: 1
+          })) : $("", !0)
+        ]),
+        h(E, {
+          current: t(y).current,
+          "onUpdate:current": u[1] || (u[1] = (a) => t(y).current = a),
+          drawer: t(y).drawer,
+          dt: t(y).dt,
+          "load-data": m.loadData,
+          onFetchAllData: s.fetchAllData,
+          onRecoverCurrentData: s.recoverCurrentData,
+          onSubmit: _
+        }, null, 8, ["current", "drawer", "dt", "load-data", "onFetchAllData", "onRecoverCurrentData"])
+      ]);
+    };
+  }
+}), ht = /* @__PURE__ */ te(be, [["__scopeId", "data-v-e46db4e1"]]), ye = { class: "dragCenter flexMode vc flexGrow txt-nowrap" }, _e = { class: "pl10 fs14 txt-h2" }, ve = { class: "pb5 fs12 txt-primary3" }, we = W({
+  name: "ColumnConfigDragItem"
+}), Ce = /* @__PURE__ */ Object.assign(we, {
+  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(M, { emit: H }) {
+    const g = M, e = q({
+      editMode: !1,
+      form: g.it,
+      info: {}
+    }), m = H, y = () => {
+      m("add-left", g);
+    }, Y = () => {
+      m("add-right", g);
+    }, N = (L) => {
+      m("change", { it: e.form, index: g.index, type: g.type });
+    };
+    p(() => e.form.align ? " " : R[0].label);
+    const V = p(() => g.it.nomove || e.editMode), R = [
+      {
+        label: "Left",
+        value: "left"
+      },
+      {
+        label: "Center",
+        value: "center"
+      },
+      {
+        label: "Right",
+        value: "right"
+      }
+    ];
+    return (L, _) => {
+      const T = C("el-switch");
+      return b(), D("div", {
+        class: ae(["ColumnConfigDragItem", [!t(V) && "drag", g.type]])
+      }, [
+        n("div", {
+          class: ae(["itemArea relative flexMode vc p4", [
+            t(e).editMode && "edit",
+            t(V) ? "cursor-disabled hover-bg-gray1" : "cursor-grab hover-bg-primary1"
+          ]])
+        }, [
+          n("div", {
+            class: "arrowLeft ml4 mr8 circle24 hover-txt-primary point",
+            onClick: ee(y, ["stop"])
+          }, [..._[1] || (_[1] = [
+            n("i", { class: "imicon im-arrow-left" }, null, -1)
+          ])]),
+          n("div", ye, [
+            h(T, {
+              modelValue: t(e).form.visible,
+              "onUpdate:modelValue": _[0] || (_[0] = (F) => t(e).form.visible = F),
+              disabled: t(e).form.nomove,
+              size: "default",
+              onChange: N
+            }, null, 8, ["modelValue", "disabled"]),
+            n("span", _e, c(t(e).form.label || t(e).form.type), 1)
+          ]),
+          n("span", ve, c(t(e).form.tips), 1),
+          n("div", {
+            class: "arrowRight mr4 ml8 circle24 hover-txt-primary point",
+            onClick: ee(Y, ["stop"])
+          }, [..._[2] || (_[2] = [
+            n("i", { class: "imicon im-arrow-right" }, null, -1)
+          ])])
+        ], 2)
+      ], 2);
+    };
+  }
+}), Z = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-4812bddc"]]), $e = { class: "flexMode vs p16 g16" }, xe = { class: "ml16 p2-4 bg-gary3 radius4 lh12" }, ke = { class: "fs12 txt-primary" }, De = { class: "fs12 txt-dark5" }, Ae = {
+  key: 0,
+  class: "fs12 txt-dark3"
+}, Ne = {
+  key: 0,
+  class: "absCenter txt-nowrap txt-dark7 fs12"
+}, Se = { class: "ml16 p2-4 bg-gary3 radius4 lh12" }, Ve = { class: "fs12 txt-primary" }, Te = { class: "fs12 txt-dark5" }, Oe = {
+  key: 0,
+  class: "fs12 txt-dark3"
+}, je = {
+  key: 0,
+  class: "absCenter txt-nowrap txt-dark7 fs12"
+}, Me = { class: "ml16 p2-4 bg-gary3 radius4 lh12" }, Re = { class: "fs12 txt-primary" }, Le = { class: "fs12 txt-dark5" }, Fe = {
+  key: 0,
+  class: "fs12 txt-dark3"
+}, Be = {
+  key: 0,
+  class: "absCenter txt-nowrap txt-dark7 fs12"
+}, Ee = W({
+  name: "TableHeaderColumnConfig",
+  inheritAttrs: !1
+}), Ie = /* @__PURE__ */ Object.assign(Ee, {
+  props: {
+    params: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup(M, { emit: H }) {
+    const g = M, e = q({
+      loading: !1,
+      left: [],
+      center: [],
+      right: [],
+      total: 0
+    });
+    re(() => {
+      y();
+    });
+    const m = H, y = () => {
+      Y();
+    }, Y = () => {
+      let a = localStorage.getItem(O.value);
+      if (a) {
+        a = JSON.parse(a);
+        let i = 0;
+        a.forEach((r) => {
+          r.label && !r.nomove && (i++, r.fixed ? e[r.fixed].push(r) : e.center.push(r));
+        }), e.total = i;
+      }
+    }, N = ({ it: a, index: i, type: r }) => {
+      e.left.unshift(a), e.center.splice(i, 1);
+    }, V = ({ it: a, index: i, type: r }) => {
+      e.right.unshift(a), e.center.splice(i, 1);
+    }, R = ({ it: a, index: i, type: r }) => {
+      e.center.unshift(a), e.left.splice(i, 1);
+    }, L = ({ it: a, index: i, type: r }) => {
+      e.center.unshift(a), e.right.splice(i, 1);
+    }, _ = ({ it: a, index: i, type: r }) => {
+      e[r][i] = a;
+    }, T = async () => {
+      e.loading = !0, localStorage.removeItem(O.value), window.$promise(() => {
+        e.loading = !1, m("submit", "column"), m("close");
+      });
+    }, F = async () => {
+      e.loading = !0, await window.$promise(() => {
+        const { left: a, center: i, right: r } = e;
+        a.forEach((v, l) => {
+          v.fixed = "left", v.sort = l;
+        }), i.forEach((v, l) => {
+          v.fixed = !1, v.sort = l;
+        }), r.forEach((v, l) => {
+          v.fixed = "right", v.sort = l;
+        });
+        const j = [...a, ...i, ...r].sort(
+          (v, l) => v.sort - l.sort
+        );
+        localStorage.setItem(O.value, JSON.stringify(j));
+      }, 10), e.loading = !1, m("submit", "column"), m("close");
+    }, O = p(() => `${g.params.tableName}_Column`), B = p(() => ({
+      height: window.global.config.options.drawerHeight - 80 + "px"
+    })), s = p(() => {
+      let a = 0, i = 0;
+      return e.left.forEach((r) => {
+        r.visible ? a++ : i++;
+      }), {
+        visible: a,
+        hide: i
+      };
+    }), u = p(() => {
+      let a = 0, i = 0;
+      return e.center.forEach((r) => {
+        r.visible ? a++ : i++;
+      }), {
+        visible: a,
+        hide: i
+      };
+    }), S = p(() => {
+      let a = 0, i = 0;
+      return e.right.forEach((r) => {
+        r.visible ? a++ : i++;
+      }), {
+        visible: a,
+        hide: i
+      };
+    }), E = p(() => window.$getLang());
+    return (a, i) => {
+      const r = C("Card"), j = C("el-button"), v = C("DrawerArea");
+      return b(), U(v, {
+        class: "TableHeaderColumnConfig",
+        loading: t(e).loading,
+        noscroll: "",
+        onSubmit: F
+      }, {
+        cancel: d(() => [
+          h(j, {
+            plain: "",
+            onClick: T
+          }, {
+            icon: d(() => [...i[0] || (i[0] = [
+              n("i", { class: "imicon im-reset" }, null, -1)
+            ])]),
+            default: d(() => [
+              J(" " + c(a.$l("Reset")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: d(() => [
+          n("div", $e, [
+            h(r, {
+              title: "Fixed on Left",
+              class: "flex1",
+              "body-class": "border"
+            }, K({
+              default: d(() => [
+                t(e).left.length === 0 ? (b(), D("div", Ne, c(a.$l("No Column Fixed on Left")), 1)) : $("", !0),
+                h(t(X), {
+                  list: t(e).left,
+                  group: "columnFilter",
+                  class: "dragBody p4-0 yscroll nobar",
+                  draggable: ".drag",
+                  style: Q(t(B)),
+                  "item-key": (l) => l
+                }, {
+                  item: d(({ element: l, index: o }) => [
+                    h(Z, {
+                      it: l,
+                      index: o,
+                      lang: t(E),
+                      type: "left",
+                      onAddRight: R,
+                      onChange: _
+                    }, null, 8, ["it", "index", "lang"])
+                  ]),
+                  _: 1
+                }, 8, ["list", "style", "item-key"])
+              ]),
+              _: 2
+            }, [
+              t(s) ? {
+                name: "header",
+                fn: d(() => [
+                  n("div", xe, [
+                    n("span", ke, c(t(s).visible), 1),
+                    n("span", De, " / " + c(t(e).total), 1),
+                    t(s).hide ? (b(), D("span", Ae, "(" + c(t(s).hide) + ")", 1)) : $("", !0)
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024),
+            h(r, {
+              title: "In Center",
+              class: "flex1",
+              "body-class": "border"
+            }, K({
+              default: d(() => [
+                t(e).center.length === 0 ? (b(), D("div", je, c(a.$l("No Column Fixed on Left")), 1)) : $("", !0),
+                h(t(X), {
+                  list: t(e).center,
+                  group: "columnFilter",
+                  class: "dragBody p4-0 yscroll nobar",
+                  draggable: ".drag",
+                  style: Q(t(B)),
+                  "item-key": (l) => l
+                }, {
+                  item: d(({ element: l, index: o }) => [
+                    h(Z, {
+                      it: l,
+                      index: o,
+                      onAddLeft: N,
+                      lang: t(E),
+                      onAddRight: V,
+                      onChange: _
+                    }, null, 8, ["it", "index", "lang"])
+                  ]),
+                  _: 1
+                }, 8, ["list", "style", "item-key"])
+              ]),
+              _: 2
+            }, [
+              t(u) ? {
+                name: "header",
+                fn: d(() => [
+                  n("div", Se, [
+                    n("span", Ve, c(t(u).visible), 1),
+                    n("span", Te, " / " + c(t(e).total), 1),
+                    t(u).hide ? (b(), D("span", Oe, "(" + c(t(u).hide) + ")", 1)) : $("", !0)
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024),
+            h(r, {
+              title: "Fixed on Right",
+              class: "flex1",
+              "body-class": "border"
+            }, K({
+              default: d(() => [
+                t(e).right.length === 0 ? (b(), D("div", Be, c(a.$l("No Column Fixed on Right")), 1)) : $("", !0),
+                h(t(X), {
+                  list: t(e).right,
+                  group: "columnFilter",
+                  class: "dragBody p4-0 yscroll nobar",
+                  draggable: ".drag",
+                  style: Q(t(B)),
+                  "item-key": (l) => l
+                }, {
+                  item: d(({ element: l, index: o }) => [
+                    h(Z, {
+                      it: l,
+                      index: o,
+                      type: "right",
+                      lang: t(E),
+                      onAddLeft: L,
+                      onChange: _
+                    }, null, 8, ["it", "index", "lang"])
+                  ]),
+                  _: 1
+                }, 8, ["list", "style", "item-key"])
+              ]),
+              _: 2
+            }, [
+              t(S) ? {
+                name: "header",
+                fn: d(() => [
+                  n("div", Me, [
+                    n("span", Re, c(t(S).visible), 1),
+                    n("span", Le, " / " + c(t(e).total), 1),
+                    t(S).hide ? (b(), D("span", Fe, "(" + c(t(S).hide) + ")", 1)) : $("", !0)
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024)
+          ])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+}), ze = /* @__PURE__ */ te(Ie, [["__scopeId", "data-v-849ae649"]]), Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ze
+}, Symbol.toStringTag, { value: "Module" })), He = { class: "p16 wp100 sticky bg-white9 border-b backdrop z2" }, Ye = { class: "flexMode vc g4 p8" }, Ge = { class: "txt-dark5" }, Pe = { class: "txt-dark" }, Je = {
+  key: 0,
+  class: "flexMode vc p8 g8"
+}, We = {
+  key: 0,
+  class: "flexMode vc g4"
+}, qe = { class: "txt-dark5" }, Ke = { class: "txt-dark" }, Qe = {
+  key: 1,
+  class: "flexMode vc p8"
+}, Xe = { class: "txt-dark5" }, Ze = { class: "pl8 pr16 txt-dark" }, et = { class: "flexMode hr vc g16" }, tt = { class: "pr8" }, lt = { class: "relative wp100 pb8 z1" }, ot = { class: "p16 txt-dark9" }, nt = { class: "pr8" }, at = { class: "inputGroup flexMode vc flexGrow" }, st = { class: "inputGroupRight" }, rt = W({
+  name: "TableDownload"
+}), it = /* @__PURE__ */ Object.assign(rt, {
+  props: {
+    params: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    loadData: {
+      type: [Function, void 0],
+      default: void 0
+    }
+  },
+  setup(M, { emit: H }) {
+    const g = M, e = q({
+      loading: !1,
+      columns: [],
+      items: [],
+      all: !1,
+      // 下载所有
+      onlySelection: !1,
+      // 只下载选中项
+      remoteDownload: !1,
+      // 远程下载
+      filename: "",
+      // 文件名
+      useCountryName: !1,
+      // 使用国家名称
+      widthTableHead: !0,
+      allData: []
+    }), { proxy: m } = se(), y = me();
+    re(() => {
+      Y();
+    });
+    const Y = () => {
+      N(), V();
+    }, N = () => {
+      j.value.length && (e.onlySelection = !0);
+    }, V = () => {
+      const l = JSON.parse(localStorage.getItem(S.value)) || [], o = [], A = [];
+      l.forEach((x) => {
+        x.prop && (o.push(x), x.visible && A.push(x.prop));
+      }), e.columns = o, e.items = A;
+    }, R = (l) => {
+      l && !e.allData.length && L();
+    }, L = async () => {
+      e.loading = !0;
+      const { list: l, total: o } = await g.loadData({
+        pageStart: 1,
+        pageSize: 99999
+      });
+      e.loading = !1, o && (e.allData = l);
+    }, _ = () => {
+    }, T = (l = ",", o) => {
+      const A = e.items.map((w) => i.value[w].label);
+      let x = [];
+      e.all ? x = e.allData : e.onlySelection ? x = j.value : x = r.value;
+      const G = x.map((w) => {
+        const I = [];
+        return e.items.forEach((k) => {
+          if (["country"].includes(k))
+            if (e.useCountryName) {
+              const z = window.$getType(w[k]);
+              let f;
+              z === "Array" ? f = w[k] : f = w[k].split(","), f = f.map((le) => pe("country.asaObj")[le.toLowerCase()][`label_${B.value}`]), I.push(`"${f.join(",")}"`);
+            } else
+              I.push(`"${w[k]}"`);
+          else if (["spendOrigin"].includes(k)) {
+            const z = w.currency + " " + (w[`${k}Format`] || w[k]);
+            I.push(`"${z || "-"}"`);
+          } else {
+            const z = w[`${k}Format`] || w[k];
+            I.push(`"${z || "-"}"`);
+          }
+        }), I.join(l);
+      });
+      return o && G.unshift(A.join(l)), G.join(`
+`);
+    }, F = () => {
+      var o;
+      let l = !1;
+      if ((e.onlySelection && ((o = g.params.selection) != null && o.length) || r.value.length) && (l = !0), l) {
+        const A = T("	", e.withTableHead);
+        window.$copy(A);
+      } else
+        m.$message.info("No Data to Download");
+    }, O = () => {
+      const l = T(",", !0);
+      let o = u.value;
+      e.filename ? o ? o += `_${e.filename}` : o = e.filename : o || (o = E.value), ue({
+        type: "csv",
+        name: o,
+        data: l
+      });
+    }, B = p(() => window.$getLang()), s = p(() => g.params.tableName), u = p(() => s.value ? `${window.$l(s.value)}_${window.$m().format("YYYYMMDD_hhmmss")}` : ""), S = p(() => g.params.tableName + "_Column"), E = p(() => `${y.name}_${window.$m().format("YYYYMMDD_hhmmss")}`), a = p(() => g.params.useAll && !!g.loadData), i = p(() => {
+      const l = {};
+      return e.columns.forEach((o) => {
+        l[o.prop] = o;
+      }), l;
+    }), r = p(() => {
+      var l;
+      return ((l = g.params) == null ? void 0 : l.list) || [];
+    }), j = p(() => {
+      var l;
+      return ((l = g.params) == null ? void 0 : l.selection) || [];
+    }), v = p(() => e.loading ? !0 : e.all ? !e.allData.length : e.items.length === 0 || r.value.length === 0);
+    return (l, o) => {
+      const A = C("el-checkbox"), x = C("el-button"), G = C("Alert"), w = C("el-switch"), I = C("el-checkbox-group"), k = C("el-input"), z = C("DrawerArea");
+      return b(), U(z, {
+        loading: t(e).loading,
+        onSubmit: O
+      }, {
+        footer: d(() => [
+          n("div", at, [
+            h(k, {
+              modelValue: t(e).filename,
+              "onUpdate:modelValue": o[5] || (o[5] = (f) => t(e).filename = f),
+              clearable: "",
+              placeholder: t(u),
+              class: "inputGroupLeft"
+            }, {
+              prefix: d(() => [...o[7] || (o[7] = [
+                n("i", { class: "imicon im-file" }, null, -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"]),
+            n("div", st, [
+              h(x, {
+                disabled: t(v),
+                plain: "",
+                type: "primary",
+                onClick: O
+              }, {
+                icon: d(() => [...o[8] || (o[8] = [
+                  n("i", { class: "imicon im-download1" }, null, -1)
+                ])]),
+                default: d(() => [
+                  n("span", null, c(l.$l("Download")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ])
+        ]),
+        default: d(() => [
+          n("div", He, [
+            h(G, null, {
+              default: d(() => [
+                n("div", Ye, [
+                  n("span", Ge, c(l.$l("Total in Current Page")) + ": ", 1),
+                  n("span", Pe, c(t(r).length), 1)
+                ]),
+                t(a) ? (b(), D("div", Je, [
+                  h(A, {
+                    modelValue: t(e).all,
+                    "onUpdate:modelValue": o[0] || (o[0] = (f) => t(e).all = f),
+                    label: l.$l("Download All Data"),
+                    class: "h24",
+                    onChange: R
+                  }, null, 8, ["modelValue", "label"]),
+                  t(e).allData.length ? (b(), D("div", We, [
+                    n("span", qe, c(l.$l("Total in All Page")) + ":", 1),
+                    n("span", Ke, c(t(e).allData.length), 1)
+                  ])) : $("", !0)
+                ])) : $("", !0),
+                t(j).length ? (b(), D("div", Qe, [
+                  n("span", Xe, c(l.$l("Selected")), 1),
+                  n("span", Ze, c(t(j).length), 1),
+                  h(A, {
+                    modelValue: t(e).onlySelection,
+                    "onUpdate:modelValue": o[1] || (o[1] = (f) => t(e).onlySelection = f),
+                    label: l.$l("Only Selection"),
+                    disabled: t(e).all,
+                    class: "h24"
+                  }, null, 8, ["modelValue", "label", "disabled"])
+                ])) : $("", !0),
+                n("div", et, [
+                  h(x, {
+                    plain: "",
+                    size: "default",
+                    onClick: F
+                  }, {
+                    icon: d(() => [...o[6] || (o[6] = [
+                      n("i", { class: "imicon im-copy" }, null, -1)
+                    ])]),
+                    default: d(() => [
+                      n("span", tt, c(l.$l("Copy to Clipboard")), 1),
+                      h(A, {
+                        modelValue: t(e).withTableHead,
+                        "onUpdate:modelValue": o[2] || (o[2] = (f) => t(e).withTableHead = f),
+                        label: l.$l("With Table Head"),
+                        onClick: ee((f) => null, ["stop"])
+                      }, null, 8, ["modelValue", "label"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          n("div", lt, [
+            n("div", ot, c(l.$l("What do you want to Download?")), 1),
+            h(I, {
+              modelValue: t(e).items,
+              "onUpdate:modelValue": o[4] || (o[4] = (f) => t(e).items = f)
+            }, {
+              default: d(() => [
+                (b(!0), D(de, null, ce(t(e).columns, (f, le) => (b(), U(A, {
+                  key: f.prop,
+                  value: f.prop,
+                  class: "wp100 p0-16 h36 hover-bg-gray1"
+                }, {
+                  default: d(() => [
+                    n("span", nt, c(f.label), 1),
+                    f.prop === "country" ? (b(), U(w, {
+                      key: 0,
+                      modelValue: t(e).useCountryName,
+                      "onUpdate:modelValue": o[3] || (o[3] = (ie) => t(e).useCountryName = ie),
+                      "inline-prompt": "",
+                      "active-text": " Use name  ",
+                      "inactive-text": " Use Alpha-2 code ",
+                      onChange: _
+                    }, null, 8, ["modelValue"])) : $("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+}), dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: it
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ht as T
+};