magtool 1.3.6 → 1.3.8

package/README.1.md

@@ -1,5 +1,10 @@
 # magtool
 
+1.3.8
+
+cps支持default和结构引入
+initOptions改为同步，且挂载时检测是否存在globalThis.config，不存在则抛出错误
+
 1.3.5
 initLang({
       theme: 'light', // 选填

package/dist/composition.js

@@ -1,108 +1,118 @@
-const C = (t) => {
-  const { age: e } = t || {};
-  let n, r;
-  if (e != null && e.included) {
-    const { minAge: o, maxAge: a } = e.included[0] || {};
-    o ? n = o : n = "all", a ? r = a : r = "all";
+const v = (e) => {
+  const { age: t } = e || {};
+  let n, a;
+  if (t != null && t.included) {
+    const { minAge: o, maxAge: r } = t.included[0] || {};
+    o ? n = o : n = "all", r ? a = r : a = "all";
   }
-  return r === "all" ? n === "all" ? "All" : `${n}~65+` : `${n}~${r}`;
-}, I = (t, e) => t === "all" ? null : e === 65 ? {
+  return a === "all" ? n === "all" ? "All" : `${n}~65+` : `${n}~${a}`;
+}, S = (e, t) => e === "all" ? null : t === 65 ? {
   included: [
     {
-      minAge: t
+      minAge: e
     }
   ]
 } : {
   included: [
     {
-      minAge: t,
-      maxAge: e
+      minAge: e,
+      maxAge: t
     }
   ]
-}, S = (t) => {
-  const { gender: e } = t || {};
-  return e != null && e.included ? e.included[0] : null;
-}, A = { useAgeFormat: C, useAgeValue: I, useGenderFormat: S }, L = (t) => new Promise((e, n) => {
-  const r = new Image();
-  r.src = window.$getType(t) === "String" ? t : URL.createObjectURL(t), r.onload = () => e(r), r.onerror = () => n(new Error("Could not load image"));
-}), M = (t) => new Promise((e, n) => {
-  const r = document.createElement("video");
-  r.preload = "metadata", window.$getType(t) === "String" ? r.src = t : r.src = URL.createObjectURL(t), r.onloadedmetadata = () => {
-    window.URL.revokeObjectURL(t), e(r);
+}, _ = (e) => {
+  const { gender: t } = e || {};
+  return t != null && t.included ? t.included[0] : null;
+}, M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useAgeFormat: v,
+  useAgeValue: S,
+  useGenderFormat: _
+}, Symbol.toStringTag, { value: "Module" })), C = (e) => new Promise((t, n) => {
+  const a = new Image();
+  a.src = window.$getType(e) === "String" ? e : URL.createObjectURL(e), a.onload = () => t(a), a.onerror = () => n(new Error("Could not load image"));
+}), I = (e) => new Promise((t, n) => {
+  const a = document.createElement("video");
+  a.preload = "metadata", window.$getType(e) === "String" ? a.src = e : a.src = URL.createObjectURL(e), a.onloadedmetadata = () => {
+    window.URL.revokeObjectURL(e), t(a);
   };
-}), R = ({ type: t = "csv", data: e, name: n }) => {
-  let r = document.createElement("a");
-  if (t === "csv") {
-    const a = new Blob(["\uFEFF" + e], {
+}), A = ({ type: e = "csv", data: t, name: n }) => {
+  let a = document.createElement("a");
+  if (e === "csv") {
+    const r = new Blob(["\uFEFF" + t], {
       type: "text/csv,charset=UTF-8"
     });
-    r.href = URL.createObjectURL(a);
+    a.href = URL.createObjectURL(r);
   }
   let o = new MouseEvent("click");
-  r.download = n || "download", r.dispatchEvent(o), (t === "csv" || t === "video") && URL.revokeObjectURL(r.url), r = null, o = null;
-}, E = { loadImage: L, loadVideo: M, download: R }, O = ({ table: t, key: e, form: n, value: r, cb: o = () => {
+  a.download = n || "download", a.dispatchEvent(o), (e === "csv" || e === "video") && URL.revokeObjectURL(a.url), a = null, o = null;
+}, L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  download: A,
+  loadImage: C,
+  loadVideo: I
+}, Symbol.toStringTag, { value: "Module" })), O = ({ table: e, key: t, form: n, value: a, cb: o = () => {
 } }) => {
-  const a = t.getSelectionRows();
-  a.length > 1 ? (t.clearSelection(), t.toggleRowSelection(a[1], "selected"), n[r] = a[1][e]) : a.length === 1 && (n[r] = a[0][e]), o();
-}, j = (t = {}) => {
-  let { sortable: e = !0, empty: n = !1, mmp: r = !1 } = t, o = window.$map.asa.asaMetric.all;
-  r && (o = o.concat(window.$map.asa.mmpMetric.all));
-  const a = o.map((s, i) => ({
-    label: s.label,
-    prop: s.value,
-    width: s.width,
-    sortable: e,
-    type: s.type,
-    align: s.align,
-    visible: s.visible,
-    formatter: s.formatter
+  const r = e.getSelectionRows();
+  r.length > 1 ? (e.clearSelection(), e.toggleRowSelection(r[1], "selected"), n[a] = r[1][t]) : r.length === 1 && (n[a] = r[0][t]), o();
+}, j = (e = {}) => {
+  let { sortable: t = !0, empty: n = !1, mmp: a = !1 } = e, o = window.$map.asa.asaMetric.all;
+  a && (o = o.concat(window.$map.asa.mmpMetric.all));
+  const r = o.map((l, i) => ({
+    label: l.label,
+    prop: l.value,
+    width: l.width,
+    sortable: t,
+    type: l.type,
+    align: l.align,
+    visible: l.visible,
+    formatter: l.formatter
   }));
-  return a.unshift({
+  return r.unshift({
     label: "Currency",
     prop: "currency",
     width: 80,
     align: "right"
-  }), a;
-}, U = () => ({
+  }), r;
+}, R = () => ({
   label: "-"
-}), F = ({ columns: t, data: e, currency: n = "", channel: r = "" }) => {
-  if (!e.length || !t.length)
+}), E = ({ columns: e, data: t, currency: n = "", channel: a = "" }) => {
+  if (!t.length || !e.length)
     return [];
   const o = {
     spend: {
       prop: "spend",
       prefix: n,
-      format: (l) => window.$fa(l, 2)
+      format: (s) => window.$fa(s, 2)
     },
     taps: {
       prop: "taps",
-      format: (l) => window.$fa(l, 0)
+      format: (s) => window.$fa(s, 0)
     },
     installs: {
       prop: "installs",
-      format: (l) => window.$fa(l, 0)
+      format: (s) => window.$fa(s, 0)
     },
     impressions: {
       prop: "impressions",
-      format: (l) => window.$fa(l, 0)
+      format: (s) => window.$fa(s, 0)
     },
     mmpInstalls: {
       prop: "mmpInstalls",
-      format: (l) => window.$fa(l, 0)
+      format: (s) => window.$fa(s, 0)
     },
     mmpCPI: {
       prop: "mmpCPI",
-      format: (l) => window.$fa(l, 2)
+      format: (s) => window.$fa(s, 2)
     },
     IPM: {
       prop: "IPM",
-      format: (l) => window.$fa(l, 2)
+      format: (s) => window.$fa(s, 2)
     },
     revenue: {
       prop: "revenue",
-      format: (l) => window.$fa(l, 2)
+      format: (s) => window.$fa(s, 2)
     }
-  }, a = [], s = {
+  }, r = [], l = {
     avgCPT: {},
     avgCPA: {},
     avgCPM: {},
@@ -112,162 +122,183 @@ const C = (t) => {
     mmpInstalls: {},
     mmpCPI: {}
   };
-  t.forEach((l, d) => {
-    s[l.property] && (s[l.property].i = d);
-    const m = o[l.property];
+  e.forEach((s, d) => {
+    l[s.property] && (l[s.property].i = d);
+    const m = o[s.property];
     if (m) {
       m.i = d;
       let g = window.$bigNumber(0);
-      e.forEach((w) => {
-        g = g.plus(w[l.property] || 0);
-      }), g = g.toNumber(), m.total = g, a.push(g);
+      t.forEach((b) => {
+        g = g.plus(b[s.property] || 0);
+      }), g = g.toNumber(), m.total = g, r.push(g);
     } else
-      a.push("");
-  }), Object.keys(o).forEach((l) => {
-    const d = o[l];
-    d.format && a[d.i] && (a[d.i] = d.format(a[d.i]));
+      r.push("");
+  }), Object.keys(o).forEach((s) => {
+    const d = o[s];
+    d.format && r[d.i] && (r[d.i] = d.format(r[d.i]));
   });
   const c = o.taps.total ? window.$fa(o.spend.total / o.taps.total) : "0.00";
-  a[s.avgCPT.i] = c;
-  const u = o.installs.total ? window.$fa(o.spend.total / o.installs.total) : "0.00";
-  if (a[s.avgCPA.i] = u, s.avgCPM.i !== void 0) {
-    const l = o.impressions.total ? window.$fa(o.spend.total / (o.impressions.total / 1e3)) : "0.00";
-    a[s.avgCPM.i] = l;
+  r[l.avgCPT.i] = c;
+  const f = o.installs.total ? window.$fa(o.spend.total / o.installs.total) : "0.00";
+  if (r[l.avgCPA.i] = f, l.avgCPM.i !== void 0) {
+    const s = o.impressions.total ? window.$fa(o.spend.total / (o.impressions.total / 1e3)) : "0.00";
+    r[l.avgCPM.i] = s;
   }
   const p = o.taps.total ? window.$fa(o.installs.total / o.taps.total * 100) : "0.00";
-  a[s.cr.i] = p;
-  const b = o.impressions.total ? window.$fa(o.taps.total / o.impressions.total * 100) : "0.00";
-  a[s.ttr.i] = b;
-  const h = o.impressions.total ? window.$fa(o.installs.total * 1e3 / o.impressions.total) : "0.00";
-  return a[s.IPM.i] = h, a;
-}, H = (t) => {
-  const e = window.$map.asa.allMetric.obj;
-  return Object.keys(t).forEach((n) => {
-    const r = t[n];
-    e[n] && (t[`${n}Format`] = window.$fu({ prop: n, value: r, currency: !1, obj: e }));
-  }), t;
-}, _ = ({ columns: t, data: e }, n) => t.length && e.length ? t.map((o) => {
-  let a = n[o.property] === void 0 ? "" : n[o.property];
-  if (a !== "")
+  r[l.cr.i] = p;
+  const h = o.impressions.total ? window.$fa(o.taps.total / o.impressions.total * 100) : "0.00";
+  r[l.ttr.i] = h;
+  const w = o.impressions.total ? window.$fa(o.installs.total * 1e3 / o.impressions.total) : "0.00";
+  return r[l.IPM.i] = w, r;
+}, U = (e) => {
+  const t = window.$map.asa.allMetric.obj;
+  return Object.keys(e).forEach((n) => {
+    const a = e[n];
+    t[n] && (e[`${n}Format`] = window.$fu({ prop: n, value: a, currency: !1, obj: t }));
+  }), e;
+}, F = ({ columns: e, data: t }, n) => e.length && t.length ? e.map((o) => {
+  let r = n[o.property] === void 0 ? "" : n[o.property];
+  if (r !== "")
     try {
-      a = window.$fa(a, window.$map.asa.allMetric.obj[o.property].precision);
+      r = window.$fa(r, window.$map.asa.allMetric.obj[o.property].precision);
     } catch {
     }
-  return a;
-}) : [], B = { useSingleSelect: O, useColumn: j, useEmptyColumn: U, useRemoteSummary: _, useSummary: F, useFormat: H }, k = (t, e = 88) => {
-  const n = document.querySelector("html"), { scrollTop: r } = n, o = t.getBoundingClientRect();
+  return r;
+}) : [], H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useColumn: j,
+  useEmptyColumn: R,
+  useFormat: U,
+  useRemoteSummary: F,
+  useSingleSelect: O,
+  useSummary: E
+}, Symbol.toStringTag, { value: "Module" })), B = (e, t = 88) => {
+  const n = document.querySelector("html"), { scrollTop: a } = n, o = e.getBoundingClientRect();
   n.scrollTo({
-    top: r + o.y - e,
+    top: a + o.y - t,
     behavior: "smooth"
   });
-}, P = async ({ app: t, langs: e, langObj: n }) => new Promise((r) => {
+}, y = async ({ app: e, langs: t, langObj: n }) => new Promise((a) => {
   const o = [];
-  e.forEach((i) => {
+  t.forEach((i) => {
     i.use && o.push(i);
   }), globalThis.$langs = o;
-  let a = {};
-  globalThis.$getType(n) === "Object" ? a = n : globalThis.$getType(n) === "String" && (globalThis.$store.common()[n] ? a = globalThis.$store.common()[n] : console.warn(
+  let r = {};
+  globalThis.$getType(n) === "Object" ? r = n : globalThis.$getType(n) === "String" && (globalThis.$store.common()[n] ? r = globalThis.$store.common()[n] : console.warn(
     `Language object "${n}" not found in store.common()`
   ));
-  const s = (i, c) => {
+  const l = (i, c) => {
     if (i)
       if (c && globalThis.$getType(c) === "Object") {
-        let u = a[i] || i;
+        let f = r[i] || i;
         return Object.keys(c).forEach((p) => {
-          u[`$${p}$`] = c[p];
-        }), u;
+          f[`$${p}$`] = c[p];
+        }), f;
       } else
-        return a[i] || i;
+        return r[i] || i;
     else
       return i;
   };
   String.prototype.$l = function() {
-    return s(this);
-  }, globalThis.$l = s, t.config.globalProperties.$l = s, r();
-}), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    return l(this);
+  }, globalThis.$l = l, e.config.globalProperties.$l = l, a();
+}), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  pageScrollTo: k,
-  useLang: P
-}, Symbol.toStringTag, { value: "Module" })), f = [];
+  pageScrollTo: B,
+  useLang: y
+}, Symbol.toStringTag, { value: "Module" })), u = [];
 let T = 0;
-const v = function(t) {
-  f.forEach((e) => {
-    if (e.time === void 0 || e.lastTime === 0 || t - e.lastTime >= e.time) {
-      e.cb(t), e.lastTime = t;
+const $ = function(e) {
+  u.forEach((t) => {
+    if (t.time === void 0 || t.lastTime === 0 || e - t.lastTime >= t.time) {
+      t.cb(e), t.lastTime = e;
       return;
     }
-  }), f.length && window.requestAnimationFrame(v);
-}, W = function(t, e = 1e3) {
-  return T++, f.push({
-    cb: t,
-    time: e,
+  }), u.length && window.requestAnimationFrame($);
+}, x = function(e, t = 1e3) {
+  return T++, u.push({
+    cb: e,
+    time: t,
     lastTime: 0,
     id: T
-  }), f.length === 1 && window.requestAnimationFrame(v), T;
-}, q = function(t) {
-  for (let e = 0; e < f.length; e++)
-    if (f[e].id === t) {
-      f.splice(e, 1);
+  }), u.length === 1 && window.requestAnimationFrame($), T;
+}, z = function(e) {
+  for (let t = 0; t < u.length; t++)
+    if (u[t].id === e) {
+      u.splice(t, 1);
       break;
     }
-}, N = { useRaf: W, clearRaf: q }, z = async (t) => new Promise((e) => {
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  clearRaf: z,
+  useRaf: x
+}, Symbol.toStringTag, { value: "Module" })), q = async (e) => new Promise((t) => {
   if (document.getElementById("colorfulIcon"))
     return;
   const n = document.createElement("script");
-  n.id = "colorfulIcon", n.type = "text/javascript", n.src = t || globalThis.config.colorfulIcon, document.head.appendChild(n), e();
-}), G = async (t = {}) => new Promise(async (e) => {
-  const { theme: n = "light", currentLang: r, app: o } = t, a = document.documentElement, s = r || localStorage.getItem("lang") || globalThis.config.lang || "en_us";
-  a.classList.add(s);
-  const i = s.split("_");
-  a.setAttribute("lang", `${i[0]}-${i[1].toUpperCase()}`);
+  n.id = "colorfulIcon", n.type = "text/javascript", n.src = e || globalThis.config.colorfulIcon, document.head.appendChild(n), t();
+}), N = async (e = {}) => new Promise(async (t) => {
+  const { theme: n = "light", currentLang: a, app: o } = e, 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 (a.setAttribute("dir", c), a.classList.add(localStorage.getItem("theme") || n), o)
-    await P({ app: o, langs: globalThis.config.langs || [] });
+  if (r.setAttribute("dir", c), r.classList.add(localStorage.getItem("theme") || n), o)
+    await y({ app: o, langs: globalThis.config.langs || [] });
   else
     throw new Error(
       "app is not defined, please check your vue app create from createApp() function"
     );
-  e();
-}), Q = async () => new Promise(async (t) => {
-  const { availWidth: e, availHeight: n } = globalThis.screen, { clientHeight: r } = globalThis.document.body, o = globalThis.config.page.paddingLeft || 32, a = globalThis.config.page.paddingRight || 32, s = e - o - a, i = globalThis.config.page.frameHeader || 82, c = globalThis.config.page.frameFooter || 36, u = r - i - c, p = globalThis.config.page.contentPaddingLeft || 16, b = globalThis.config.page.contentPaddingLeft || 16, h = s - p - b, l = globalThis.config.page.tableHeader || 56, d = globalThis.config.page.tableFooter || 56, m = r - i - l - d, g = globalThis.config.page.drawerHeader || 64, w = r - g, $ = globalThis.navigator.userAgent.match(
+  t();
+}), G = () => {
+  if (!globalThis.config)
+    throw new Error("globalThis.config is not defined, please create globalThis.config frist");
+  const { availWidth: e, availHeight: t } = globalThis.screen, { clientHeight: n } = globalThis.document.body, a = globalThis.config.page.paddingLeft || 32, o = globalThis.config.page.paddingRight || 32, r = e - a - o, l = globalThis.config.page.frameHeader || 82, i = globalThis.config.page.frameFooter || 36, c = n - l - i, f = globalThis.config.page.contentPaddingLeft || 16, p = globalThis.config.page.contentPaddingLeft || 16, h = r - f - p, w = globalThis.config.page.tableHeader || 56, s = globalThis.config.page.tableFooter || 56, d = n - l - w - s, m = globalThis.config.page.drawerHeader || 64, g = n - 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", y = /iPhone|iPad|iPod/i.test(globalThis.navigator.userAgent);
-  globalThis.config ? globalThis.config.options = {
+  ) ? "h5" : "pc", P = /iPhone|iPad|iPod/i.test(globalThis.navigator.userAgent);
+  return globalThis.config.options = {
     screenWidth: e,
-    screenHeight: n,
-    pageWidth: s,
-    pageHeight: u,
+    screenHeight: t,
+    pageWidth: r,
+    pageHeight: c,
     contentWidth: h,
-    tableHeight: m,
-    drawerHeight: w,
-    device: $,
-    isIOS: y
-  } : globalThis.config = {
-    options: {
-      screenWidth: e,
-      screenHeight: n,
-      pageWidth: s,
-      pageHeight: u,
-      contentWidth: h,
-      tableHeight: m,
-      drawerHeight: w,
-      device: $,
-      isIOS: y
-    }
-  }, t();
-}), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    tableHeight: d,
+    drawerHeight: g,
+    device: b,
+    isIOS: P
+  }, globalThis.config.options;
+}, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  initColorfulIcon: z,
-  initLang: G,
-  initOptions: Q
-}, Symbol.toStringTag, { value: "Module" })), J = {
-  ...V,
-  ...A,
-  ...E,
-  ...B,
-  ...x,
-  ...N
+  initColorfulIcon: q,
+  initLang: N,
+  initOptions: G
+}, Symbol.toStringTag, { value: "Module" })), V = {
+  ...M,
+  ...L,
+  ...H,
+  ...k,
+  ...W,
+  ...Q
 };
 export {
-  J as default
+  z as clearRaf,
+  V as default,
+  A as download,
+  q as initColorfulIcon,
+  N as initLang,
+  G as initOptions,
+  C as loadImage,
+  I as loadVideo,
+  B as pageScrollTo,
+  v as useAgeFormat,
+  S as useAgeValue,
+  j as useColumn,
+  R as useEmptyColumn,
+  U as useFormat,
+  _ as useGenderFormat,
+  y as useLang,
+  x as useRaf,
+  F as useRemoteSummary,
+  O as useSingleSelect,
+  E as useSummary
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "magtool",
   "packageManager": "yarn@4.4.1",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "author": "matt avis",
   "main": "./dist/index.js",
   "module": "./dist/index.js",