dmx-admin-ui 1.2.116 → 1.2.118

package/dist/chart-B6Udxrm4.js

@@ -0,0 +1,397 @@
+import { defineComponent as W, ref as h, watch as L, onMounted as z, onUnmounted as D, resolveDirective as E, openBlock as S, createElementBlock as k, withDirectives as M, unref as w, renderSlot as R, createCommentVNode as T, createElementVNode as B } from "vue";
+import * as m from "echarts";
+const P = {
+  backgroundColor: "transparent",
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: "#eeeeee"
+    },
+    subtextStyle: {
+      color: "#aaaaaa"
+    }
+  },
+  categoryAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#eeeeee"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#eeeeee"
+      }
+    },
+    axisLabel: {
+      color: "#eeeeee"
+    },
+    splitLine: {
+      lineStyle: {
+        color: ["#aaaaaa"]
+      }
+    },
+    splitArea: {
+      show: !1,
+      areaStyle: {
+        color: ["#eeeeee"]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      show: !0,
+      lineStyle: {
+        color: "#eeeeee"
+      }
+    },
+    axisTick: {
+      show: !0,
+      lineStyle: {
+        color: "#eeeeee"
+      }
+    },
+    axisLabel: {
+      show: !0,
+      color: "#eeeeee"
+    },
+    splitLine: {
+      show: !0,
+      lineStyle: {
+        color: ["#aaaaaa"]
+      }
+    },
+    splitArea: {
+      show: !1,
+      areaStyle: {
+        color: ["#eeeeee"]
+      }
+    }
+  },
+  legend: {
+    textStyle: {
+      color: "#eeeeee"
+    }
+  },
+  tooltip: {
+    axisPointer: {
+      lineStyle: {
+        color: "#eeeeee",
+        width: "1"
+      },
+      crossStyle: {
+        color: "#eeeeee",
+        width: "1"
+      }
+    }
+  },
+  timeline: {
+    lineStyle: {
+      color: "#eeeeee",
+      width: 1
+    },
+    itemStyle: {
+      color: "#dd6b66",
+      borderWidth: 1
+    },
+    controlStyle: {
+      color: "#eeeeee",
+      borderColor: "#eeeeee",
+      borderWidth: 0.5
+    },
+    checkpointStyle: {
+      color: "#e43c59",
+      borderColor: "#c23531"
+    },
+    label: {
+      color: "#eeeeee"
+    },
+    emphasis: {
+      itemStyle: {
+        color: "#a9334c"
+      },
+      controlStyle: {
+        color: "#eeeeee",
+        borderColor: "#eeeeee",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#eeeeee"
+      }
+    }
+  },
+  visualMap: {
+    color: [
+      "#bf444c",
+      "#d88273",
+      "#f6efa6"
+    ]
+  },
+  dataZoom: {
+    backgroundColor: "rgba(47,69,84,0)",
+    dataBackgroundColor: "rgba(255,255,255,0.3)",
+    fillerColor: "rgba(167,183,204,0.4)",
+    handleColor: "#a7b7cc",
+    handleSize: "100%",
+    textStyle: {
+      color: "#eeeeee"
+    }
+  },
+  markPoint: {
+    label: {
+      color: "#eeeeee"
+    },
+    emphasis: {
+      label: {
+        color: "#eeeeee"
+      }
+    }
+  }
+}, b = {};
+function N(t, o = 0.5) {
+  if (t.startsWith("rgba"))
+    return t.replace(/[\d\.]+\)$/g, `${o})`);
+  if (t.startsWith("rgb"))
+    return t.replace("rgb", "rgba").replace(")", `, ${o})`);
+  if (t.startsWith("#")) {
+    if (t.length === 4) {
+      const i = parseInt(t[1] + t[1], 16), n = parseInt(t[2] + t[2], 16), l = parseInt(t[3] + t[3], 16);
+      return `rgba(${i}, ${n}, ${l}, ${o})`;
+    }
+    if (t.length === 7) {
+      const i = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), l = parseInt(t.slice(5, 7), 16);
+      return `rgba(${i}, ${n}, ${l}, ${o})`;
+    }
+    if (t.length === 9) {
+      const i = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), l = parseInt(t.slice(5, 7), 16), p = parseInt(t.slice(7, 9), 16) / 255;
+      return `rgba(${i}, ${n}, ${l}, ${p * o})`;
+    }
+  }
+  return t.startsWith("hsl") ? t.startsWith("hsla") ? t.replace(/[\d\.]+\)$/g, `${o})`) : t.replace("hsl", "hsla").replace(")", `, ${o})`) : t.startsWith("hsla") ? t.replace(/[\d\.]+\)$/g, `${o})`) : t;
+}
+const d = (t = ["#eee", "#999"]) => (t = Array.isArray(t) ? t : [N(t, 0.7), t], {
+  type: "linear",
+  x: 0,
+  x2: 0,
+  y: 0,
+  y2: 1,
+  colorStops: [
+    {
+      offset: 0,
+      color: t[0]
+    },
+    {
+      offset: 1,
+      color: t[1]
+    }
+  ]
+}), q = (t = -1) => {
+  const o = $store.theme + $store.dark;
+  if (!b[o]) {
+    const i = $store.theme, n = {
+      yellow: "#f59e0b",
+      green: "#22c55e",
+      purple: "#f43f5e",
+      blue: "#3b82f6",
+      red: "#f2140d"
+    }, l = {
+      yellow: "#eedd78",
+      green: "#91ca8c",
+      purple: "#e69d87",
+      blue: "#73b9bc",
+      red: "#dd6b66"
+    };
+    delete l[i], delete n[i];
+    const p = [d($theme("primary"))];
+    if ($store.dark) {
+      for (const f in l)
+        p.push(d(l[f]));
+      for (const f in n)
+        p.push(d(n[f]));
+    } else {
+      for (const f in n)
+        p.push(d(n[f]));
+      for (const f in l)
+        p.push(d(l[f]));
+    }
+    b[o] = p;
+  }
+  return t > -1 ? b[o][t] : b[o];
+}, V = { class: "echarts" }, F = { class: "chart-slot" }, Z = /* @__PURE__ */ W({
+  __name: "chart",
+  props: {
+    init: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    type: String,
+    asyncData: {
+      type: [Function, String]
+    }
+  },
+  setup(t) {
+    const o = t, i = h(null), n = h(!0), l = h(null), p = () => {
+      const r = $store.dark ? P : {};
+      return r.color = q(), r;
+    }, f = {
+      type: "bar",
+      yAxisIndex: 0,
+      itemStyle: {
+        borderRadius: [4, 4, 0, 0]
+      }
+    }, C = {
+      yAxisIndex: 0,
+      type: "line",
+      smooth: !1
+    }, g = h({}), _ = (r, s) => {
+      s?.[0] && typeof s?.[0] == "object" && !Array.isArray(s[0]) && (r = { ...r, ...s[0] });
+      const { type: c = "line" } = r;
+      let e = r || {};
+      if (e.tooltip === void 0 && (e.tooltip = { trigger: "axis" }), e.mini)
+        return e.grid = { left: 10, right: 10, bottom: 0, top: 10 }, e.xAxis = {
+          show: !1,
+          data: Array.isArray(s) ? s.slice(1).map((a) => a[0]) : Object.keys(s)
+        }, typeof e.color == "string" ? e.color = [e.color] : typeof e.color == "number" && (e.color = [p().color[e.color]]), e.yAxis = { type: "value", show: !1 }, c == "line" ? e.series = {
+          type: "line",
+          areaStyle: {},
+          smooth: !0
+        } : e.series = {
+          type: "bar"
+        }, delete e.mini, e.series.data = Array.isArray(s) ? s.slice(1).map((a) => a[1]) : Object.values(s), e;
+      if (e.grid === void 0 && (e.grid = { top: 0, left: 0, right: 0, bottom: 80 }), e.legend === void 0 && (e.legend = {}), e.xAxis === void 0 && (e.xAxis = { type: "category" }), e.yAxis === void 0 && (e.yAxis = {}), e.series === void 0) {
+        const a = [];
+        s[0].forEach((y, u) => {
+          if (u > 0) {
+            const O = (typeof y == "object" ? y.type : Array.isArray(c) ? c[u - 1] : c) === "bar" ? f : C;
+            y?.yAxisIndex && (e.yAxis = [{}, {}]), a.push({ ...O, ...typeof y == "object" ? y : {} });
+          }
+        }), e.series = a;
+      }
+      return typeof s == "object" && (s[0] = s[0].map((a) => typeof a == "object" ? a.name : a), e.dataset = {
+        source: s
+      }), console.log("series", e), e;
+    }, v = (r) => {
+      o.init.type == "pie" ? x(r) : o.init.type == "map" ? j(r) : I(r);
+    }, x = (r) => {
+      let s = o.init;
+      delete s.type, r?.[0] && typeof r?.[0] == "object" && !Array.isArray(r[0]) && (s = { ...o.init, ...r[0] }), s.tooltip === void 0 && (s.tooltip = {});
+      const c = s.legend ? "60%" : "80%";
+      if (r) {
+        if (s.series = {
+          type: "pie",
+          radius: c,
+          // radius: ['40%', '70%'],
+          // center: ['50%', '70%'],
+          // startAngle: -180,
+          // endAngle: 0,
+          // label:false,
+          // label: {
+          //   alignTo: 'edge',
+          //   formatter: '{b}\n{c}',
+          //   minMargin: 5,
+          //   edgeDistance: 10,
+          //   lineHeight: 15
+          // },
+          // labelLine: {
+          //   length: 15,
+          //   length2: 0,
+          //   maxSurfaceAngle: 80
+          // },
+          // labelLayout: (params) => {
+          //   const isLeft = params.labelRect.x < client.value?.getWidth() / 2;
+          //   const points = params.labelLinePoints;
+          //   points[2][0] = isLeft
+          //     ? params.labelRect.x
+          //     : params.labelRect.x + params.labelRect.width;
+          //   return {
+          //     labelLinePoints: points
+          //   };
+          // },
+          data: [],
+          ...s.series
+        }, !s.series.data.length && Array.isArray(r))
+          s.series.data = r.filter((e) => Array.isArray(e)).map((e) => ({ name: e[0], value: e[1] }));
+        else if (!s.series.data.length && typeof r == "object") {
+          for (const e in r)
+            if (Object.prototype.hasOwnProperty.call(r, e)) {
+              const a = r[e];
+              s.series.data.push({ value: a, name: e });
+            }
+        }
+      }
+      g.value = s, A();
+    }, j = async (r) => {
+      let s = 0;
+      r && (s = r[0].value);
+      let c = o.init, e = c.adcode || 1e5, a = { 1e5: "china" }[e] || "map";
+      const y = await $req.query(
+        `https://geo.datav.aliyun.com/areas_v3/bound/${e}_full.json`
+      ), u = m.init(l.value);
+      c.visualMap = {
+        text: ["高", "低"],
+        min: 0,
+        max: s,
+        calculable: !0,
+        orient: "horizontal",
+        bottom: 20,
+        inRange: {
+          color: ["#ebf5ff", "#409eff"]
+        }
+      }, c.series = {
+        type: "map",
+        map: a,
+        label: {
+          show: !0,
+          color: "#999",
+          fontSize: 10
+        },
+        itemStyle: {
+          areaColor: "#ecf5ff",
+          borderColor: "#dddddd"
+        }
+      }, c.series.data = r, m.registerMap(a, y), u.setOption(c), i.value = u, n.value = !1;
+    }, I = (r) => {
+      if (r[0] === "pie" || r?.[0]?.type === "pie")
+        return x(r);
+      g.value = o.type === "native" ? o.init : _(o.init, r);
+      try {
+        A();
+      } catch {
+      }
+    }, A = () => {
+      const r = m.init(l.value, p(), { renderer: "svg" });
+      r.setOption(g.value), i.value = r, n.value = !1;
+    };
+    L(() => [$store.dark, $store.theme], () => {
+      i.value && i.value.setTheme(p());
+    }), z(() => {
+      o.asyncData && typeof o.asyncData == "function" ? o.asyncData(v) : v(o.data);
+    }), D(() => {
+      i.value && i.value.dispose(), window.removeEventListener("resize", $);
+    });
+    const $ = () => {
+      i.value && i.value.resize();
+    };
+    return window.addEventListener("resize", $), (r, s) => {
+      const c = E("loading");
+      return S(), k("div", V, [
+        M((S(), k("div", F, [
+          w(n) ? T("", !0) : R(r.$slots, "default", { key: 0 })
+        ])), [
+          [c, w(n)]
+        ]),
+        B("div", {
+          class: "chart-box",
+          ref_key: "echartsRef",
+          ref: l
+        }, null, 512)
+      ]);
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/{group-table-Dn6Rj7mV.js → group-table-C72rmZId.js}

@@ -1,9 +1,9 @@
-import { resolveComponent as f, openBlock as n, createElementBlock as o, createElementVNode as l, Fragment as a, renderList as m, normalizeStyle as w, createTextVNode as C, toDisplayString as c, createBlock as p, withCtx as g, createCommentVNode as y, resolveDynamicComponent as _, mergeProps as j, normalizeClass as z, defineAsyncComponent as v } from "vue";
-import { _ as O } from "./index-BBpn6jAS.js";
+import { resolveComponent as f, openBlock as n, createElementBlock as r, createElementVNode as l, Fragment as a, renderList as c, normalizeStyle as w, createTextVNode as C, toDisplayString as h, createBlock as p, withCtx as g, createCommentVNode as y, resolveDynamicComponent as v, mergeProps as _, normalizeClass as j, defineAsyncComponent as z } from "vue";
+import { _ as O } from "./index-BcV35P1v.js";
 const T = {
   name: "form-group",
   components: {
-    inputItem: v(() => import("./index-BBpn6jAS.js").then((r) => r.c))
+    inputItem: z(() => import("./index-BcV35P1v.js").then((s) => s.c))
   },
   emits: ["change", "update:modelValue"],
   props: {
@@ -25,10 +25,8 @@ const T = {
   },
   created() {
     this.cols = this.init.cols;
-    const r = this.cols.filter((e) => !e.width).length;
-    console.log(r);
-    const t = `calc(${(100 / r).toFixed(1) + "%"} - ${(80 / r).toFixed(1) + "px"})`;
-    console.log(t), this.init.size && this.cols.forEach((e) => {
+    const s = this.cols.filter((e) => !e.width).length, t = `calc(${(100 / s).toFixed(1) + "%"} - ${(80 / s).toFixed(1) + "px"})`;
+    this.init.size && this.cols.forEach((e) => {
       e.size = this.init.size, e.width || (e.width = t);
     }), this.init.limit > 1 && (this.limit = this.init.limit), this.modelValue && this.modelValue.constructor.name === "Object" ? (this.dataType = "Object", this.list = [this.modelValue]) : this.modelValue && this.modelValue.constructor.name === "Array" ? this.list = this.modelValue : this.limit === 1 && (this.dataType = "Object"), this.$watch(
       "list",
@@ -44,34 +42,37 @@ const T = {
     change() {
       this.key++;
     },
-    del(r) {
-      this.list.splice(r, 1), this.key++;
+    change2(s, t, e) {
+      e.field ? this.list[t][e.field] = s : this.list[t] = s;
+    },
+    del(s) {
+      this.list.splice(s, 1), this.key++;
     },
     add() {
       this.list.push({});
     }
   }
 }, A = { class: "input-group-table" }, I = { align: "left" }, B = { style: { "line-height": "1.2" } }, E = ["onClick"], F = { class: "text-3 op-70 pl-sm" };
-function N(r, t, e, b, i, u) {
-  const V = f("el-tooltip"), x = f("inputItem");
-  return n(), o("div", A, [
+function N(s, t, e, b, i, u) {
+  const V = f("el-tooltip"), k = f("inputItem");
+  return n(), r("div", A, [
     l("table", null, [
       l("colgroup", null, [
         t[1] || (t[1] = l("col", { width: 40 }, null, -1)),
-        (n(!0), o(a, null, m(i.cols, (s) => (n(), o("col", {
-          style: w({ width: s.width })
+        (n(!0), r(a, null, c(i.cols, (o) => (n(), r("col", {
+          style: w({ width: o.width })
         }, null, 4))), 256)),
         t[2] || (t[2] = l("col", { width: 40 }, null, -1))
       ]),
       l("thead", null, [
         l("tr", null, [
           t[4] || (t[4] = l("th", null, null, -1)),
-          (n(!0), o(a, null, m(i.cols, (s) => (n(), o("th", I, [
+          (n(!0), r(a, null, c(i.cols, (o) => (n(), r("th", I, [
             l("div", B, [
-              C(c(s.title) + " ", 1),
-              s.info ? (n(), p(V, {
+              C(h(o.title) + " ", 1),
+              o.info ? (n(), p(V, {
                 key: 0,
-                content: s.info,
+                content: o.info,
                 placement: "bottom",
                 effect: "light"
               }, {
@@ -85,9 +86,9 @@ function N(r, t, e, b, i, u) {
           t[5] || (t[5] = l("th", { align: "right" }, null, -1))
         ])
       ]),
-      (n(), p(_(i.limit > 1 ? "a-draggable" : "span"), j({ tag: "tbody" }, i.limit > 1 ? { filter: ".del", handle: ".sort", list: i.list, onChange: u.change } : {}), {
+      (n(), p(v(i.limit > 1 ? "a-draggable" : "span"), _({ tag: "tbody" }, i.limit > 1 ? { filter: ".del", handle: ".sort", list: i.list, onChange: u.change } : {}), {
         default: g(() => [
-          (n(!0), o(a, null, m(i.list, (s, h) => (n(), o("tr", null, [
+          (n(!0), r(a, null, c(i.list, (o, m) => (n(), r("tr", null, [
             t[7] || (t[7] = l("td", null, [
               l("div", {
                 class: "sort op-70",
@@ -96,22 +97,22 @@ function N(r, t, e, b, i, u) {
                 l("i", { class: "i-ri-menu-line" })
               ])
             ], -1)),
-            (n(!0), o(a, null, m(i.cols, (d) => (n(), o("td", null, [
-              (n(), p(x, {
+            (n(!0), r(a, null, c(i.cols, (d) => (n(), r("td", null, [
+              (n(), p(k, {
                 clearable: d.clearable ?? e.init.clearable ?? !1,
                 cols: i.cols,
-                index: h,
+                index: m,
                 key: i.key,
                 prop: d,
-                modelValue: s[d.field],
-                "onUpdate:modelValue": (k) => s[d.field] = k
-              }, null, 8, ["clearable", "cols", "index", "prop", "modelValue", "onUpdate:modelValue"]))
+                "onUpdate:modelValue": (x) => u.change2(x, m, d),
+                "model-value": d.field ? o[d.field] : o
+              }, null, 8, ["clearable", "cols", "index", "prop", "onUpdate:modelValue", "model-value"]))
             ]))), 256)),
             l("td", null, [
               l("div", {
                 title: "删除",
                 class: "del op-70 flex",
-                onClick: (d) => u.del(h)
+                onClick: (d) => u.del(m)
               }, [...t[6] || (t[6] = [
                 l("i", { class: "i-ri-delete-bin-line" }, null, -1)
               ])], 8, E)
@@ -121,18 +122,18 @@ function N(r, t, e, b, i, u) {
         _: 1
       }, 16))
     ]),
-    i.list.length < i.limit ? (n(), o("div", {
+    i.list.length < i.limit ? (n(), r("div", {
       key: 0,
-      class: z(["add flex justify-center items-center info-hide", { "add-small": e.init.size === "small" }]),
-      onClick: t[0] || (t[0] = (...s) => u.add && u.add(...s))
+      class: j(["add flex justify-center items-center info-hide", { "add-small": e.init.size === "small" }]),
+      onClick: t[0] || (t[0] = (...o) => u.add && u.add(...o))
     }, [
       t[8] || (t[8] = l("i", { class: "i-ri-add-line font-xl" }, null, -1)),
       t[9] || (t[9] = l("span", null, "添加数据", -1)),
-      l("span", F, "(" + c(i.list.length) + "/" + c(i.limit) + ")", 1)
+      l("span", F, "(" + h(i.list.length) + "/" + h(i.limit) + ")", 1)
     ], 2)) : y("", !0)
   ]);
 }
-const U = /* @__PURE__ */ O(T, [["render", N], ["__scopeId", "data-v-5b3688e9"]]);
+const U = /* @__PURE__ */ O(T, [["render", N], ["__scopeId", "data-v-ffa2bfb0"]]);
 export {
   U as default
 };