@baishuyun/ui-business 4.1.0 → 4.1.2

package/dist/BubbleChart/AutoGridEChart-DubWMmib.js

@@ -0,0 +1,126 @@
+import { jsxs as y, jsx as d } from "react/jsx-runtime";
+import { forwardRef as O, useRef as h, useState as S, useImperativeHandle as w, useEffect as p } from "react";
+import { i as C } from "../vendors/echarts.js";
+import { c as m } from "../vendors/clsx.js";
+function v(t, x, s, o) {
+  let c = 0, a = 0;
+  const f = parseInt(o.fontSize) || 10;
+  function u(e) {
+    let n = "";
+    if (e.fontSize || e.fontFamily || e.fontWeight) {
+      let i = "";
+      typeof e.fontSize == "string" && (e.fontSize.indexOf("px") !== -1 || e.fontSize.indexOf("rem") !== -1 || e.fontSize.indexOf("em") !== -1) ? i = e.fontSize : isNaN(+e.fontSize) ? i = "12px" : i = e.fontSize + "px", n = [e.fontStyle, e.fontWeight, i, e.fontFamily || "sans-serif"].join(
+        " "
+      );
+    }
+    return n && n.trim() || e.textFont || e.font;
+  }
+  function l(e, n) {
+    n.fontSize = parseInt(n.fontSize), n.fontFamily = n.fontFamily || "verdana";
+    const i = u(n), z = document.createElement("canvas").getContext("2d") || {};
+    return z.font = i, z?.measureText(e)?.width || 0;
+  }
+  function r(e, n) {
+    if (Array.isArray(e))
+      for (let i = 0, A = e.length; i < A && n.apply(e[i], [i, e[i]]) !== !1; i++) ;
+    else if (e && typeof e == "object") {
+      for (const i in e)
+        if (Object.prototype.hasOwnProperty.call(e, i) && n.apply(e[i], [i, e[i]]) === !1) break;
+    }
+  }
+  return t.legend.type === "scroll" ? f + 10 : (r(x, (e, n) => {
+    const i = l(
+      n,
+      o || {
+        fontFamily: "verdana",
+        fontSize: 10,
+        fontStyle: "normal",
+        fontWeight: "normal"
+      }
+    );
+    a += i + 10 + 14 + 5, a > s && (c++, a = i + 10 + 14 + 5);
+  }), (c + 1) * (f + 10));
+}
+const g = {
+  "auto-grid-echart": "_auto-grid-echart_w04s7_1",
+  "xAxis-title": "_xAxis-title_w04s7_6",
+  "yAxis-title": "_yAxis-title_w04s7_11"
+}, b = (t, x) => {
+  const s = h(null), o = h(null), c = h(null), [a, f] = S("10px"), u = t.dataList.map((r) => r.name), l = () => {
+    if (s.current) {
+      let r = v(
+        t.option,
+        u,
+        s.current.offsetWidth,
+        t.option.legend.textStyle
+      ) + 30;
+      return t.options.legend.position === t.options.xAxis.position ? f(
+        v(
+          t.option,
+          u,
+          s.current.offsetWidth,
+          t.option.legend.textStyle
+        ) + 10
+      ) : f("0"), t.options.xAxis?.title.text && t.options.xAxis?.title.text.length > 0 && t.options.legend.position === t.options.xAxis.position && (r += 30), {
+        ...t.option,
+        grid: {
+          top: t.options.legend.position === "top" ? r : 40,
+          bottom: t.options.legend.position === "bottom" ? r : 40,
+          left: t.options.legend.position === "left" ? r : 40,
+          right: t.options.legend.position === "right" ? r : 40
+        }
+      };
+    }
+    return {
+      ...t.option
+    };
+  };
+  return w(x, () => ({
+    resizeEchart: () => {
+      o.current?.resize();
+    }
+  })), p(() => {
+    if (!s.current) return;
+    o.current = C(s.current);
+    const r = l();
+    o.current.setOption(r, !0), o.current.on("click", function(n) {
+      t.onChartClick && t.onChartClick(n, t.options, t.dataList);
+    });
+    const e = () => {
+      if (o.current) {
+        const n = l();
+        o.current.setOption(n, !1);
+      }
+    };
+    return setTimeout(e, 100), t.onChartReady && t.onChartReady(o.current), c.current = new ResizeObserver(() => {
+      o.current?.resize(), setTimeout(e, 50);
+    }), s.current && c.current.observe(s.current), () => {
+      c.current?.disconnect(), o.current?.dispose();
+    };
+  }, []), p(() => {
+    if (!o.current) return;
+    const r = l();
+    o.current.setOption(r, !0);
+  }, [t.option]), /* @__PURE__ */ y("div", { className: m(t.className, g["auto-grid-echart"]), children: [
+    /* @__PURE__ */ d("div", { ref: s, style: { width: "100%", height: "100%", ...t.style } }),
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: m(g["xAxis-title"]),
+        style: t.option.xAxis?.position === "bottom" ? { bottom: a } : t.option.xAxis?.position === "top" ? { top: a } : void 0,
+        children: /* @__PURE__ */ d("span", { children: t.option.xAxis?.title })
+      }
+    ),
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: m(g["yAxis-title"]),
+        style: t.option.yAxis?.position === "left" ? { left: "20px" } : t.option.yAxis?.position === "right" ? { right: "20px" } : void 0,
+        children: /* @__PURE__ */ d("span", { children: t.option.yAxis?.title })
+      }
+    )
+  ] });
+}, R = O(b);
+export {
+  R as A
+};

