magtool 1.5.12 → 1.5.14

package/README.1.md

@@ -1,5 +1,11 @@
 # magtool
 
+1.5.14
+color important
+
+1.5.13
+composition export
+
 1.5.12
 table footer
 echart tooltip cps

package/dist/component.js

@@ -1,7 +1,7 @@
 import { defineComponent as P, getCurrentInstance as se, onMounted as re, reactive as H, createElementBlock as D, openBlock as p, normalizeStyle as me, unref as t, createCommentVNode as Y, createElementVNode as c, normalizeClass as K, renderSlot as W, toDisplayString as I, computed as g, watch as X, resolveComponent as N, createVNode as z, inject as pe, onBeforeMount as Te, markRaw as Ce, nextTick as fe, mergeProps as Z, withCtx as b, resolveDirective as Ae, withDirectives as De, createBlock as L, withKeys as xe, createSlots as ae, watchPostEffect as Me, Fragment as ie, renderList as de, createTextVNode as ne, defineAsyncComponent as _e, ref as he, withModifiers as ye, resolveDynamicComponent as Ie, watchEffect as ze } from "vue";
 import { _ as ue } from "./vendor.js";
 import { dayjs as Be } from "element-plus";
-import { l as je, u as Ye, d as Le } from "./composition.js";
+import { loadImage as je, useSummary as Ye, download as Le } from "./composition.js";
 import $e from "vuedraggable";
 import { useRoute as Ee } from "vue-router";
 const Re = { class: "fw700" }, Pe = P({
@@ -1290,7 +1290,7 @@ const Re = { class: "fw700" }, Pe = P({
       ])) : Y("", !0)
     ], 4));
   }
-}), Jt = /* @__PURE__ */ ue(Ht, [["__scopeId", "data-v-96825df6"]]), Kt = P({
+}), Jt = /* @__PURE__ */ ue(Ht, [["__scopeId", "data-v-93f064e2"]]), Kt = P({
   name: "MvcTableColumnFilter",
   props: {
     tableName: {
@@ -1810,7 +1810,7 @@ const Re = { class: "fw700" }, Pe = P({
       ], 10, mo);
     };
   }
-}), yo = /* @__PURE__ */ ue(go, [["__scopeId", "data-v-4ad79842"]]), ho = P({
+}), yo = /* @__PURE__ */ ue(go, [["__scopeId", "data-v-b05a08f4"]]), ho = P({
   name: "Table",
   inheritAttrs: !1
 }), _o = /* @__PURE__ */ Object.assign(ho, {

package/dist/composition.js

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