@baishuyun/ui-business 4.1.0 → 4.1.1

package/dist/Scatterplot/{Scatterplot-CD1c18zN.js → Scatterplot-DFOLhAMO.js}

@@ -1,13 +1,13 @@
-import { jsxs as A, jsx as a } from "react/jsx-runtime";
-import { useRef as y, useEffect as m } from "react";
-import { d as _, i as w } from "../vendors/echarts.js";
-import { c as g } from "../vendors/clsx.js";
-const f = {
+import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import { forwardRef as S, useRef as b, useImperativeHandle as z, useEffect as F } from "react";
+import { d as L, i as C } from "../vendors/echarts.js";
+import { c as f } from "../vendors/clsx.js";
+const u = {
   "scatter-plot-page": "_scatter-plot-page_1h1ig_1",
   "xAxis-title": "_xAxis-title_1h1ig_6",
   "yAxis-title": "_yAxis-title_1h1ig_11"
-}, R = (t) => {
-  const r = y(null), d = y(null), v = (i) => {
+}, R = (t, p) => {
+  const d = b(null), x = b(null), A = (i) => {
     const n = {
       index0: [],
       // 所有系列的第一个数据（data[0]）
@@ -17,10 +17,10 @@ const f = {
     return i.forEach((e) => {
       n.index0.push(e.data[0]), n.index1.push(e.data[1]);
     }), n;
-  }, u = (i) => {
-    const n = Math.max(...i), e = Math.min(...i), o = (i.reduce((l, b) => l + b, 0) / i.length).toFixed(2);
+  }, h = (i) => {
+    const n = Math.max(...i), e = Math.min(...i), o = (i.reduce((r, _) => r + _, 0) / i.length).toFixed(2);
     return { max: n, min: e, avg: Number(o) };
-  }, h = v(t.dataList), x = u(h.index0), c = u(h.index1), s = {
+  }, y = A(t.dataList), c = h(y.index0), g = h(y.index1), v = t.options.xFields[t.options.xFields.length - 1].colors, s = {
     xAxis: {
       axisLabel: {
         color: "#666666",
@@ -145,30 +145,30 @@ const f = {
               show: !0,
               position: "end",
               // 标签位置：start/middle/end
-              formatter: (l) => {
+              formatter: (r) => {
                 if (e.is_label_visible && e.is_value_visible)
-                  return e.label + ":" + l.value;
+                  return e.label + ":" + r.value;
                 if (e.is_label_visible)
                   return e.label;
                 if (e.is_value_visible)
-                  return l.value;
+                  return r.value;
               },
               // 格式化文本（{b}名称，{c}数值）
               fontSize: 12,
               color: e.color
             }
           };
-          return e.type === "fixed" && (e.field === t.options.xFields[0].tag && (o.xAxis = e.value || 0), e.field === t.options.yFields[0].tag && (o.yAxis = e.value || 0)), e.type === "dynamic" && (e.field === t.options.xFields[0].tag && (e.aggregate === "max" && (o.xAxis = x.max), e.aggregate === "min" && (o.xAxis = x.min), e.aggregate === "avg" && (o.xAxis = x.avg)), e.field === t.options.yFields[0].tag && (e.aggregate === "max" && (o.yAxis = c.max), e.aggregate === "min" && (o.yAxis = c.min), e.aggregate === "avg" && (o.yAxis = c.avg)), o.type, e.aggregate), o;
+          return e.type === "fixed" && (e.field === t.options.xFields[0].tag && (o.xAxis = e.value || 0), e.field === t.options.yFields[0].tag && (o.yAxis = e.value || 0)), e.type === "dynamic" && (e.field === t.options.xFields[0].tag && (e.aggregate === "max" && (o.xAxis = c.max), e.aggregate === "min" && (o.xAxis = c.min), e.aggregate === "avg" && (o.xAxis = c.avg)), e.field === t.options.yFields[0].tag && (e.aggregate === "max" && (o.yAxis = g.max), e.aggregate === "min" && (o.yAxis = g.min), e.aggregate === "avg" && (o.yAxis = g.avg)), o.type, e.aggregate), o;
         })
       },
-      color: "",
+      color: v.find((e) => e.title === i.name) ? v.find((e) => e.title === i.name).color : "",
       label: {
         show: t.options.chart_label.enable,
         position: "top",
         // 文本在散点上方
         distance: 5,
         // 与散点的距离（避免紧贴）
-        formatter: () => `${t.options.chart_label.dimension.enable ? i.name : ""} ${t.options.chart_label.value.enable ? "(" + i.data[0] + "，" + i.data[1] + ")" : ""}`,
+        formatter: () => `${t.options.chart_label.dimension?.enable ? i.name : ""} ${t.options.chart_label.value?.enable ? "(" + i.data[0] + "，" + i.data[1] + ")" : ""}`,
         textStyle: {
           fontSize: 11,
           color: "#666",
@@ -178,38 +178,44 @@ const f = {
       },
       type: "scatter"
     }))
-  }, p = () => {
-    if (!r.current) return;
-    d.current && _(d.current);
-    const i = w(r.current);
-    d.current = i, i.setOption(s), t.onChartReady && t.onChartReady(i);
-    const n = () => {
-      i.resize();
+  };
+  let a = {};
+  const m = () => {
+    if (!d.current) return;
+    x.current && L(x.current), a = C(d.current), x.current = a, a.setOption(s), a.on("click", function(n) {
+      t.onChartClick && t.onChartClick(n, t.options, t.dataList);
+    }), t.onChartReady && t.onChartReady(a);
+    const i = () => {
+      a.resize();
     };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), i.dispose();
+    return window.addEventListener("resize", i), () => {
+      window.removeEventListener("resize", i), a.dispose();
     };
   };
-  return m(() => p(), [s]), /* @__PURE__ */ A("div", { className: g(f["scatter-plot-page"]), children: [
-    /* @__PURE__ */ a("div", { ref: r, style: { width: "100%", height: "100%" } }),
-    /* @__PURE__ */ a(
+  return z(p, () => ({
+    resizeEchart: () => {
+      a.resize();
+    }
+  })), F(() => m(), [s]), /* @__PURE__ */ w("div", { className: f(u["scatter-plot-page"]), children: [
+    /* @__PURE__ */ l("div", { ref: d, style: { width: "100%", height: "100%" } }),
+    /* @__PURE__ */ l(
       "div",
       {
-        className: g(f["xAxis-title"]),
+        className: f(u["xAxis-title"]),
         style: s.xAxis?.position === "bottom" ? { bottom: "20px" } : s.xAxis?.position === "top" ? { top: "20px" } : void 0,
-        children: /* @__PURE__ */ a("span", { children: s.xAxis?.title })
+        children: /* @__PURE__ */ l("span", { children: s.xAxis?.title })
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ l(
       "div",
       {
-        className: g(f["yAxis-title"]),
+        className: f(u["yAxis-title"]),
         style: s.yAxis?.position === "left" ? { left: "20px" } : s.yAxis?.position === "right" ? { right: "20px" } : void 0,
-        children: /* @__PURE__ */ a("span", { children: s.yAxis?.title })
+        children: /* @__PURE__ */ l("span", { children: s.yAxis?.title })
       }
     )
   ] });
-};
+}, N = S(R);
 export {
-  R as S
+  N as S
 };

package/dist/Scatterplot/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "./Scatterplot-CD1c18zN.js";
+import { S as a } from "./Scatterplot-DFOLhAMO.js";
 export {
   a as default
 };

package/dist/components/Scatterplot/Scatterplot.d.ts

@@ -1,3 +1,3 @@
 import { ScatterplotConfig } from './Scatterplot.type';
-declare const Scatterplot: React.FC<ScatterplotConfig>;
-export default Scatterplot;
+declare const _default: import('react').ForwardRefExoticComponent<ScatterplotConfig & import('react').RefAttributes<unknown>>;
+export default _default;

package/dist/components/Scatterplot/Scatterplot.type.d.ts

@@ -27,13 +27,16 @@ type ScatterplotConfig = {
             position?: string;
         };
         chart_label: {
-            value: {
+            enable: boolean;
+            dimension?: {
                 enable: boolean;
             };
-            dimension: {
+            value?: {
+                enable: boolean;
+            };
+            value_percent?: {
                 enable: boolean;
             };
-            enable: boolean;
         };
         legend: {
             enable: boolean;
@@ -55,5 +58,6 @@ type ScatterplotConfig = {
         name: string;
     }>;
     onChartReady?: (data: any) => void;
+    onChartClick?: (data: any, options: any, dataList: any) => void;
 };
 export type { ScatterplotConfig };

package/dist/index.js

@@ -1,7 +1,7 @@
 import "./vendors/simplebar-react.js";
 import { D as t, g as a } from "./DeptsMember/DeptsMember-BNuoQ8y4.js";
 import { C as p } from "./ConfigProvider/ConfigProvider-CAq3dN6-.js";
-import { S as m } from "./Scatterplot/Scatterplot-CD1c18zN.js";
+import { S as m } from "./Scatterplot/Scatterplot-DFOLhAMO.js";
 import { a as c, g as f, s as S } from "./vendors/services/apiService.js";
 import { r as v } from "./DeptsMember/index-BRIA1uOQ.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-business",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "百数云业务组件库",
   "type": "module",
   "main": "dist/index.js",