@shjjs/visual-ui 1.0.31 → 1.0.32

package/es/components/chart/src/pie/3d/index.vue.d.ts

@@ -0,0 +1,125 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    customRenderData: (option: any, data: any, setOption: Function) => void;
+    componentRef: import("vue").Ref<any>;
+    CommonChart: import("vue").DefineComponent<{
+        option: {
+            type: any;
+            required: true;
+        };
+        sources: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        useEvents: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        uuid: {
+            type: StringConstructor;
+            required: true;
+        };
+        isMultiSeries: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        customRenderData: {
+            type: FunctionConstructor;
+            required: false;
+        };
+        isParseScatter: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        isParseOther: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }, {
+        props: any;
+        emits: (event: "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener", ...args: any[]) => void;
+        id: string;
+        setOption: (optionParams: any, type?: any) => void;
+        chart: import("vue").ShallowRef<import("echarts/types/dist/echarts").ECharts>;
+        renderChart: import("lodash").DebouncedFunc<(option: import("echarts/types/dist/echarts").EChartsOption) => void>;
+        renderData: Function;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener")[], "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: any;
+            required: true;
+        };
+        sources: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        useEvents: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        uuid: {
+            type: StringConstructor;
+            required: true;
+        };
+        isMultiSeries: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        customRenderData: {
+            type: FunctionConstructor;
+            required: false;
+        };
+        isParseScatter: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        isParseOther: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }>> & {
+        "onChart-click"?: (...args: any[]) => any;
+        "onChart-dblclick"?: (...args: any[]) => any;
+        "onChart-mousedown"?: (...args: any[]) => any;
+        "onChart-mouseover"?: (...args: any[]) => any;
+        "onChart-mouseout"?: (...args: any[]) => any;
+        "onChart-contextmenu"?: (...args: any[]) => any;
+        onDataListener?: (...args: any[]) => any;
+    }, {
+        isParseScatter: boolean;
+        isParseOther: boolean;
+    }, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/es/components/chart/src/pie/3d/index.vue.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as t, ref as i, createBlock as c, openBlock as p, mergeProps as f } from "vue";
+import "echarts-gl";
+import { getPie3D as m } from "./renderPie3d.mjs";
+import d from "../../../commons/components/common-chart/index.vue.mjs";
+const l = t({ name: "zv-chart-pie-3d" }), E = /* @__PURE__ */ t({
+  ...l,
+  props: {
+    basicOption: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  setup(h, { expose: o }) {
+    const n = (e, r, a) => {
+      const u = m(r[0].data, e);
+      a(u, "canvas");
+    }, s = i();
+    return o({
+      getEchartsInstance: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.getEchartsInstance();
+      },
+      refresh: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refresh();
+      },
+      refreshView: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshView();
+      },
+      refreshData: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshData();
+      }
+    }), (e, r) => (p(), c(d, f({
+      ref_key: "componentRef",
+      ref: s,
+      option: e.basicOption,
+      sources: e.sources,
+      "use-events": e.useEvents,
+      uuid: e.uuid,
+      "is-multi-series": !1,
+      "custom-render-data": n
+    }, e.$attrs), null, 16, ["option", "sources", "use-events", "uuid"]));
+  }
+});
+export {
+  E as default
+};

package/es/components/chart/src/pie/3d/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/components/chart/src/pie/3d/renderPie3d.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 绘制3d图
+ * @param pieData 总数据
+ * @param option 配置项
+ * @param internalDiameterRatio:透明的空心占比
+ * @param distance 视角到主体的距离
+ * @param alpha 旋转角度
+ * @param pieHeight 立体的高度
+ * @param opacity 饼或者环的透明度
+ */
+declare const getPie3D: (pieData: any, option: any) => any;
+/**
+   * 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+   */
+declare const getParametricEquation: (startRatio: any, endRatio: any, isSelected: any, isHovered: any, k: any, h: any) => {
+    u: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    v: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    x: (u: any, v: any) => number;
+    y: (u: any, v: any) => number;
+    z: (u: any, v: any) => number;
+};
+export { getPie3D, getParametricEquation };

package/es/components/chart/src/pie/3d/renderPie3d.mjs

