@duxweb/dvha-pro 0.0.6 → 0.0.7

package/dist/esm/hooks/echart.js

@@ -0,0 +1,469 @@
+import { add as A } from "lodash-es";
+import { computed as m, ref as x, watch as w } from "vue";
+function f(e) {
+  const t = (e == null ? void 0 : e.min) ?? !1;
+  return {
+    grid: {
+      left: t ? "0%" : "10",
+      right: t ? "0%" : "10",
+      top: t ? "2%" : "15%",
+      bottom: t ? "0%" : "10%",
+      containLabel: !t
+    },
+    tooltip: {
+      show: !0
+    },
+    legend: {
+      show: !t,
+      top: "0",
+      bottom: "0"
+    }
+  };
+}
+function r(e) {
+  const t = f(e), n = (e == null ? void 0 : e.min) ?? !1, d = m(() => e != null && e.labels && e.labels.length > 0 ? e.labels : Array.isArray(e == null ? void 0 : e.data) && e.data.length > 0 && typeof e.data[0] == "object" && e.data[0] !== null && "name" in e.data[0] ? e.data.map((i) => i.name) : []), c = m(() => {
+    if (!(e != null && e.data) || !Array.isArray(e.data) || e.data.length === 0)
+      return [{
+        name: (e == null ? void 0 : e.name) || "Series",
+        data: [],
+        stack: void 0
+      }];
+    const i = e.data[0];
+    if (typeof i == "object" && i !== null && "data" in i && Array.isArray(i.data))
+      return e.data;
+    if (typeof i == "object" && i !== null && "name" in i && "value" in i) {
+      const l = e.data.map((u) => u.value);
+      return [{
+        name: (e == null ? void 0 : e.name) || "Series",
+        data: l,
+        stack: void 0
+      }];
+    }
+    return typeof i == "number" ? [{
+      name: (e == null ? void 0 : e.name) || "Series",
+      data: e.data,
+      stack: void 0
+    }] : [{
+      name: (e == null ? void 0 : e.name) || "Series",
+      data: [],
+      stack: void 0
+    }];
+  });
+  return {
+    commonOption: t,
+    xAxisData: d,
+    seriesData: c,
+    axisConfig: {
+      axisLabel: { show: !n },
+      axisLine: { show: !n },
+      axisTick: { show: !n },
+      splitLine: { show: !1 },
+      // 迷你图和普通图都不显示网格线
+      splitArea: { show: !0 }
+      // 普通图和迷你图都显示背景间隔
+    },
+    isMin: n
+  };
+}
+function v(e) {
+  const { commonOption: t, xAxisData: n, seriesData: d, axisConfig: c, isMin: a } = r(e);
+  return { option: m(() => ({
+    ...t,
+    tooltip: {
+      ...t.tooltip,
+      trigger: "axis"
+    },
+    xAxis: {
+      type: e != null && e.horizontal ? "value" : "category",
+      data: e != null && e.horizontal ? void 0 : n.value,
+      ...c,
+      splitArea: { show: !(e != null && e.horizontal) }
+      // 水平柱状图显示X轴背景间隔
+    },
+    yAxis: {
+      type: e != null && e.horizontal ? "category" : "value",
+      data: e != null && e.horizontal ? n.value : void 0,
+      ...c,
+      splitArea: { show: !!(e != null && e.horizontal) }
+      // 垂直柱状图显示Y轴背景间隔
+    },
+    series: d.value.map((l, u) => {
+      const g = !!(e != null && e.stack || l.stack), y = u === 0, b = u === d.value.length - 1;
+      let h = a ? 2 : 4;
+      return g && (y && b ? h = a ? 2 : 4 : y ? h = [0, 0, h, h] : b ? h = [h, h, 0, 0] : h = 0), {
+        type: "bar",
+        name: l.name,
+        stack: (e == null ? void 0 : e.stack) || l.stack,
+        data: l.data,
+        barMaxWidth: 40,
+        itemStyle: {
+          borderRadius: h
+        }
+      };
+    })
+  })) };
+}
+function S(e) {
+  const { commonOption: t, xAxisData: n, seriesData: d, axisConfig: c, isMin: a } = r(e);
+  return { option: m(() => ({
+    ...t,
+    tooltip: {
+      ...t.tooltip,
+      trigger: "axis"
+    },
+    xAxis: {
+      type: "category",
+      data: n.value,
+      ...c,
+      splitArea: { show: !1 }
+      // X轴不显示背景间隔
+    },
+    yAxis: {
+      type: "value",
+      ...c,
+      splitArea: { show: !a }
+      // Y轴不显示背景间隔
+    },
+    series: d.value.map((l) => ({
+      type: "line",
+      name: l.name,
+      stack: (e == null ? void 0 : e.stack) || l.stack,
+      data: l.data,
+      smooth: (e == null ? void 0 : e.smooth) ?? !1,
+      symbol: a ? "none" : "circle",
+      symbolSize: a ? 0 : 6,
+      lineStyle: {
+        width: 2
+        // 迷你图也加粗到2px
+      }
+    }))
+  })) };
+}
+function o(e) {
+  const t = f(e), n = (e == null ? void 0 : e.min) ?? !1, d = m(() => {
+    var i, l;
+    return ((l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.map) == null ? void 0 : l.call(i, (u) => ({
+      name: u.name,
+      value: u.value
+    }))) || [];
+  }), c = x([]);
+  w(() => e == null ? void 0 : e.data, () => {
+    var i, l;
+    c.value = ((l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.map) == null ? void 0 : l.call(i, (u) => ({
+      ...u,
+      status: !0
+    }))) || [];
+  }, { immediate: !0 });
+  const a = m(() => {
+    var i;
+    return (i = c.value) == null ? void 0 : i.reduce((l, u) => (l[u.name] = u.status, l), {});
+  });
+  return {
+    commonOption: t,
+    data: d,
+    legendData: c,
+    selected: a,
+    isMin: n
+  };
+}
+function s(e) {
+  const { commonOption: t, data: n, legendData: d, selected: c, isMin: a } = o(e);
+  return { option: m(() => {
+    const l = { ...t };
+    return delete l.grid, {
+      ...l,
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      legend: {
+        ...t.legend,
+        selected: c.value
+      },
+      series: {
+        type: "pie",
+        top: a ? "0%" : "10%",
+        radius: a ? "100%" : "65%",
+        center: ["50%", "50%"],
+        label: { show: !a },
+        labelLine: { show: !a },
+        emphasis: {
+          scale: !a,
+          // 迷你图不放大
+          scaleSize: a ? 0 : 10
+        },
+        data: n.value
+      }
+    };
+  }), legendData: d };
+}
+function M(e) {
+  const { commonOption: t, data: n, legendData: d, selected: c, isMin: a } = o(e), i = m(() => {
+    var u;
+    return ((u = d.value) == null ? void 0 : u.reduce((g, y) => A(g, Number(y.value)), 0)) || 0;
+  });
+  return { option: m(() => {
+    const u = { ...t };
+    return delete u.grid, {
+      ...u,
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      legend: {
+        ...t.legend,
+        selected: c.value
+      },
+      graphic: a ? [] : [
+        {
+          type: "text",
+          left: "center",
+          top: "45%",
+          style: {
+            text: (e == null ? void 0 : e.ringLabel) || "Total",
+            textAlign: "center",
+            fontSize: 14
+          }
+        },
+        {
+          type: "text",
+          left: "center",
+          top: "55%",
+          style: {
+            text: String(i.value),
+            textAlign: "center",
+            fontSize: 16
+          }
+        }
+      ],
+      series: {
+        top: a ? "0%" : "10%",
+        type: "pie",
+        radius: a ? ["30%", "100%"] : ["40%", "70%"],
+        center: ["50%", "50%"],
+        label: { show: !a },
+        labelLine: { show: !a },
+        emphasis: {
+          scale: !a,
+          // 迷你图不放大
+          scaleSize: a ? 0 : 10
+        },
+        data: n.value
+      }
+    };
+  }), legendData: d };
+}
+function k(e) {
+  const { commonOption: t, data: n, legendData: d, selected: c, isMin: a } = o(e);
+  return { option: m(() => {
+    const l = { ...t };
+    return delete l.grid, {
+      ...l,
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      legend: {
+        ...t.legend,
+        selected: c.value
+      },
+      series: {
+        type: "pie",
+        top: a ? "0%" : "10%",
+        radius: a ? "100%" : "70%",
+        center: ["50%", "50%"],
+        roseType: "area",
+        label: { show: !a },
+        labelLine: { show: !a },
+        emphasis: {
+          scale: !a,
+          // 迷你图不放大
+          scaleSize: a ? 0 : 10
+        },
+        data: n.value
+      }
+    };
+  }), legendData: d };
+}
+function O(e) {
+  const { commonOption: t, data: n, legendData: d, selected: c, isMin: a } = o(e);
+  return { option: m(() => {
+    const l = { ...t };
+    return delete l.grid, {
+      ...l,
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      legend: {
+        ...t.legend,
+        selected: c.value
+      },
+      series: {
+        type: "funnel",
+        top: a ? "0%" : "15%",
+        left: a ? "0%" : "10%",
+        right: a ? "0%" : "10%",
+        bottom: a ? "0%" : "5%",
+        label: { show: !a },
+        data: n.value
+      }
+    };
+  }), legendData: d };
+}
+function E(e) {
+  const t = f(e), n = (e == null ? void 0 : e.min) ?? !1;
+  return { option: m(() => {
+    const c = { ...t };
+    return delete c.grid, {
+      ...c,
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      legend: {
+        ...t.legend,
+        left: "center"
+      },
+      radar: {
+        indicator: (e == null ? void 0 : e.indicator) || [],
+        splitArea: { show: !n },
+        center: ["50%", "50%"],
+        radius: n ? "100%" : "50%",
+        axisName: {
+          color: n ? "transparent" : void 0
+        }
+      },
+      series: [{
+        type: "radar",
+        data: (e == null ? void 0 : e.data) || [],
+        lineStyle: { width: n ? 1 : 2 },
+        areaStyle: { opacity: n ? 0.3 : 0.5 }
+      }]
+    };
+  }) };
+}
+function z(e) {
+  const t = f(e), n = (e == null ? void 0 : e.min) ?? !1;
+  return { option: m(() => {
+    var c;
+    return {
+      ...t,
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      visualMap: {
+        show: !n,
+        min: 0,
+        max: Math.max(...((c = e == null ? void 0 : e.data) == null ? void 0 : c.map((a) => a.value)) || [100]),
+        left: "left",
+        top: "bottom",
+        calculable: !0
+      },
+      series: [{
+        type: "map",
+        map: (e == null ? void 0 : e.mapName) || "china",
+        data: (e == null ? void 0 : e.data) || [],
+        label: { show: !n }
+      }]
+    };
+  }) };
+}
+function D(e) {
+  const t = f(e), n = (e == null ? void 0 : e.min) ?? !1;
+  return { option: m(() => {
+    const c = Array.isArray(e == null ? void 0 : e.data) && (e == null ? void 0 : e.data.length) > 0 && Array.isArray(e == null ? void 0 : e.data[0]);
+    let a;
+    if (c) {
+      const i = e == null ? void 0 : e.data, l = Array.isArray(e == null ? void 0 : e.name) ? e == null ? void 0 : e.name : [(e == null ? void 0 : e.name) || "TreeMap"];
+      a = i.map((u, g) => ({
+        name: l[g] || `TreeMap ${g + 1}`,
+        type: "treemap",
+        data: u,
+        label: { show: !n },
+        itemStyle: { borderWidth: n ? 1 : 2 },
+        top: `${15 + g * (60 / i.length)}%`,
+        height: `${70 / i.length - 5}%`,
+        breadcrumb: { show: !1 },
+        roam: n ? !1 : "move",
+        nodeClick: !n,
+        levels: [{
+          itemStyle: {
+            borderWidth: 0,
+            gapWidth: n ? 1 : 2
+          }
+        }]
+      }));
+    } else
+      a = [{
+        name: Array.isArray(e == null ? void 0 : e.name) ? e == null ? void 0 : e.name[0] : (e == null ? void 0 : e.name) || "TreeMap",
+        type: "treemap",
+        data: (e == null ? void 0 : e.data) || [],
+        label: { show: !n },
+        itemStyle: { borderWidth: n ? 1 : 2 },
+        breadcrumb: { show: !n },
+        roam: n ? !1 : "move",
+        nodeClick: !n,
+        levels: [{
+          itemStyle: {
+            borderWidth: 0,
+            gapWidth: n ? 1 : 2
+          }
+        }]
+      }];
+    return {
+      ...t,
+      legend: {
+        ...t.legend
+      },
+      tooltip: {
+        ...t.tooltip,
+        trigger: "item"
+      },
+      grid: {
+        ...t.grid,
+        top: c ? "15%" : "10%",
+        bottom: c ? "15%" : "5%"
+      },
+      series: a
+    };
+  }) };
+}
+function C(e, t) {
+  switch (e) {
+    case "bar":
+      return v(t);
+    case "line":
+      return S(t);
+    case "pie":
+      return s(t);
+    case "ring":
+      return M(t);
+    case "rose":
+      return k(t);
+    case "radar":
+      return E(t);
+    case "map":
+      return z(t);
+    case "funnel":
+      return O(t);
+    case "treemap":
+      return D(t);
+    default:
+      return v(t);
+  }
+}
+export {
+  v as useEchartBar,
+  f as useEchartCommon,
+  O as useEchartFunnel,
+  S as useEchartLine,
+  z as useEchartMap,
+  s as useEchartPie,
+  E as useEchartRadar,
+  M as useEchartRing,
+  k as useEchartRose,
+  D as useEchartTreeMap,
+  C as useEchartType
+};

