@baishuyun/ui-business 5.0.0 → 5.0.2

package/dist/BubbleChart/AutoGridEChart-vNNqSiqF.js

@@ -0,0 +1,212 @@
+import { jsxs as G, jsx as A } from "react/jsx-runtime";
+import { forwardRef as P, useRef as z, useState as X, useImperativeHandle as Y, useEffect as _ } from "react";
+import { i as $ } from "../vendors/echarts.js";
+import { c as S } from "../vendors/clsx.js";
+function E(e, c, l, r) {
+  let x = 0, f = 0;
+  const y = parseInt(r.fontSize) || 10, u = e.series.map((t) => t.data[0][0].toString()), d = e.series.map((t) => t.data[0][1].toString());
+  function h(t) {
+    let i = "";
+    if (t.fontSize || t.fontFamily || t.fontWeight) {
+      let n = "";
+      typeof t.fontSize == "string" && (t.fontSize.indexOf("px") !== -1 || t.fontSize.indexOf("rem") !== -1 || t.fontSize.indexOf("em") !== -1) ? n = t.fontSize : isNaN(+t.fontSize) ? n = "12px" : n = t.fontSize + "px", i = [t.fontStyle, t.fontWeight, n, t.fontFamily || "sans-serif"].join(
+        " "
+      );
+    }
+    return i && i.trim() || t.textFont || t.font;
+  }
+  function g(t, i) {
+    i.fontSize = parseInt(i.fontSize), i.fontFamily = i.fontFamily || "verdana";
+    const n = h(i), a = document.createElement("canvas").getContext("2d") || {};
+    return a.font = n, a?.measureText(t)?.width || 0;
+  }
+  function m(t, i) {
+    if (Array.isArray(t))
+      for (let n = 0, s = t.length; n < s && i.apply(t[n], [n, t[n]]) !== !1; n++) ;
+    else if (t && typeof t == "object") {
+      for (const n in t)
+        if (Object.prototype.hasOwnProperty.call(t, n) && i.apply(t[n], [n, t[n]]) === !1) break;
+    }
+  }
+  function L() {
+    let t = 0;
+    if (e.xAxis && e.xAxis.axisLabel) {
+      const i = e.xAxis.axisLabel.rotate;
+      if (i && i !== 0) {
+        let n = 0, s = "";
+        if (u && Array.isArray(u) && u.forEach((a) => {
+          const o = a;
+          o.length > n && (n = o.length, s = o);
+        }), n > 0) {
+          const a = g(s, e.xAxis.axisLabel), o = Math.abs(i) * Math.PI / 180;
+          t = a * Math.sin(o);
+        }
+      }
+    }
+    return t;
+  }
+  function w() {
+    let t = 0;
+    if (e.yAxis && e.yAxis.axisLabel) {
+      const i = e.yAxis.axisLabel.rotate;
+      if (i && i !== 0) {
+        let n = 0, s = "";
+        if (d && Array.isArray(d) && d.forEach((a) => {
+          const o = a;
+          o.length > n && (n = o.length, s = o);
+        }), n > 0) {
+          const a = g(s, e.yAxis.axisLabel);
+          if (i === 0)
+            t = a;
+          else if (i === 90)
+            t = parseInt(e.yAxis.axisLabel.fontSize) || 12;
+          else {
+            const o = Math.abs(i) * Math.PI / 180;
+            t = a * Math.cos(o);
+          }
+          t += 10;
+        }
+      }
+    }
+    return t;
+  }
+  function F() {
+    let t = 0;
+    const i = Array.isArray(c) ? c.length : Object.keys(c || {}).length;
+    return i > 10 ? t = 20 : i > 5 && (t = 10), t;
+  }
+  if (e.legend.type === "scroll")
+    return y + 10 + L() + w() + F();
+  m(c, (t, i) => {
+    const n = g(
+      i,
+      r || {
+        fontFamily: "verdana",
+        fontSize: 10,
+        fontStyle: "normal",
+        fontWeight: "normal"
+      }
+    );
+    f += n + 10 + 14 + 5, f > l && (x++, f = n + 10 + 14 + 5);
+  });
+  function j() {
+    let t = 0;
+    if (e.legend.show && e.legend.orient === "vertical") {
+      let i = 0;
+      m(c, (n, s) => {
+        const a = g(
+          s,
+          r || {
+            fontFamily: "verdana",
+            fontSize: 10,
+            fontStyle: "normal",
+            fontWeight: "normal"
+          }
+        ) + 25;
+        i = Math.max(i, a);
+      }), (e.legend.left === "left" || e.legend.left === "right" || e.legend.right === "left" || e.legend.right === "right") && (t = i + 20);
+    }
+    return t;
+  }
+  const b = j(), H = (x + 1) * (y + 10), O = L(), W = w();
+  let R = -5, C = -5, T = -5, I = -5;
+  const M = () => {
+    let t = 20;
+    return e.xAxis.position === "bottom" && (t += O + 10), e.legend.show && (e.legend.top === "bottom" || e.legend.top === "") && (R += H, t += H), e.xAxis.title !== "" && e.xAxis.position === "bottom" && (t = t + 30), t;
+  }, k = () => {
+    let t = 20;
+    return e.xAxis.position === "top" && (t += O + 10), e.legend.show && e.legend.top === "top" && (C += H, t += H), e.xAxis.title !== "" && e.xAxis.position === "top" && (t = t + 30), t;
+  }, N = () => {
+    let t = 20;
+    return e.yAxis.position === "left" && (t += W), e.legend.show && e.legend.left === "left" && (T += b, t += b), e.yAxis.title !== "" && e.yAxis.position === "left" && (t = t + 10), t;
+  }, B = () => {
+    let t = 20 + W;
+    return e.yAxis.position === "right" && (t += 10), e.legend.show && e.legend.left === "right" && (I += b, t += b), e.yAxis.title !== "" && e.yAxis.position === "right" && (t = t + 30), t;
+  };
+  return {
+    grid: {
+      top: k(),
+      bottom: M(),
+      left: N(),
+      right: B()
+    },
+    titleBottomHeight: R,
+    titleTopHeight: C,
+    titleLeftHeight: T,
+    titleRightHeight: I
+  };
+}
+const v = {
+  "auto-grid-echart": "_auto-grid-echart_w04s7_1",
+  "xAxis-title": "_xAxis-title_w04s7_6",
+  "yAxis-title": "_yAxis-title_w04s7_11"
+}, q = (e, c) => {
+  const l = z(null), r = z(null), x = z(null), [f, y] = X({}), u = e.dataList.map((h) => h.name), d = () => l.current ? (y(
+    E(
+      e.option,
+      u,
+      l.current.offsetWidth,
+      e.option.legend.textStyle
+    )
+  ), {
+    ...e.option,
+    grid: E(
+      e.option,
+      u,
+      l.current.offsetWidth,
+      e.option.legend.textStyle
+    ).grid
+  }) : {
+    ...e.option
+  };
+  return Y(c, () => ({
+    resizeEchart: () => {
+      r.current?.resize();
+    }
+  })), _(() => {
+    if (!l.current) return;
+    r.current = $(l.current);
+    const h = d();
+    r.current.setOption(h, !0), r.current.on("click", function(m) {
+      e.onChartClick && e.onChartClick(m, e.options, e.dataList);
+    });
+    const g = () => {
+      if (r.current) {
+        const m = d();
+        r.current.setOption(m, !1);
+      }
+    };
+    return setTimeout(g, 100), e.onChartReady && e.onChartReady(r.current), x.current = new ResizeObserver(() => {
+      r.current?.resize(), setTimeout(g, 50);
+    }), l.current && x.current.observe(l.current), () => {
+      x.current?.disconnect(), r.current?.dispose();
+    };
+  }, []), _(() => {
+    if (!r.current) return;
+    const h = d();
+    r.current.setOption(h, !0);
+  }, [e.option]), /* @__PURE__ */ G("div", { className: S(e.className, v["auto-grid-echart"]), children: [
+    /* @__PURE__ */ A("div", { ref: l, style: { width: "100%", height: "100%", ...e.style } }),
+    /* @__PURE__ */ A(
+      "div",
+      {
+        className: S(v["xAxis-title"]),
+        style: e.option.xAxis?.position === "bottom" ? {
+          bottom: f.titleBottomHeight + 20
+        } : e.option.xAxis?.position === "top" ? { top: f.titleTopHeight + 20 } : void 0,
+        children: /* @__PURE__ */ A("span", { children: e.option.xAxis?.title })
+      }
+    ),
+    /* @__PURE__ */ A(
+      "div",
+      {
+        className: S(v["yAxis-title"]),
+        style: e.option.yAxis?.position === "left" ? { left: f.titleLeftHeight } : e.option.yAxis?.position === "right" ? { right: f.titleRightHeight + 20 } : void 0,
+        children: /* @__PURE__ */ A("span", { children: e.option.yAxis?.title })
+      }
+    )
+  ] });
+}, U = P(q);
+export {
+  U as A
+};