@@ -0,0 +1,124 @@
+const p = (a, i) => {
+  const t = [];
+  let l = 0, r = 0, f = 0, u = [], c = [];
+  const h = 1 - i.internalDiameterRatio / 100 || 0;
+  a.sort((e, n) => n.value - e.value);
+  for (let e = 0; e < a.length; e++) {
+    l += a[e].value;
+    const n = {
+      name: typeof a[e].category > "u" ? `series${e}` : a[e].category,
+      type: "surface",
+      parametric: !0,
+      wireframe: {
+        show: !1
+      },
+      pieData: a[e],
+      pieStatus: {
+        selected: !1,
+        hovered: !1,
+        k: h
+      },
+      itemStyle: {
+        opacity: i.itemStyle.opacity
+      },
+      center: ["10%", "50%"]
+    };
+    if (typeof a[e].itemStyle < "u") {
+      const s = {};
+      s.color = typeof a[e].itemStyle.color < "u" ? a[e].itemStyle.color : i.itemStyle.opacity, s.opacity = typeof a[e].itemStyle.opacity < "u" ? a[e].itemStyle.opacity : i.itemStyle.opacity, n.itemStyle = s;
+    }
+    t.push(n);
+  }
+  u = [], c = [];
+  for (let e = 0; e < t.length; e++) {
+    f = r + t[e].pieData.value, t[e].pieData.startRatio = r / l, t[e].pieData.endRatio = f / l, t[e].parametricEquation = M(
+      t[e].pieData.startRatio,
+      t[e].pieData.endRatio,
+      !1,
+      !1,
+      h,
+      t[e].pieData.value
+    ), r = f;
+    const n = g(t[e].pieData.value / l, 4);
+    u.push({
+      name: t[e].name,
+      value: n
+    }), c.push({
+      name: t[e].name,
+      value: n
+    });
+  }
+  const d = y(t, i.grid3D.boxHeight);
+  return t.push({
+    type: "pie",
+    labelLine: i.labelLine,
+    label: i.label,
+    startAngle: -30,
+    // 起始角度，支持范围[0, 360]。
+    clockwise: !1,
+    // 饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
+    radius: ["65%", "65%"],
+    center: ["50%", "46%"],
+    // 指示线的位置
+    itemStyle: {
+      color: "#00000000"
+    }
+  }), {
+    ...i,
+    tooltip: {
+      ...i.tooltip,
+      formatter: (e) => {
+        const n = (a[e.seriesIndex].endRatio - a[e.seriesIndex].startRatio) * 100;
+        return `
+                ${e.seriesName}<br/>
+                ${n.toFixed(2)}%
+                `;
+      }
+    },
+    grid3D: {
+      ...i.grid3D,
+      boxHeight: d,
+      boxWidth: i.grid3D.boxWidth,
+      boxDepth: i.grid3D.boxDepth
+    },
+    series: t
+  };
+}, M = (a, i, t, l, r, f) => {
+  const u = (a + i) / 2, c = a * Math.PI * 2, h = i * Math.PI * 2, d = u * Math.PI * 2;
+  a === 0 && i === 1 && (t = !1), r = typeof r < "u" ? r : 0.3333333333333333;
+  const m = t ? Math.cos(d) * 0.1 : 0, e = t ? Math.sin(d) * 0.1 : 0, n = 1;
+  return {
+    u: {
+      min: -Math.PI,
+      max: Math.PI * 3,
+      step: Math.PI / 32
+    },
+    v: {
+      min: 0,
+      max: Math.PI * 2,
+      step: Math.PI / 20
+    },
+    x: function(s, o) {
+      return s < c ? m + Math.cos(c) * (1 + Math.cos(o) * r) * n : s > h ? m + Math.cos(h) * (1 + Math.cos(o) * r) * n : m + Math.cos(s) * (1 + Math.cos(o) * r) * n;
+    },
+    y: function(s, o) {
+      return s < c ? e + Math.sin(c) * (1 + Math.cos(o) * r) * n : s > h ? e + Math.sin(h) * (1 + Math.cos(o) * r) * n : e + Math.sin(s) * (1 + Math.cos(o) * r) * n;
+    },
+    z: function(s, o) {
+      return s < -Math.PI * 0.5 ? Math.sin(s) : s > Math.PI * 2.5 ? Math.sin(s) * f * 0.1 : Math.sin(o) > 0 ? 1 * f * 0.1 : -1;
+    }
+  };
+}, y = (a, i) => (a.sort((t, l) => l.pieData.value - t.pieData.value), i * 25 / a[0].pieData.value), g = (a, i) => {
+  let t = parseFloat(a);
+  if (isNaN(t))
+    return !1;
+  t = Math.round(a * Math.pow(10, i)) / Math.pow(10, i);
+  let l = t.toString(), r = l.indexOf(".");
+  for (r < 0 && (r = l.length, l += "."); l.length <= r + i; )
+    l += "0";
+  return l;
+};
+export {
+  M as getParametricEquation,
+  p as getPie3D
+};

package/es/components/chart/src/pie/basic/index.d.ts

