@qxs-bns/components 0.0.11 → 0.0.13

package/es/src/data-chart/src/components/empty.svg.mjs

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='64'%20height='41'%20viewBox='0%200%2064%2041'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(0%201)'%20fill='none'%20fillRule='evenodd'%3e%3c!--%20底部椭圆阴影%20--%3e%3cellipse%20fill='%23F5F5F5'%20cx='32'%20cy='33'%20rx='32'%20ry='7'%20/%3e%3c!--%20文件夹图标主体%20--%3e%3cg%20fillRule='nonzero'%3e%3c!--%20文件夹顶部%20--%3e%3cpath%20d='M55%2012.76L44.854%201.258C44.367.474%2043.656%200%2042.907%200H21.093c-.749%200-1.46.474-1.947%201.257L9%2012.761V22h46v-9.24z'%20stroke='%23D9D9D9'%20fill='%23FAFAFA'%20/%3e%3c!--%20文件夹底部%20--%3e%3cpath%20d='M41.613%2015.931c0-1.605.994-2.93%202.227-2.931H55v18.137C55%2033.26%2053.68%2035%2052.05%2035h-40.1C10.32%2035%209%2033.259%209%2031.137V13h11.16c1.233%200%202.227%201.323%202.227%202.928v.022c0%201.605%201.005%202.901%202.237%202.901h14.752c1.232%200%202.237-1.308%202.237-2.913v-.007z'%20stroke='%23D9D9D9'%20fill='%23FFFFFF'%20/%3e%3c!--%20装饰线条%20--%3e%3cpath%20d='M25%2024h14M25%2028h14M25%2032h14'%20stroke='%23E8E8E8'%20strokeLinecap='round'%20strokeWidth='1.5'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=empty.svg.mjs.map

package/es/src/data-chart/src/components/empty.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.svg.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/empty.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='64'%20height='41'%20viewBox='0%200%2064%2041'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(0%201)'%20fill='none'%20fillRule='evenodd'%3e%3c!--%20底部椭圆阴影%20--%3e%3cellipse%20fill='%23F5F5F5'%20cx='32'%20cy='33'%20rx='32'%20ry='7'%20/%3e%3c!--%20文件夹图标主体%20--%3e%3cg%20fillRule='nonzero'%3e%3c!--%20文件夹顶部%20--%3e%3cpath%20d='M55%2012.76L44.854%201.258C44.367.474%2043.656%200%2042.907%200H21.093c-.749%200-1.46.474-1.947%201.257L9%2012.761V22h46v-9.24z'%20stroke='%23D9D9D9'%20fill='%23FAFAFA'%20/%3e%3c!--%20文件夹底部%20--%3e%3cpath%20d='M41.613%2015.931c0-1.605.994-2.93%202.227-2.931H55v18.137C55%2033.26%2053.68%2035%2052.05%2035h-40.1C10.32%2035%209%2033.259%209%2031.137V13h11.16c1.233%200%202.227%201.323%202.227%202.928v.022c0%201.605%201.005%202.901%202.237%202.901h14.752c1.232%200%202.237-1.308%202.237-2.913v-.007z'%20stroke='%23D9D9D9'%20fill='%23FFFFFF'%20/%3e%3c!--%20装饰线条%20--%3e%3cpath%20d='M25%2024h14M25%2028h14M25%2032h14'%20stroke='%23E8E8E8'%20strokeLinecap='round'%20strokeWidth='1.5'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e\""],"names":["emptyImg"],"mappings":"AAAA,MAAeA,IAAA;"}

package/es/src/data-chart/src/components/empty.svg2.mjs

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='64'%20height='41'%20viewBox='0%200%2064%2041'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(0%201)'%20fill='none'%20fillRule='evenodd'%3e%3c!--%20底部椭圆阴影%20--%3e%3cellipse%20fill='%23F5F5F5'%20cx='32'%20cy='33'%20rx='32'%20ry='7'%20/%3e%3c!--%20文件夹图标主体%20--%3e%3cg%20fillRule='nonzero'%3e%3c!--%20文件夹顶部%20--%3e%3cpath%20d='M55%2012.76L44.854%201.258C44.367.474%2043.656%200%2042.907%200H21.093c-.749%200-1.46.474-1.947%201.257L9%2012.761V22h46v-9.24z'%20stroke='%23D9D9D9'%20fill='%23FAFAFA'%20/%3e%3c!--%20文件夹底部%20--%3e%3cpath%20d='M41.613%2015.931c0-1.605.994-2.93%202.227-2.931H55v18.137C55%2033.26%2053.68%2035%2052.05%2035h-40.1C10.32%2035%209%2033.259%209%2031.137V13h11.16c1.233%200%202.227%201.323%202.227%202.928v.022c0%201.605%201.005%202.901%202.237%202.901h14.752c1.232%200%202.237-1.308%202.237-2.913v-.007z'%20stroke='%23D9D9D9'%20fill='%23FFFFFF'%20/%3e%3c!--%20装饰线条%20--%3e%3cpath%20d='M25%2024h14M25%2028h14M25%2032h14'%20stroke='%23E8E8E8'%20strokeLinecap='round'%20strokeWidth='1.5'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=empty.svg2.mjs.map

