magtool 1.5.38 → 1.5.39

package/dist/cpt/DatePicker.js

@@ -0,0 +1,246 @@
+import { defineComponent as E, reactive as O, onMounted as j, computed as n, watch as A, resolveComponent as z, createElementBlock as J, openBlock as P, createVNode as W, unref as o } from "vue";
+import { dayjs as F } from "element-plus";
+const I = { class: "SuperDatePicker" }, U = E({
+  name: "SuperDatePicker"
+}), H = /* @__PURE__ */ Object.assign(U, {
+  props: {
+    source: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Array],
+      default: () => []
+    },
+    withToday: {
+      type: Boolean,
+      default: !1
+    },
+    defaultDate: {
+      type: Array,
+      default: () => [-7, -1]
+    },
+    // 开始，结束的分割符号，也是v-model str时的分割符号
+    separator: {
+      type: String,
+      default: "~"
+    },
+    offset: {
+      type: [String, Number],
+      default: 0
+    },
+    range: {
+      type: [String, Number],
+      default: 180
+    },
+    limit: {
+      type: [String, Number],
+      default: 30
+    },
+    // today, yersterday, thisweek, last7days, thismonth, last30days, lastmonth
+    shortcuts: {
+      type: [Object, Boolean],
+      default: !1
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "large"
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(M, { expose: $, emit: g }) {
+    F.en.weekStart = 7;
+    const d = M, r = O({
+      type: "",
+      date: [],
+      shortBtn: [],
+      firstStamp: 0
+    });
+    j(() => {
+      if (!p.value.length) {
+        const e = d.defaultDate[0], t = d.defaultDate[1];
+        r.date = [
+          window.$m().add(e, "days").format("YYYY-MM-DD"),
+          window.$m().add(t, "days").format("YYYY-MM-DD")
+        ], f(r.date);
+      }
+      v();
+    });
+    const m = g, S = (e) => {
+      let { limit: t, range: a } = d;
+      t = Number(t), a = Number(a);
+      const { firstStamp: s } = r, i = t * 864e5;
+      let u = +window.$m().add(-a, "d"), c = +window.$m();
+      if (d.source === "report" && !s)
+        return e > c;
+      if (s) {
+        if (d.source !== "report") {
+          let D = s - i;
+          D > u && (u = D);
+        } else
+          u = s - i;
+        let h = s + i;
+        h < c && (c = h);
+      }
+      return e < u || e > c;
+    }, b = (e) => {
+      e[1] === null ? r.firstStamp = +e[0] : r.firstStamp = 0;
+    }, f = (e) => {
+      const t = y(e);
+      m("change", t, "cpt");
+    }, v = () => {
+      const { shortcuts: e } = d;
+      let t = {};
+      if (e === !1)
+        r.shortBtn = [];
+      else {
+        e === !0 ? t = Y : t = {
+          ...Y,
+          ...e
+        };
+        const a = [];
+        t.today && a.push(k()), t.yesterday && a.push(C()), t.thisweek && a.push(T()), t.last7days && a.push(V()), t.todaylast7days && a.push(B()), t.thismonth && a.push(_()), t.last30days && a.push(x()), t.lastmonth && a.push(L()), r.shortBtn = a;
+      }
+    }, k = () => ({
+      text: window.$l("Today"),
+      value: () => {
+        const e = window.$m().format("YYYY-MM-DD");
+        return [e, e];
+      },
+      onClick: (e) => {
+      }
+    }), C = () => ({
+      text: window.$l("Yesterday"),
+      value: () => {
+        const e = window.$m().add(-1, "days").format("YYYY-MM-DD");
+        return [e, e];
+      },
+      onClick: (e) => {
+      }
+    }), T = () => ({
+      text: window.$l("This Week"),
+      value: () => {
+        let e = 0, t = window.$m().weekday(0), a = window.$m().add(e, "days");
+        return +t > +a && (t = t.format("YYYY-MM-DD"), a = t), [t, a];
+      },
+      onClick: (e) => {
+      }
+    }), V = () => ({
+      text: window.$l("Last 7 Days"),
+      value: () => {
+        let e = -7, t = -1;
+        return d.widthToday && (e += 1, t += 1), [
+          window.$m().add(e, "days").format("YYYY-MM-DD"),
+          window.$m().add(t, "days").format("YYYY-MM-DD")
+        ];
+      },
+      onClick: (e) => {
+      }
+    }), B = () => ({
+      text: window.$l("Last 7 Days (with Today)"),
+      value: () => [
+        window.$m().add(-6, "days").format("YYYY-MM-DD"),
+        window.$m().add(0, "days").format("YYYY-MM-DD")
+      ],
+      onClick: (e) => {
+      }
+    }), _ = () => ({
+      text: window.$l("This Month"),
+      value: () => {
+        let e = 0, t = window.$m().date(1), a = window.$m().add(e, "days");
+        return +t > +a && (t = t.format("YYYY-MM-DD"), a = t), [t, a];
+      },
+      onClick: (e) => {
+      }
+    }), x = () => ({
+      text: window.$l("Last 30 Days"),
+      value: () => {
+        let e = -30, t = -1;
+        return d.widthToday && (e += 1, t += 1), [
+          window.$m().add(e, "days").format("YYYY-MM-DD"),
+          window.$m().add(t, "days").format("YYYY-MM-DD")
+        ];
+      },
+      onClick: (e) => {
+      }
+    }), L = () => ({
+      text: window.$l("Last Month"),
+      value: () => [
+        window.$m().date(1).add(-1, "days").date(1).format("YYYY-MM-DD"),
+        window.$m().date(1).add(-1, "days").format("YYYY-MM-DD")
+      ],
+      onClick: (e) => {
+      }
+    }), y = (e, t = !1) => {
+      t && (r.date = e);
+      let a;
+      return l.value === "Array" ? a = e : l.value === "Object" ? a = {
+        startDate: e[0],
+        endDate: e[1]
+      } : a = e[0] + d.separator + e[1], m("update:modelValue", a), a;
+    }, N = n(() => window.$getLang()), l = n(() => window.$getType(d.modelValue)), p = n(() => l.value === "Array" ? d.modelValue : l.value === "Object" ? [d.modelValue.startDate, d.modelValue.endDate] : d.modelValue ? d.modelValue.split(d.separator) : []), w = n(() => ({
+      start: window.$l("Start Date"),
+      end: window.$l("End Date")
+    }));
+    n(() => {
+      let { disabledDate: e, offset: t } = d, a = 0;
+      t = Number(t) || 0;
+      const s = window.$getType(e);
+      return s !== "Function" && s !== "Array" && (a = parseInt(e) || 0, a > -1 && (a = -1), a > t && (a = t)), a;
+    });
+    const Y = {
+      today: !0,
+      yesterday: !0,
+      thisweek: !1,
+      last7days: !0,
+      todaylast7days: !1,
+      thismonth: !0,
+      last30days: !0,
+      lastmonth: !0
+    };
+    return A(
+      () => p.value,
+      (e, t) => {
+        e.length && JSON.stringify(e) !== JSON.stringify(r.date) && (r.date = e, f(e));
+      }
+    ), $({
+      setDate: y
+    }), (e, t) => {
+      const a = z("el-date-picker");
+      return P(), J("div", I, [
+        W(a, {
+          modelValue: o(r).date,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => o(r).date = s),
+          class: "wp100",
+          "popper-class": o(N),
+          type: "daterange",
+          "value-format": "YYYY-MM-DD",
+          editable: !1,
+          size: d.size,
+          clearable: !1,
+          "range-separator": d.separator,
+          shortcuts: o(r).shortBtn,
+          "end-placeholder": e.$l(o(w).end),
+          "start-placeholder": e.$l(o(w).start),
+          "disabled-date": S,
+          placement: d.placement,
+          disabled: d.disabled,
+          source: d.source,
+          onChange: f,
+          onCalendarChange: b
+        }, null, 8, ["modelValue", "popper-class", "size", "range-separator", "shortcuts", "end-placeholder", "start-placeholder", "placement", "disabled", "source"])
+      ]);
+    };
+  }
+});
+export {
+  H as default
+};