package/dist/BubbleChart/{BubbleChart-BdkNCriz.js → BubbleChart-B0AuH-ma.js}

@@ -1,7 +1,7 @@
 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";
+import { A as S } from "./AutoGridEChart-vNNqSiqF.js";
 const w = (t, g) => {
   const r = v(null), c = (o) => {
     const n = {
@@ -22,7 +22,7 @@ const w = (t, g) => {
         color: "#666666",
         fontSize: 10,
         show: !0,
-        rotate: t.options.xAxis?.label?.rotation || 45
+        rotate: t.options.xAxis?.label?.rotation + " " || 45
         // 文字顺时针旋转 90°（完全竖向）
       },
       min: t.options.xAxis?.min || void 0,
@@ -37,7 +37,7 @@ const w = (t, g) => {
         color: "#666666",
         fontSize: 10,
         show: !0,
-        rotate: t.options.yAxis?.label?.rotation || 45
+        rotate: t.options.yAxis?.label?.rotation + " " || 45
         // 文字顺时针旋转 90°（完全竖向）
       },
       min: t.options.yAxis?.min || void 0,
@@ -151,8 +151,8 @@ const w = (t, g) => {
             },
             label: {
               show: !0,
-              position: "end",
-              // 标签位置：start/middle/end
+              position: "insideEndTop",
+              // 标签位置：insideStartTop/insideEndTop/insideStartBottom/insideEndBottom
               formatter: (a) => {
                 if (e.is_label_visible && e.is_value_visible)
                   return e.label + ":" + a.value;
@@ -163,7 +163,9 @@ const w = (t, g) => {
               },
               // 格式化文本（{b}名称，{c}数值）
               fontSize: 12,
-              color: e.color
+              color: e.color,
+              distance: 5
+              // 标签与线的距离
             }
           };
           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;
@@ -172,10 +174,9 @@ const w = (t, g) => {
       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,
         // 与气泡的距离（避免紧贴）
+        position: "top",
         formatter: () => `${t.options.chart_label.dimension?.enable ? o.name : ""} ${t.options.chart_label.value?.enable ? "(" + o.data[0] + "，" + o.data[1] + ")" : ""}`,
         textStyle: {
           fontSize: 11,

package/dist/BubbleChart/index.js

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

package/dist/Scatterplot/{Scatterplot-Dgn4nPTN.js → Scatterplot-D8AUUxhA.js}

@@ -1,6 +1,6 @@
 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";
+import { A } from "../BubbleChart/AutoGridEChart-vNNqSiqF.js";
 const S = (t, c) => {
   const d = v(null), f = (i) => {
     const n = {
@@ -144,8 +144,8 @@ const S = (t, c) => {
             },
             label: {
               show: !0,
-              position: "end",
-              // 标签位置：start/middle/end
+              position: "insideEndTop",
+              // 标签位置：insideStartTop/insideEndTop/insideStartBottom/insideEndBottom
               formatter: (a) => {
                 if (e.is_label_visible && e.is_value_visible)
                   return e.label + ":" + a.value;

package/dist/Scatterplot/index.js

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

package/dist/index.js

@@ -1,8 +1,8 @@
 import "./vendors/simplebar-react.js";
 import { D as B, g as I } from "./DeptsMember/DeptsMember-BNuoQ8y4.js";
 import { C as k } from "./ConfigProvider/ConfigProvider-CAq3dN6-.js";
-import { B as D } from "./BubbleChart/BubbleChart-BdkNCriz.js";
-import { S as H } from "./Scatterplot/Scatterplot-Dgn4nPTN.js";
+import { B as D } from "./BubbleChart/BubbleChart-B0AuH-ma.js";
+import { S as H } from "./Scatterplot/Scatterplot-D8AUUxhA.js";
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { i as _ } from "./vendors/echarts.js";
 import { forwardRef as v, useRef as b, useEffect as L, useImperativeHandle as y } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-business",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "百数云业务组件库",
   "type": "module",
   "main": "dist/index.js",
@@ -39,7 +39,7 @@
   "author": "BSY Team",
   "license": "MIT",
   "peerDependencies": {
-    "@baishuyun/ui-base": ">=2.3.0",
+    "@baishuyun/ui-base": ">=2.3.1",
     "ahooks": ">=3.7.0",
     "antd": ">=5.1.2",
     "immer": "^10.0.0",
@@ -63,7 +63,7 @@
     "sass": "^1.90.0",
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/ui-base": "2.3.0"
+    "@baishuyun/ui-base": "2.3.1"
   },
   "dependencies": {
     "autoprefixer": "^10.4.21",

package/dist/BubbleChart/AutoGridEChart-DubWMmib.js

@@ -1,126 +0,0 @@
-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
-};