package/es/src/data-chart/src/components/empty.svg2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.svg2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/empty.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='64'%20height='41'%20viewBox='0%200%2064%2041'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(0%201)'%20fill='none'%20fillRule='evenodd'%3e%3c!--%20底部椭圆阴影%20--%3e%3cellipse%20fill='%23F5F5F5'%20cx='32'%20cy='33'%20rx='32'%20ry='7'%20/%3e%3c!--%20文件夹图标主体%20--%3e%3cg%20fillRule='nonzero'%3e%3c!--%20文件夹顶部%20--%3e%3cpath%20d='M55%2012.76L44.854%201.258C44.367.474%2043.656%200%2042.907%200H21.093c-.749%200-1.46.474-1.947%201.257L9%2012.761V22h46v-9.24z'%20stroke='%23D9D9D9'%20fill='%23FAFAFA'%20/%3e%3c!--%20文件夹底部%20--%3e%3cpath%20d='M41.613%2015.931c0-1.605.994-2.93%202.227-2.931H55v18.137C55%2033.26%2053.68%2035%2052.05%2035h-40.1C10.32%2035%209%2033.259%209%2031.137V13h11.16c1.233%200%202.227%201.323%202.227%202.928v.022c0%201.605%201.005%202.901%202.237%202.901h14.752c1.232%200%202.237-1.308%202.237-2.913v-.007z'%20stroke='%23D9D9D9'%20fill='%23FFFFFF'%20/%3e%3c!--%20装饰线条%20--%3e%3cpath%20d='M25%2024h14M25%2028h14M25%2032h14'%20stroke='%23E8E8E8'%20strokeLinecap='round'%20strokeWidth='1.5'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e\""],"names":["emptyIcon"],"mappings":"AAAA,MAAeA,IAAA;"}

package/es/src/data-chart/src/components/empty.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./empty.vue2.mjs";
+/* empty css            */
+/* empty css            */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bdc472b7"]]);
+export {
+  a as default
+};
+//# sourceMappingURL=empty.vue.mjs.map

package/es/src/data-chart/src/components/empty.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/src/data-chart/src/components/empty.vue2.mjs

