@baishuyun/ui-business 5.0.2 → 5.0.3

package/dist/BubbleChart/AutoGridEChart-BlLcIZ_T.js

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

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

@@ -1,28 +1,28 @@
 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-vNNqSiqF.js";
-const w = (t, g) => {
-  const r = v(null), c = (o) => {
+import { R as y } from "../vendors/echarts.js";
+import { forwardRef as v, useRef as m, useImperativeHandle as A } from "react";
+import { A as S } from "./AutoGridEChart-BlLcIZ_T.js";
+const p = (t, g) => {
+  const r = m(null), c = (i) => {
     const n = {
       index0: [],
       // 所有系列的第一个数据（data[0]）
       index1: []
       // 所有系列的第二个数据（data[1]）
     };
-    return o.forEach((e) => {
+    return i.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) };
+  }, d = (i) => {
+    const n = Math.max(...i), e = Math.min(...i), o = (i.reduce((a, b) => a + b, 0) / i.length).toFixed(2);
+    return { max: n, min: e, avg: Number(o) };
   }, 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
+        rotate: t.options.xAxis?.label?.rotation?.toString() || "45"
         // 文字顺时针旋转 90°（完全竖向）
       },
       min: t.options.xAxis?.min || void 0,
@@ -76,9 +76,9 @@ const w = (t, g) => {
       // 内边距（上下左右）
       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 : "";
+      formatter: (i) => {
+        let n = `<div>${i.seriesName}</div>`;
+        return n += `<div><span>${t.options.xFields[0].title}：</span><span>${i.value[0]}</span></div>`, n += `<div><span>${t.options.yFields[0].title}：</span><span>${i.value[1]}</span></div>`, i.componentType === "series" ? n : "";
       },
       triggerOn: "mousemove",
       // 触发时机：mousemove（鼠标移动）/ click（点击）/ mousemove|click（两者）
@@ -97,16 +97,17 @@ const w = (t, g) => {
       // 居右
       top: ["top", "bottom"].includes(t.options.legend.position) && t.options.legend.position || "middle",
       // 垂直居中
-      // itemGap: 10, // 图例项间距 20px
+      itemGap: 10,
+      // 图例项间距 20px
       bottom: 0,
       padding: 10,
       itemWidth: 12,
-      itemHeight: 12,
+      itemHeight: 14,
       textStyle: {
         fontStyle: "normal"
       }
     },
-    graphic: t.options.guideline?.map((o) => ({
+    graphic: t.options.guideline?.map((i) => ({
       type: "line",
       // 类型：线
       shape: {
@@ -118,17 +119,17 @@ const w = (t, g) => {
         // 终点（X=100，Y=50）→ 水平
       },
       style: {
-        stroke: o.color,
+        stroke: i.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,
+    series: t.dataList.map((i, n) => ({
+      symbolSize: () => (i.data[2] || 0) >= t.options.bubbleOptions.maxSize ? t.options.bubbleOptions.maxSize : (i.data[2] || 0) <= t.options.bubbleOptions.minSize ? t.options.bubbleOptions.minSize : i.data[2] || 10,
       //气泡大小
-      data: [o.data],
-      name: o.name,
+      data: [i.data],
+      name: i.name,
       markLine: {
         // 1. 标记线整体样式
         symbol: ["none", "none"],
@@ -141,7 +142,7 @@ const w = (t, g) => {
         },
         // 2. 标记线的数据（关键）
         data: n === 0 && t.options.guideline?.map((e) => {
-          const i = {
+          const o = {
             lineStyle: {
               // 线的样式
               color: e.color,
@@ -168,16 +169,16 @@ const w = (t, g) => {
               // 标签与线的距离
             }
           };
-          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;
+          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: f.find((e) => e.title === o.name) ? f.find((e) => e.title === o.name).color : "",
+      color: f.find((e) => e.title === i.name) ? f.find((e) => e.title === i.name).color : "",
       label: {
         show: t.options.chart_label.enable,
         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] + ")" : ""}`,
+        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",
@@ -201,21 +202,21 @@ const w = (t, g) => {
         // 垂直偏移 3px（向下）
         shadowOpacity: 0.8,
         // 阴影透明度（0.8 适中，避免过暗）
-        color: new A(0.4, 0.3, 1, [
+        color: new y(0.4, 0.3, 1, [
           {
             offset: 0,
-            color: o.color && o.color[0] || "rgb(129, 227, 238)"
+            color: i.color && i.color[0] || "rgb(129, 227, 238)"
           },
           {
             offset: 1,
-            color: o.color && o.color[1] || "rgb(25, 183, 207)"
+            color: i.color && i.color[1] || "rgb(25, 183, 207)"
           }
         ])
       },
       type: "scatter"
     }))
   };
-  return m(g, () => ({
+  return A(g, () => ({
     resizeEchart: () => {
       r.current.resizeEchart();
     }
@@ -230,7 +231,7 @@ const w = (t, g) => {
       onChartClick: t.onChartClick
     }
   );
-}, F = y(w);
+}, F = v(p);
 export {
   F as B
 };

package/dist/BubbleChart/index.js

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

package/dist/Scatterplot/{Scatterplot-D8AUUxhA.js → Scatterplot-BL66B_Zm.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-vNNqSiqF.js";
+import { A } from "../BubbleChart/AutoGridEChart-BlLcIZ_T.js";
 const S = (t, c) => {
   const d = v(null), f = (i) => {
     const n = {
@@ -21,7 +21,7 @@ const S = (t, c) => {
         color: "#666666",
         fontSize: 10,
         show: !0,
-        rotate: t.options.xAxis?.label?.rotation || 45
+        rotate: t.options.xAxis?.label?.rotation?.toString() || "45"
         // 文字顺时针旋转 90°（完全竖向）
       },
       min: t.options.xAxis?.min || void 0,
@@ -36,7 +36,7 @@ const S = (t, c) => {
         color: "#666666",
         fontSize: 10,
         show: !0,
-        rotate: t.options.yAxis?.label?.rotation || 45
+        rotate: t.options.yAxis?.label?.rotation?.toString() || "45"
         // 文字顺时针旋转 90°（完全竖向）
       },
       min: t.options.yAxis?.min || void 0,
@@ -90,11 +90,12 @@ const S = (t, c) => {
       // 居右
       top: ["top", "bottom"].includes(t.options.legend.position) && t.options.legend.position || "middle",
       // 垂直居中
-      // itemGap: 10, // 图例项间距 20px
+      itemGap: 10,
+      // 图例项间距 20px
       bottom: 0,
       padding: 10,
       itemWidth: 12,
-      itemHeight: 12,
+      itemHeight: 14,
       textStyle: {
         fontStyle: "normal"
       }

package/dist/Scatterplot/index.js

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

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { EChartsType } from 'echarts';
+import { default as React } from 'react';
 interface AutoGridEChartProps {
     option: any;
     options: any;

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-B0AuH-ma.js";
-import { S as H } from "./Scatterplot/Scatterplot-D8AUUxhA.js";
+import { B as D } from "./BubbleChart/BubbleChart-BPGhlxCM.js";
+import { S as H } from "./Scatterplot/Scatterplot-BL66B_Zm.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/dist/utils/getLegendHeight.d.ts

@@ -1 +1 @@
-export declare function getLegendHeight(optinos: any, Legend: any, elwdith: number, fontStyle: any): any;
+export declare function getLegendHeight(optinos: any, Legend: any, elwdith: number, fontStyle: any, elheight: number): any;

package/package.json

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

package/dist/BubbleChart/AutoGridEChart-vNNqSiqF.js

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