package/dist/cpt/EChart.js

@@ -0,0 +1,271 @@
+import { defineComponent as T, getCurrentInstance as v, inject as A, reactive as N, onBeforeMount as j, onMounted as B, markRaw as z, computed as h, watch as w, onBeforeUnmount as M, createElementBlock as W, openBlock as L, createElementVNode as P, unref as S, normalizeStyle as K, nextTick as F } from "vue";
+import { _ as H } from "../vendor.js";
+const R = { class: "EChart" }, U = ["id"], V = T({
+  name: "EChart"
+}), q = /* @__PURE__ */ Object.assign(V, {
+  props: {
+    options: {
+      type: Object,
+      default: () => {
+      }
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: [String, Number],
+      default: "300"
+    },
+    width: {
+      type: [String, Number],
+      default: ""
+    },
+    minusWidth: {
+      type: String,
+      default: ""
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+    // tool: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+  },
+  setup(O, { expose: I, emit: _ }) {
+    const i = O, { proxy: g } = v();
+    A("store").launch();
+    const e = N({
+      chart: {},
+      chartID: "",
+      defaultOptions: {
+        grid: {
+          top: 20,
+          left: 50,
+          right: 20,
+          bottom: 72
+        },
+        legend: {
+          id: "bar",
+          itemWidth: 18,
+          bottom: 14,
+          textStyle: {
+            color: "#4d4d4d"
+          }
+        },
+        color: window.global.config.color,
+        xAxis: {
+          animationEasing: "cubicInOut",
+          animationDuration: 300,
+          axisLine: {
+            show: !1
+          },
+          axisTick: {
+            show: !1
+          }
+        },
+        yAxis: {
+          animationEasing: "cubicInOut",
+          animationDuration: 300,
+          splitLine: {
+            lineStyle: {
+              type: "dotted"
+            }
+          }
+        },
+        tooltip: {
+          show: !0,
+          trigger: "axis",
+          padding: [8, 16],
+          borderWidth: 0
+        }
+      },
+      mounted: !1,
+      options: {},
+      chartType: ""
+    });
+    j(() => {
+      e.chartID = `chart${+/* @__PURE__ */ new Date()}${parseInt(Math.random() * 1e4)}`;
+    }), B(() => {
+      var t;
+      e.mounted = !0, g.$refs.chart && (e.chart = z(
+        (t = window.$ecs) == null ? void 0 : t.init(g.$refs.chart, { renderer: "svg" })
+      ));
+    });
+    const D = _, k = async () => {
+      f();
+    }, f = () => {
+      F(() => {
+        var o;
+        e.optioning = !0, e.chart.clear();
+        let t = window.$deepClone(i.options);
+        ["pie", "radar", "scatter"].indexOf(i.type) > -1 ? (t = {
+          color: e.defaultOptions.color,
+          animationEasing: "cubicInOut",
+          animationDuration: 500,
+          textStyle: p.value,
+          ...t
+        }, t.tooltip ? (t.tooltip = i.options.tooltip, t.tooltip = {
+          ...t.tooltip,
+          ...u[i.theme]
+        }) : t.tooltip = {
+          ...u[i.theme]
+        }) : i.type === "map" ? t.textStyle = p.value : (i.tool === !0 && (e.defaultOptions.toolbox = {
+          show: !0,
+          right: 24,
+          emphasis: {
+            iconStyle: {
+              color: window.global.config.color[0]
+            }
+          }
+        }), e.defaultOptions.tooltip = {
+          ...e.defaultOptions.tooltip,
+          ...u[i.theme]
+        }, t = C(e.defaultOptions, t)), (o = t.series) == null || o.forEach((n) => {
+          n.animation = !0, n.animationDuration = 300, n.type === "line" ? (n.animationEasing = "cubicInOut", n.animationDelay = (s) => s * 100) : (n.animationEasing = "cubicInOut", n.animationDelay = (s) => s * 100);
+        }), e.chart.setOption(t), i.type === "wordcloud" && e.chart.on("click", (...n) => {
+          D("chart-click", n);
+        }), e.optioning = !1;
+      });
+    }, C = (t, a) => {
+      var m;
+      const { yAxis: o } = a, { yAxis: n } = t;
+      let s;
+      i.options.yAxis && (((m = window.$getType) == null ? void 0 : m.call(window, o)) === "Array" ? s = o.map((r) => ({
+        ...n,
+        ...r
+      })) : s = {
+        ...n,
+        ...o
+      });
+      const l = { ...a, ...t };
+      return Object.keys(l).forEach((r) => {
+        var x;
+        const b = (x = window.$getType) == null ? void 0 : x.call(window, l[r]);
+        if (b === "Array") {
+          const c = t[r] || [], d = a[r] || [];
+          l[r] = c.length && !d.length ? c : d;
+        } else if (b === "Object") {
+          const c = t[r] || {}, d = a[r] || {};
+          l[r] = { ...c, ...d };
+        }
+      }), s && (l.yAxis = s), l.textStyle = p.value, l;
+    }, $ = () => e.chart, p = h(() => ({
+      fontFamily: window.$getLang().includes("zh") ? "Alibaba PuHuiTi" : "euclid"
+    })), y = h(() => {
+      var t, a, o;
+      return ((o = (a = (t = window.global) == null ? void 0 : t.config) == null ? void 0 : a.options) == null ? void 0 : o.cardWidth) || 800;
+    }), E = h(() => {
+      var n;
+      const t = (n = window.$getType) == null ? void 0 : n.call(window, i.width), a = Number(i.height);
+      let o = i.width;
+      return o ? t === "String" && (o.indexOf("%") > -1 ? o = parseInt(parseInt(o) * y.value / 100) : o = Number(o)) : o = y.value, {
+        height: a + "px",
+        width: o + "px"
+      };
+    });
+    w(
+      () => [e.mounted, i.options],
+      (t) => {
+        var a;
+        t[0] && ((a = t[1]) != null && a.series) && f();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), w(
+      () => i.width,
+      (t) => {
+        t && e.chart && !e.optioning && e.chart.resize({
+          width: t,
+          height: i.height
+        });
+      }
+    ), I({
+      getChart: $,
+      initChart: k
+    });
+    const u = {
+      dark: {
+        className: `echart-tooltip ${e.chartID}`,
+        extraCssText: "backdrop-filter: blur(8px)",
+        animation: !1,
+        appendToBody: !0,
+        hideDelay: 0,
+        transitionDuration: 0,
+        backgroundColor: "rgba(50, 50, 50, 0.9)",
+        textStyle: {
+          color: "rgba(255, 255, 255, 0.9)",
+          fontSize: 14
+        },
+        axisPointer: {
+          type: "shadow",
+          label: {
+            padding: [4, 8],
+            color: "rgba(46, 38, 61, 0.5)",
+            backgroundColor: "rgba(240, 240, 240, 0.9)"
+          },
+          lineStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          },
+          crossStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          }
+        }
+      },
+      light: {
+        className: `echart-tooltip ${e.chartID}`,
+        extraCssText: "backdrop-filter: blur(8px)",
+        backgroundColor: "rgba(255, 255, 255, 0.9)",
+        animation: !1,
+        appendToBody: !0,
+        hideDelay: 0,
+        transitionDuration: 0,
+        textStyle: {
+          color: "rgba(46, 38, 61, 0.9)",
+          fontSize: 14
+        },
+        axisPointer: {
+          type: "shadow",
+          label: {
+            padding: [4, 8],
+            color: "rgba(46, 38, 61, 0.5)",
+            backgroundColor: "rgba(240, 240, 240, 0.9)"
+          },
+          lineStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          },
+          crossStyle: {
+            color: "rgba(46, 38, 61, 0.2)"
+          }
+        }
+        // position: (pos, params, dom, rect, size) => {
+        //   // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。
+        //   let left = pos[0] + 24;
+        //   if (size.viewSize[0] < size.contentSize[0]) {
+        //     left = size.contentSize[0];
+        //   } else if (pos[0] > size.viewSize[0] - size.contentSize[0]) {
+        //     left = pos[0] - size.contentSize[0];
+        //   }
+        //   // obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
+        //   return [left, pos[1] + 24];
+        // },
+      }
+    };
+    return M(() => {
+      e.chart && (e.chart.dispose(), e.chart = null);
+    }), (t, a) => (L(), W("div", R, [
+      P("div", {
+        ref: "chart",
+        style: K(S(E)),
+        id: S(e).chartID
+      }, null, 12, U)
+    ]));
+  }
+}), Y = /* @__PURE__ */ H(q, [["__scopeId", "data-v-7f979230"]]);
+export {
+  Y as default
+};