@@ -0,0 +1,27 @@
+import { defineComponent as i, createElementBlock as o, openBlock as s, createElementVNode as t, normalizeStyle as n, toDisplayString as p } from "vue";
+import a from "./empty.svg2.mjs";
+const m = { class: "empty" }, r = { class: "empty-content" }, c = ["src", "alt"], l = { class: "empty-description" }, h = /* @__PURE__ */ i({
+  name: "Empty",
+  __name: "empty",
+  props: {
+    image: { default: () => a },
+    description: { default: "暂无数据" },
+    imageSize: { default: () => ({ width: "200px", height: "80px" }) }
+  },
+  setup(d) {
+    return (e, _) => (s(), o("div", m, [
+      t("div", r, [
+        t("img", {
+          style: n(e.imageSize),
+          src: e.image,
+          alt: e.description
+        }, null, 12, c),
+        t("span", l, p(e.description), 1)
+      ])
+    ]));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=empty.vue2.mjs.map

package/es/src/data-chart/src/components/empty.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/es/src/data-chart/src/components/funnel.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./funnel.vue2.mjs";
+/* empty css             */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b99d5c6"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=funnel.vue.mjs.map

package/es/src/data-chart/src/components/funnel.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnel.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/src/data-chart/src/components/funnel.vue2.mjs

@@ -0,0 +1,67 @@
+import { defineComponent as f, ref as h, inject as p, computed as l, createElementBlock as d, openBlock as D } from "vue";
+import { InjectionChartMerge as g } from "../utils/injectionKeys.mjs";
+import { useCharts as C } from "../utils/useCharts.mjs";
+const O = /* @__PURE__ */ f({
+  name: "DataChartFunnel",
+  __name: "funnel",
+  props: {
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) },
+    chartOptions: {}
+  },
+  setup(a) {
+    const r = h(), s = p(g, (e) => e, !0), i = l(() => {
+      const { colDesc: e, xGroupByDesc: t, modelName: u, data: m } = a.chartData, c = {
+        title: {
+          text: u
+        },
+        legend: {},
+        series: e.map((n) => ({
+          name: n,
+          type: "funnel",
+          left: "10%",
+          width: "80%",
+          label: {
+            formatter: "{c}"
+          },
+          labelLine: {
+            show: !1
+          },
+          itemStyle: {
+            opacity: 0.7
+          },
+          emphasis: {
+            label: {
+              position: "inside",
+              formatter: `{b}${n}: {c}`
+            }
+          },
+          data: m.map((o) => ({
+            name: o[(t == null ? void 0 : t.colDesc) || ""],
+            value: o[n]
+          }))
+        }))
+      };
+      return e.length !== 1 && (c.legend.data = e), s(c, a.chartOptions);
+    });
+    return C({ chartDOM: r, chartOptions: i, chartData: l(() => a.chartData) }), (e, t) => (D(), d("div", {
+      ref_key: "dataChartFunnel",
+      ref: r,
+      class: "data-chart-funnel"
+    }, null, 512));
+  }
+});
+export {
+  O as default
+};
+//# sourceMappingURL=funnel.vue2.mjs.map

package/es/src/data-chart/src/components/funnel.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnel.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/funnel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendOption } from 'echarts/types/dist/shared'\nimport type { EChartsOption, IFormatPublicData } from '../types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartFunnel',\n})\nconst {\n  chartOptions,\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n} = defineProps<{\n  chartData: IFormatPublicData\n  chartOptions: EChartsOption\n}>()\nconst dataChartFunnel = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\nconst funnelChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, modelName, data } = chartData\n\n  const config = {\n    title: {\n      text: modelName,\n    },\n    legend: {},\n    series: colDesc.map((item) => {\n      return {\n        name: item,\n        type: 'funnel',\n        left: '10%',\n        width: '80%',\n        label: {\n          formatter: '{c}',\n        },\n        labelLine: {\n          show: false,\n        },\n        itemStyle: {\n          opacity: 0.7,\n        },\n        emphasis: {\n          label: {\n            position: 'inside',\n            formatter: `{b}${item}: {c}`,\n          },\n        },\n        data: data.map(yItem => ({\n          name: yItem[xGroupByDesc?.colDesc || ''],\n          value: yItem[item],\n        })),\n      }\n    }),\n  }\n  if (colDesc.length !== 1) {\n    (config.legend as LegendOption).data = colDesc\n  }\n  return merge(config, chartOptions)\n})\nuseCharts({ chartDOM: dataChartFunnel, chartOptions: funnelChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n  <div ref=\"dataChartFunnel\" class=\"data-chart-funnel\" />\n</template>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.b{border-width:1px;}</style>"],"names":["dataChartFunnel","ref","merge","inject","InjectionChartMerge","v","funnelChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","config","item","yItem","useCharts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAMA,IAAkBC,EAAI,GACtBC,IAAQC,EAAOC,GAAqB,CAACC,MAAWA,GAAG,EAAI,GACvDC,IAAqBC,EAAwB,MAAM;AACvD,YAAM,EAAE,SAAAC,GAAS,cAAAC,GAAc,WAAAC,GAAW,MAAAC,EAAA,IAASC,EAAA,WAE7CC,IAAS;AAAA,QACb,OAAO;AAAA,UACL,MAAMH;AAAA,QACR;AAAA,QACA,QAAQ,CAAC;AAAA,QACT,QAAQF,EAAQ,IAAI,CAACM,OACZ;AAAA,UACL,MAAMA;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,WAAW;AAAA,YACT,MAAM;AAAA,UACR;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,cACL,UAAU;AAAA,cACV,WAAW,MAAMA,CAAI;AAAA,YAAA;AAAA,UAEzB;AAAA,UACA,MAAMH,EAAK,IAAI,CAAUI,OAAA;AAAA,YACvB,MAAMA,GAAMN,KAAA,gBAAAA,EAAc,YAAW,EAAE;AAAA,YACvC,OAAOM,EAAMD,CAAI;AAAA,UAAA,EACjB;AAAA,QACJ,EACD;AAAA,MACH;AACI,aAAAN,EAAQ,WAAW,MACpBK,EAAO,OAAwB,OAAOL,IAElCN,EAAMW,GAAQD,EAAY,YAAA;AAAA,IAAA,CAClC;AACS,WAAAI,EAAA,EAAE,UAAUhB,GAAiB,cAAcM,GAAoB,WAAWC,EAAS,MAAMK,EAAA,SAAS,EAAA,CAAG;;;;;;;"}

package/es/src/data-chart/src/components/line.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./line.vue2.mjs";
+/* empty css           */
+/* empty css           */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c97c9a4e"]]);
+export {
+  c as default
+};
+//# sourceMappingURL=line.vue.mjs.map

package/es/src/data-chart/src/components/line.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/src/data-chart/src/components/line.vue2.mjs

@@ -0,0 +1,105 @@
+var g = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var A = (t, a, n) => a in t ? g(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n, C = (t, a) => {
+  for (var n in a || (a = {}))
+    M.call(a, n) && A(t, n, a[n]);
+  if (p)
+    for (var n of p(a))
+      _.call(a, n) && A(t, n, a[n]);
+  return t;
+};
+import { defineComponent as u, ref as b, inject as k, computed as N, createElementBlock as E, openBlock as w } from "vue";
+import { InjectionChartMerge as x } from "../utils/injectionKeys.mjs";
+import { useCharts as L } from "../utils/useCharts.mjs";
+const K = /* @__PURE__ */ u({
+  name: "DataChartLine",
+  __name: "line",
+  props: {
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) },
+    subShowType: { default: "line-simple" },
+    chartOptions: {}
+  },
+  setup(t) {
+    const a = b(), n = k(x, (c) => c, !0), S = {
+      MIN_ZOOM_LENGTH: 15,
+      STACK_NAME: "Total"
+    };
+    function O(c, i, s, l, m, h) {
+      const d = [];
+      return i.forEach((o) => {
+        const f = s.find(
+          (e) => e[l == null ? void 0 : l.colDesc] === o && e[m == null ? void 0 : m.colDesc] === c
+        );
+        f ? d.push(f[h[0]]) : d.push(0);
+      }), {
+        name: c,
+        type: "line",
+        stack: S.STACK_NAME,
+        areaStyle: {},
+        data: d
+      };
+    }
+    const T = N(() => {
+      var f;
+      const { colDesc: c, xGroupByDesc: i, groupByDesc: s, data: l, modelName: m } = t.chartData, h = Array.from(new Set(l == null ? void 0 : l.map((e) => e[(i == null ? void 0 : i.colDesc) || ""]))) || [], d = s == null ? void 0 : s.find((e) => !e.xAxis), o = {
+        title: { text: m },
+        legend: { data: [] },
+        xAxis: {
+          name: (i == null ? void 0 : i.colDesc) || "",
+          data: h
+        },
+        dataZoom: [{
+          type: "inside",
+          disabled: h.length < S.MIN_ZOOM_LENGTH
+        }]
+      };
+      if ((s == null ? void 0 : s.length) === 1)
+        o.series = c.map((e) => ({
+          name: e,
+          type: "line",
+          data: l.map((r) => r[e])
+        })), o.legend.data = c;
+      else if ((s == null ? void 0 : s.length) === 2) {
+        const e = [...new Set(l.map((r) => String(r[(d == null ? void 0 : d.colDesc) || ""])))];
+        o.legend.data = e, o.series = e.map(
+          (r) => O(r, h, l, i, d, c)
+        );
+      }
+      return o.series = (f = o.series) == null ? void 0 : f.map((e) => {
+        const r = C({}, e);
+        switch (t.subShowType) {
+          case "line-simple":
+            delete r.areaStyle;
+            break;
+          case "area-basic":
+            r.areaStyle = {};
+            break;
+          default:
+            delete r.areaStyle;
+        }
+        return r;
+      }), n(o, t.chartOptions);
+    });
+    return L({ chartDOM: a, chartOptions: T, chartData: N(() => t.chartData) }), (c, i) => (w(), E("div", {
+      ref_key: "dataChartLine",
+      ref: a,
+      class: "data-chart-line"
+    }, null, 512));
+  }
+});
+export {
+  K as default
+};
+//# sourceMappingURL=line.vue2.mjs.map

