magtool 1.3.7 → 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,12 +1,12 @@
 const v = (e) => {
   const { age: t } = e || {};
-  let n, r;
+  let n, a;
   if (t != null && t.included) {
-    const { minAge: o, maxAge: a } = t.included[0] || {};
-    o ? n = o : n = "all", a ? r = a : r = "all";
+    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}`;
-}, C = (e, t) => e === "all" ? null : t === 65 ? {
+  return a === "all" ? n === "all" ? "All" : `${n}~65+` : `${n}~${a}`;
+}, S = (e, t) => e === "all" ? null : t === 65 ? {
   included: [
     {
       minAge: e
@@ -19,90 +19,100 @@ const v = (e) => {
       maxAge: t
     }
   ]
-}, I = (e) => {
+}, _ = (e) => {
   const { gender: t } = e || {};
   return t != null && t.included ? t.included[0] : null;
-}, S = { useAgeFormat: v, useAgeValue: C, useGenderFormat: I }, A = (e) => new Promise((t, n) => {
-  const r = new Image();
-  r.src = window.$getType(e) === "String" ? e : URL.createObjectURL(e), r.onload = () => t(r), r.onerror = () => n(new Error("Could not load image"));
-}), L = (e) => new Promise((t, n) => {
-  const r = document.createElement("video");
-  r.preload = "metadata", window.$getType(e) === "String" ? r.src = e : r.src = URL.createObjectURL(e), r.onloadedmetadata = () => {
-    window.URL.revokeObjectURL(e), t(r);
+}, 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);
   };
-}), M = ({ type: e = "csv", data: t, name: n }) => {
-  let r = document.createElement("a");
+}), A = ({ type: e = "csv", data: t, name: n }) => {
+  let a = document.createElement("a");
   if (e === "csv") {
-    const a = new Blob(["\uFEFF" + t], {
+    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), (e === "csv" || e === "video") && URL.revokeObjectURL(r.url), r = null, o = null;
-}, R = { loadImage: A, loadVideo: L, download: M }, E = ({ table: e, key: t, 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 = e.getSelectionRows();
-  a.length > 1 ? (e.clearSelection(), e.toggleRowSelection(a[1], "selected"), n[r] = a[1][t]) : a.length === 1 && (n[r] = a[0][t]), o();
-}, O = (e = {}) => {
-  let { sortable: t = !0, empty: n = !1, mmp: r = !1 } = e, 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,
+  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: s.type,
-    align: s.align,
-    visible: s.visible,
-    formatter: s.formatter
+    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;
-}, j = () => ({
+  }), r;
+}, R = () => ({
   label: "-"
-}), U = ({ columns: e, data: t, currency: n = "", channel: r = "" }) => {
+}), 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,150 +122,183 @@ const v = (e) => {
     mmpInstalls: {},
     mmpCPI: {}
   };
-  e.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);
       t.forEach((b) => {
-        g = g.plus(b[l.property] || 0);
-      }), g = g.toNumber(), m.total = g, a.push(g);
+        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;
+  r[l.avgCPT.i] = c;
   const f = o.installs.total ? window.$fa(o.spend.total / o.installs.total) : "0.00";
-  if (a[s.avgCPA.i] = f, 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;
+  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;
+  r[l.cr.i] = p;
   const h = o.impressions.total ? window.$fa(o.taps.total / o.impressions.total * 100) : "0.00";
-  a[s.ttr.i] = h;
+  r[l.ttr.i] = h;
   const w = o.impressions.total ? window.$fa(o.installs.total * 1e3 / o.impressions.total) : "0.00";
-  return a[s.IPM.i] = w, a;
-}, F = (e) => {
+  return r[l.IPM.i] = w, r;
+}, U = (e) => {
   const t = window.$map.asa.allMetric.obj;
   return Object.keys(e).forEach((n) => {
-    const r = e[n];
-    t[n] && (e[`${n}Format`] = window.$fu({ prop: n, value: r, currency: !1, obj: t }));
+    const a = e[n];
+    t[n] && (e[`${n}Format`] = window.$fu({ prop: n, value: a, currency: !1, obj: t }));
   }), e;
-}, H = ({ columns: e, data: t }, n) => e.length && t.length ? e.map((o) => {
-  let a = n[o.property] === void 0 ? "" : n[o.property];
-  if (a !== "")
+}, 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;
-}) : [], _ = { useSingleSelect: E, useColumn: O, useEmptyColumn: j, useRemoteSummary: H, useSummary: U, useFormat: F }, B = (e, t = 88) => {
-  const n = document.querySelector("html"), { scrollTop: r } = n, o = e.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 - t,
+    top: a + o.y - t,
     behavior: "smooth"
   });
-}, T = async ({ app: e, langs: t, langObj: n }) => new Promise((r) => {
+}, y = async ({ app: e, langs: t, langObj: n }) => new Promise((a) => {
   const o = [];
   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 f = a[i] || i;
+        let f = r[i] || i;
         return Object.keys(c).forEach((p) => {
           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, e.config.globalProperties.$l = s, r();
+    return l(this);
+  }, globalThis.$l = l, e.config.globalProperties.$l = l, a();
 }), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   pageScrollTo: B,
-  useLang: T
+  useLang: y
 }, Symbol.toStringTag, { value: "Module" })), u = [];
-let $ = 0;
-const y = function(e) {
+let T = 0;
+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;
     }
-  }), u.length && window.requestAnimationFrame(y);
+  }), u.length && window.requestAnimationFrame($);
 }, x = function(e, t = 1e3) {
-  return $++, u.push({
+  return T++, u.push({
     cb: e,
     time: t,
     lastTime: 0,
-    id: $
-  }), u.length === 1 && window.requestAnimationFrame(y), $;
-}, W = function(e) {
+    id: T
+  }), 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;
     }
-}, q = { useRaf: x, clearRaf: W }, N = async (e) => new Promise((t) => {
+}, 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 = e || globalThis.config.colorfulIcon, document.head.appendChild(n), t();
-}), z = async (e = {}) => new Promise(async (t) => {
-  const { theme: n = "light", currentLang: r, app: o } = e, 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 = 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 T({ 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"
     );
   t();
 }), G = () => {
-  const { availWidth: e, availHeight: t } = globalThis.screen, { clientHeight: n } = globalThis.document.body, r = globalThis.config.page.paddingLeft || 32, o = globalThis.config.page.paddingRight || 32, a = e - r - o, s = globalThis.config.page.frameHeader || 82, i = globalThis.config.page.frameFooter || 36, c = n - s - i, f = globalThis.config.page.contentPaddingLeft || 16, p = globalThis.config.page.contentPaddingLeft || 16, h = a - f - p, w = globalThis.config.page.tableHeader || 56, l = globalThis.config.page.tableFooter || 56, d = n - s - w - l, m = globalThis.config.page.drawerHeader || 64, g = n - m, b = globalThis.navigator.userAgent.match(
+  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", P = /iPhone|iPad|iPod/i.test(globalThis.navigator.userAgent);
-  globalThis.config.options = {
+  return globalThis.config.options = {
     screenWidth: e,
     screenHeight: t,
-    pageWidth: a,
+    pageWidth: r,
     pageHeight: c,
     contentWidth: h,
     tableHeight: d,
     drawerHeight: g,
     device: b,
     isIOS: P
-  };
+  }, globalThis.config.options;
 }, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  initColorfulIcon: N,
-  initLang: z,
+  initColorfulIcon: q,
+  initLang: N,
   initOptions: G
 }, Symbol.toStringTag, { value: "Module" })), V = {
-  ...Q,
-  ...S,
-  ...R,
-  ..._,
+  ...M,
+  ...L,
+  ...H,
   ...k,
-  ...q
+  ...W,
+  ...Q
 };
 export {
-  V 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.7",
+  "version": "1.3.8",
   "author": "matt avis",
   "main": "./dist/index.js",
   "module": "./dist/index.js",