package/dist/cpt/Form.js

@@ -0,0 +1,75 @@
+import { defineComponent as y, reactive as O, getCurrentInstance as v, computed as b, watch as a, resolveComponent as S, createElementBlock as h, openBlock as j, createVNode as n, unref as l, withCtx as m, renderSlot as w } from "vue";
+import { f as N } from "./chip.js";
+const V = { class: "MvcForm" }, x = y({
+  name: "MvcForm"
+}), F = /* @__PURE__ */ Object.assign(x, {
+  props: {
+    modelValue: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    rules: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    size: {
+      type: String,
+      default: "large"
+    }
+  },
+  setup(f, { expose: c, emit: u }) {
+    const r = f, o = O({
+      form: {}
+    }), { proxy: i } = v(), d = u, p = async () => await i.$refs.form.validate() ? _() : !1, _ = () => o.form, g = b(() => {
+      const e = {};
+      for (let s in r.rules)
+        e[s] = r.rules[s].map((t) => (t.message && (t.message = window.$l(t.message)), t));
+      return e;
+    });
+    return a(
+      () => o.form,
+      (e) => {
+        e && JSON.stringify(e) !== JSON.stringify(r.modelValue) && d("update:modelValue", e);
+      },
+      {
+        deep: !0
+      }
+    ), a(
+      () => r.modelValue,
+      (e) => {
+        e && JSON.stringify(e) !== JSON.stringify(o.form) && (o.form = e);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), c({
+      validate: p
+    }), (e, s) => {
+      const t = S("el-form");
+      return j(), h("div", V, [
+        n(t, {
+          ref: "form",
+          model: l(o).form,
+          rules: l(g),
+          size: r.size,
+          "validate-on-rule-change": !1,
+          "label-position": "top"
+        }, {
+          default: m(() => [
+            n(l(N), null, {
+              default: m(() => [
+                w(e.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["model", "rules", "size"])
+      ]);
+    };
+  }
+});
+export {
+  F as default
+};