package/es/src/data-chart/src/components/line.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/line.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendComponentOption } from 'echarts'\nimport type { EChartsOption, IFormatPublicData } from '../types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartLine',\n})\nconst {\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n  subShowType = 'line-simple',\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\nconst dataChartLine = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\n// 抽取类型定义\ninterface SeriesItem {\n  name: string\n  type: 'line'\n  stack?: string\n  areaStyle?: Record<string, any>\n  data: Array<string | number>\n}\n\n// 将配置提取为常量\nconst CHART_CONSTANTS = {\n  MIN_ZOOM_LENGTH: 15,\n  STACK_NAME: 'Total',\n} as const\n\n// 提取处理图表系列数据的函数\nfunction processSeriesData(legendDataItem: string,\n  xAxisData: (string | number)[],\n  data: any[],\n  xGroupByDesc: any,\n  yGroupByDesc: any,\n  colDesc: string[]): SeriesItem {\n  const seriesData: (string | number)[] = []\n\n  xAxisData.forEach((xAxisItem) => {\n    const targetData = data\n      .find(dataItem =>\n        dataItem[xGroupByDesc?.colDesc] === xAxisItem\n        && dataItem[yGroupByDesc?.colDesc] === legendDataItem,\n      )\n\n    if (targetData) {\n      seriesData.push(targetData[colDesc[0]])\n    }\n    else {\n      seriesData.push(0) // 或者其他默认值\n    }\n  })\n\n  return {\n    name: legendDataItem,\n    type: 'line',\n    stack: CHART_CONSTANTS.STACK_NAME,\n    areaStyle: {},\n    data: seriesData,\n  }\n}\n\nconst lineChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, groupByDesc, data, modelName } = chartData\n  const xAxisData = Array.from(new Set(data?.map(item => item[xGroupByDesc?.colDesc || '']))) || []\n  const yGroupByDesc = groupByDesc?.find(item => !item.xAxis)\n\n  const config: EChartsOption & { series?: SeriesItem[] } = {\n    title: { text: modelName },\n    legend: { data: [] },\n    xAxis: {\n      name: xGroupByDesc?.colDesc || '',\n      data: xAxisData,\n    },\n    dataZoom: [{\n      type: 'inside',\n      disabled: xAxisData.length < CHART_CONSTANTS.MIN_ZOOM_LENGTH,\n    }],\n  }\n\n  // 处理系列数据\n  if (groupByDesc?.length === 1) {\n    config.series = colDesc.map(yItem => ({\n      name: yItem,\n      type: 'line',\n      data: data.map(item => item[yItem]),\n    }));\n    (config.legend as LegendComponentOption).data = colDesc\n  }\n  else if (groupByDesc?.length === 2) {\n    const legendData = [...new Set(data.map(item => String(item[yGroupByDesc?.colDesc || ''])))]\n    ;(config.legend as LegendComponentOption).data = legendData\n\n    config.series = legendData.map(legendDataItem =>\n      processSeriesData(legendDataItem, xAxisData, data, xGroupByDesc, yGroupByDesc, colDesc),\n    )\n  }\n\n  // 处理图表展示类型\n  config.series = config.series?.map((item) => {\n    const seriesItem = { ...item }\n\n    switch (subShowType) {\n      case 'line-simple':\n        delete seriesItem.areaStyle\n        break\n      case 'area-basic':\n        seriesItem.areaStyle = {}\n        break\n      default:\n        delete seriesItem.areaStyle\n    }\n\n    return seriesItem\n  })\n\n  return merge(config, chartOptions)\n})\nuseCharts({ chartDOM: dataChartLine, chartOptions: lineChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n  <div ref=\"dataChartLine\" class=\"data-chart-line\" />\n</template>\n\n<style scoped lang=\"scss\">\n// scss\n.data-chart-line {\n  width: 100%;\n  height: 100%;\n}\n</style>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}</style>"],"names":["dataChartLine","ref","merge","inject","InjectionChartMerge","v","CHART_CONSTANTS","processSeriesData","legendDataItem","xAxisData","data","xGroupByDesc","yGroupByDesc","colDesc","seriesData","xAxisItem","targetData","dataItem","lineChartOptions","computed","groupByDesc","modelName","__props","item","config","yItem","legendData","_a","seriesItem","__spreadValues","useCharts"],"mappings":"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"}

package/es/src/data-chart/src/components/pie.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./pie.vue2.mjs";
+/* empty css          */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ea6725d0"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=pie.vue.mjs.map

package/es/src/data-chart/src/components/pie.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/src/data-chart/src/components/pie.vue2.mjs

@@ -0,0 +1,107 @@
+import { defineComponent as k, inject as w, ref as y, computed as b, createElementBlock as B, openBlock as v } from "vue";
+import { orderBy as T, cloneDeep as j } from "lodash-es";
+import { InjectionChartMerge as P } from "../utils/injectionKeys.mjs";
+import { useCharts as E } from "../utils/useCharts.mjs";
+const L = /* @__PURE__ */ k({
+  name: "DataChartPie",
+  __name: "pie",
+  props: {
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) },
+    subShowType: { default: "pie-simple" },
+    chartOptions: {}
+  },
+  setup(i) {
+    const g = w(P, (s) => s, !0), p = y(null), D = b(() => {
+      const { colDesc: s, xGroupByDesc: t, data: n, modelName: C } = i.chartData, f = s.length, N = {
+        title: { text: C },
+        series: s.map((r, c) => {
+          const e = {
+            name: r,
+            type: "pie",
+            center: ["50%", "50%"],
+            data: [],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)"
+              }
+            },
+            label: {
+              formatter: "{b}：{c}({d}%)",
+              rich: {
+                b: {
+                  color: "#4C5058",
+                  fontSize: 14,
+                  fontWeight: "bold",
+                  lineHeight: 33
+                }
+              }
+            }
+          };
+          let l = 5;
+          const h = T(j(n), [r], ["desc"]), O = h.reduce((o, d) => o + Number(d[r]), 0);
+          if (n.length > l)
+            for (; l < 9; ) {
+              const o = h.slice(0, l);
+              if (o.reduce((m, a) => m + Number(a[r]), 0) / O > 0.9 || l === 8) {
+                const m = h.slice(l, h.length - 1);
+                e.data = n.map((a) => {
+                  let u = {};
+                  return o.forEach((S) => {
+                    JSON.stringify(S) === JSON.stringify(a) && (u = {
+                      name: t != null && t.colDesc ? a[t.colDesc] : "",
+                      value: a[r]
+                    });
+                  }), u;
+                }).filter((a) => a), e.data.push({
+                  name: "其它",
+                  value: m.reduce((a, u) => a + Number(u[r]), 0)
+                });
+                break;
+              } else
+                l++;
+            }
+          else
+            e.data = n.map((o) => ({
+              name: t != null && t.colDesc ? o[t.colDesc] : "",
+              value: Number(o[r])
+            }));
+          switch (f === 1 ? e.center = ["50%", "60%"] : f === 2 ? c === 0 ? (e.right = "40%", e.left = "", e.center = ["40%", "60%"]) : (e.right = "", e.left = "40%", e.center = ["60%", "60%"]) : f === 3 ? c === 0 ? (e.right = "40%", e.bottom = "50%", e.top = "", e.left = "", e.center = ["40%", "78%"]) : c === 1 ? (e.right = "", e.bottom = "50%", e.top = "", e.left = "40%", e.center = ["60%", "78%"]) : (e.right = "40%", e.bottom = "", e.top = "50%", e.left = "", e.center = ["40%", "60%"]) : f === 4 && (c === 0 ? (e.right = "40%", e.bottom = "50%", e.top = "", e.left = "", e.center = ["40%", "78%"]) : c === 1 ? (e.right = "", e.bottom = "50%", e.top = "", e.left = "40%", e.center = ["60%", "78%"]) : c === 2 ? (e.right = "40%", e.bottom = "", e.top = "50%", e.left = "", e.center = ["40%", "60%"]) : (e.right = "", e.bottom = "", e.top = "50%", e.left = "40%", e.center = ["60%", "60%"])), i.subShowType) {
+            case "pie-borderRadius":
+              e.radius = ["50%", "70%"];
+              break;
+            case "pie-simple":
+              e.radius = "50%";
+              break;
+            default:
+              e.radius = "50%";
+              break;
+          }
+          return e;
+        })
+      };
+      return g(N, i.chartOptions);
+    });
+    return E({ chartDOM: p, chartOptions: D, chartData: b(() => i.chartData) }), (s, t) => (v(), B("div", {
+      ref_key: "dataChartPie",
+      ref: p,
+      class: "data-chart-pie"
+    }, null, 512));
+  }
+});
+export {
+  L as default
+};
+//# sourceMappingURL=pie.vue2.mjs.map

