magtool 1.5.29 → 1.5.31

package/dist/composition.js

@@ -1,11 +1,11 @@
 const v = (t) => {
   const { age: e } = t || {};
-  let o, l;
+  let o, a;
   if (e != null && e.included) {
     const { minAge: n, maxAge: r } = e.included[0] || {};
-    n ? o = n : o = "all", r ? l = r : l = "all";
+    n ? o = n : o = "all", r ? a = r : a = "all";
   }
-  return l === "all" ? o === "all" ? "All" : `${o}~65+` : `${o}~${l}`;
+  return a === "all" ? o === "all" ? "All" : `${o}~65+` : `${o}~${a}`;
 }, S = (t, e) => t === "all" ? null : e === 65 ? {
   included: [
     {
@@ -28,61 +28,64 @@ const v = (t) => {
   useAgeValue: S,
   useGenderFormat: _
 }, Symbol.toStringTag, { value: "Module" })), M = (t) => new Promise((e, o) => {
-  const l = new Image();
-  l.src = window.$getType(t) === "String" ? t : URL.createObjectURL(t), l.onload = () => e(l), l.onerror = () => o(new Error("Could not load image"));
+  const a = new Image();
+  a.src = window.$getType(t) === "String" ? t : URL.createObjectURL(t), a.onload = () => e(a), a.onerror = () => o(new Error("Could not load image"));
 }), O = (t) => new Promise((e, o) => {
-  const l = document.createElement("video");
-  l.preload = "metadata", window.$getType(t) === "String" ? l.src = t : l.src = URL.createObjectURL(t), l.onloadedmetadata = () => {
-    window.URL.revokeObjectURL(t), e(l);
+  const a = document.createElement("video");
+  a.preload = "metadata", window.$getType(t) === "String" ? a.src = t : a.src = URL.createObjectURL(t), a.onloadedmetadata = () => {
+    window.URL.revokeObjectURL(t), e(a);
   };
 }), j = async ({
   type: t,
   url: e,
   headers: o,
-  data: l,
+  data: a,
   name: n,
   error: r = () => {
   }
 }) => {
-  let a = document.createElement("a");
-  if (t === "csv") {
-    if (!l)
-      throw r(), new Error("data is null");
-    const c = new Blob(["\uFEFF" + l], {
-      type: "text/csv,charset=UTF-8"
-    });
-    a.href = URL.createObjectURL(c);
-  } else if (t === "excel") {
-    const c = await fetch(e, {
-      headers: o
-    }).then((g) => g.blob());
-    if (!(c != null && c.type.includes("sheet")))
-      throw r(), new Error("excel does not exist");
-    a.href = URL.createObjectURL(c);
+  let l = document.createElement("a"), i = null;
+  try {
+    if (t === "csv") {
+      if (!a)
+        throw r(), new Error("data is null");
+      const c = new Blob(["\uFEFF" + a], {
+        type: "text/csv,charset=UTF-8"
+      });
+      l.href = URL.createObjectURL(c);
+    } else if (t === "excel") {
+      const c = await fetch(e, {
+        headers: o
+      }).then((g) => g.blob());
+      if (!(c != null && c.type.includes("sheet")))
+        throw r(), new Error("excel does not exist");
+      l.href = URL.createObjectURL(c);
+    }
+    i = new MouseEvent("click"), l.download = n || "download", l.dispatchEvent(i), URL.revokeObjectURL(l.url);
+  } finally {
+    l && l.parentNode && l.parentNode.removeChild(l), l = null, i = null;
   }
-  let i = new MouseEvent("click");
-  a.download = n || "download", a.dispatchEvent(i), URL.revokeObjectURL(a.url), a = null, i = null;
 }, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   download: j,
   loadImage: M,
   loadVideo: O
-}, Symbol.toStringTag, { value: "Module" })), L = ({ table: t, key: e, form: o, value: l, cb: n = () => {
+}, Symbol.toStringTag, { value: "Module" })), C = ({ table: t, key: e, form: o, value: a, cb: n = () => {
 } }) => {
   const r = t.getSelectionRows();
-  r.length > 1 ? (t.clearSelection(), t.toggleRowSelection(r[1], "selected"), o[l] = r[1][e]) : r.length === 1 && (o[l] = r[0][e]), n();
-}, C = (t = {}) => {
-  let { sortable: e = !0, empty: o = !1, mmp: l = !1 } = t, n = window.$map.asa.asaMetric.all;
-  l && (n = n.concat(window.$map.asa.mmpMetric.all));
-  const r = n.map((a, i) => ({
-    label: a.label,
-    prop: a.value,
-    width: a.width,
+  r.length > 1 ? (t.clearSelection(), t.toggleRowSelection(r[1], "selected"), o[a] = r[1][e]) : r.length === 1 && (o[a] = r[0][e]), n();
+}, L = (t = {}) => {
+  let { sortable: e = !0, empty: o = !1, mmp: a = !1 } = t, n = window.$map.asa.asaMetric.all;
+  a && (n = n.concat(window.$map.asa.mmpMetric.all));
+  const r = n.map((l, i) => ({
+    label: l.label,
+    prop: l.value,
+    width: l.width,
     sortable: e,
-    type: a.type,
-    align: a.align,
-    visible: a.visible,
-    formatter: a.formatter
+    type: l.type,
+    align: l.align,
+    visible: l.visible,
+    formatter: l.formatter
   }));
   return r.unshift({
     label: "Currency",
@@ -92,7 +95,7 @@ const v = (t) => {
   }), r;
 }, I = () => ({
   label: "-"
-}), R = ({ columns: t, data: e, currency: o = "", channel: l = "" }) => {
+}), R = ({ columns: t, data: e, currency: o = "", channel: a = "" }) => {
   if (!e.length || !t.length)
     return [];
   const n = {
@@ -129,7 +132,7 @@ const v = (t) => {
       prop: "revenue",
       format: (s) => window.$fa(s, 2)
     }
-  }, r = [], a = {
+  }, r = [], l = {
     avgCPT: {},
     avgCPA: {},
     avgCPM: {},
@@ -140,7 +143,7 @@ const v = (t) => {
     mmpCPI: {}
   };
   t.forEach((s, d) => {
-    a[s.property] && (a[s.property].i = d);
+    l[s.property] && (l[s.property].i = d);
     const m = n[s.property];
     if (m) {
       m.i = d;
@@ -155,23 +158,23 @@ const v = (t) => {
     d.format && r[d.i] && (r[d.i] = d.format(r[d.i]));
   });
   const c = n.taps.total ? window.$fa(n.spend.total / n.taps.total) : "0.00";
-  r[a.avgCPT.i] = c;
+  r[l.avgCPT.i] = c;
   const g = n.installs.total ? window.$fa(n.spend.total / n.installs.total) : "0.00";
-  if (r[a.avgCPA.i] = g, a.avgCPM.i !== void 0) {
+  if (r[l.avgCPA.i] = g, l.avgCPM.i !== void 0) {
     const s = n.impressions.total ? window.$fa(n.spend.total / (n.impressions.total / 1e3)) : "0.00";
-    r[a.avgCPM.i] = s;
+    r[l.avgCPM.i] = s;
   }
   const p = n.taps.total ? window.$fa(n.installs.total / n.taps.total * 100) : "0.00";
-  r[a.cr.i] = p;
+  r[l.cr.i] = p;
   const h = n.impressions.total ? window.$fa(n.taps.total / n.impressions.total * 100) : "0.00";
-  r[a.ttr.i] = h;
+  r[l.ttr.i] = h;
   const w = n.impressions.total ? window.$fa(n.installs.total * 1e3 / n.impressions.total) : "0.00";
-  return r[a.IPM.i] = w, r;
+  return r[l.IPM.i] = w, r;
 }, U = (t) => {
   const e = window.$map.asa.allMetric.obj;
   return Object.keys(t).forEach((o) => {
-    const l = t[o];
-    e[o] && (t[`${o}Format`] = window.$fu({ prop: o, value: l, currency: !1, obj: e }));
+    const a = t[o];
+    e[o] && (t[`${o}Format`] = window.$fu({ prop: o, value: a, currency: !1, obj: e }));
   }), t;
 }, F = ({ columns: t, data: e }, o) => t.length && e.length ? t.map((n) => {
   let r = o[n.property] === void 0 ? "" : o[n.property];
@@ -183,19 +186,19 @@ const v = (t) => {
   return r;
 }) : [], H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  useColumn: C,
+  useColumn: L,
   useEmptyColumn: I,
   useFormat: U,
   useRemoteSummary: F,
-  useSingleSelect: L,
+  useSingleSelect: C,
   useSummary: R
-}, Symbol.toStringTag, { value: "Module" })), x = (t, e = 88) => {
-  const o = document.querySelector("html"), { scrollTop: l } = o, n = t.getBoundingClientRect();
+}, Symbol.toStringTag, { value: "Module" })), x = (t, e = 96) => {
+  const o = document.querySelector("html"), { scrollTop: a } = o, n = t.getBoundingClientRect();
   o.scrollTo({
-    top: l + n.y - e,
+    top: a + n.y - e,
     behavior: "smooth"
   });
-}, T = async ({ app: t, langs: e, langObj: o }) => new Promise((l) => {
+}, T = async ({ app: t, langs: e, langObj: o }) => new Promise((a) => {
   const n = [];
   e.forEach((i) => {
     i.use && n.push(i);
@@ -204,7 +207,7 @@ const v = (t) => {
   globalThis.$getType(o) === "Object" ? r = o : globalThis.$getType(o) === "String" && (globalThis.$store.common()[o] ? r = globalThis.$store.common()[o] : console.warn(
     `Language object "${o}" not found in store.common()`
   ));
-  const a = (i, c) => {
+  const l = (i, c) => {
     if (i)
       if (c && globalThis.$getType(c) === "Object") {
         let g = r[i] || i;
@@ -217,8 +220,8 @@ const v = (t) => {
       return i;
   };
   String.prototype.$l = function() {
-    return a(this);
-  }, globalThis.$l = a, t.config.globalProperties.$l = a, l();
+    return l(this);
+  }, globalThis.$l = l, t.config.globalProperties.$l = l, a();
 }), B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   pageScrollTo: x,
@@ -255,12 +258,12 @@ const $ = function(t) {
       const o = document.createElement("script");
       o.id = "colorfulIcon", o.type = "text/javascript", o.src = t || globalThis.config.colorfulIcon, document.head.appendChild(o), e();
     });
-}, G = async (t = {}) => {
+}, N = async (t = {}) => {
   if (!globalThis.$langs)
     return new Promise(async (e) => {
-      const { theme: o = "light", currentLang: l, app: n } = t, r = document.documentElement, a = l || localStorage.getItem("lang") || globalThis.config.lang || "en_us";
-      r.classList.add(a);
-      const i = a.split("_");
+      const { theme: o = "light", currentLang: a, app: n } = t, r = document.documentElement, l = a || localStorage.getItem("lang") || globalThis.config.lang || "en_us";
+      r.classList.add(l);
+      const i = l.split("_");
       r.setAttribute("lang", `${i[0]}-${i[1].toUpperCase()}`);
       const c = i.includes("ar") ? "rtl" : "ltr";
       if (r.setAttribute("dir", c), r.classList.add(localStorage.getItem("theme") || o), n)
@@ -271,12 +274,12 @@ const $ = function(t) {
         );
       e();
     });
-}, N = () => {
+}, G = () => {
   if (!globalThis.config)
     throw new Error(
       "globalThis.config is not defined, please create globalThis.config frist"
     );
-  const { availWidth: t, availHeight: e } = globalThis.screen, { clientHeight: o } = globalThis.document.body, l = globalThis.config.page.paddingLeft || 32, n = globalThis.config.page.paddingRight || 32, r = t - l - n, a = globalThis.config.page.frameHeader || 82, i = globalThis.config.page.frameFooter || 36, c = o - a - i, g = globalThis.config.page.contentPaddingLeft || 16, p = globalThis.config.page.contentPaddingLeft || 16, h = r - g - p, w = globalThis.config.page.tableHeader || 56, s = globalThis.config.page.tableFooter || 56, d = o - a - w - s, m = globalThis.config.page.drawerHeader || 64, f = o - m, b = globalThis.navigator.userAgent.match(
+  const { availWidth: t, availHeight: e } = globalThis.screen, { clientHeight: o } = globalThis.document.body, a = globalThis.config.page.paddingLeft || 32, n = globalThis.config.page.paddingRight || 32, r = t - a - n, l = globalThis.config.page.frameHeader || 82, i = globalThis.config.page.frameFooter || 36, c = o - l - i, g = globalThis.config.page.contentPaddingLeft || 16, p = globalThis.config.page.contentPaddingLeft || 16, h = r - g - p, w = globalThis.config.page.tableHeader || 56, s = globalThis.config.page.tableFooter || 56, d = o - l - w - s, m = globalThis.config.page.drawerHeader || 64, f = o - m, b = globalThis.navigator.userAgent.match(
     /(phone|pad|pod|iPhone|iPod|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
   ) ? "h5" : "pc", P = /iPhone|iPad|iPod/i.test(globalThis.navigator.userAgent);
   return globalThis.config.options = {
@@ -293,8 +296,8 @@ const $ = function(t) {
 }, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   initColorfulIcon: W,
-  initLang: G,
-  initOptions: N
+  initLang: N,
+  initOptions: G
 }, Symbol.toStringTag, { value: "Module" })), V = () => {
   const t = document.querySelectorAll(".echart-tooltip");
   t != null && t.length && t.forEach((e) => e.remove());
@@ -326,20 +329,20 @@ export {
   j as download,
   J as hideEchartTooltip,
   W as initColorfulIcon,
-  G as initLang,
-  N as initOptions,
+  N as initLang,
+  G as initOptions,
   M as loadImage,
   O as loadVideo,
   x as pageScrollTo,
   v as useAgeFormat,
   S as useAgeValue,
-  C as useColumn,
+  L as useColumn,
   I as useEmptyColumn,
   U as useFormat,
   _ as useGenderFormat,
   T as useLang,
   k as useRaf,
   F as useRemoteSummary,
-  L as useSingleSelect,
+  C as useSingleSelect,
   R as useSummary
 };