package/dist/esm/hooks/modal.js

@@ -1,14 +1,30 @@
-import { useOverlay as e } from "@duxweb/dvha-core";
-function s() {
-  const r = e();
+import { useOverlayInject as t } from "@overlastic/vue";
+import "vue";
+import "naive-ui";
+import "vue-echarts";
+import "@duxweb/dvha-core";
+import "vue-router";
+import "lodash-es";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
+import "clsx";
+import "jinrishici";
+import "vee-validate";
+import { DuxModal as m } from "../components/modal/modal.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
+import "vue-command-palette";
+import "../pages/page404.js";
+function g() {
+  const o = t(m);
   return {
-    show: (o) => r.show({
-      component: () => import("../components/modal/modal.js"),
-      componentProps: o,
-      mask: !o.draggable
-    })
+    show: (r) => o(r)
   };
 }
 export {
-  s as useModal
+  g as useModal
 };

package/dist/esm/hooks/table/media.js

@@ -1,29 +1,33 @@
-import { createVNode as r } from "vue";
-import { get as i } from "lodash-es";
+import { createVNode as n } from "vue";
+import { get as e } from "lodash-es";
 import "naive-ui";
-import "clsx";
-import "jinrishici";
-import "@overlastic/vue";
-import "@vueuse/core";
-import "vee-validate";
+import "vue-echarts";
 import "@duxweb/dvha-core";
 import "vue-router";
+import "@overlastic/vue";
 import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
 import "pinia";
+import "clsx";
+import "jinrishici";
+import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import "../../pages/page404.js";
 import { DuxMedia as c } from "../../components/media/media.js";
-function _() {
+function q() {
   return {
-    render: (t) => (e, g) => {
-      const m = typeof t.title == "function" ? t.title(e) : i(e, t.title || ""), n = typeof t.desc == "function" ? t.desc(e) : i(e, t.desc || ""), o = typeof t.image == "function" ? t.image(e) : i(e, t.image || "");
-      return r(c, {
+    render: (t) => (i, g) => {
+      const m = typeof t.title == "function" ? t.title(i) : e(i, t.title || ""), o = typeof t.desc == "function" ? t.desc(i) : e(i, t.desc || ""), r = typeof t.image == "function" ? t.image(i) : e(i, t.image || "");
+      return n(c, {
         title: m,
-        desc: n,
+        desc: o,
         avatar: t.avatar,
-        image: o,
+        image: r,
         imageWidth: t.imageWidth,
         imageHeight: t.imageHeight
       }, null);
@@ -31,5 +35,5 @@ function _() {
   };
 }
 export {
-  _ as useTableColumnMedia
+  q as useTableColumnMedia
 };