package/es/src/data-chart/src/components/pie.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/pie.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PieSeriesOption } from 'echarts/charts'\nimport type { EChartsOption, IFormatPublicData } from '../types'\nimport { cloneDeep, orderBy } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartPie',\n})\nconst {\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n  subShowType = 'pie-simple',\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst dataChartPie = ref(null)\nconst pieChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, data, modelName } = chartData\n  const colDescLength = colDesc.length\n  const config = {\n    title: { text: modelName },\n    series: colDesc.map((item, index) => {\n      const seriesItem: PieSeriesOption = {\n        name: item,\n        type: 'pie',\n        center: ['50%', '50%'],\n        data: [],\n        emphasis: {\n          itemStyle: {\n            shadowBlur: 10,\n            shadowOffsetX: 0,\n            shadowColor: 'rgba(0, 0, 0, 0.5)',\n          },\n        },\n        label: {\n          formatter: '{b}：{c}({d}%)',\n          rich: {\n            b: {\n              color: '#4C5058',\n              fontSize: 14,\n              fontWeight: 'bold',\n              lineHeight: 33,\n            },\n          },\n        },\n      }\n\n      let cutNum = 5\n      const orderByData = orderBy(cloneDeep(data), [item], ['desc'])\n      // 总数\n      const totalDesc = orderByData.reduce((prev, cur) => (prev + Number(cur[item])), 0)\n      if (data.length > cutNum) {\n        while (cutNum < 9) {\n          const headerData = orderByData.slice(0, cutNum)\n          // 前 cutNum 个总数\n          const headerTotal = headerData.reduce((prev, cur) => prev + Number(cur[item]), 0)\n          // 前五总占比\n          const headerScale = headerTotal / totalDesc\n          if (headerScale > 0.90 || cutNum === 8) {\n            //\n            const footerData = orderByData.slice(cutNum, orderByData.length - 1)\n            seriesItem.data = data.map((yItem) => {\n              let obj = {}\n              headerData.forEach((headerDataItem) => {\n                if (JSON.stringify(headerDataItem) === JSON.stringify(yItem)) {\n                  obj = {\n                    name: xGroupByDesc?.colDesc ? yItem[xGroupByDesc.colDesc] : '',\n                    value: yItem[item],\n                  }\n                }\n              })\n              return obj\n            }).filter(v => v)\n            seriesItem.data.push({\n              name: '其它',\n              value: footerData.reduce((prev, cur) => prev + Number(cur[item]), 0),\n            })\n\n            break\n          }\n          else {\n            cutNum++\n          }\n        }\n      }\n      else {\n        seriesItem.data = data.map(yItem => ({\n          name: xGroupByDesc?.colDesc ? yItem[xGroupByDesc.colDesc] : '',\n          value: Number(yItem[item]),\n        }))\n      }\n\n      if (colDescLength === 1) {\n        seriesItem.center = ['50%', '60%']\n      }\n      else if (colDescLength === 2) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n        else {\n          seriesItem.right = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '60%']\n        }\n      }\n      else if (colDescLength === 3) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '78%']\n        }\n        else if (index === 1) {\n          seriesItem.right = ''\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '78%']\n        }\n        else {\n          seriesItem.right = '40%'\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n      }\n      else if (colDescLength === 4) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '78%']\n        }\n        else if (index === 1) {\n          seriesItem.right = ''\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '78%']\n        }\n        else if (index === 2) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n        else {\n          seriesItem.right = ''\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '60%']\n        }\n      }\n      // 处理图表形状\n      switch (subShowType) {\n        case 'pie-borderRadius':\n          seriesItem.radius = ['50%', '70%']\n          break\n        case 'pie-simple':\n          seriesItem.radius = '50%'\n          break\n        default:\n          seriesItem.radius = '50%'\n          break\n      }\n      return seriesItem\n    }),\n  }\n  return merge(config, chartOptions)\n})\n\nuseCharts({ chartDOM: dataChartPie, chartOptions: pieChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n  <div ref=\"dataChartPie\" class=\"data-chart-pie\" />\n</template>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.b{border-width:1px;}\n.pie{padding-inline-end:1rem;}</style>"],"names":["merge","inject","InjectionChartMerge","v","dataChartPie","ref","pieChartOptions","computed","colDesc","xGroupByDesc","data","modelName","__props","colDescLength","config","item","index","seriesItem","cutNum","orderByData","orderBy","cloneDeep","totalDesc","prev","cur","headerData","footerData","yItem","obj","headerDataItem","useCharts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,EAAOC,GAAqB,CAACC,MAAWA,GAAG,EAAI,GAEvDC,IAAeC,EAAI,IAAI,GACvBC,IAAkBC,EAAwB,MAAM;AACpD,YAAM,EAAE,SAAAC,GAAS,cAAAC,GAAc,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA,WAC7CC,IAAgBL,EAAQ,QACxBM,IAAS;AAAA,QACb,OAAO,EAAE,MAAMH,EAAU;AAAA,QACzB,QAAQH,EAAQ,IAAI,CAACO,GAAMC,MAAU;AACnC,gBAAMC,IAA8B;AAAA,YAClC,MAAMF;AAAA,YACN,MAAM;AAAA,YACN,QAAQ,CAAC,OAAO,KAAK;AAAA,YACrB,MAAM,CAAC;AAAA,YACP,UAAU;AAAA,cACR,WAAW;AAAA,gBACT,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,aAAa;AAAA,cAAA;AAAA,YAEjB;AAAA,YACA,OAAO;AAAA,cACL,WAAW;AAAA,cACX,MAAM;AAAA,gBACJ,GAAG;AAAA,kBACD,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,YAAY;AAAA,gBAAA;AAAA,cACd;AAAA,YACF;AAAA,UAEJ;AAEA,cAAIG,IAAS;AACP,gBAAAC,IAAcC,EAAQC,EAAUX,CAAI,GAAG,CAACK,CAAI,GAAG,CAAC,MAAM,CAAC,GAEvDO,IAAYH,EAAY,OAAO,CAACI,GAAMC,MAASD,IAAO,OAAOC,EAAIT,CAAI,CAAC,GAAI,CAAC;AAC7E,cAAAL,EAAK,SAASQ;AAChB,mBAAOA,IAAS,KAAG;AACjB,oBAAMO,IAAaN,EAAY,MAAM,GAAGD,CAAM;AAK1C,kBAHgBO,EAAW,OAAO,CAACF,GAAMC,MAAQD,IAAO,OAAOC,EAAIT,CAAI,CAAC,GAAG,CAAC,IAE9CO,IAChB,OAAQJ,MAAW,GAAG;AAEtC,sBAAMQ,IAAaP,EAAY,MAAMD,GAAQC,EAAY,SAAS,CAAC;AACnE,gBAAAF,EAAW,OAAOP,EAAK,IAAI,CAACiB,MAAU;AACpC,sBAAIC,IAAM,CAAC;AACA,yBAAAH,EAAA,QAAQ,CAACI,MAAmB;AACrC,oBAAI,KAAK,UAAUA,CAAc,MAAM,KAAK,UAAUF,CAAK,MACnDC,IAAA;AAAA,sBACJ,MAAMnB,KAAA,QAAAA,EAAc,UAAUkB,EAAMlB,EAAa,OAAO,IAAI;AAAA,sBAC5D,OAAOkB,EAAMZ,CAAI;AAAA,oBACnB;AAAA,kBACF,CACD,GACMa;AAAA,gBACR,CAAA,EAAE,OAAO,CAAAzB,MAAKA,CAAC,GAChBc,EAAW,KAAK,KAAK;AAAA,kBACnB,MAAM;AAAA,kBACN,OAAOS,EAAW,OAAO,CAACH,GAAMC,MAAQD,IAAO,OAAOC,EAAIT,CAAI,CAAC,GAAG,CAAC;AAAA,gBAAA,CACpE;AAED;AAAA,cAAA;AAGA,gBAAAG;AAAA,YACF;AAAA;AAIS,YAAAD,EAAA,OAAOP,EAAK,IAAI,CAAUiB,OAAA;AAAA,cACnC,MAAMlB,KAAA,QAAAA,EAAc,UAAUkB,EAAMlB,EAAa,OAAO,IAAI;AAAA,cAC5D,OAAO,OAAOkB,EAAMZ,CAAI,CAAC;AAAA,YAAA,EACzB;AAwEJ,kBArEIF,MAAkB,IACTI,EAAA,SAAS,CAAC,OAAO,KAAK,IAE1BJ,MAAkB,IACrBG,MAAU,KACZC,EAAW,QAAQ,OACnBA,EAAW,OAAO,IACPA,EAAA,SAAS,CAAC,OAAO,KAAK,MAGjCA,EAAW,QAAQ,IACnBA,EAAW,OAAO,OACPA,EAAA,SAAS,CAAC,OAAO,KAAK,KAG5BJ,MAAkB,IACrBG,MAAU,KACZC,EAAW,QAAQ,OACnBA,EAAW,SAAS,OACpBA,EAAW,MAAM,IACjBA,EAAW,OAAO,IACPA,EAAA,SAAS,CAAC,OAAO,KAAK,KAE1BD,MAAU,KACjBC,EAAW,QAAQ,IACnBA,EAAW,SAAS,OACpBA,EAAW,MAAM,IACjBA,EAAW,OAAO,OACPA,EAAA,SAAS,CAAC,OAAO,KAAK,MAGjCA,EAAW,QAAQ,OACnBA,EAAW,SAAS,IACpBA,EAAW,MAAM,OACjBA,EAAW,OAAO,IACPA,EAAA,SAAS,CAAC,OAAO,KAAK,KAG5BJ,MAAkB,MACrBG,MAAU,KACZC,EAAW,QAAQ,OACnBA,EAAW,SAAS,OACpBA,EAAW,MAAM,IACjBA,EAAW,OAAO,IACPA,EAAA,SAAS,CAAC,OAAO,KAAK,KAE1BD,MAAU,KACjBC,EAAW,QAAQ,IACnBA,EAAW,SAAS,OACpBA,EAAW,MAAM,IACjBA,EAAW,OAAO,OACPA,EAAA,SAAS,CAAC,OAAO,KAAK,KAE1BD,MAAU,KACjBC,EAAW,QAAQ,OACnBA,EAAW,SAAS,IACpBA,EAAW,MAAM,OACjBA,EAAW,OAAO,IACPA,EAAA,SAAS,CAAC,OAAO,KAAK,MAGjCA,EAAW,QAAQ,IACnBA,EAAW,SAAS,IACpBA,EAAW,MAAM,OACjBA,EAAW,OAAO,OACPA,EAAA,SAAS,CAAC,OAAO,KAAK,KAI7BL,EAAA,aAAa;AAAA,YACnB,KAAK;AACQ,cAAAK,EAAA,SAAS,CAAC,OAAO,KAAK;AACjC;AAAA,YACF,KAAK;AACH,cAAAA,EAAW,SAAS;AACpB;AAAA,YACF;AACE,cAAAA,EAAW,SAAS;AACpB;AAAA,UAAA;AAEG,iBAAAA;AAAA,QACR,CAAA;AAAA,MACH;AACO,aAAAjB,EAAMc,GAAQF,EAAY,YAAA;AAAA,IAAA,CAClC;AAES,WAAAkB,EAAA,EAAE,UAAU1B,GAAc,cAAcE,GAAiB,WAAWC,EAAS,MAAMK,EAAA,SAAS,EAAA,CAAG;;;;;;;"}

