magtool 1.0.6 → 1.0.7

package/dist/directive.js

@@ -1,23 +1,30 @@
-const c = (o) => {
-  o.directive("focus", {
-    mounted(t, i, m) {
+const m = (o) => {
+  o.directive("copy", {
+    mounted(t, i) {
+      let { value: l, arg: e } = i;
+      t.onclick = () => {
+        window.$copy(l, e);
+      };
+    }
+  }), o.directive("focus", {
+    mounted(t, i, l) {
       let { value: e = 0, arg: d = "time" } = i;
       if (e === null)
         return;
-      let r = 100, l = 0;
-      d !== "time" ? l = e : r = Number(e);
+      let c = 100, r = 0;
+      d !== "time" ? r = e : c = Number(e);
       const n = setTimeout(() => {
         let u = t.querySelectorAll("input, textarea");
-        u[l].focus(), u[l].select(), clearTimeout(n);
-      }, r);
+        u[r].focus(), u[r].select(), clearTimeout(n);
+      }, c);
     }
   }), o.directive("pms", {
-    mounted(t, i, m) {
+    mounted(t, i, l) {
       var e;
       (e = i.value) != null && e.readonly && t.remove();
     }
   });
 };
 export {
-  c as d
+  m as d
 };

package/dist/index.js

@@ -1,11 +1,17 @@
-import r from "moment";
+import _ from "moment";
 import { c as t } from "./cps.js";
-import { d as m } from "./util.js";
-import { d as i } from "./directive.js";
-import { s } from "./store.js";
-const c = (o, e) => (o.use(m).use(i), window.$m = r, {
+import { d as s } from "./util.js";
+import { d as e } from "./directive.js";
+import { s as i } from "./store.js";
+const c = (o, m) => (o.use(s).use(e), localStorage.getItem("lang").includes("cn") && _.locale("zh-cn", {
+  months: "一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),
+  monthsShort: "1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),
+  weekdays: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),
+  weekdaysShort: "周日_周一_周二_周三_周四_周五_周六".split("_"),
+  weekdaysMin: "日_一_二_三_四_五_六".split("_")
+}), window.$m = _, window.$moment = _, {
   composition: t,
-  store: s
+  store: i
 });
 export {
   c as default

package/dist/util.js

@@ -1,132 +1,191 @@
 const M = (i) => {
-  const b = (e, t = 0) => {
+  window.$getLang = () => localStorage.getItem("lang");
+  const u = (e = {}) => {
+    const { alpha: n, name: o } = e, t = [
+      "blue",
+      "red",
+      "orange",
+      "green",
+      "pink",
+      "yellow",
+      "purple",
+      "primary",
+      "dark"
+    ], r = ["", 1, 3, 5, 7], c = o || t[parseInt(Math.random() * t.length)], l = n === 0 ? "" : r[parseInt(Math.random() * r.length)];
+    return `${c}${l}`;
+  };
+  window.$randomColor = u, window.$rc = u, i.config.globalProperties.$rc = u;
+  const U = (e, n = 0) => {
     let o = parseInt(Math.random() * e);
-    return o += t, o;
+    return o += n, o;
   };
-  window.$rn = b;
-  const $ = (e, t) => {
+  window.$rn = U, window.$elc = (e = {}) => {
+    let { i: n = 0, color: o } = e;
+    const t = window.global.config.color;
+    o = o || t[n];
+    const r = o + "FF", c = o + "00";
+    return {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: r
+        },
+        {
+          offset: 1,
+          color: c
+        }
+      ]
+    };
+  }, window.$egc = (e = {}) => {
+    let { i: n = 0, color: o } = e;
+    const t = window.global.config.color;
+    o = o || t[n];
+    const r = o + "FF";
+    return {
+      type: "radial",
+      x: 0.1,
+      y: 0.5,
+      r: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: o + "00"
+        },
+        {
+          offset: 1,
+          color: r
+        }
+      ]
+    };
+  };
+  const C = (e, n) => {
     let o = [];
-    for (let r = 0; r < e; r++)
-      o.push(t(r));
+    for (let t = 0; t < e; t++)
+      o.push(n(t));
     return o;
   };
-  window.$fd = $, i.config.globalProperties.$setTimeout = function(e = () => {
-  }, t) {
+  window.$fd = C, i.config.globalProperties.$setTimeout = function(e = () => {
+  }, n) {
     this.timer && (clearTimeout(this.timer), this.timer = null), this.timer = setTimeout(() => {
       e(), clearTimeout(this.timer);
-    }, t);
+    }, n);
   };
-  const y = (e) => e.substr(0, 1).toUpperCase() + e.substr(1, e.length).toLowerCase();
-  window.$toUpperCamel = y;
-  const f = (e, t = 2) => {
+  const p = (e) => e.substr(0, 1).toUpperCase() + e.substr(1, e.length).toLowerCase();
+  i.config.globalProperties.$toUpperCamel = p, window.$toUpperCamel = p;
+  const g = (e, n = 2) => {
     const o = window.$getType(e);
-    let r;
-    o === "Number" ? (e = e.toFixed(t), r = String(e), e = String(Math.abs(e))) : o === "String" && (r = e, e = String(Math.abs(Number(e))));
-    const n = e.split(".");
-    let a = n[0].split("");
-    a = a.reverse();
+    let t;
+    o === "Number" ? (e = e.toFixed(n), t = String(e), e = String(Math.abs(e))) : o === "String" && (t = e, e = String(Math.abs(Number(e))));
+    const r = e.split(".");
+    let c = r[0].split("");
+    c = c.reverse();
     let l = [];
-    a.forEach((N, m) => {
-      m !== 0 && m % 3 === 0 && l.push(","), l.push(N);
+    c.forEach((d, T) => {
+      T !== 0 && T % 3 === 0 && l.push(","), l.push(d);
     });
-    let c = l.reverse().join("");
-    return window.$getType(t) === "Number" && t > 0 && (c += ".", n[1] ? c += n[1].padEnd(t, 0).substr(0, t) : c += "0".padEnd(t, "0")), Number(r) !== Number(e) ? `-${c}` : c;
+    let a = l.reverse().join("");
+    return window.$getType(n) === "Number" && n > 0 && (a += ".", r[1] ? a += r[1].padEnd(n, 0).substr(0, n) : a += "0".padEnd(n, "0")), Number(t) !== Number(e) ? `-${a}` : a;
   };
-  window.$fa = f, i.config.globalProperties.$fa = f;
-  const u = ({
+  window.$fa = g, i.config.globalProperties.$fa = g;
+  const m = ({
     prop: e,
-    currency: t,
+    currency: n,
     value: o,
-    obj: r = window.$map.asa.asaMetric.allObj
+    obj: t = window.$map.asa.asaMetric.allObj
   }) => {
-    const n = r[e];
-    return n.unit === "currency" ? t ? `${t} ${window.$fa(o, n == null ? void 0 : n.precision)}` : window.$fa(o, n == null ? void 0 : n.precision) : n.unit === "%" ? `${window.$fa(o, n == null ? void 0 : n.precision)}%` : window.$fa(o, n == null ? void 0 : n.precision);
+    const r = t[e];
+    return r.unit === "currency" ? n ? `${n} ${window.$fa(o, r == null ? void 0 : r.precision)}` : window.$fa(o, r == null ? void 0 : r.precision) : r.unit === "%" ? `${window.$fa(o, r == null ? void 0 : r.precision)}%` : window.$fa(o, r == null ? void 0 : r.precision);
   };
-  window.$fu = u, i.config.globalProperties.$fu = u;
-  const d = (e = () => {
-  }, t = 2) => {
+  window.$fu2 = m, i.config.globalProperties.$fu2 = m;
+  const b = (e = () => {
+  }, n = 2) => {
     let o = null;
-    return new Promise((r, n) => {
-      o = setTimeout(async () => {
-        await e(r, n), await clearTimeout(o), await r(!0);
-      }, t * 100);
+    return new Promise((t, r) => {
+      o = setTimeout(() => {
+        e(t, r), clearTimeout(o), t(!0);
+      }, n * 100);
     });
   };
-  window.$pm = d, window.$promise = d;
-  const w = (e = () => {
-  }, t = 500) => {
+  window.$pm = b, window.$promise = b;
+  const $ = (e = () => {
+  }, n = 500) => {
     let o;
-    return function(...r) {
+    return function(...t) {
       o && clearTimeout(o), o = setTimeout(() => {
-        e.apply(this, r);
-      }, t);
+        e.apply(this, t);
+      }, n);
     };
   };
-  window.$db = w, window.$debounce = w, Number.prototype.toFixedNumber = function(e) {
+  window.$db = $, window.$debounce = $, Number.prototype.toFixedNumber = function(e) {
     return Number(this.toFixed(e));
   }, Array.prototype.filter1 = function(e) {
     if (!e || typeof e != "function")
       throw new Error(e + " is not a function");
-    let t, o;
-    for (let r = 0; r < this.length; r++)
-      if (e(this[r], r, this)) {
-        o = r, t = this[r];
+    let n, o;
+    for (let t = 0; t < this.length; t++)
+      if (e(this[t], t, this)) {
+        o = t, n = this[t];
         break;
       }
     return {
       index: o,
-      data: t
+      data: n
     };
   }, window.$getType = (e) => Object.prototype.toString.call(e).slice(8, -1);
-  const p = (e, t) => {
+  const h = (e, n) => {
     if (!e) {
       console.info("No Value");
       return;
     }
     const o = window.$l("Copied");
-    let r;
-    if (t ? window.$getType(t) !== "Boolean" ? r = `${o} ${t}: ${e}` : r = `${o}: ${e}` : r = o, navigator.clipboard && window.isSecureContext)
+    let t;
+    if (n ? window.$getType(n) !== "Boolean" ? t = `${o} ${n}: ${e}` : t = `${o}: ${e}` : t = o, navigator.clipboard && window.isSecureContext)
       navigator.clipboard.writeText(e).then(() => {
         i.config.globalProperties.$message.success({
-          message: r,
+          message: t,
           // grouping: true,
           center: !0,
           duration: 0
         });
       });
     else {
-      let n = document.createElement("textarea");
-      n.value = e, n.style.position = "fixed", n.style.opacity = 0, document.body.appendChild(n), n.select(), document.execCommand("Copy"), n.remove(), i.config.globalProperties.$message.success({
-        message: r,
+      let r = document.createElement("textarea");
+      r.value = e, r.style.position = "fixed", r.style.opacity = 0, document.body.appendChild(r), r.select(), document.execCommand("Copy"), r.remove(), i.config.globalProperties.$message.success({
+        message: t,
         // grouping: true,
         center: !0,
         duration: 0
       });
     }
   };
-  window.$copy = p, i.config.globalProperties.$copy = p;
-  const h = (e) => e < 1e3 ? e : e < 1e6 ? parseInt(e / 1e3) + "K" : parseInt(e / 1e6) + "M";
-  window.$sc = h;
-  const F = {
+  window.$copy = h, i.config.globalProperties.$copy = h;
+  const L = (e) => e < 1e3 ? e : e < 1e6 ? parseInt(e / 1e3) + "K" : parseInt(e / 1e6) + "M";
+  window.$sc = L;
+  const O = {
     cpa: "avgCPA",
     cpt: "avgCPT"
-  }, C = (e, t = F) => {
-    const o = t[e.name];
+  }, j = (e, n = O) => {
+    const o = n[e.name];
     o && (e.name = o);
   };
-  window.$nr = C;
-  const T = (e, t) => (Object.keys(e).forEach((o) => {
+  window.$nr = j;
+  const E = (e, n) => (Object.keys(e).forEach((o) => {
     objMap[o] && (e[objMap[o]] = e[o], delete e[o]);
   }), e);
-  window.$nro = T;
-  const k = (e) => {
-    let t = 0;
+  window.$nro = E;
+  const P = (e) => {
+    let n = 0;
     return Object.keys(e).forEach((o) => {
-      (window.$getType(e[o]) === "Array" && e[o].length !== 0 || e[o]) && t++;
-    }), t;
+      (window.$getType(e[o]) === "Array" && e[o].length !== 0 || e[o]) && n++;
+    }), n;
   };
-  window.$pc = k;
-  const g = {
+  window.$pc = P;
+  const y = {
     info: {
       tag: "background-color:#0085FF; color:#f1f7ff;",
       style: "background-color:#f1f7ff; color:#0085FF;"
@@ -147,30 +206,89 @@ const M = (i) => {
       tag: "background-color:#20c997; color:#f6fffc;",
       style: "background-color:#f6fffc; color:#20c997;"
     }
-  }, s = (e = "info", t) => {
+  }, f = (e = "info", n) => {
     e === "success" && (e = "info"), console[e](
-      `%c ${e.toUpperCase()} %c┆${t}┆`,
-      `${g[e].tag}`,
-      `${g[e].style}`
+      `%c ${e.toUpperCase()} %c┆${n}┆`,
+      `${y[e].tag}`,
+      `${y[e].style}`
     );
   };
   window.$console = {
     info: (...e) => {
-      s("info", e);
+      f("info", e);
     },
     log: (...e) => {
-      s("log", e);
+      f("log", e);
     },
     error: (...e) => {
-      s("error", e);
+      f("error", e);
     },
     warn: (...e) => {
-      s("warn", e);
+      f("warn", e);
     },
     success: (...e) => {
-      s("success", e);
+      f("success", e);
     }
   };
+  const R = (e) => new Promise((n, o) => {
+    const t = new Image();
+    t.src = window.$getType(e) === "String" ? e : URL.createObjectURL(e), t.onload = () => n(t), t.onerror = () => o(new Error("Could not load image"));
+  });
+  window.$loadImage = R;
+  const S = (e) => new Promise((n, o) => {
+    const t = document.createElement("video");
+    t.preload = "metadata", window.$getType(e) === "String" ? t.src = e : t.src = URL.createObjectURL(e), t.onloadedmetadata = () => {
+      window.URL.revokeObjectURL(e), console.info([t]), n(t);
+    };
+  });
+  window.$loadVideo = S;
+  const k = (e) => {
+    if (e && window.$getType(e) === "Object") {
+      const o = {};
+      return Object.keys(e).forEach((t) => {
+        const r = e[t];
+        switch (window.$getType(r)) {
+          case "Object":
+            Object.keys(r) !== 0 && (o[t] = r);
+            break;
+          case "Array":
+            r.length !== 0 && (o[t] = r);
+            break;
+          case "String":
+            r && (o[t] = r.toLowerCase());
+            break;
+          // case 'Number':
+          //   r[it] = String(itv);
+          //   break;
+          default:
+            [void 0, null, ""].indexOf(r) === -1 && (o[t] = r);
+            break;
+        }
+      }), o;
+    }
+  };
+  window.$removeEmptyParams = k, window.$rep = k;
+  let s = null, w = null;
+  const x = async (e) => {
+    let { type: n = "img", url: o, name: t, data: r } = e;
+    if (s = document.createElement("a"), n === "csv") {
+      const c = new Blob(["\uFEFF" + r], {
+        type: "text/csv,charset=UTF-8"
+      });
+      s.href = URL.createObjectURL(c);
+    } else if (n === "video" || n === "excel") {
+      const { access_token: c, scope: l, token_type: F } = store.launch().login.info, a = {};
+      n === "excel" && (a.method = a.method || "GET", a.headers = {
+        [l]: `${F} ${c}`
+      }), await fetch(o, a).then((d) => d.blob()).then((d) => {
+        s.href = URL.createObjectURL(d);
+      });
+    } else (n = "table") ? await fetch(o).then((c) => c.blob()).then((c) => {
+      s.href = URL.createObjectURL(c);
+    }) : s.href = o;
+    w = new MouseEvent("click"), s.download = t || "download", s.dispatchEvent(w), (n === "csv" || n === "video") && URL.revokeObjectURL(s.url), s = null, w = null;
+  };
+  window.$download = x;
 };
 export {
   M as d

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "magtool",
   "packageManager": "yarn@4.4.1",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "author": "magxl",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -35,7 +35,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "magtool": "^1.0.3",
+    "magtool": "^1.0.6",
     "moment": "^2.30.1",
     "pinia": "^3.0.0",
     "vue": "^3.3.4"