package/dist/BubbleChart/BubbleChart-D5Ro_YLD.js

@@ -0,0 +1,235 @@
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as y, useRef as v, useImperativeHandle as m } from "react";
+import { R as A } from "../vendors/echarts.js";
+import { A as S } from "./AutoGridEChart-DubWMmib.js";
+const w = (t, g) => {
+  const r = v(null), c = (o) => {
+    const n = {
+      index0: [],
+      // 所有系列的第一个数据（data[0]）
+      index1: []
+      // 所有系列的第二个数据（data[1]）
+    };
+    return o.forEach((e) => {
+      n.index0.push(e.data[0]), n.index1.push(e.data[1]);
+    }), n;
+  }, d = (o) => {
+    const n = Math.max(...o), e = Math.min(...o), i = (o.reduce((a, b) => a + b, 0) / o.length).toFixed(2);
+    return { max: n, min: e, avg: Number(i) };
+  }, x = c(t.dataList), l = d(x.index0), s = d(x.index1), f = t.options.xFields[t.options.xFields.length - 1].colors || [], u = {
+    xAxis: {
+      axisLabel: {
+        color: "#666666",
+        fontSize: 10,
+        show: !0,
+        rotate: t.options.xAxis?.label?.rotation || 45
+        // 文字顺时针旋转 90°（完全竖向）
+      },
+      min: t.options.xAxis?.min || void 0,
+      // 固定X轴最小值
+      max: t.options.xAxis?.max || void 0,
+      // 固定X轴最大值
+      title: t.options.xAxis?.title?.text,
+      position: t.options.xAxis?.position
+    },
+    yAxis: {
+      axisLabel: {
+        color: "#666666",
+        fontSize: 10,
+        show: !0,
+        rotate: t.options.yAxis?.label?.rotation || 45
+        // 文字顺时针旋转 90°（完全竖向）
+      },
+      min: t.options.yAxis?.min || void 0,
+      // 固定X轴最小值
+      max: t.options.yAxis?.max || void 0,
+      // 固定X轴最大值
+      title: t.options.yAxis?.title?.text,
+      position: t.options.yAxis?.position
+    },
+    grid: {
+      top: 20,
+      bottom: 20,
+      left: 20,
+      right: 30
+    },
+    tooltip: {
+      trigger: "item",
+      // 触发方式：axis（坐标轴触发）/ item（数据项触发）/ none（不触发）
+      axisPointer: {
+        // 坐标轴指示器（仅 trigger: 'axis' 时生效）
+        type: "shadow"
+        // 指示器类型：line（直线）/ shadow（阴影）/ cross（十字线）
+      },
+      textStyle: {
+        // 提示框文本样式
+        fontSize: 14,
+        color: "#333"
+      },
+      backgroundColor: "#fff",
+      // 背景色（支持透明）
+      borderColor: "#fff",
+      // 边框颜色
+      borderWidth: 1,
+      // 边框宽度
+      padding: 10,
+      // 内边距（上下左右）
+      borderRadius: 4,
+      // 圆角半径
+      formatter: (o) => {
+        let n = `<div>${o.seriesName}</div>`;
+        return n += `<div><span>${t.options.xFields[0].title}：</span><span>${o.value[0]}</span></div>`, n += `<div><span>${t.options.yFields[0].title}：</span><span>${o.value[1]}</span></div>`, o.componentType === "series" ? n : "";
+      },
+      triggerOn: "mousemove",
+      // 触发时机：mousemove（鼠标移动）/ click（点击）/ mousemove|click（两者）
+      showDelay: 0,
+      // 显示延迟（ms），默认0
+      hideDelay: 100,
+      // 隐藏延迟（ms），默认100
+      enterable: !1
+      // 是否允许鼠标进入提示框（默认false，防止触发其他交互）
+    },
+    legend: {
+      show: t.options.legend.enable,
+      orient: ["left", "right"].includes(t.options.legend.position) ? "vertical" : "horizontal",
+      // 纵向布局
+      left: ["left", "right"].includes(t.options.legend.position) && t.options.legend.position || "center",
+      // 居右
+      top: ["top", "bottom"].includes(t.options.legend.position) && t.options.legend.position || "middle",
+      // 垂直居中
+      // itemGap: 10, // 图例项间距 20px
+      bottom: 0,
+      padding: 10,
+      itemWidth: 12,
+      itemHeight: 12,
+      textStyle: {
+        fontStyle: "normal"
+      }
+    },
+    graphic: t.options.guideline?.map((o) => ({
+      type: "line",
+      // 类型：线
+      shape: {
+        x1: 1,
+        y1: 8,
+        // 起点（X=0，Y=50）
+        x2: 2,
+        y2: 8
+        // 终点（X=100，Y=50）→ 水平
+      },
+      style: {
+        stroke: o.color,
+        // 线条颜色
+        lineWidth: 2
+        // 线条宽度
+      }
+    })),
+    series: t.dataList.map((o, n) => ({
+      symbolSize: () => (o.data[2] || 0) >= t.options.bubbleOptions.maxSize ? t.options.bubbleOptions.maxSize : (o.data[2] || 0) <= t.options.bubbleOptions.minSize ? t.options.bubbleOptions.minSize : o.data[2] || 10,
+      //气泡大小
+      data: [o.data],
+      name: o.name,
+      markLine: {
+        // 1. 标记线整体样式
+        symbol: ["none", "none"],
+        // 起点/终点标记图形（默认有箭头，none 隐藏）
+        lineStyle: {
+          // 线的样式
+          width: 1,
+          type: "dashed"
+          // solid/dashed/dotted
+        },
+        // 2. 标记线的数据（关键）
+        data: n === 0 && t.options.guideline?.map((e) => {
+          const i = {
+            lineStyle: {
+              // 线的样式
+              color: e.color,
+              width: 1,
+              type: "dashed"
+              // solid/dashed/dotted
+            },
+            label: {
+              show: !0,
+              position: "end",
+              // 标签位置：start/middle/end
+              formatter: (a) => {
+                if (e.is_label_visible && e.is_value_visible)
+                  return e.label + ":" + a.value;
+                if (e.is_label_visible)
+                  return e.label;
+                if (e.is_value_visible)
+                  return a.value;
+              },
+              // 格式化文本（{b}名称，{c}数值）
+              fontSize: 12,
+              color: e.color
+            }
+          };
+          return e.type === "fixed" && (e.field === t.options.xFields[0].tag && (i.xAxis = e.value || 0), e.field === t.options.yFields[0].tag && (i.yAxis = e.value || 0)), e.type === "dynamic" && (e.field === t.options.xFields[0].tag && (e.aggregate === "max" && (i.xAxis = l.max), e.aggregate === "min" && (i.xAxis = l.min), e.aggregate === "avg" && (i.xAxis = l.avg)), e.field === t.options.yFields[0].tag && (e.aggregate === "max" && (i.yAxis = s.max), e.aggregate === "min" && (i.yAxis = s.min), e.aggregate === "avg" && (i.yAxis = s.avg)), i.type, e.aggregate), i;
+        })
+      },
+      color: f.find((e) => e.title === o.name) ? f.find((e) => e.title === o.name).color : "",
+      label: {
+        show: t.options.chart_label.enable,
+        position: "top",
+        // 文本在气泡上方
+        distance: 5,
+        // 与气泡的距离（避免紧贴）
+        formatter: () => `${t.options.chart_label.dimension?.enable ? o.name : ""} ${t.options.chart_label.value?.enable ? "(" + o.data[0] + "，" + o.data[1] + ")" : ""}`,
+        textStyle: {
+          fontSize: 11,
+          color: "#666",
+          fontWeight: 500
+          // 加粗
+        }
+      },
+      itemStyle: {
+        borderColor: "#666",
+        // 气泡边框色
+        borderWidth: 1,
+        // 边框宽度
+        // 阴影核心配置
+        shadowColor: "rgba(0, 0, 0, 0.2)",
+        // 阴影颜色（半透明黑色，柔和不突兀）
+        shadowBlur: 10,
+        // 阴影模糊度（10 为适中值，越大越柔和）
+        shadowOffsetX: 3,
+        // 水平偏移 3px（向右）
+        shadowOffsetY: 5,
+        // 垂直偏移 3px（向下）
+        shadowOpacity: 0.8,
+        // 阴影透明度（0.8 适中，避免过暗）
+        color: new A(0.4, 0.3, 1, [
+          {
+            offset: 0,
+            color: o.color && o.color[0] || "rgb(129, 227, 238)"
+          },
+          {
+            offset: 1,
+            color: o.color && o.color[1] || "rgb(25, 183, 207)"
+          }
+        ])
+      },
+      type: "scatter"
+    }))
+  };
+  return m(g, () => ({
+    resizeEchart: () => {
+      r.current.resizeEchart();
+    }
+  })), /* @__PURE__ */ h(
+    S,
+    {
+      ref: r,
+      option: u,
+      options: t.options,
+      dataList: t.dataList,
+      onChartReady: t.onChartReady,
+      onChartClick: t.onChartClick
+    }
+  );
+}, F = y(w);
+export {
+  F as B
+};