package/es/src/data-chart/src/components/radar.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./radar.vue2.mjs";
+/* empty css            */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cd6d4f81"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=radar.vue.mjs.map

package/es/src/data-chart/src/components/radar.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/src/data-chart/src/components/radar.vue2.mjs

@@ -0,0 +1,65 @@
+import { defineComponent as g, ref as C, inject as D, computed as l, createElementBlock as V, openBlock as N } from "vue";
+import { uniq as O } from "lodash-es";
+import { InjectionChartMerge as y } from "../utils/injectionKeys.mjs";
+import { useCharts as B } from "../utils/useCharts.mjs";
+const _ = /* @__PURE__ */ g({
+  name: "DataChartRadar",
+  __name: "radar",
+  props: {
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) },
+    chartOptions: {}
+  },
+  setup(n) {
+    const m = C(), i = D(y, (e) => e, !0), s = l(() => {
+      var u;
+      const { colDesc: e, xGroupByDesc: a, modelName: d, data: c } = n.chartData;
+      a != null && a.groupByValues && (a.groupByValues = []), a.groupByValues = O(c.map((r) => r[a.colDesc || ""]).filter((r) => r));
+      const p = {
+        title: {
+          text: d
+        },
+        radar: {
+          indicator: ((u = a == null ? void 0 : a.groupByValues) == null ? void 0 : u.map((r) => ({
+            name: r,
+            max: Math.max(...c.map((o) => Number(o[e[0]])))
+          }))) || []
+        },
+        series: [{
+          name: a == null ? void 0 : a.colDesc,
+          type: "radar",
+          tooltip: {
+            trigger: "item"
+          },
+          data: e.map((r) => {
+            var o;
+            return {
+              name: r,
+              value: (o = a == null ? void 0 : a.groupByValues) == null ? void 0 : o.map((f) => c.map((t) => f === t[a.colDesc || ""] ? t[r] : null).filter((t) => t).reduce((t, h) => Number(t || 0) + Number(h || 0), 0))
+            };
+          })
+        }]
+      };
+      return i(p, n.chartOptions);
+    });
+    return B({ chartDOM: m, chartOptions: s, chartData: l(() => n.chartData) }), (e, a) => (N(), V("div", {
+      ref_key: "dataChartRadar",
+      ref: m,
+      class: "data-chart-radar"
+    }, null, 512));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=radar.vue2.mjs.map

package/es/src/data-chart/src/components/radar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/radar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartsOption, IFormatPublicData } from '../types'\nimport { uniq } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartRadar',\n})\n\nconst {\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  chartOptions: EChartsOption\n}>()\n\nconst dataChartRadar = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\nconst radarChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, modelName, data } = chartData\n\n  if (xGroupByDesc?.groupByValues) {\n    xGroupByDesc.groupByValues = []\n  }\n  xGroupByDesc.groupByValues = uniq(data.map((item) => {\n    return item[xGroupByDesc.colDesc || ''] as string\n  }).filter(v => v))\n\n  const config = {\n    title: {\n      text: modelName,\n    },\n    radar: {\n      indicator: xGroupByDesc?.groupByValues?.map((groupByValuesItem) => {\n        return {\n          name: groupByValuesItem,\n          max: Math.max(...data.map(item => Number(item[colDesc[0]]))),\n        }\n      }) || [],\n    },\n    series: [{\n      name: xGroupByDesc?.colDesc,\n      type: 'radar',\n      tooltip: {\n        trigger: 'item',\n      },\n      data: colDesc.map(colDescItem => ({\n        name: colDescItem,\n        value: xGroupByDesc?.groupByValues?.map((groupByValuesItem) => {\n          return (data.map((dataItem) => {\n            if (groupByValuesItem === dataItem[xGroupByDesc.colDesc || '']) {\n              return dataItem[colDescItem]\n            }\n            return null\n          }).filter(v => v)).reduce((pre, cur) => Number(pre || 0) + Number(cur || 0), 0)\n        }),\n      })),\n    }],\n  }\n\n  return merge(config, chartOptions)\n})\nuseCharts({ chartDOM: dataChartRadar, chartOptions: radarChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n  <div ref=\"dataChartRadar\" class=\"data-chart-radar\" />\n</template>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}</style>"],"names":["dataChartRadar","ref","merge","inject","InjectionChartMerge","v","radarChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","uniq","item","config","_a","groupByValuesItem","colDescItem","dataItem","pre","cur","useCharts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BA,UAAMA,IAAiBC,EAAI,GACrBC,IAAQC,EAAOC,GAAqB,CAACC,MAAWA,GAAG,EAAI,GACvDC,IAAoBC,EAAwB,MAAM;;AACtD,YAAM,EAAE,SAAAC,GAAS,cAAAC,GAAc,WAAAC,GAAW,MAAAC,EAAA,IAASC,EAAA;AAEnD,MAAIH,KAAA,QAAAA,EAAc,kBAChBA,EAAa,gBAAgB,CAAC,IAEhCA,EAAa,gBAAgBI,EAAKF,EAAK,IAAI,CAACG,MACnCA,EAAKL,EAAa,WAAW,EAAE,CACvC,EAAE,OAAO,CAAAJ,MAAKA,CAAC,CAAC;AAEjB,YAAMU,IAAS;AAAA,QACb,OAAO;AAAA,UACL,MAAML;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACL,aAAWM,IAAAP,KAAA,gBAAAA,EAAc,kBAAd,gBAAAO,EAA6B,IAAI,CAACC,OACpC;AAAA,YACL,MAAMA;AAAA,YACN,KAAK,KAAK,IAAI,GAAGN,EAAK,IAAI,CAAAG,MAAQ,OAAOA,EAAKN,EAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAAA,UAC7D,QACI,CAAA;AAAA,QACR;AAAA,QACA,QAAQ,CAAC;AAAA,UACP,MAAMC,KAAA,gBAAAA,EAAc;AAAA,UACpB,MAAM;AAAA,UACN,SAAS;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,MAAMD,EAAQ,IAAI,CAAgBU,MAAA;;AAAA;AAAA,cAChC,MAAMA;AAAA,cACN,QAAOF,IAAAP,KAAA,gBAAAA,EAAc,kBAAd,gBAAAO,EAA6B,IAAI,CAACC,MAC/BN,EAAK,IAAI,CAACQ,MACZF,MAAsBE,EAASV,EAAa,WAAW,EAAE,IACpDU,EAASD,CAAW,IAEtB,IACR,EAAE,OAAO,OAAKb,CAAC,EAAG,OAAO,CAACe,GAAKC,MAAQ,OAAOD,KAAO,CAAC,IAAI,OAAOC,KAAO,CAAC,GAAG,CAAC;AAAA,YAC/E;AAAA,WACD;AAAA,QACH,CAAA;AAAA,MACH;AAEO,aAAAnB,EAAMa,GAAQH,EAAY,YAAA;AAAA,IAAA,CAClC;AACS,WAAAU,EAAA,EAAE,UAAUtB,GAAgB,cAAcM,GAAmB,WAAWC,EAAS,MAAMK,EAAA,SAAS,EAAA,CAAG;;;;;;;"}