@@ -0,0 +1,124 @@
+export declare const ZvChartPieBasic: import("../../../../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    componentRef: import("vue").Ref<any>;
+    CommonChart: import("vue").DefineComponent<{
+        option: {
+            type: any;
+            required: true;
+        };
+        sources: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        useEvents: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        uuid: {
+            type: StringConstructor;
+            required: true;
+        };
+        isMultiSeries: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        customRenderData: {
+            type: FunctionConstructor;
+            required: false;
+        };
+        isParseScatter: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        isParseOther: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }, {
+        props: any;
+        emits: (event: "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener", ...args: any[]) => void;
+        id: string;
+        setOption: (optionParams: any, type?: any) => void;
+        chart: import("vue").ShallowRef<import("echarts/types/dist/echarts").ECharts>;
+        renderChart: import("lodash").DebouncedFunc<(option: import("echarts/types/dist/echarts").EChartsOption) => void>;
+        renderData: Function;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener")[], "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: any;
+            required: true;
+        };
+        sources: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        useEvents: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        uuid: {
+            type: StringConstructor;
+            required: true;
+        };
+        isMultiSeries: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        customRenderData: {
+            type: FunctionConstructor;
+            required: false;
+        };
+        isParseScatter: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        isParseOther: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }>> & {
+        "onChart-click"?: (...args: any[]) => any;
+        "onChart-dblclick"?: (...args: any[]) => any;
+        "onChart-mousedown"?: (...args: any[]) => any;
+        "onChart-mouseover"?: (...args: any[]) => any;
+        "onChart-mouseout"?: (...args: any[]) => any;
+        "onChart-contextmenu"?: (...args: any[]) => any;
+        onDataListener?: (...args: any[]) => any;
+    }, {
+        isParseScatter: boolean;
+        isParseOther: boolean;
+    }, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default ZvChartPieBasic;

package/es/components/chart/src/pie/basic/index.mjs

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as a } from "../../../../../commons/utils/install.mjs";
+const r = a(t);
+export {
+  r as ZvChartPieBasic,
+  r as default
+};

package/es/components/chart/src/pie/basic/index.vue.d.ts

@@ -0,0 +1,124 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    componentRef: import("vue").Ref<any>;
+    CommonChart: import("vue").DefineComponent<{
+        option: {
+            type: any;
+            required: true;
+        };
+        sources: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        useEvents: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        uuid: {
+            type: StringConstructor;
+            required: true;
+        };
+        isMultiSeries: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        customRenderData: {
+            type: FunctionConstructor;
+            required: false;
+        };
+        isParseScatter: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        isParseOther: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }, {
+        props: any;
+        emits: (event: "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener", ...args: any[]) => void;
+        id: string;
+        setOption: (optionParams: any, type?: any) => void;
+        chart: import("vue").ShallowRef<import("echarts/types/dist/echarts").ECharts>;
+        renderChart: import("lodash").DebouncedFunc<(option: import("echarts/types/dist/echarts").EChartsOption) => void>;
+        renderData: Function;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener")[], "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "dataListener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: any;
+            required: true;
+        };
+        sources: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        useEvents: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        uuid: {
+            type: StringConstructor;
+            required: true;
+        };
+        isMultiSeries: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        customRenderData: {
+            type: FunctionConstructor;
+            required: false;
+        };
+        isParseScatter: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        isParseOther: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }>> & {
+        "onChart-click"?: (...args: any[]) => any;
+        "onChart-dblclick"?: (...args: any[]) => any;
+        "onChart-mousedown"?: (...args: any[]) => any;
+        "onChart-mouseover"?: (...args: any[]) => any;
+        "onChart-mouseout"?: (...args: any[]) => any;
+        "onChart-contextmenu"?: (...args: any[]) => any;
+        onDataListener?: (...args: any[]) => any;
+    }, {
+        isParseScatter: boolean;
+        isParseOther: boolean;
+    }, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/es/components/chart/src/pie/basic/index.vue.mjs

@@ -0,0 +1,43 @@
+import { defineComponent as r, ref as t, createBlock as n, openBlock as u, mergeProps as a } from "vue";
+import i from "../../../commons/components/common-chart/index.vue.mjs";
+const c = r({ name: "zv-chart-pie-basic" }), h = /* @__PURE__ */ r({
+  ...c,
+  props: {
+    basicOption: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  setup(f, { expose: o }) {
+    const s = t();
+    return o({
+      getEchartsInstance: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.getEchartsInstance();
+      },
+      refresh: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refresh();
+      },
+      refreshView: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshView();
+      },
+      refreshData: () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.refreshData();
+      }
+    }), (e, p) => (u(), n(i, a({
+      ref_key: "componentRef",
+      ref: s,
+      option: e.basicOption,
+      sources: e.sources,
+      "use-events": e.useEvents,
+      uuid: e.uuid,
+      "is-multi-series": !1
+    }, e.$attrs), null, 16, ["option", "sources", "use-events", "uuid"]));
+  }
+});
+export {
+  h as default
+};

package/es/components/chart/src/pie/basic/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};