package/dist/BubbleChart/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../components/BubbleChart/index'
+export {}
+import _default from '../components/BubbleChart/index'
+export default _default
+export * from '../components/BubbleChart/index'
+export {}

package/dist/BubbleChart/index.js

@@ -0,0 +1,4 @@
+import { B as r } from "./BubbleChart-D5Ro_YLD.js";
+export {
+  r as default
+};

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

@@ -1,13 +1,8 @@
-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 = {
-  "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) => {
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as b, useRef as v, useImperativeHandle as m } from "react";
+import { A } from "../BubbleChart/AutoGridEChart-DubWMmib.js";
+const S = (t, c) => {
+  const d = v(null), f = (i) => {
     const n = {
       index0: [],
       // 所有系列的第一个数据（data[0]）
@@ -17,10 +12,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);
+  }, r = (i) => {
+    const n = Math.max(...i), e = Math.min(...i), o = (i.reduce((a, h) => a + h, 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 = {
+  }, x = f(t.dataList), l = r(x.index0), s = r(x.index1), g = t.options.xFields[t.options.xFields.length - 1].colors || [], u = {
     xAxis: {
       axisLabel: {
         color: "#666666",
@@ -95,8 +90,14 @@ const f = {
       // 居右
       top: ["top", "bottom"].includes(t.options.legend.position) && t.options.legend.position || "middle",
       // 垂直居中
-      itemGap: 20
-      // 图例项间距 20px
+      // itemGap: 10, // 图例项间距 20px
+      bottom: 0,
+      padding: 10,
+      itemWidth: 12,
+      itemHeight: 12,
+      textStyle: {
+        fontStyle: "normal"
+      }
     },
     graphic: t.options.guideline?.map((i) => ({
       type: "line",
@@ -145,30 +146,30 @@ const f = {
               show: !0,
               position: "end",
               // 标签位置：start/middle/end
-              formatter: (l) => {
+              formatter: (a) => {
                 if (e.is_label_visible && e.is_value_visible)
-                  return e.label + ":" + l.value;
+                  return e.label + ":" + a.value;
                 if (e.is_label_visible)
                   return e.label;
                 if (e.is_value_visible)
-                  return l.value;
+                  return a.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 = l.max), e.aggregate === "min" && (o.xAxis = l.min), e.aggregate === "avg" && (o.xAxis = l.avg)), e.field === t.options.yFields[0].tag && (e.aggregate === "max" && (o.yAxis = s.max), e.aggregate === "min" && (o.yAxis = s.min), e.aggregate === "avg" && (o.yAxis = s.avg)), o.type, e.aggregate), o;
         })
       },
-      color: "",
+      color: g.find((e) => e.title === i.name) ? g.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 +179,23 @@ 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();
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), i.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(
-      "div",
-      {
-        className: g(f["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 })
-      }
-    ),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: g(f["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 })
-      }
-    )
-  ] });
-};
+  return m(c, () => ({
+    resizeEchart: () => {
+      d.current.resizeEchart();
+    }
+  })), /* @__PURE__ */ y(
+    A,
+    {
+      ref: d,
+      option: u,
+      options: t.options,
+      dataList: t.dataList,
+      onChartReady: t.onChartReady,
+      onChartClick: t.onChartClick
+    }
+  );
+}, z = b(S);
 export {
-  R as S
+  z 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-DzgKCqsu.js";
 export {
   a as default
 };

package/dist/components/BubbleChart/AutoGridEChart.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { EChartsType } from 'echarts';
+interface AutoGridEChartProps {
+    option: any;
+    options: any;
+    dataList: any[];
+    className?: string;
+    style?: React.CSSProperties;
+    ref?: React.Ref<unknown> | undefined;
+    onChartReady?: (instance: EChartsType) => void;
+    onChartClick?: (params: any, options: any, dataList: any[]) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<AutoGridEChartProps, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/components/BubbleChart/BubbleChart.d.ts

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

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

@@ -0,0 +1,71 @@
+type BubbleChartConfig = {
+    options: {
+        bubbleOptions: {
+            displayNegative: boolean;
+            shadow: boolean;
+            minSize: number;
+            maxSize: number;
+            field?: Object;
+        };
+        metrics: Array<any>;
+        xFields: Array<any>;
+        yFields: Array<any>;
+        xAxis?: {
+            label?: {
+                rotation: number;
+                step: boolean;
+            };
+            title?: {
+                text: string;
+            };
+            min?: number;
+            max?: number;
+            position?: string;
+        };
+        yAxis?: {
+            label?: {
+                rotation: number;
+            };
+            min?: number;
+            max?: number;
+            title?: {
+                text: string;
+            };
+            position?: string;
+        };
+        chart_label: {
+            enable: boolean;
+            dimension?: {
+                enable: boolean;
+            };
+            value?: {
+                enable: boolean;
+            };
+            value_percent?: {
+                enable: boolean;
+            };
+        };
+        legend: {
+            enable: boolean;
+            position: string;
+        };
+        guideline?: Array<{
+            label: string;
+            type: string;
+            color: string;
+            is_label_visible: boolean;
+            is_value_visible: boolean;
+            field?: string;
+            value?: number;
+            aggregate?: string;
+        }>;
+    };
+    dataList: Array<{
+        color?: any;
+        data: [number, number, number, string, string | number];
+        name: string;
+    }>;
+    onChartReady?: (data: any) => void;
+    onChartClick?: (data: any, options: any, dataList: any) => void;
+};
+export type { BubbleChartConfig };

package/dist/components/BubbleChart/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BubbleChart } from './BubbleChart';
+export default BubbleChart;
+export type * from './BubbleChart.type';

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/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as DeptsMemberSelector } from './DeptsMember/DeptsMember';
 export { default as ConfigProvider } from './ConfigProvider/ConfigProvider';
+export { default as BubbleChart } from './BubbleChart/BubbleChart';
 export { default as Scatterplot } from './Scatterplot/Scatterplot';
 export type { ConfigProps, Locale, PreFetchedNode } from './ConfigProvider/ConfigProvider.type';