package/es/src/data-chart/src/components/scatter-simple.vue.mjs

@@ -0,0 +1,8 @@
+import t from "./scatter-simple.vue2.mjs";
+/* empty css                     */
+import o from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-714d292a"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=scatter-simple.vue.mjs.map

package/es/src/data-chart/src/components/scatter-simple.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-simple.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/src/data-chart/src/components/scatter-simple.vue2.mjs

@@ -0,0 +1,52 @@
+import { defineComponent as h, ref as p, inject as f, computed as n, createElementBlock as d, openBlock as D } from "vue";
+import { InjectionChartMerge as g } from "../utils/injectionKeys.mjs";
+import { useCharts as C } from "../utils/useCharts.mjs";
+const v = /* @__PURE__ */ h({
+  name: "DataChartScatterSimple",
+  __name: "scatter-simple",
+  props: {
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) },
+    chartOptions: {}
+  },
+  setup(r) {
+    const c = p(), s = f(g, (e) => e, !0), l = n(() => {
+      const { colDesc: e, xGroupByDesc: a, modelName: i, data: m } = r.chartData, u = {
+        title: {
+          text: i
+        },
+        tooltip: {
+          formatter(t) {
+            return t.value.length > 1 ? `${t.seriesName} :<br/>${t.value[0]} ${t.value[1]} ` : `${t.seriesName} :<br/>${t.name} : ${t.value} `;
+          }
+        },
+        series: e.map((t) => ({
+          symbolSize: 20,
+          name: t,
+          data: m.map((o) => [o[t], o[(a == null ? void 0 : a.colDesc) || ""]]),
+          type: "scatter"
+        }))
+      };
+      return s(u, r.chartOptions);
+    });
+    return C({ chartDOM: c, chartOptions: l, chartData: n(() => r.chartData) }), (e, a) => (D(), d("div", {
+      ref_key: "dataChartScatterSimple",
+      ref: c,
+      class: "data-chart-scatter-simple"
+    }, null, 512));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=scatter-simple.vue2.mjs.map