@chenkai_ioc/react-charts 0.1.0 → 0.1.1

package/dist/index.js

@@ -48,11 +48,12 @@ const be = (i) => {
     right: "rgba(255, 255, 255, 0.15)",
     top: "rgba(255, 255, 255, 0.2)",
     stroke: "rgba(255, 255, 255, 0.3)"
-  }
+  },
+  renderer: u = "canvas"
 }) => {
-  const u = E(() => {
-    const h = a.reduce((S, w) => Math.max(S, w.value), 0), m = h ? Math.ceil(h * 1.2) : 100, y = (S, w) => {
-      const k = w.coord([w.value(0), w.value(1)]), L = r, d = k[0], p = k[1], _ = w.coord([w.value(0), 0])[1], T = L / 2, z = L / 4, $ = [d, _ + z];
+  const h = E(() => {
+    const m = a.reduce((w, x) => Math.max(w, x.value), 0), y = m ? Math.ceil(m * 1.2) : 100, v = (w, x) => {
+      const k = x.coord([x.value(0), x.value(1)]), p = r, d = k[0], L = k[1], T = x.coord([x.value(0), 0])[1], $ = p / 2, z = p / 4, F = [d, T + z];
       return {
         type: "group",
         children: [
@@ -61,19 +62,19 @@ const be = (i) => {
             type: "polygon",
             shape: {
               points: [
-                [d - T, _],
-                $,
+                [d - $, T],
+                F,
                 // 注意：这里的baseBottom实际上是前中下点，baseLeft是左下点
                 // 修正：我们需要画的是两个侧面。
                 // 棱在中间。
                 // 左面：左边缘，中间棱，中间棱顶，左边缘顶
-                [d - T, _],
+                [d - $, T],
                 // 左下
-                [d, _ + z],
+                [d, T + z],
                 // 中下
-                [d, p + z],
+                [d, L + z],
                 // 中上
-                [d - T, p]
+                [d - $, L]
                 // 左上
               ]
             },
@@ -90,13 +91,13 @@ const be = (i) => {
             type: "polygon",
             shape: {
               points: [
-                [d, _ + z],
+                [d, T + z],
                 // 中下
-                [d + T, _],
+                [d + $, T],
                 // 右下
-                [d + T, p],
+                [d + $, L],
                 // 右上
-                [d, p + z]
+                [d, L + z]
                 // 中上
               ]
             },
@@ -113,13 +114,13 @@ const be = (i) => {
             type: "polygon",
             shape: {
               points: [
-                [d - T, p],
+                [d - $, L],
                 // 左
-                [d, p + z],
+                [d, L + z],
                 // 下
-                [d + T, p],
+                [d + $, L],
                 // 右
-                [d, p - z]
+                [d, L - z]
                 // 上
               ]
             },
@@ -130,8 +131,8 @@ const be = (i) => {
           }
         ]
       };
-    }, v = (S, w) => {
-      const k = w.coord([w.value(0), w.value(1)]), L = k[0], d = k[1], x = w.coord([w.value(0), 0])[1], _ = r, T = _ / 2, z = _ / 4;
+    }, S = (w, x) => {
+      const k = x.coord([x.value(0), x.value(1)]), p = k[0], d = k[1], _ = x.coord([x.value(0), 0])[1], T = r, $ = T / 2, z = T / 4;
       return {
         type: "group",
         children: [
@@ -140,10 +141,10 @@ const be = (i) => {
             type: "polygon",
             shape: {
               points: [
-                [L - T, x],
-                [L, x + z],
-                [L, d + z],
-                [L - T, d]
+                [p - $, _],
+                [p, _ + z],
+                [p, d + z],
+                [p - $, d]
               ]
             },
             style: {
@@ -156,10 +157,10 @@ const be = (i) => {
             type: "polygon",
             shape: {
               points: [
-                [L, x + z],
-                [L + T, x],
-                [L + T, d],
-                [L, d + z]
+                [p, _ + z],
+                [p + $, _],
+                [p + $, d],
+                [p, d + z]
               ]
             },
             style: {
@@ -171,10 +172,10 @@ const be = (i) => {
             type: "polygon",
             shape: {
               points: [
-                [L - T, d],
-                [L, d + z],
-                [L + T, d],
-                [L, d - z]
+                [p - $, d],
+                [p, d + z],
+                [p + $, d],
+                [p, d - z]
               ]
             },
             style: {
@@ -194,13 +195,13 @@ const be = (i) => {
         axisPointer: {
           type: "shadow"
         },
-        formatter: (S) => {
-          const w = S.find((k) => k.seriesName === "bar");
-          return w ? `${w.name}: ${be(w.value)}${o}` : "";
+        formatter: (w) => {
+          const x = w.find((k) => k.seriesName === "bar");
+          return x ? `${x.name}: ${be(x.value)}${o}` : "";
         }
       },
       xAxis: {
-        data: a.map((S) => S.name),
+        data: a.map((w) => w.name),
         axisLine: {
           show: !1
         },
@@ -214,7 +215,7 @@ const be = (i) => {
         }
       },
       yAxis: {
-        max: m + 10,
+        max: y + 10,
         // 留出顶部空间
         splitLine: {
           show: !0,
@@ -235,8 +236,8 @@ const be = (i) => {
         {
           type: "custom",
           name: "background",
-          renderItem: v,
-          data: a.map((S) => [S.name, m]),
+          renderItem: S,
+          data: a.map((w) => [w.name, y]),
           z: 1,
           silent: !0
           // 背景不响应鼠标
@@ -245,8 +246,8 @@ const be = (i) => {
         {
           type: "custom",
           name: "bar",
-          renderItem: y,
-          data: a.map((S) => [S.name, S.value]),
+          renderItem: v,
+          data: a.map((w) => [w.name, w.value]),
           z: 2,
           label: {
             show: !1
@@ -266,7 +267,14 @@ const be = (i) => {
     t,
     s
   ]);
-  return /* @__PURE__ */ l("div", { style: { width: "100%", height: "100%", ...i }, children: /* @__PURE__ */ l(K, { option: u, style: { width: "100%", height: "100%", ...b } }) });
+  return /* @__PURE__ */ l("div", { style: { width: "100%", height: "100%", ...i }, children: /* @__PURE__ */ l(
+    K,
+    {
+      option: h,
+      opts: { renderer: u },
+      style: { width: "100%", height: "100%", ...b }
+    }
+  ) });
 }, nr = "_capsuleSwitch_1c26v_1", dr = "_capsuleSlider_1c26v_11", ir = "_capsuleItem_1c26v_23", hr = "_capsuleItemActive_1c26v_42", Tt = {
   capsuleSwitch: nr,
   capsuleSlider: dr,
@@ -340,15 +348,15 @@ const be = (i) => {
   const v = rr().replace(/:/g, ""), {
     progressGradientStart: S = "rgba(73, 163, 255, 1)",
     progressGradientEnd: w = "rgba(73, 163, 255, 1)",
-    progressGradientEndOpacity: k = 1,
-    progressWidth: L = 2,
-    strokeLinecap: d = "round",
-    showTrack: p = !1,
-    trackColor: x = "transparent",
+    progressGradientEndOpacity: x = 1,
+    progressWidth: k = 2,
+    strokeLinecap: p = "round",
+    showTrack: d = !1,
+    trackColor: L = "transparent",
     trackWidth: _ = 3,
     showDot: T = !0,
-    dotColor: z = "#45aaff",
-    dotSize: $ = 3,
+    dotColor: $ = "#45aaff",
+    dotSize: z = 3,
     dotFollowProgress: F = !1,
     showGlow: I = !0,
     glowIntensity: W = 1.8
@@ -432,7 +440,7 @@ const be = (i) => {
                     {
                       offset: "100%",
                       stopColor: w,
-                      stopOpacity: k
+                      stopOpacity: x
                     }
                   )
                 ] }),
@@ -444,7 +452,7 @@ const be = (i) => {
                   ] })
                 ] })
               ] }),
-              p && /* @__PURE__ */ l("circle", { fill: "none", cx: pe, cy: oe, r: me, stroke: x, strokeWidth: _ }),
+              d && /* @__PURE__ */ l("circle", { fill: "none", cx: pe, cy: oe, r: me, stroke: L, strokeWidth: _ }),
               /* @__PURE__ */ l(
                 "circle",
                 {
@@ -453,8 +461,8 @@ const be = (i) => {
                   cy: oe,
                   r: me,
                   stroke: `url(#${q})`,
-                  strokeWidth: L,
-                  strokeLinecap: d,
+                  strokeWidth: k,
+                  strokeLinecap: p,
                   strokeDasharray: xe,
                   transform: `rotate(${B} ${pe} ${oe})`,
                   filter: I ? `url(#${Z})` : void 0,
@@ -464,8 +472,8 @@ const be = (i) => {
               T && /* @__PURE__ */ l(
                 "circle",
                 {
-                  r: $,
-                  fill: z,
+                  r: z,
+                  fill: $,
                   cx: Le,
                   cy: ke,
                   filter: I ? `url(#${Z})` : void 0
@@ -537,19 +545,19 @@ const be = (i) => {
   preStyle: u,
   codeStyle: h
 }) => {
-  const [m, y] = ze(a), v = async (w, k) => {
-    var L;
+  const [m, y] = ze(a), v = async (w, x) => {
+    var k;
     w.stopPropagation();
     try {
-      if ((L = navigator.clipboard) != null && L.writeText)
-        await navigator.clipboard.writeText(k);
+      if ((k = navigator.clipboard) != null && k.writeText)
+        await navigator.clipboard.writeText(x);
       else {
-        const d = document.createElement("textarea");
-        d.value = k, d.style.position = "fixed", d.style.opacity = "0", document.body.appendChild(d), d.select(), document.execCommand("copy"), document.body.removeChild(d);
+        const p = document.createElement("textarea");
+        p.value = x, p.style.position = "fixed", p.style.opacity = "0", document.body.appendChild(p), p.select(), document.execCommand("copy"), document.body.removeChild(p);
       }
       Ut.success("复制成功");
-    } catch (d) {
-      Ut.error("复制失败"), console.error(d);
+    } catch (p) {
+      Ut.error("复制失败"), console.error(p);
     }
   }, S = () => {
     y(!m);
@@ -670,8 +678,8 @@ const be = (i) => {
   dashedLineStyle: v,
   dataGroupStyle: S,
   percentageStyle: w,
-  valueStyle: k,
-  progressBarStyle: L
+  valueStyle: x,
+  progressBarStyle: k
 }) => /* @__PURE__ */ M("div", { className: `${Ne.mainContent} `, style: n, children: [
   /* @__PURE__ */ l("div", { className: Ne.leftSection, style: e, children: /* @__PURE__ */ l("div", { className: Ne.iconCircle, style: t, children: /* @__PURE__ */ l(
     "img",
@@ -691,10 +699,10 @@ const be = (i) => {
           a,
           "%"
         ] }),
-        /* @__PURE__ */ l("span", { className: Ne.value, style: k, children: o })
+        /* @__PURE__ */ l("span", { className: Ne.value, style: x, children: o })
       ] })
     ] }) }),
-    c && /* @__PURE__ */ l(Dr, { percentage: a, style: L })
+    c && /* @__PURE__ */ l(Dr, { percentage: a, style: k })
   ] })
 ] }), Zr = "_gridContainer_vymgp_1", Kr = "_gridItem_vymgp_7", Qr = "_cardHeader_vymgp_15", Jr = "_cardBody_vymgp_45", fr = "_iconWrapper_vymgp_54", gr = "_icon_vymgp_54", Cr = "_value_vymgp_69", ea = "_unit_vymgp_76", ta = "_trend_vymgp_81", ra = "_trendUp_vymgp_85", aa = "_trendDown_vymgp_90", oa = "_arrowUp_vymgp_95", la = "_arrowDown_vymgp_105", Te = {
   gridContainer: Zr,
@@ -728,7 +736,7 @@ const be = (i) => {
   unitStyle: v,
   trendStyle: S,
   trendUpStyle: w,
-  trendDownStyle: k
+  trendDownStyle: x
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -738,41 +746,41 @@ const be = (i) => {
       gap: `${a}px`,
       ...e
     },
-    children: i.map((L) => /* @__PURE__ */ M("div", { className: Te.gridItem, style: t, children: [
-      /* @__PURE__ */ l("div", { className: Te.cardHeader, style: s, children: L.title }),
+    children: i.map((k) => /* @__PURE__ */ M("div", { className: Te.gridItem, style: t, children: [
+      /* @__PURE__ */ l("div", { className: Te.cardHeader, style: s, children: k.title }),
       /* @__PURE__ */ M("div", { className: Te.cardBody, style: u, children: [
         /* @__PURE__ */ l("div", { className: Te.iconWrapper, style: h, children: /* @__PURE__ */ l(
           "img",
           {
-            src: L.icon,
-            alt: L.title,
+            src: k.icon,
+            alt: k.title,
             className: Te.icon,
             style: { width: `${r}px`, height: `${r}px`, ...m }
           }
         ) }),
         /* @__PURE__ */ M("div", { className: Te.value, style: { fontSize: `${n}px`, ...y }, children: [
-          L.value,
-          /* @__PURE__ */ l("span", { className: Te.unit, style: v, children: L.unit })
+          k.value,
+          /* @__PURE__ */ l("span", { className: Te.unit, style: v, children: k.unit })
         ] }),
-        o && L.trend !== void 0 && /* @__PURE__ */ M("div", { className: Te.trend, style: S, children: [
+        o && k.trend !== void 0 && /* @__PURE__ */ M("div", { className: Te.trend, style: S, children: [
           c,
           /* @__PURE__ */ M(
             "span",
             {
-              className: L.trend >= 0 ? Te.trendUp : Te.trendDown,
-              style: L.trend >= 0 ? w : k,
+              className: k.trend >= 0 ? Te.trendUp : Te.trendDown,
+              style: k.trend >= 0 ? w : x,
               children: [
-                L.trend >= 0 ? "+" : "",
-                L.trend,
+                k.trend >= 0 ? "+" : "",
+                k.trend,
                 "%",
                 " ",
-                /* @__PURE__ */ l("span", { className: L.trend >= 0 ? Te.arrowUp : Te.arrowDown })
+                /* @__PURE__ */ l("span", { className: k.trend >= 0 ? Te.arrowUp : Te.arrowDown })
               ]
             }
           )
         ] })
       ] })
-    ] }, L.id))
+    ] }, k.id))
   }
 ), sa = "_container_16kne_1", ca = "_topLine_16kne_12", na = "_svgContainer_16kne_22", da = "_svg_16kne_22", ia = "_pathTransition_16kne_30", ha = "_ballContainer_16kne_33", pa = "_ball_16kne_33", ua = "_textContainer_16kne_51", ma = "_valueText_16kne_63", ya = "_labelText_16kne_69", Ve = {
   container: sa,
@@ -803,15 +811,15 @@ const be = (i) => {
   borderColor: v = "rgba(255,255,255,0.1)",
   style: S,
   topLineStyle: w,
-  svgContainerStyle: k,
-  svgStyle: L,
-  ballContainerStyle: d,
-  ballStyle: p,
-  textContainerStyle: x,
+  svgContainerStyle: x,
+  svgStyle: k,
+  ballContainerStyle: p,
+  ballStyle: d,
+  textContainerStyle: L,
   valueTextStyle: _,
   labelTextStyle: T
 }) => {
-  const z = Math.min(Math.max(i, 0), 100), $ = 100, F = 100, I = Math.PI * n, W = I * (1 - z / 100), N = E(() => `gauge-gradient-${Math.random().toString(36).substr(2, 9)}`, []);
+  const $ = Math.min(Math.max(i, 0), 100), z = 100, F = 100, I = Math.PI * n, W = I * (1 - $ / 100), N = E(() => `gauge-gradient-${Math.random().toString(36).substr(2, 9)}`, []);
   return /* @__PURE__ */ M(
     "div",
     {
@@ -836,8 +844,8 @@ const be = (i) => {
             }
           }
         ),
-        /* @__PURE__ */ M("div", { className: Ve.svgContainer, style: k, children: [
-          /* @__PURE__ */ M("svg", { width: "100%", height: "100%", viewBox: "0 0 200 110", className: Ve.svg, style: L, children: [
+        /* @__PURE__ */ M("div", { className: Ve.svgContainer, style: x, children: [
+          /* @__PURE__ */ M("svg", { width: "100%", height: "100%", viewBox: "0 0 200 110", className: Ve.svg, style: k, children: [
             /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ M("linearGradient", { id: N, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
               /* @__PURE__ */ l("stop", { offset: "0%", stopColor: "rgba(255,255,255,0.1)" }),
               /* @__PURE__ */ l("stop", { offset: "100%", stopColor: o })
@@ -845,7 +853,7 @@ const be = (i) => {
             /* @__PURE__ */ l(
               "path",
               {
-                d: `M ${$ - n} ${F} A ${n} ${n} 0 0 1 ${$ + n} ${F}`,
+                d: `M ${z - n} ${F} A ${n} ${n} 0 0 1 ${z + n} ${F}`,
                 fill: "none",
                 stroke: t,
                 strokeWidth: e,
@@ -855,7 +863,7 @@ const be = (i) => {
             /* @__PURE__ */ l(
               "path",
               {
-                d: `M ${$ - n} ${F} A ${n} ${n} 0 0 1 ${$ + n} ${F}`,
+                d: `M ${z - n} ${F} A ${n} ${n} 0 0 1 ${z + n} ${F}`,
                 fill: "none",
                 stroke: `url(#${N})`,
                 strokeWidth: e,
@@ -872,28 +880,28 @@ const be = (i) => {
               className: Ve.ballContainer,
               style: {
                 // 初始状态：小球在左边 (180度)。我们让容器从 0度开始转，0度时小球在左边。
-                transform: `rotate(${z / 100 * 180}deg)`,
-                ...d
+                transform: `rotate(${$ / 100 * 180}deg)`,
+                ...p
               },
               children: /* @__PURE__ */ l(
                 "div",
                 {
                   className: Ve.ball,
                   style: {
-                    left: `${$ - n}px`,
+                    left: `${z - n}px`,
                     top: `${F}px`,
                     width: `${s}px`,
                     height: `${s}px`,
                     boxShadow: `0 0 10px ${o}, 0 0 20px ${o}`,
                     // 发光效果
-                    ...p
+                    ...d
                   }
                 }
               )
             }
           ),
-          /* @__PURE__ */ M("div", { className: Ve.textContainer, style: x, children: [
-            /* @__PURE__ */ l("div", { className: Ve.valueText, style: { fontSize: u, ..._ }, children: z.toFixed(0) }),
+          /* @__PURE__ */ M("div", { className: Ve.textContainer, style: L, children: [
+            /* @__PURE__ */ l("div", { className: Ve.valueText, style: { fontSize: u, ..._ }, children: $.toFixed(0) }),
             /* @__PURE__ */ M("div", { className: Ve.labelText, style: T, children: [
               /* @__PURE__ */ l("span", { style: { fontSize: h }, children: b }),
               /* @__PURE__ */ l("span", { style: { fontSize: m, marginLeft: "4px" }, children: a })
@@ -1003,7 +1011,7 @@ const be = (i) => {
   centerConfig: r
 }) => {
   const n = Ae(null), [e, t] = ze(null), [s, u] = ze(/* @__PURE__ */ new Set()), h = (r == null ? void 0 : r.show) ?? !0, m = E(() => {
-    const d = (c == null ? void 0 : c.pieSeries) ?? {}, p = (c == null ? void 0 : c.outerRingSeries) ?? {}, x = Kt(d.itemStyle) ? d.itemStyle : {}, _ = Kt(p.itemStyle) ? p.itemStyle : {}, T = {
+    const p = (c == null ? void 0 : c.pieSeries) ?? {}, d = (c == null ? void 0 : c.outerRingSeries) ?? {}, L = Kt(p.itemStyle) ? p.itemStyle : {}, _ = Kt(d.itemStyle) ? d.itemStyle : {}, T = {
       backgroundColor: "transparent",
       legend: { show: !1 },
       series: [
@@ -1012,20 +1020,20 @@ const be = (i) => {
           radius: ["58%", "75%"],
           center: ["50%", "50%"],
           padAngle: 2,
-          ...d,
+          ...p,
           itemStyle: {
             borderRadius: 2,
             borderWidth: 4,
-            ...x
+            ...L
           },
           label: { show: !1 },
           labelLine: { show: !1 },
-          data: i.map((z, $) => ({
-            name: z.name,
-            value: s.has($) ? 0 : z.value,
+          data: i.map(($, z) => ({
+            name: $.name,
+            value: s.has(z) ? 0 : $.value,
             itemStyle: {
-              color: z.color,
-              opacity: s.has($) ? 0 : 1
+              color: $.color,
+              opacity: s.has(z) ? 0 : 1
             }
           })),
           emphasis: {
@@ -1039,7 +1047,7 @@ const be = (i) => {
           radius: ["83%", "85%"],
           center: ["50%", "50%"],
           silent: !0,
-          ...p,
+          ...d,
           label: { show: !1 },
           labelLine: { show: !1 },
           itemStyle: {
@@ -1055,60 +1063,60 @@ const be = (i) => {
       ...T,
       ...c.option
     } : T;
-  }, [c, i, s]), y = (d) => {
-    var x;
-    if (s.has(d)) return;
-    t(d);
-    const p = (x = n.current) == null ? void 0 : x.getEchartsInstance();
-    p == null || p.dispatchAction({
+  }, [c, i, s]), y = (p) => {
+    var L;
+    if (s.has(p)) return;
+    t(p);
+    const d = (L = n.current) == null ? void 0 : L.getEchartsInstance();
+    d == null || d.dispatchAction({
       type: "highlight",
       seriesIndex: 0,
-      dataIndex: d
+      dataIndex: p
     });
   }, v = () => {
-    var p;
+    var d;
     t(null);
-    const d = (p = n.current) == null ? void 0 : p.getEchartsInstance();
-    d == null || d.dispatchAction({
+    const p = (d = n.current) == null ? void 0 : d.getEchartsInstance();
+    p == null || p.dispatchAction({
       type: "downplay",
       seriesIndex: 0
     });
-  }, S = (d) => {
-    u((p) => {
-      const x = new Set(p);
-      return x.has(d) ? x.delete(d) : x.add(d), x;
+  }, S = (p) => {
+    u((d) => {
+      const L = new Set(d);
+      return L.has(p) ? L.delete(p) : L.add(p), L;
     });
   }, w = E(
     () => ({
-      mouseover: (d) => {
-        d.seriesIndex !== 0 || d.dataIndex === void 0 || t(d.dataIndex);
+      mouseover: (p) => {
+        p.seriesIndex !== 0 || p.dataIndex === void 0 || t(p.dataIndex);
       },
       mouseout: () => {
         t(null);
       },
-      click: (d) => {
-        d.seriesIndex !== 0 || d.dataIndex === void 0 || S(d.dataIndex);
+      click: (p) => {
+        p.seriesIndex !== 0 || p.dataIndex === void 0 || S(p.dataIndex);
       }
     }),
     []
-  ), k = (d, p) => {
-    const x = e === p, _ = s.has(p);
+  ), x = (p, d) => {
+    const L = e === d, _ = s.has(d);
     return {
-      item: d,
-      index: p,
-      active: x,
+      item: p,
+      index: d,
+      active: L,
       hidden: _,
-      dimmed: e !== null && !x && !_
+      dimmed: e !== null && !L && !_
     };
-  }, L = (d) => Ee(
+  }, k = (p) => Ee(
     Fe.legendItem,
     a == null ? void 0 : a.legendItem,
-    d.active && Fe.legendItemActive,
-    d.active && (a == null ? void 0 : a.legendItemActive),
-    d.hidden && Fe.legendItemHidden,
-    d.hidden && (a == null ? void 0 : a.legendItemHidden),
-    d.dimmed && Fe.legendItemDimmed,
-    d.dimmed && (a == null ? void 0 : a.legendItemDimmed)
+    p.active && Fe.legendItemActive,
+    p.active && (a == null ? void 0 : a.legendItemActive),
+    p.hidden && Fe.legendItemHidden,
+    p.hidden && (a == null ? void 0 : a.legendItemHidden),
+    p.dimmed && Fe.legendItemDimmed,
+    p.dimmed && (a == null ? void 0 : a.legendItemDimmed)
   );
   return /* @__PURE__ */ M(
     "div",
@@ -1180,20 +1188,20 @@ const be = (i) => {
                   flexDirection: "column",
                   marginTop: 15
                 },
-                children: i.map((d, p) => {
-                  const x = k(d, p);
+                children: i.map((p, d) => {
+                  const L = x(p, d);
                   return /* @__PURE__ */ M(
                     "div",
                     {
                       role: "button",
                       tabIndex: 0,
-                      className: L(x),
-                      style: Lt(o == null ? void 0 : o.legendItem, x),
-                      onMouseEnter: () => y(p),
+                      className: k(L),
+                      style: Lt(o == null ? void 0 : o.legendItem, L),
+                      onMouseEnter: () => y(d),
                       onMouseLeave: v,
-                      onClick: () => S(p),
+                      onClick: () => S(d),
                       onKeyDown: (_) => {
-                        (_.key === "Enter" || _.key === " ") && S(p);
+                        (_.key === "Enter" || _.key === " ") && S(d);
                       },
                       children: [
                         /* @__PURE__ */ l(
@@ -1201,8 +1209,8 @@ const be = (i) => {
                           {
                             className: Ee(Fe.legendDot, a == null ? void 0 : a.legendDot),
                             style: {
-                              "--inspection-pie-color": d.color,
-                              ...Lt(o == null ? void 0 : o.legendDot, x)
+                              "--inspection-pie-color": p.color,
+                              ...Lt(o == null ? void 0 : o.legendDot, L)
                             }
                           }
                         ),
@@ -1210,18 +1218,18 @@ const be = (i) => {
                           "span",
                           {
                             className: Ee(Fe.legendName, a == null ? void 0 : a.legendName),
-                            style: Lt(o == null ? void 0 : o.legendName, x),
-                            title: d.name,
-                            children: d.name
+                            style: Lt(o == null ? void 0 : o.legendName, L),
+                            title: p.name,
+                            children: p.name
                           }
                         ),
                         /* @__PURE__ */ M(
                           "span",
                           {
                             className: Ee(Fe.legendValue, a == null ? void 0 : a.legendValue),
-                            style: Lt(o == null ? void 0 : o.legendValue, x),
+                            style: Lt(o == null ? void 0 : o.legendValue, L),
                             children: [
-                              d.value,
+                              p.value,
                               b
                             ]
                           }
@@ -1230,13 +1238,13 @@ const be = (i) => {
                           "span",
                           {
                             className: Ee(Fe.legendPercent, a == null ? void 0 : a.legendPercent),
-                            style: Lt(o == null ? void 0 : o.legendPercent, x),
-                            children: d.pct
+                            style: Lt(o == null ? void 0 : o.legendPercent, L),
+                            children: p.pct
                           }
                         )
                       ]
                     },
-                    d.name
+                    p.name
                   );
                 })
               }
@@ -1273,7 +1281,7 @@ const be = (i) => {
   highlightStyle: S,
   textStyle: w
 }) => {
-  const k = Math.min(Math.max(i, 0), 100), L = s !== void 0 ? s : 200 - k;
+  const x = Math.min(Math.max(i, 0), 100), k = s !== void 0 ? s : 200 - x;
   return /* @__PURE__ */ M(
     "div",
     {
@@ -1295,10 +1303,10 @@ const be = (i) => {
             "div",
             {
               className: `${rt["liquid-wave"]} ${rt.back}`,
-              style: { top: `${L}%`, ...y }
+              style: { top: `${k}%`, ...y }
             }
           ),
-          /* @__PURE__ */ l("div", { className: rt["liquid-wave"], style: { top: `${L}%`, ...m } }),
+          /* @__PURE__ */ l("div", { className: rt["liquid-wave"], style: { top: `${k}%`, ...m } }),
           /* @__PURE__ */ l("div", { className: rt["gauge-glass"], style: v }),
           /* @__PURE__ */ l("div", { className: rt["gauge-highlight"], style: S })
         ] }),
@@ -1308,7 +1316,7 @@ const be = (i) => {
             className: rt["gauge-text"],
             style: { fontSize: c || o * 0.25, ...w },
             children: [
-              k,
+              x,
               "%"
             ]
           }
@@ -1343,22 +1351,22 @@ const be = (i) => {
   valueWrapperStyle: v,
   valueStyle: S,
   unitStyle: w,
-  peakSvgStyle: k,
-  bottomLabelStyle: L,
-  baseHeight: d = 55,
-  maxHeightRange: p = 45
+  peakSvgStyle: x,
+  bottomLabelStyle: k,
+  baseHeight: p = 55,
+  maxHeightRange: d = 45
 }) => {
-  const x = E(() => `peak-gradient-${Math.random().toString(36).substr(2, 9)}`, []), _ = E(() => {
+  const L = E(() => `peak-gradient-${Math.random().toString(36).substr(2, 9)}`, []), _ = E(() => {
     let T = 0;
     if (typeof r == "number")
       T = Math.min(Math.max(r / 100, 0), 1);
     else {
-      const $ = typeof o == "number" ? o : parseFloat(String(o)) || 0;
-      T = Math.min(Math.max($ / c, 0), 1);
+      const z = typeof o == "number" ? o : parseFloat(String(o)) || 0;
+      T = Math.min(Math.max(z / c, 0), 1);
     }
-    const z = d - p * T;
-    return `M0 60 L0 ${d} Q 30 ${d}, 50 ${z} Q 70 ${d}, 100 ${d} L 100 60 Z`;
-  }, [o, c, r, d, p]);
+    const $ = p - d * T;
+    return `M0 60 L0 ${p} Q 30 ${p}, 50 ${$} Q 70 ${p}, 100 ${p} L 100 60 Z`;
+  }, [o, c, r, p, d]);
   return /* @__PURE__ */ M(
     "div",
     {
@@ -1368,7 +1376,7 @@ const be = (i) => {
         "--peak-card-border-color": `color-mix(in srgb, ${i}, transparent 50%)`,
         "--peak-card-bg-color": `color-mix(in srgb, ${i}, transparent 90%)`,
         "--peak-card-shadow-color": `color-mix(in srgb, ${i}, transparent 40%)`,
-        "--peak-gradient-url": `url(#${x})`,
+        "--peak-gradient-url": `url(#${L})`,
         ...h
       },
       children: [
@@ -1384,9 +1392,9 @@ const be = (i) => {
               className: at.peakSvg,
               viewBox: "0 0 100 60",
               preserveAspectRatio: "none",
-              style: k,
+              style: x,
               children: [
-                /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ M("linearGradient", { id: x, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+                /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ M("linearGradient", { id: L, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
                   /* @__PURE__ */ l("stop", { offset: "0%", stopColor: i, stopOpacity: "0.6" }),
                   /* @__PURE__ */ l("stop", { offset: "100%", stopColor: i, stopOpacity: "0" })
                 ] }) }),
@@ -1395,7 +1403,7 @@ const be = (i) => {
                   {
                     d: _,
                     stroke: i,
-                    fill: `url(#${x})`,
+                    fill: `url(#${L})`,
                     strokeWidth: "2",
                     vectorEffect: "non-scaling-stroke",
                     style: { transition: "all 0.5s ease-out" }
@@ -1409,7 +1417,7 @@ const be = (i) => {
           "div",
           {
             className: at.bottomLabel,
-            style: { fontSize: u, ...L },
+            style: { fontSize: u, ...k },
             children: a
           }
         )
@@ -1453,19 +1461,19 @@ const be = (i) => {
   areaGradients: h = {}
 }) => {
   const m = lr(() => {
-    const y = Array.from({ length: 24 }, (z, $) => `${$.toString().padStart(2, "0")}:00`), v = (z) => {
-      for (const [$, F] of Object.entries(b))
+    const y = Array.from({ length: 24 }, ($, z) => `${z.toString().padStart(2, "0")}:00`), v = ($) => {
+      for (const [z, F] of Object.entries(b))
         for (const [I, W] of F.timeRanges)
-          if (z >= I && z < W)
-            return $;
+          if ($ >= I && $ < W)
+            return z;
       return Object.keys(b)[0] || "";
-    }, S = i ? y.map((z) => {
-      const $ = i.find((F) => F.time === z);
-      return $ ? $.value : null;
-    }) : y.map((z, $) => $ < 6 ? +(60 + Math.random() * 20).toFixed(1) : $ < 8 ? +(100 + ($ - 6) * 20 + Math.random() * 15).toFixed(1) : $ < 10 ? +(150 + Math.random() * 30).toFixed(1) : $ < 17 ? +(110 + Math.random() * 20).toFixed(1) : $ < 21 ? +(130 + Math.random() * 25).toFixed(1) : +(80 - ($ - 21) * 5 + Math.random() * 15).toFixed(1)), w = (z) => S.map(($, F) => {
+    }, S = i ? y.map(($) => {
+      const z = i.find((F) => F.time === $);
+      return z ? z.value : null;
+    }) : y.map(($, z) => z < 6 ? +(60 + Math.random() * 20).toFixed(1) : z < 8 ? +(100 + (z - 6) * 20 + Math.random() * 15).toFixed(1) : z < 10 ? +(150 + Math.random() * 30).toFixed(1) : z < 17 ? +(110 + Math.random() * 20).toFixed(1) : z < 21 ? +(130 + Math.random() * 25).toFixed(1) : +(80 - (z - 21) * 5 + Math.random() * 15).toFixed(1)), w = ($) => S.map((z, F) => {
       const I = v(F), W = F > 0 ? v(F - 1) : I;
-      return I === z || W === z && I !== z ? $ : null;
-    }), k = Math.max(...S.filter((z) => z != null)), d = (Math.ceil(k / 50) * 50 + 50) / 4, p = Array.isArray(e) ? e[0] : e, x = (p == null ? void 0 : p.interval) ?? d, _ = Array.isArray(c) ? c[0] : c, T = (_ == null ? void 0 : _.show) ?? !0;
+      return I === $ || W === $ && I !== $ ? z : null;
+    }), x = Math.max(...S.filter(($) => $ != null)), p = (Math.ceil(x / 50) * 50 + 50) / 4, d = Array.isArray(e) ? e[0] : e, L = (d == null ? void 0 : d.interval) ?? p, _ = Array.isArray(c) ? c[0] : c, T = (_ == null ? void 0 : _.show) ?? !0;
     return {
       animation: s,
       grid: {
@@ -1477,10 +1485,10 @@ const be = (i) => {
         ...o
       },
       legend: T ? {
-        data: Object.values(b).map((z) => ({
-          name: z.name,
-          itemStyle: { color: z.color },
-          lineStyle: { color: z.color, width: 2 }
+        data: Object.values(b).map(($) => ({
+          name: $.name,
+          itemStyle: { color: $.color },
+          lineStyle: { color: $.color, width: 2 }
         })),
         top: "5%",
         right: "5%",
@@ -1501,9 +1509,9 @@ const be = (i) => {
           color: "#fff",
           fontSize: 12
         },
-        formatter: (z) => {
-          const $ = y.indexOf(z[0].axisValue), F = v($), I = b[F].color, W = b[F].name, N = z.map((P) => P.value).find((P) => P != null);
-          return N == null ? "" : `<span style="color:'#fff';font-size:11px">${z[0].axisValue}</span><br/><span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${I};margin-right:5px;vertical-align:middle;"></span><b style="color:${I}">${W}</b>: <b>${N} ${u}</b>`;
+        formatter: ($) => {
+          const z = y.indexOf($[0].axisValue), F = v(z), I = b[F].color, W = b[F].name, N = $.map((P) => P.value).find((P) => P != null);
+          return N == null ? "" : `<span style="color:'#fff';font-size:11px">${$[0].axisValue}</span><br/><span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${I};margin-right:5px;vertical-align:middle;"></span><b style="color:${I}">${W}</b>: <b>${N} ${u}</b>`;
         },
         ...r
       },
@@ -1532,7 +1540,7 @@ const be = (i) => {
       },
       yAxis: {
         type: "value",
-        interval: x,
+        interval: L,
         axisLine: {
           show: !1
         },
@@ -1548,25 +1556,25 @@ const be = (i) => {
         },
         ...e
       },
-      series: Object.entries(b).map(([z, $], F) => {
-        const I = h == null ? void 0 : h[z], W = I ? {
+      series: Object.entries(b).map(([$, z], F) => {
+        const I = h == null ? void 0 : h[$], W = I ? {
           color: new le.graphic.LinearGradient(0, 0, 0, 1, [
             { offset: 0, color: I.from },
             { offset: 1, color: I.to }
           ])
         } : {
-          color: $.color,
+          color: z.color,
           opacity: 0.07
         };
         return {
-          name: $.name,
+          name: z.name,
           type: "line",
-          data: w(z),
+          data: w($),
           connectNulls: !1,
           smooth: !0,
           symbol: "none",
           lineStyle: {
-            color: $.color,
+            color: z.color,
             width: 2.5,
             ...(t == null ? void 0 : t.lineStyle) || {}
           },
@@ -1699,7 +1707,7 @@ function ft(i, b) {
   };
 }
 function ro(i, b) {
-  const a = [], o = [], c = i.reduce((H, G) => H + G.val, 0), r = (1 - b.innerRatio) / (1 + b.innerRatio), n = b.sliceHeightConfig || {}, e = n.baseHeight ?? 10, t = n.step ?? 3, s = b.baseConfig || {}, u = s.baseR1 ?? 2.8, h = s.baseH1Min ?? -1.8, m = s.baseH1Max ?? -0.5, y = s.baseR2 ?? 2.5, v = s.baseH2Min ?? -1.8, S = s.baseH2Max ?? 0, w = s.ringRadius ?? 2.2, k = s.ringTubeRadius ?? 0.02, L = s.ringWaveHeight ?? 0.06, d = s.ringCenterZ ?? 4.8, p = s.bottomSideColor ?? "#0B1638", x = s.bottomTopColor ?? "#102246", _ = s.topSideColor ?? "#163065", T = s.topTopColor ?? "#1B3B7A", z = s.ringColor ?? "#00D1FF", $ = b.guideLineConfig || {}, F = $.rStart ?? 1.2, I = $.rTurn ?? 2.2, W = $.riseZ ?? 2.5, N = $.endOffset ?? 0.8, P = $.lineWidth ?? 1, B = $.lineColor ?? "#FFFFFF", O = $.lineOpacity ?? 1, R = b.labelConfig || {}, re = R.nameColor ?? "#4CA4E6", de = R.nameFontSize ?? 14, ie = R.percentColor ?? "#FFFFFF", J = R.percentFontSize ?? 12, ve = b.defaultItemColor ?? "#0000FF";
+  const a = [], o = [], c = i.reduce((H, G) => H + G.val, 0), r = (1 - b.innerRatio) / (1 + b.innerRatio), n = b.sliceHeightConfig || {}, e = n.baseHeight ?? 10, t = n.step ?? 3, s = b.baseConfig || {}, u = s.baseR1 ?? 2.8, h = s.baseH1Min ?? -1.8, m = s.baseH1Max ?? -0.5, y = s.baseR2 ?? 2.5, v = s.baseH2Min ?? -1.8, S = s.baseH2Max ?? 0, w = s.ringRadius ?? 2.2, x = s.ringTubeRadius ?? 0.02, k = s.ringWaveHeight ?? 0.06, p = s.ringCenterZ ?? 4.8, d = s.bottomSideColor ?? "#0B1638", L = s.bottomTopColor ?? "#102246", _ = s.topSideColor ?? "#163065", T = s.topTopColor ?? "#1B3B7A", $ = s.ringColor ?? "#00D1FF", z = b.guideLineConfig || {}, F = z.rStart ?? 1.2, I = z.rTurn ?? 2.2, W = z.riseZ ?? 2.5, N = z.endOffset ?? 0.8, P = z.lineWidth ?? 1, B = z.lineColor ?? "#FFFFFF", O = z.lineOpacity ?? 1, R = b.labelConfig || {}, re = R.nameColor ?? "#4CA4E6", de = R.nameFontSize ?? 14, ie = R.percentColor ?? "#FFFFFF", J = R.percentFontSize ?? 12, ve = b.defaultItemColor ?? "#0000FF";
   let U = 0;
   return i.forEach((H, G) => {
     var _e;
@@ -1825,7 +1833,7 @@ function ro(i, b) {
       type: "surface",
       parametric: !0,
       wireframe: { show: !1 },
-      itemStyle: { color: p, opacity: 0.9 },
+      itemStyle: { color: d, opacity: 0.9 },
       parametricEquation: Jt(u, h, m),
       silent: !0
     },
@@ -1834,7 +1842,7 @@ function ro(i, b) {
       type: "surface",
       parametric: !0,
       wireframe: { show: !1 },
-      itemStyle: { color: x, opacity: 0.9 },
+      itemStyle: { color: L, opacity: 0.9 },
       parametricEquation: ft(u, m),
       silent: !0
     }
@@ -1863,7 +1871,7 @@ function ro(i, b) {
     parametric: !0,
     wireframe: { show: !1 },
     itemStyle: {
-      color: z,
+      color: $,
       opacity: 1
     },
     shading: "color",
@@ -1871,13 +1879,13 @@ function ro(i, b) {
       u: { min: 0, max: Math.PI * 2, step: Math.PI / 60 },
       v: { min: 0, max: Math.PI * 2, step: Math.PI / 40 },
       x(H, G) {
-        return (w + k * Math.cos(G)) * Math.cos(H);
+        return (w + x * Math.cos(G)) * Math.cos(H);
       },
       y(H, G) {
-        return (w + k * Math.cos(G)) * Math.sin(H);
+        return (w + x * Math.cos(G)) * Math.sin(H);
       },
       z(H, G) {
-        return L * Math.sin(G) + d;
+        return k * Math.sin(G) + p;
       }
     },
     silent: !0
@@ -1938,11 +1946,11 @@ const ao = [
       min: -5,
       max: 5,
       ...(a == null ? void 0 : a.yAxis3D) || {}
-    }, k = {
+    }, x = {
       min: -5,
       max: 8,
       ...(a == null ? void 0 : a.zAxis3D) || {}
-    }, L = {
+    }, k = {
       boxHeight: 20,
       viewControl: {
         distance: 70,
@@ -1972,16 +1980,16 @@ const ao = [
           enable: !1
         }
       }
-    }, d = {
+    }, p = {
       show: !1,
-      ...L,
+      ...k,
       ...o,
       viewControl: {
-        ...L.viewControl,
+        ...k.viewControl,
         ...(o == null ? void 0 : o.viewControl) || {}
       },
       postEffect: {
-        ...L.postEffect,
+        ...k.postEffect,
         ...(o == null ? void 0 : o.postEffect) || {}
       }
     };
@@ -1989,8 +1997,8 @@ const ao = [
       tooltip: { show: !1, ...t || {} },
       xAxis3D: S,
       yAxis3D: w,
-      zAxis3D: k,
-      grid3D: d,
+      zAxis3D: x,
+      grid3D: p,
       series: ro(i, {
         innerRatio: b,
         baseConfig: c,
@@ -2047,10 +2055,10 @@ const ao = [
   showTrack: h = !1,
   layoutConfig: m
 }) => {
-  const y = Ae(null), v = Ae(null), S = Ae(void 0), w = Ae([]), k = Ae([]), L = Ae(null), [d, p] = ze([]), [x, _] = ze([]), [T, z] = ze(null), [$, F] = ze({
+  const y = Ae(null), v = Ae(null), S = Ae(void 0), w = Ae([]), x = Ae([]), k = Ae(null), [p, d] = ze([]), [L, _] = ze([]), [T, $] = ze(null), [z, F] = ze({
     ...gt,
     ...m
-  }), I = n ? $ : { ...gt, ...m }, W = (U) => (H) => F((G) => ({ ...G, [U]: H })), N = E(
+  }), I = n ? z : { ...gt, ...m }, W = (U) => (H) => F((G) => ({ ...G, [U]: H })), N = E(
     () => a || [
       { name: "一车间", rank: "TOP1", value: 162 },
       { name: "二车间", rank: "TOP2", value: 250 },
@@ -2085,40 +2093,40 @@ const ao = [
         const ut = q - 1 - ue, st = _e + (ut + 0.5) * Z, Be = Z - Je, et = P[ue % P.length];
         h && (D.save(), D.strokeStyle = Re, D.lineWidth = Be, D.lineCap = "round", D.beginPath(), D.arc(Le, ke, st, Qe(oe), Qe(me), !0), D.stroke(), D.restore());
         const ct = U[ue] / B * we * 2.37, tt = oe - ct, Ge = new Path2D();
-        Ge.arc(Le, ke, st, Qe(oe), Qe(tt), !0), D.save(), D.strokeStyle = et, D.lineWidth = L.current === ue ? Be + 2 : Be, D.lineCap = "round", D.globalAlpha = L.current === null || L.current === ue ? 1 : 0.2, L.current === ue && (D.shadowColor = et, D.shadowBlur = 10), D.stroke(Ge), D.restore(), pt.push({ arcPath: Ge, arcWidth: Math.max(Be + 10, 12) });
+        Ge.arc(Le, ke, st, Qe(oe), Qe(tt), !0), D.save(), D.strokeStyle = et, D.lineWidth = k.current === ue ? Be + 2 : Be, D.lineCap = "round", D.globalAlpha = k.current === null || k.current === ue ? 1 : 0.2, k.current === ue && (D.shadowColor = et, D.shadowBlur = 10), D.stroke(Ge), D.restore(), pt.push({ arcPath: Ge, arcWidth: Math.max(Be + 10, 12) });
       });
       const $t = ke + _e * Math.sin(Qe(oe)) - pe * ce, Ft = ke + xe * Math.sin(Qe(oe)) + pe * ce;
       D.save(), D.strokeStyle = "#ffffff", D.lineWidth = 1, D.setLineDash([]), D.beginPath(), D.moveTo(Ce, $t), D.lineTo(Ce, Ft), D.stroke(), D.restore();
       const wt = [];
       N.forEach((Mt, ue) => {
         const ut = q - 1 - ue, st = _e + (ut + 0.5) * Z, Be = P[ue % P.length], et = st + ge, ct = Le + et * Math.cos(Qe(oe)), tt = ke + et * Math.sin(Qe(oe)), Ge = ot + ue * (He + ae * ce) + He / 2, _t = lt + ue * Ie, Ze = new Path2D();
-        Ze.moveTo(Math.max(ct, Ce), tt), Ze.lineTo(_t, tt), Ze.lineTo(_t, Ge), Ze.lineTo(ee - 6, Ge), D.save(), D.beginPath(), D.rect(Ce, 0, X, Q), D.clip(), D.strokeStyle = Be, D.lineWidth = L.current === ue ? 2.5 : 1.5, D.setLineDash([3, 4]), D.globalAlpha = L.current === null || L.current === ue ? 0.9 : 0.18, L.current === ue && (D.shadowColor = Be, D.shadowBlur = 8), D.stroke(Ze), D.restore(), D.save(), D.beginPath(), D.rect(Ce, 0, X, Q), D.clip(), D.fillStyle = Be, D.globalAlpha = L.current === null || L.current === ue ? 1 : 0.2, D.beginPath(), D.arc(ct, tt, 3, 0, Math.PI * 2), D.fill(), D.restore(), wt.push({ x: ee, y: Ge, color: Be }), pt[ue].connectorPath = Ze;
-      }), k.current = pt, _(wt);
+        Ze.moveTo(Math.max(ct, Ce), tt), Ze.lineTo(_t, tt), Ze.lineTo(_t, Ge), Ze.lineTo(ee - 6, Ge), D.save(), D.beginPath(), D.rect(Ce, 0, X, Q), D.clip(), D.strokeStyle = Be, D.lineWidth = k.current === ue ? 2.5 : 1.5, D.setLineDash([3, 4]), D.globalAlpha = k.current === null || k.current === ue ? 0.9 : 0.18, k.current === ue && (D.shadowColor = Be, D.shadowBlur = 8), D.stroke(Ze), D.restore(), D.save(), D.beginPath(), D.rect(Ce, 0, X, Q), D.clip(), D.fillStyle = Be, D.globalAlpha = k.current === null || k.current === ue ? 1 : 0.2, D.beginPath(), D.arc(ct, tt, 3, 0, Math.PI * 2), D.fill(), D.restore(), wt.push({ x: ee, y: Ge, color: Be }), pt[ue].connectorPath = Ze;
+      }), x.current = pt, _(wt);
     },
     [N, P, B, s, u, h]
   );
   kt(() => {
     w.current.length > 0 && O(w.current, I);
-  }, [$]), kt(() => {
+  }, [z]), kt(() => {
     w.current.length === 0 && (w.current = N.map(() => 0));
     const U = N.map((X) => X.value), H = [...w.current], G = Date.now(), Y = 800, D = () => {
       const X = Date.now() - G, Q = Math.min(X / Y, 1), f = 1 - Math.pow(1 - Q, 3), g = H.map((Se, he) => Se + (U[he] - Se) * f);
-      w.current = g, p([...g]), O(g, I), Q < 1 && (S.current = requestAnimationFrame(D));
+      w.current = g, d([...g]), O(g, I), Q < 1 && (S.current = requestAnimationFrame(D));
     };
     return D(), () => {
       S.current && cancelAnimationFrame(S.current);
     };
   }, [N, O]);
   const R = (t == null ? void 0 : t.rank) || 13, re = (t == null ? void 0 : t.name) || 13, de = (t == null ? void 0 : t.value) || 13, ie = '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', J = (U) => {
-    L.current !== U && (L.current = U, z(U), w.current.length > 0 && O(w.current, I));
+    k.current !== U && (k.current = U, $(U), w.current.length > 0 && O(w.current, I));
   }, ve = (U) => {
     const H = y.current, G = H == null ? void 0 : H.getContext("2d");
     if (!H || !G) return;
     const Y = H.getBoundingClientRect(), D = (U.clientX - Y.left) * H.clientWidth / Y.width, X = (U.clientY - Y.top) * H.clientHeight / Y.height;
     let Q = null;
     G.save(), G.setTransform(1, 0, 0, 1, 0, 0), G.setLineDash([]);
-    for (let f = k.current.length - 1; f >= 0; f -= 1) {
-      const g = k.current[f];
+    for (let f = x.current.length - 1; f >= 0; f -= 1) {
+      const g = x.current[f];
       G.lineWidth = g.arcWidth;
       const Se = G.isPointInStroke(g.arcPath, D, X);
       G.lineWidth = 10;
@@ -2159,9 +2167,9 @@ const ao = [
           }
         ),
         N.map((U, H) => {
-          const G = x[H];
+          const G = L[H];
           if (!G) return null;
-          const Y = `${Math.round(d[H] ?? 0)} ${o}`;
+          const Y = `${Math.round(p[H] ?? 0)} ${o}`;
           return /* @__PURE__ */ M(
             "div",
             {
@@ -2239,7 +2247,7 @@ const ao = [
                 xt,
                 {
                   label: "主干偏移",
-                  value: $.trunkOff,
+                  value: z.trunkOff,
                   min: 0,
                   max: 120,
                   onChange: W("trunkOff")
@@ -2249,7 +2257,7 @@ const ao = [
                 xt,
                 {
                   label: "错开间距",
-                  value: $.spread,
+                  value: z.spread,
                   min: -20,
                   max: 20,
                   onChange: W("spread")
@@ -2259,7 +2267,7 @@ const ao = [
                 xt,
                 {
                   label: "R偏移",
-                  value: $.rOff,
+                  value: z.rOff,
                   min: -20,
                   max: 20,
                   onChange: W("rOff")
@@ -2269,7 +2277,7 @@ const ao = [
                 xt,
                 {
                   label: "legend间距",
-                  value: $.legGap,
+                  value: z.legGap,
                   min: 12,
                   max: 36,
                   onChange: W("legGap")
@@ -2279,7 +2287,7 @@ const ao = [
                 xt,
                 {
                   label: "参考线偏移",
-                  value: $.refLineOffset,
+                  value: z.refLineOffset,
                   min: 0,
                   max: 120,
                   onChange: W("refLineOffset")
@@ -2421,16 +2429,16 @@ const Us = ({
   const m = rr().replace(/:/g, ""), { layers: y, totalHeight: v, pyramidRadius: S } = E(
     () => co(i, b),
     [i, b]
-  ), w = r || {}, k = Ct(w.overlayTopPercent, 24), L = Math.max(
-    k + 1,
+  ), w = r || {}, x = Ct(w.overlayTopPercent, 24), k = Math.max(
+    x + 1,
     Ct(w.overlayBottomPercent, 72)
-  ), d = E(() => {
+  ), p = E(() => {
     const j = Math.max(v, 1);
     return y.map((V) => ({
       ...V,
-      top: `${L - V.midZ / j * (L - k)}%`
+      top: `${k - V.midZ / j * (k - x)}%`
     }));
-  }, [y, L, k, v]), p = c || {}, x = St(p.startX, "27%"), _ = St(p.endX, "46%"), T = io(p.startX, p.endX, 0.68, "38.92%"), z = no(p.endX, "46%"), $ = p.lineColor ?? "#FFFFFF", F = p.lineWidth ?? 1, I = p.lineOpacity ?? 0.6, W = p.lineType ?? "dashed", N = w.midNameColor ?? "#fff", P = w.midNameFontSize ?? 8, B = w.rightLabelText ?? "电损量", O = w.showRightDeviceId ?? !0, R = w.showRightPercent ?? !0, re = w.rightLabelColor ?? "#fff", de = w.rightLabelFontSize ?? 10, ie = w.rightPercentColor ?? "#00D9E1", J = w.rightPercentFontSize ?? 10, ve = w.rightValueColor ?? "#fff", U = w.rightValueFontSize ?? 10, H = w.rightUnitColor ?? "#fff", G = w.rightUnitFontSize ?? 10, Y = w.rightDeviceIdColor ?? "#00D9E1", D = w.rightDeviceIdFontSize ?? 8, X = w.rightBlockBgColor ?? "rgba(0, 50, 100, 0.6)", Q = w.rightBlockBorderColor ?? "#00D9E1", f = St(w.rightBlockMinWidth, "32px"), g = St(w.rightBlockHeight, "22px"), Se = St(w.rightBlockPadding, "0 8px"), he = Dt(
+  }, [y, k, x, v]), d = c || {}, L = St(d.startX, "27%"), _ = St(d.endX, "46%"), T = io(d.startX, d.endX, 0.68, "38.92%"), $ = no(d.endX, "46%"), z = d.lineColor ?? "#FFFFFF", F = d.lineWidth ?? 1, I = d.lineOpacity ?? 0.6, W = d.lineType ?? "dashed", N = w.midNameColor ?? "#fff", P = w.midNameFontSize ?? 8, B = w.rightLabelText ?? "电损量", O = w.showRightDeviceId ?? !0, R = w.showRightPercent ?? !0, re = w.rightLabelColor ?? "#fff", de = w.rightLabelFontSize ?? 10, ie = w.rightPercentColor ?? "#00D9E1", J = w.rightPercentFontSize ?? 10, ve = w.rightValueColor ?? "#fff", U = w.rightValueFontSize ?? 10, H = w.rightUnitColor ?? "#fff", G = w.rightUnitFontSize ?? 10, Y = w.rightDeviceIdColor ?? "#00D9E1", D = w.rightDeviceIdFontSize ?? 8, X = w.rightBlockBgColor ?? "rgba(0, 50, 100, 0.6)", Q = w.rightBlockBorderColor ?? "#00D9E1", f = St(w.rightBlockMinWidth, "32px"), g = St(w.rightBlockHeight, "22px"), Se = St(w.rightBlockPadding, "0 8px"), he = Dt(
     (j) => {
       const V = y[j];
       V && (h == null || h(V, j));
@@ -2675,7 +2683,7 @@ const Us = ({
             height: "100%",
             style: { position: "absolute", inset: 0, pointerEvents: "none", left: 20 },
             children: [
-              /* @__PURE__ */ l("defs", { children: d.map((j, V) => /* @__PURE__ */ l(
+              /* @__PURE__ */ l("defs", { children: p.map((j, V) => /* @__PURE__ */ l(
                 "marker",
                 {
                   id: `${m}-arrow-${V}`,
@@ -2689,14 +2697,14 @@ const Us = ({
                 },
                 `marker-${j.name}-${V}`
               )) }),
-              d.map((j, V) => /* @__PURE__ */ l(
+              p.map((j, V) => /* @__PURE__ */ l(
                 "line",
                 {
-                  x1: x,
+                  x1: L,
                   y1: j.top,
                   x2: _,
                   y2: j.top,
-                  stroke: $,
+                  stroke: z,
                   strokeWidth: F,
                   strokeOpacity: I,
                   strokeDasharray: W === "dashed" ? "5 5" : void 0,
@@ -2707,7 +2715,7 @@ const Us = ({
             ]
           }
         ),
-        d.map((j, V) => /* @__PURE__ */ M(tr.Fragment, { children: [
+        p.map((j, V) => /* @__PURE__ */ M(tr.Fragment, { children: [
           /* @__PURE__ */ l(
             "div",
             {
@@ -2743,7 +2751,7 @@ const Us = ({
               },
               style: {
                 position: "absolute",
-                left: z,
+                left: $,
                 top: j.top,
                 transform: "translateY(-50%)",
                 minWidth: 0,
@@ -2821,13 +2829,13 @@ const Us = ({
     strokeLinecap: S = "round",
     animationDuration: w = "1s"
   } = e, {
-    valueColor: k = "#58C7D1",
-    labelColor: L = "rgba(255, 255, 255, 0.9)",
-    valueFontSize: d = Math.round(22 * h),
-    valueFontWeight: p = "bold",
-    labelFontSize: x = Math.round(14 * h),
+    valueColor: x = "#58C7D1",
+    labelColor: k = "rgba(255, 255, 255, 0.9)",
+    valueFontSize: p = Math.round(22 * h),
+    valueFontWeight: d = "bold",
+    labelFontSize: L = Math.round(14 * h),
     labelFontWeight: _ = "normal"
-  } = t, { decimalPlaces: T = 1, suffix: z = "%", formatter: $ } = s, F = typeof i == "string" ? parseFloat(i) || 0 : i, I = (a - v) / 2 - 5, W = 2 * Math.PI * I, N = W - F / 100 * W, P = a / 2, B = a / 2, O = a + 20, R = $ ? $(F) : `${F.toFixed(T)}${z}`;
+  } = t, { decimalPlaces: T = 1, suffix: $ = "%", formatter: z } = s, F = typeof i == "string" ? parseFloat(i) || 0 : i, I = (a - v) / 2 - 5, W = 2 * Math.PI * I, N = W - F / 100 * W, P = a / 2, B = a / 2, O = a + 20, R = z ? z(F) : `${F.toFixed(T)}${$}`;
   return /* @__PURE__ */ l("div", { className: `${zt.ringProgress} ${c || ""}`, style: r, children: /* @__PURE__ */ M("svg", { className: zt.ringSvg, viewBox: `0 0 ${a} ${O}`, style: n, children: [
     /* @__PURE__ */ l(
       "circle",
@@ -2874,9 +2882,9 @@ const Us = ({
         x: P,
         y: B + 5,
         textAnchor: "middle",
-        fill: k,
-        fontSize: d,
-        fontWeight: p,
+        fill: x,
+        fontSize: p,
+        fontWeight: d,
         className: zt.ringValue,
         children: R
       }
@@ -2887,8 +2895,8 @@ const Us = ({
         x: P,
         y: a + Math.round(8 * h),
         textAnchor: "middle",
-        fill: L,
-        fontSize: x,
+        fill: k,
+        fontSize: L,
         fontWeight: _,
         className: zt.ringText,
         children: b
@@ -2918,24 +2926,24 @@ const Us = ({
     backgroundColor: m,
     borderRadius: y = "6px",
     style: v
-  } = a, { value: S, background: w, border: k } = o, {
-    valueFontSize: L = "22px",
-    valueFontWeight: d = "bold",
-    labelFontSize: p = "12px",
-    labelColor: x = "#fff",
+  } = a, { value: S, background: w, border: x } = o, {
+    valueFontSize: k = "22px",
+    valueFontWeight: p = "bold",
+    labelFontSize: d = "12px",
+    labelColor: L = "#fff",
     valueStyle: _,
     labelStyle: T,
-    containerStyle: z
-  } = c, { padding: $ = "12px 15px", gap: F = "12px", borderRadius: I = "4px" } = r;
+    containerStyle: $
+  } = c, { padding: z = "12px 15px", gap: F = "12px", borderRadius: I = "4px" } = r;
   return /* @__PURE__ */ M(
     "div",
     {
       className: Wt.statCard,
       style: {
         background: w,
-        border: k,
+        border: x,
         borderRadius: I,
-        padding: $,
+        padding: z,
         gap: F,
         ...n
       },
@@ -2955,14 +2963,14 @@ const Us = ({
             children: t ? /* @__PURE__ */ l("img", { className: Wt.iconImage, src: t, alt: b }) : e
           }
         ),
-        /* @__PURE__ */ M("div", { className: Wt.textContainer, style: z, children: [
+        /* @__PURE__ */ M("div", { className: Wt.textContainer, style: $, children: [
           /* @__PURE__ */ l(
             "div",
             {
               style: {
-                fontSize: L,
+                fontSize: k,
                 color: S,
-                fontWeight: d,
+                fontWeight: p,
                 ..._
               },
               children: i
@@ -2972,8 +2980,8 @@ const Us = ({
             "div",
             {
               style: {
-                fontSize: p,
-                color: x,
+                fontSize: d,
+                color: L,
                 ...T
               },
               children: b
@@ -3018,36 +3026,36 @@ const Us = ({
     labelSize: S = "12px",
     trendSize: w = "12px"
   } = c, {
-    direction: k = "horizontal",
-    gap: L = "8px",
-    padding: d = "15px 20px",
-    align: p = "center"
+    direction: x = "horizontal",
+    gap: k = "8px",
+    padding: p = "15px 20px",
+    align: d = "center"
   } = r, {
-    show: x = !0,
+    show: L = !0,
     color: _,
     height: T = "60px",
-    width: z = "1px"
-  } = n, $ = {
-    flexDirection: k === "vertical" ? "column" : "row",
-    padding: d,
+    width: $ = "1px"
+  } = n, z = {
+    flexDirection: x === "vertical" ? "column" : "row",
+    padding: p,
     ...a
   }, F = {
-    width: k === "horizontal" ? z : "100%",
-    height: k === "horizontal" ? T : z,
+    width: x === "horizontal" ? $ : "100%",
+    height: x === "horizontal" ? T : $,
     background: _ || "linear-gradient(to bottom, transparent, rgba(0, 150, 255, 0.5), transparent)"
   }, I = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
   };
-  return /* @__PURE__ */ l("div", { className: `${Pe.statsSection} ${b || ""}`, style: $, children: i.map((W, N) => /* @__PURE__ */ M(tr.Fragment, { children: [
+  return /* @__PURE__ */ l("div", { className: `${Pe.statsSection} ${b || ""}`, style: z, children: i.map((W, N) => /* @__PURE__ */ M(tr.Fragment, { children: [
     e ? e(W, N) : /* @__PURE__ */ M(
       "div",
       {
         className: Pe.statItem,
         style: {
-          gap: L,
-          alignItems: I[p],
+          gap: k,
+          alignItems: I[d],
           cursor: W.onClick ? "pointer" : "default"
         },
         onClick: W.onClick,
@@ -3095,7 +3103,7 @@ const Us = ({
         ]
       }
     ),
-    x && N < i.length - 1 && /* @__PURE__ */ l("div", { className: Pe.statDivider, style: F })
+    L && N < i.length - 1 && /* @__PURE__ */ l("div", { className: Pe.statDivider, style: F })
   ] }, N)) });
 }, No = "_statusItem_15op2_1", Po = "_statusIcon_15op2_8", Do = "_statusContent_15op2_14", Ao = "_statusText_15op2_17", Eo = "_progressTrack_15op2_32", Oo = "_progressFill_15op2_39", it = {
   statusItem: No,
@@ -3312,7 +3320,7 @@ const Us = ({
   legendConfig: S,
   tooltipConfig: w
 }) => {
-  const k = Ae(null), [L, d] = ze([]), p = E(
+  const x = Ae(null), [k, p] = ze([]), d = E(
     () => ({
       valueFontSize: 32,
       valueFontWeight: "bold",
@@ -3326,7 +3334,7 @@ const Us = ({
       ...y
     }),
     [y]
-  ), x = E(
+  ), L = E(
     () => ({
       outerRadius: ["75%", "85%"],
       innerRadius: ["55%", "65%"],
@@ -3361,10 +3369,10 @@ const Us = ({
       { value: 35, name: "标签六" }
     ],
     [s]
-  ), z = E(() => T.map((B, O) => ({
+  ), $ = E(() => T.map((B, O) => ({
     ...B,
     color: m[O % m.length]
-  })), [T, m]), $ = E(() => z.filter((B) => !L.includes(B.name)), [z, L]), F = E(() => $.reduce((B, O) => B + O.value, 0), [$]), I = E(() => ({
+  })), [T, m]), z = E(() => $.filter((B) => !k.includes(B.name)), [$, k]), F = E(() => z.reduce((B, O) => B + O.value, 0), [z]), I = E(() => ({
     backgroundColor: "transparent",
     tooltip: {
       show: !0,
@@ -3382,25 +3390,25 @@ const Us = ({
     title: {
       text: `{val|${F}}${h ? `{unit|${h}}` : ""}
 {name|${u}}`,
-      left: p.left,
-      top: p.top,
+      left: d.left,
+      top: d.top,
       textAlign: "center",
       textStyle: {
         rich: {
           val: {
-            fontSize: p.valueFontSize,
-            fontWeight: p.valueFontWeight,
-            color: p.valueColor,
+            fontSize: d.valueFontSize,
+            fontWeight: d.valueFontWeight,
+            color: d.valueColor,
             padding: [0, 0, 5, 0]
           },
           unit: {
-            fontSize: p.unitFontSize,
-            color: p.unitColor,
+            fontSize: d.unitFontSize,
+            color: d.unitColor,
             padding: [0, 0, 5, 2]
           },
           name: {
-            fontSize: p.nameFontSize,
-            color: p.nameColor
+            fontSize: d.nameFontSize,
+            color: d.nameColor
           }
         }
       }
@@ -3410,15 +3418,15 @@ const Us = ({
       {
         name: "数据分布",
         type: "pie",
-        radius: x.outerRadius,
-        center: x.center,
+        radius: L.outerRadius,
+        center: L.center,
         avoidLabelOverlap: !1,
-        padAngle: x.padAngle,
+        padAngle: L.padAngle,
         itemStyle: {
           borderRadius: 0
         },
         label: { show: !1 },
-        data: $.map((B) => ({
+        data: z.map((B) => ({
           value: B.value,
           name: B.name,
           itemStyle: {
@@ -3429,19 +3437,19 @@ const Us = ({
       {
         name: "数据分布内圈",
         type: "pie",
-        radius: x.innerRadius,
-        center: x.center,
+        radius: L.innerRadius,
+        center: L.center,
         avoidLabelOverlap: !1,
-        padAngle: x.padAngle,
+        padAngle: L.padAngle,
         itemStyle: {
           borderRadius: 0
         },
         label: { show: !1 },
-        data: $.map((B) => ({
+        data: z.map((B) => ({
           value: B.value,
           name: B.name,
           itemStyle: {
-            color: x.innerRingColor
+            color: L.innerRingColor
           },
           realColor: B.color
         }))
@@ -3452,26 +3460,26 @@ const Us = ({
     F,
     h,
     u,
-    p.left,
-    p.top,
-    p.valueFontSize,
-    p.valueFontWeight,
-    p.valueColor,
-    p.unitFontSize,
-    p.unitColor,
-    p.nameFontSize,
-    p.nameColor,
-    x.outerRadius,
-    x.center,
-    x.padAngle,
-    x.innerRadius,
-    x.innerRingColor,
-    $
+    d.left,
+    d.top,
+    d.valueFontSize,
+    d.valueFontWeight,
+    d.valueColor,
+    d.unitFontSize,
+    d.unitColor,
+    d.nameFontSize,
+    d.nameColor,
+    L.outerRadius,
+    L.center,
+    L.padAngle,
+    L.innerRadius,
+    L.innerRingColor,
+    z
   ]), W = (B) => {
-    d((O) => O.includes(B) ? O.filter((R) => R !== B) : [...O, B]);
+    p((O) => O.includes(B) ? O.filter((R) => R !== B) : [...O, B]);
   }, N = Dt((B, O) => {
     var re;
-    const R = (re = k.current) == null ? void 0 : re.getEchartsInstance();
+    const R = (re = x.current) == null ? void 0 : re.getEchartsInstance();
     R && (R.dispatchAction({
       type: O ? "highlight" : "downplay",
       name: B
@@ -3485,7 +3493,7 @@ const Us = ({
       mouseover: (B) => {
         var O;
         if (B.componentType === "series" && B.name) {
-          const R = (O = k.current) == null ? void 0 : O.getEchartsInstance();
+          const R = (O = x.current) == null ? void 0 : O.getEchartsInstance();
           R && R.dispatchAction({
             type: "highlight",
             name: B.name
@@ -3495,7 +3503,7 @@ const Us = ({
       mouseout: (B) => {
         var O;
         if (B.componentType === "series" && B.name) {
-          const R = (O = k.current) == null ? void 0 : O.getEchartsInstance();
+          const R = (O = x.current) == null ? void 0 : O.getEchartsInstance();
           R && R.dispatchAction({
             type: "downplay",
             name: B.name
@@ -3509,7 +3517,7 @@ const Us = ({
     /* @__PURE__ */ l("div", { style: { flex: 1, height: "100%", ...b }, children: /* @__PURE__ */ l(
       K,
       {
-        ref: k,
+        ref: x,
         option: I,
         style: { width: "100%", height: "100%", ...a },
         onEvents: P
@@ -3528,8 +3536,8 @@ const Us = ({
           paddingRight: _.paddingRight,
           ...o
         },
-        children: z.map((B, O) => {
-          const R = L.includes(B.name);
+        children: $.map((B, O) => {
+          const R = k.includes(B.name);
           return /* @__PURE__ */ M(
             "div",
             {
@@ -3822,7 +3830,7 @@ const Us = ({
           color: h.textColor
         },
         formatter: (S) => {
-          const w = Array.isArray(S) ? S.find((k) => k.seriesName === "value") : S;
+          const w = Array.isArray(S) ? S.find((x) => x.seriesName === "value") : S;
           return w ? `${w.name}<br/>${w.marker} 数值: ${be(w.value)} ${c}` : "";
         }
       },
@@ -4001,7 +4009,7 @@ const Us = ({
   }
 }) => {
   const m = E(() => {
-    var S, w, k, L, d, p, x, _;
+    var S, w, x, k, p, d, L, _;
     const v = [
       {
         nameColor: "#8c9fad",
@@ -4056,11 +4064,11 @@ const Us = ({
         },
         axisLabel: {
           ...v[0].axisLabel,
-          ...(k = u[0]) == null ? void 0 : k.axisLabel
+          ...(x = u[0]) == null ? void 0 : x.axisLabel
         },
         axisTick: {
           ...v[0].axisTick,
-          ...(L = u[0]) == null ? void 0 : L.axisTick
+          ...(k = u[0]) == null ? void 0 : k.axisTick
         }
       },
       {
@@ -4068,15 +4076,15 @@ const Us = ({
         ...u[1],
         axisLine: {
           ...v[1].axisLine,
-          ...(d = u[1]) == null ? void 0 : d.axisLine
+          ...(p = u[1]) == null ? void 0 : p.axisLine
         },
         splitLine: {
           ...v[1].splitLine,
-          ...(p = u[1]) == null ? void 0 : p.splitLine
+          ...(d = u[1]) == null ? void 0 : d.splitLine
         },
         axisLabel: {
           ...v[1].axisLabel,
-          ...(x = u[1]) == null ? void 0 : x.axisLabel
+          ...(L = u[1]) == null ? void 0 : L.axisLabel
         },
         axisTick: {
           ...v[1].axisTick,
@@ -4085,7 +4093,7 @@ const Us = ({
       }
     ] : v;
   }, [u]), y = E(() => {
-    var v, S, w, k, L, d, p, x, _, T, z, $, F, I;
+    var v, S, w, x, k, p, d, L, _, T, $, z, F, I;
     return {
       backgroundColor: "transparent",
       tooltip: {
@@ -4141,22 +4149,22 @@ const Us = ({
             padding: [0, 0, 0, -10]
           },
           axisLabel: (w = m[0]) == null ? void 0 : w.axisLabel,
-          splitLine: (k = m[0]) == null ? void 0 : k.splitLine,
-          axisLine: (L = m[0]) == null ? void 0 : L.axisLine,
-          axisTick: (d = m[0]) == null ? void 0 : d.axisTick
+          splitLine: (x = m[0]) == null ? void 0 : x.splitLine,
+          axisLine: (k = m[0]) == null ? void 0 : k.axisLine,
+          axisTick: (p = m[0]) == null ? void 0 : p.axisTick
         },
         {
           type: "value",
           name: c[1],
           nameTextStyle: {
-            color: (p = m[1]) == null ? void 0 : p.nameColor,
-            fontSize: (x = m[1]) == null ? void 0 : x.nameFontSize,
+            color: (d = m[1]) == null ? void 0 : d.nameColor,
+            fontSize: (L = m[1]) == null ? void 0 : L.nameFontSize,
             padding: [0, 0, 0, 10]
           },
           axisLabel: (_ = m[1]) == null ? void 0 : _.axisLabel,
           splitLine: (T = m[1]) == null ? void 0 : T.splitLine,
-          axisLine: (z = m[1]) == null ? void 0 : z.axisLine,
-          axisTick: ($ = m[1]) == null ? void 0 : $.axisTick
+          axisLine: ($ = m[1]) == null ? void 0 : $.axisLine,
+          axisTick: (z = m[1]) == null ? void 0 : z.axisTick
         }
       ],
       series: [
@@ -4417,22 +4425,22 @@ const Us = ({
       splitLineColor: "#1F3453",
       fontSize: 14,
       ...t
-    }, k = {
+    }, x = {
       left: "3%",
       right: "4%",
       bottom: "3%",
       containLabel: !0,
       ...m
-    }, L = {
+    }, k = {
       show: !0,
       top: 10,
       textStyle: { color: "#fff", ...h.textStyle },
       ...h
-    }, d = {
+    }, p = {
       show: !0,
       ...y
-    }, p = (x, _) => {
-      const T = _.coord([_.value(0), _.value(1)]), z = T[0], $ = T[1], I = _.coord([_.value(0), 0])[1], W = u, N = W / 2, P = W / 3;
+    }, d = (L, _) => {
+      const T = _.coord([_.value(0), _.value(1)]), $ = T[0], z = T[1], I = _.coord([_.value(0), 0])[1], W = u, N = W / 2, P = W / 3;
       return {
         type: "group",
         children: [
@@ -4441,13 +4449,13 @@ const Us = ({
             type: "polygon",
             shape: {
               points: [
-                [z - N, I],
+                [$ - N, I],
                 // 左下
-                [z, I + P],
+                [$, I + P],
                 // 中下
-                [z, $ + P],
+                [$, z + P],
                 // 中上
-                [z - N, $]
+                [$ - N, z]
                 // 左上
               ]
             },
@@ -4465,13 +4473,13 @@ const Us = ({
             type: "polygon",
             shape: {
               points: [
-                [z, I + P],
+                [$, I + P],
                 // 中下
-                [z + N, I],
+                [$ + N, I],
                 // 右下
-                [z + N, $],
+                [$ + N, z],
                 // 右上
-                [z, $ + P]
+                [$, z + P]
                 // 中上
               ]
             },
@@ -4489,13 +4497,13 @@ const Us = ({
             type: "polygon",
             shape: {
               points: [
-                [z - N, $],
+                [$ - N, z],
                 // 左
-                [z, $ + P],
+                [$, z + P],
                 // 下
-                [z + N, $],
+                [$ + N, z],
                 // 右
-                [z, $ - P]
+                [$, z - P]
                 // 上
               ]
             },
@@ -4510,27 +4518,27 @@ const Us = ({
     };
     return {
       tooltip: {
-        show: d.show,
+        show: p.show,
         trigger: "axis",
         axisPointer: {
           type: "shadow"
         },
-        formatter: d.formatter || ((x) => {
-          if (!Array.isArray(x))
+        formatter: p.formatter || ((L) => {
+          if (!Array.isArray(L))
             return "";
-          let _ = `${x[0].name}`;
-          return x.forEach((T) => {
+          let _ = `${L[0].name}`;
+          return L.forEach((T) => {
             _ += `<br/>${T.marker}${T.seriesName}: ${be(T.value)}${r}`;
           }), _;
         })
       },
       legend: {
-        show: L.show,
+        show: k.show,
         data: s,
-        textStyle: L.textStyle,
-        top: L.top
+        textStyle: k.textStyle,
+        top: k.top
       },
-      grid: k,
+      grid: x,
       xAxis: {
         type: "category",
         data: a,
@@ -4577,7 +4585,7 @@ const Us = ({
         {
           name: s[0],
           type: "custom",
-          renderItem: p,
+          renderItem: d,
           itemStyle: {
             color: S.top
             // 使用顶部颜色作为图例颜色
@@ -4656,8 +4664,8 @@ const Us = ({
 }) => {
   const h = E(() => {
     const m = a.series.map((y, v) => {
-      const S = Math.max(...y.data), w = y.color || c[v % c.length], k = y.areaGradient || r[v % r.length], L = y.data.map((d) => d === S ? {
-        value: d,
+      const S = Math.max(...y.data), w = y.color || c[v % c.length], x = y.areaGradient || r[v % r.length], k = y.data.map((p) => p === S ? {
+        value: p,
         label: {
           show: !0,
           position: "top",
@@ -4675,7 +4683,7 @@ const Us = ({
           borderWidth: 2,
           color: "#fff"
         }
-      } : { value: d });
+      } : { value: p });
       return {
         name: y.name,
         type: "line",
@@ -4696,11 +4704,11 @@ const Us = ({
         },
         areaStyle: {
           color: new le.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: k.from },
-            { offset: 1, color: k.to }
+            { offset: 0, color: x.from },
+            { offset: 1, color: x.to }
           ])
         },
-        data: L
+        data: k
       };
     });
     return {
@@ -4792,8 +4800,8 @@ const Us = ({
 }) => {
   const u = E(() => {
     const h = a.series.map((m, y) => {
-      const v = Math.max(...m.data), S = m.color || c[y % c.length], w = m.data.map((k) => k === v ? {
-        value: k,
+      const v = Math.max(...m.data), S = m.color || c[y % c.length], w = m.data.map((x) => x === v ? {
+        value: x,
         label: {
           show: !0,
           position: "top",
@@ -4802,7 +4810,7 @@ const Us = ({
           fontWeight: (e == null ? void 0 : e.fontWeight) || "bold",
           formatter: (e == null ? void 0 : e.formatter) || (o ? `{c}${o}` : "{c}")
         }
-      } : { value: k });
+      } : { value: x });
       return {
         name: m.name,
         type: "line",
@@ -4903,7 +4911,7 @@ const Us = ({
       { value: 15, name: "数据指标3" },
       { value: 15, name: "数据指标4" },
       { value: 15, name: "数据指标5" }
-    ], w = S.reduce((F, I) => F + I.value, 0), k = r || ["#2E7BFD", "#1D4E89", "#00E4FF", "#FFAB00", "#FF3D00"], L = {
+    ], w = S.reduce((F, I) => F + I.value, 0), x = r || ["#2E7BFD", "#1D4E89", "#00E4FF", "#FFAB00", "#FF3D00"], k = {
       text: "{val|100%}{arrow|↓}",
       fontSize: 32,
       color: "#fff",
@@ -4913,7 +4921,7 @@ const Us = ({
       left: "29%",
       top: "center",
       ...n
-    }, d = {
+    }, p = {
       show: !0,
       right: "10%",
       top: "middle",
@@ -4941,7 +4949,7 @@ const Us = ({
         }
       },
       ...e
-    }, p = {
+    }, d = {
       center: ["30%", "50%"],
       radius: ["50%", "60%"],
       backgroundRadius: ["70%", "75%"],
@@ -4949,7 +4957,7 @@ const Us = ({
       padAngle: 5,
       centerRadius: "40%",
       ...t
-    }, x = {
+    }, L = {
       color: "#06234B",
       ...s
     }, _ = {
@@ -4964,37 +4972,37 @@ const Us = ({
       shadowBlur: 5,
       gradientOpacity: 0.3,
       ...h
-    }, z = {
+    }, $ = {
       show: !0,
       // 默认不显示，因为原始代码没有tooltip
       ...m
-    }, $ = a;
+    }, z = a;
     return {
       backgroundColor: "transparent",
       tooltip: {
-        show: z.show,
+        show: $.show,
         trigger: "item",
-        formatter: z.formatter || ((F) => F.seriesType !== "pie" || F.name === "分布" ? "" : `${F.marker}${F.name}: ${be(F.value)}${c} (${F.percent}%)`)
+        formatter: $.formatter || ((F) => F.seriesType !== "pie" || F.name === "分布" ? "" : `${F.marker}${F.name}: ${be(F.value)}${c} (${F.percent}%)`)
       },
       // 如果打算显示图片，则只显示标题文本（尽管现在默认显示图片）
       // 如果使用 graphic 显示图片，我们将隐藏标题
       title: {
-        text: L.text,
-        left: L.left,
-        top: L.top,
+        text: k.text,
+        left: k.left,
+        top: k.top,
         textAlign: "center",
         z: 15,
         textStyle: {
           rich: {
             val: {
-              fontSize: L.fontSize,
-              fontWeight: L.fontWeight,
-              color: L.color,
+              fontSize: k.fontSize,
+              fontWeight: k.fontWeight,
+              color: k.color,
               padding: [0, 5, 0, 0]
             },
             arrow: {
-              fontSize: L.arrowFontSize,
-              color: L.arrowColor,
+              fontSize: k.arrowFontSize,
+              color: k.arrowColor,
               fontWeight: "bold"
             }
           }
@@ -5002,40 +5010,40 @@ const Us = ({
       },
       graphic: [],
       legend: {
-        show: d.show,
+        show: p.show,
         orient: "vertical",
-        right: d.right,
-        top: d.top,
-        itemGap: d.itemGap,
-        itemWidth: d.itemWidth,
-        itemHeight: d.itemHeight,
+        right: p.right,
+        top: p.top,
+        itemGap: p.itemGap,
+        itemWidth: p.itemWidth,
+        itemHeight: p.itemHeight,
         icon: "rect",
-        tooltip: d.tooltip,
+        tooltip: p.tooltip,
         data: S.map((F, I) => ({
           name: F.name,
           itemStyle: {
-            color: k[I % k.length]
+            color: x[I % x.length]
             // 强制使用纯色
           }
         })),
         textStyle: {
-          color: d.textStyle.color,
-          fontSize: d.textStyle.fontSize,
+          color: p.textStyle.color,
+          fontSize: p.textStyle.fontSize,
           rich: {
             name: {
-              color: d.textStyle.nameColor,
-              fontSize: d.textStyle.nameFontSize,
-              padding: d.textStyle.namePadding,
-              width: d.textStyle.nameWidth
+              color: p.textStyle.nameColor,
+              fontSize: p.textStyle.nameFontSize,
+              padding: p.textStyle.namePadding,
+              width: p.textStyle.nameWidth
             },
             val: {
-              color: d.textStyle.valueColor,
-              fontSize: d.textStyle.valueFontSize,
+              color: p.textStyle.valueColor,
+              fontSize: p.textStyle.valueFontSize,
               fontWeight: "500"
             }
           }
         },
-        formatter: d.formatter || ((F) => {
+        formatter: p.formatter || ((F) => {
           const I = S.find((W) => W.name === F);
           return `{name|数据指标} {val|${be(I == null ? void 0 : I.value)}${c}}`;
         })
@@ -5044,8 +5052,8 @@ const Us = ({
         // 添加背景轨道圆环
         {
           type: "pie",
-          radius: p.backgroundRadius,
-          center: p.center,
+          radius: d.backgroundRadius,
+          center: d.center,
           silent: !0,
           z: 0,
           label: { show: !1 },
@@ -5053,7 +5061,7 @@ const Us = ({
             {
               value: 1,
               itemStyle: {
-                color: x.color
+                color: L.color
                 // 深色背景
               }
             }
@@ -5064,7 +5072,7 @@ const Us = ({
           type: "custom",
           coordinateSystem: "none",
           renderItem: (F, I) => {
-            const W = I.getWidth(), N = I.getHeight(), P = (de, ie) => typeof de == "string" && de.endsWith("%") ? parseFloat(de) / 100 * ie : de, B = P(p.center[0], W), O = P(p.center[1], N), re = Math.min(W, N) / 2 * _.radiusFactor;
+            const W = I.getWidth(), N = I.getHeight(), P = (de, ie) => typeof de == "string" && de.endsWith("%") ? parseFloat(de) / 100 * ie : de, B = P(d.center[0], W), O = P(d.center[1], N), re = Math.min(W, N) / 2 * _.radiusFactor;
             return {
               type: "group",
               x: B,
@@ -5131,11 +5139,11 @@ const Us = ({
             type: "custom",
             coordinateSystem: "none",
             renderItem: (F, I) => {
-              const W = I.getWidth(), N = I.getHeight(), P = (re, de) => typeof re == "string" && re.endsWith("%") ? parseFloat(re) / 100 * de : re, B = P(p.center[0], W), O = P(p.center[1], N), R = p.imgSize;
+              const W = I.getWidth(), N = I.getHeight(), P = (re, de) => typeof re == "string" && re.endsWith("%") ? parseFloat(re) / 100 * de : re, B = P(d.center[0], W), O = P(d.center[1], N), R = d.imgSize;
               return {
                 type: "image",
                 style: {
-                  image: $,
+                  image: z,
                   x: B - R / 2,
                   y: O - R / 2,
                   width: R,
@@ -5152,8 +5160,8 @@ const Us = ({
         ] : [
           {
             type: "pie",
-            radius: ["0%", p.centerRadius],
-            center: p.center,
+            radius: ["0%", d.centerRadius],
+            center: d.center,
             silent: !0,
             itemStyle: {
               color: {
@@ -5173,8 +5181,8 @@ const Us = ({
           },
           {
             type: "gauge",
-            radius: p.centerRadius,
-            center: p.center,
+            radius: d.centerRadius,
+            center: d.center,
             startAngle: 90,
             endAngle: -269.9,
             splitNumber: 1,
@@ -5195,10 +5203,10 @@ const Us = ({
         {
           name: "分布",
           type: "pie",
-          radius: p.radius,
-          center: p.center,
+          radius: d.radius,
+          center: d.center,
           avoidLabelOverlap: !1,
-          padAngle: p.padAngle,
+          padAngle: d.padAngle,
           // 使用 padAngle 创建间隔
           itemStyle: {
             borderRadius: 0
@@ -5210,7 +5218,7 @@ const Us = ({
             show: !1
           },
           data: S.map((F, I) => {
-            const W = k[I % k.length];
+            const W = x[I % x.length];
             return {
               ...F,
               itemStyle: {
@@ -5450,25 +5458,25 @@ const Us = ({
     var y, v, S, w;
     let h = c.index;
     if (h === void 0) {
-      let k = -1 / 0;
-      o.forEach((L, d) => {
-        L.value > k && (k = L.value, h = d);
+      let x = -1 / 0;
+      o.forEach((k, p) => {
+        k.value > x && (x = k.value, h = p);
       });
     }
-    const m = o.map((k, L) => L === h ? {
-      ...k,
+    const m = o.map((x, k) => k === h ? {
+      ...x,
       itemStyle: {
-        ...k.itemStyle,
+        ...x.itemStyle,
         ...c.itemStyle
       }
-    } : k);
+    } : x);
     return {
       backgroundColor: "transparent",
       title: r,
       tooltip: s,
       grid: n,
       xAxis: {
-        data: m.map((k) => k.name),
+        data: m.map((x) => x.name),
         axisTick: { show: !1 },
         axisLine: (y = e.xAxis) == null ? void 0 : y.axisLine,
         axisLabel: (v = e.xAxis) == null ? void 0 : v.axisLabel
@@ -5512,11 +5520,11 @@ const Us = ({
   titleConfig: S
 }) => {
   const w = E(() => {
-    const L = { ...{
+    const k = { ...{
       barTop: "#00eaff",
       barBottomFrom: "rgba(0, 234, 255, 0.8)",
       barBottomTo: "rgba(0, 40, 100, 0.2)"
-    }, ...c }, d = (m == null ? void 0 : m.width) ?? 30, p = (s == null ? void 0 : s.roundTo) ?? 1e3, x = (s == null ? void 0 : s.autoRound) ?? !0, _ = Math.max(...a.values), T = (s == null ? void 0 : s.min) ?? 0, z = (s == null ? void 0 : s.max) ?? (x ? Math.ceil(_ / p) * p : _);
+    }, ...c }, p = (m == null ? void 0 : m.width) ?? 30, d = (s == null ? void 0 : s.roundTo) ?? 1e3, L = (s == null ? void 0 : s.autoRound) ?? !0, _ = Math.max(...a.values), T = (s == null ? void 0 : s.min) ?? 0, $ = (s == null ? void 0 : s.max) ?? (L ? Math.ceil(_ / d) * d : _);
     return {
       backgroundColor: "transparent",
       title: S,
@@ -5532,8 +5540,8 @@ const Us = ({
       tooltip: {
         trigger: "axis",
         axisPointer: { type: "shadow", ...h },
-        formatter: (u == null ? void 0 : u.formatter) || (($) => {
-          const F = $.find((I) => I.seriesName === "body");
+        formatter: (u == null ? void 0 : u.formatter) || ((z) => {
+          const F = z.find((I) => I.seriesName === "body");
           return F ? `${F.name}<br/>${F.marker} 数值: ${be(F.value)} ${o}` : "";
         }),
         ...u
@@ -5561,7 +5569,7 @@ const Us = ({
           show: (v == null ? void 0 : v.left) ?? !0,
           type: "value",
           min: T,
-          max: z,
+          max: $,
           name: o,
           nameTextStyle: {
             color: (e == null ? void 0 : e.labelColor) ?? (r == null ? void 0 : r.yAxisLabelColor) ?? "#fff",
@@ -5586,7 +5594,7 @@ const Us = ({
             color: (e == null ? void 0 : e.labelColor) ?? (r == null ? void 0 : r.yAxisLabelColor) ?? "#fff",
             fontSize: (e == null ? void 0 : e.labelFontSize) ?? 14,
             margin: (e == null ? void 0 : e.labelMargin) ?? 12,
-            formatter: ($) => e != null && e.formatter ? e.formatter($) : $.toLocaleString()
+            formatter: (z) => e != null && e.formatter ? e.formatter(z) : z.toLocaleString()
           }
         },
         {
@@ -5594,7 +5602,7 @@ const Us = ({
           type: "value",
           position: "right",
           min: T,
-          max: z,
+          max: $,
           name: o,
           nameTextStyle: {
             color: (t == null ? void 0 : t.labelColor) ?? (r == null ? void 0 : r.yAxisLabelColor) ?? "#fff",
@@ -5616,7 +5624,7 @@ const Us = ({
             color: (t == null ? void 0 : t.labelColor) ?? (r == null ? void 0 : r.yAxisLabelColor) ?? "#fff",
             fontSize: (t == null ? void 0 : t.labelFontSize) ?? 14,
             margin: (t == null ? void 0 : t.labelMargin) ?? 12,
-            formatter: ($) => t != null && t.formatter ? t.formatter($) : $.toLocaleString()
+            formatter: (z) => t != null && t.formatter ? t.formatter(z) : z.toLocaleString()
           }
         }
       ],
@@ -5625,11 +5633,11 @@ const Us = ({
         {
           name: "body",
           type: "bar",
-          barWidth: d,
+          barWidth: p,
           itemStyle: {
             color: new le.graphic.LinearGradient(0, 0, 0, 1, [
-              { offset: 0, color: L.barBottomFrom },
-              { offset: 1, color: L.barBottomTo }
+              { offset: 0, color: k.barBottomFrom },
+              { offset: 1, color: k.barBottomTo }
             ])
           },
           data: a.values
@@ -5640,12 +5648,12 @@ const Us = ({
           type: "pictorialBar",
           symbol: "diamond",
           symbolPosition: "end",
-          symbolSize: (y == null ? void 0 : y.symbolSize) ?? [d, d * 0.5],
+          symbolSize: (y == null ? void 0 : y.symbolSize) ?? [p, p * 0.5],
           symbolOffset: (y == null ? void 0 : y.symbolOffset) ?? [0, "-50%"],
           itemStyle: {
-            color: (y == null ? void 0 : y.color) ?? L.barTop,
+            color: (y == null ? void 0 : y.color) ?? k.barTop,
             borderWidth: 0,
-            shadowColor: (y == null ? void 0 : y.color) ?? L.barTop,
+            shadowColor: (y == null ? void 0 : y.color) ?? k.barTop,
             shadowBlur: (y == null ? void 0 : y.shadowBlur) ?? 5
           },
           data: a.values
@@ -5900,7 +5908,7 @@ const Us = ({
     border: `1px solid ${y.iconBorder}`,
     filter: y.filter,
     ...s
-  }, k = {
+  }, x = {
     gap: "8px",
     labelWidth: "80px",
     labelColor: y.labelColor,
@@ -6018,31 +6026,31 @@ const Us = ({
                       flex: 1,
                       display: "flex",
                       flexDirection: "column",
-                      gap: k.gap,
-                      ...k.style
+                      gap: x.gap,
+                      ...x.style
                     },
-                    children: r.map((L, d) => /* @__PURE__ */ M(
+                    children: r.map((k, p) => /* @__PURE__ */ M(
                       "div",
                       {
                         style: {
                           display: "flex",
-                          fontSize: k.fontSize,
-                          lineHeight: k.lineHeight,
-                          ...k.itemStyle
+                          fontSize: x.fontSize,
+                          lineHeight: x.lineHeight,
+                          ...x.itemStyle
                         },
                         children: [
                           /* @__PURE__ */ M(
                             "span",
                             {
                               style: {
-                                color: k.labelColor,
-                                width: k.labelWidth,
+                                color: x.labelColor,
+                                width: x.labelWidth,
                                 textAlign: "right",
                                 marginRight: "10px",
-                                ...k.labelStyle
+                                ...x.labelStyle
                               },
                               children: [
-                                L.label,
+                                k.label,
                                 ":"
                               ]
                             }
@@ -6051,15 +6059,15 @@ const Us = ({
                             "span",
                             {
                               style: {
-                                color: k.valueColor,
-                                ...k.valueStyle
+                                color: x.valueColor,
+                                ...x.valueStyle
                               },
-                              children: L.value
+                              children: k.value
                             }
                           )
                         ]
                       },
-                      d
+                      p
                     ))
                   }
                 )
@@ -6319,14 +6327,14 @@ const Us = ({
   backgroundConfig: e,
   bottomLineConfig: t
 }) => {
-  var k, L, d;
+  var x, k, p;
   const s = o || [
     { label: "本月", value: "month" },
     { label: "本年", value: "year" }
   ], [u, h] = ze(
     c || (s.length > 0 ? s[0].value : "")
-  ), m = (p) => {
-    h(p), r && r(p);
+  ), m = (d) => {
+    h(d), r && r(d);
   }, y = (a == null ? void 0 : a.text) || "可视化数据", v = e == null ? void 0 : e.image, S = t == null ? void 0 : t.color, w = (t == null ? void 0 : t.show) !== !1 && !v;
   return /* @__PURE__ */ M(
     "div",
@@ -6348,14 +6356,14 @@ const Us = ({
               // 如果未定义，使用 CSS 中的默认渐变
               ...t == null ? void 0 : t.style
             },
-            children: ((k = t == null ? void 0 : t.decorationDots) == null ? void 0 : k.show) !== !1 && /* @__PURE__ */ l(
+            children: ((x = t == null ? void 0 : t.decorationDots) == null ? void 0 : x.show) !== !1 && /* @__PURE__ */ l(
               "div",
               {
                 className: Xe.decorationDots,
                 style: {
-                  ...(L = t == null ? void 0 : t.decorationDots) == null ? void 0 : L.style
+                  ...(k = t == null ? void 0 : t.decorationDots) == null ? void 0 : k.style
                 },
-                children: [...Array(((d = t == null ? void 0 : t.decorationDots) == null ? void 0 : d.count) || 5)].map((p, x) => /* @__PURE__ */ l("div", { className: Xe.dot }, x))
+                children: [...Array(((p = t == null ? void 0 : t.decorationDots) == null ? void 0 : p.count) || 5)].map((d, L) => /* @__PURE__ */ l("div", { className: Xe.dot }, L))
               }
             )
           }
@@ -6388,20 +6396,20 @@ const Us = ({
             style: {
               ...n == null ? void 0 : n.containerStyle
             },
-            children: s.map((p) => {
-              const x = u === p.value;
+            children: s.map((d) => {
+              const L = u === d.value;
               return /* @__PURE__ */ M(
                 "div",
                 {
-                  onClick: () => m(p.value),
-                  className: `${Xe.tabItem} ${x ? Xe.active : ""}`,
+                  onClick: () => m(d.value),
+                  className: `${Xe.tabItem} ${L ? Xe.active : ""}`,
                   style: {
                     ...n == null ? void 0 : n.itemStyle,
-                    ...x ? n == null ? void 0 : n.activeItemStyle : n == null ? void 0 : n.inactiveItemStyle
+                    ...L ? n == null ? void 0 : n.activeItemStyle : n == null ? void 0 : n.inactiveItemStyle
                   },
                   children: [
-                    p.label,
-                    x && /* @__PURE__ */ l(
+                    d.label,
+                    L && /* @__PURE__ */ l(
                       "div",
                       {
                         className: Xe.activeLine,
@@ -6412,7 +6420,7 @@ const Us = ({
                     )
                   ]
                 },
-                p.value
+                d.value
               );
             })
           }
@@ -6464,23 +6472,23 @@ const Us = ({
   legendConfig: u,
   customLegend: h
 }) => {
-  const m = Ae(null), y = (d, p) => d.reduce(
-    (x, _) => (x[_.name] = (p == null ? void 0 : p[_.name]) ?? !0, x),
+  const m = Ae(null), y = (p, d) => p.reduce(
+    (L, _) => (L[_.name] = (d == null ? void 0 : d[_.name]) ?? !0, L),
     {}
   ), [v, S] = ze(
     () => y(a.series)
   );
   kt(() => {
-    S((d) => {
-      const p = y(a.series, d), x = Object.keys(d), _ = Object.keys(p);
-      return x.length === _.length && _.every((z) => d[z] === p[z]) ? d : p;
+    S((p) => {
+      const d = y(a.series, p), L = Object.keys(p), _ = Object.keys(d);
+      return L.length === _.length && _.every(($) => p[$] === d[$]) ? p : d;
     });
   }, [a.series]);
   const w = E(() => {
-    var z, $;
-    const d = !!r, p = (F) => a.series.some(
-      (I, W) => (d ? (I.yAxisIndex ?? W) === F : F === 0) && v[I.name] !== !1
-    ), x = p(0), _ = d && p(1), T = a.series.map((F, I) => {
+    var $, z;
+    const p = !!r, d = (F) => a.series.some(
+      (I, W) => (p ? (I.yAxisIndex ?? W) === F : F === 0) && v[I.name] !== !1
+    ), L = d(0), _ = p && d(1), T = a.series.map((F, I) => {
       const W = F.color || (I === 0 ? "rgba(0, 121, 233, 1)" : "rgba(103, 242, 252, 1)"), N = o[I % o.length], P = {
         name: F.name,
         type: "line",
@@ -6501,7 +6509,7 @@ const Us = ({
         data: F.values,
         z: 3
       };
-      return d ? {
+      return p ? {
         ...P,
         yAxisIndex: F.yAxisIndex ?? I
       } : P;
@@ -6519,8 +6527,8 @@ const Us = ({
         selectedMode: (u == null ? void 0 : u.selectedMode) ?? !0,
         selected: v,
         textStyle: {
-          color: ((z = u == null ? void 0 : u.textStyle) == null ? void 0 : z.color) ?? "rgba(255,255,255,0.8)",
-          fontSize: (($ = u == null ? void 0 : u.textStyle) == null ? void 0 : $.fontSize) ?? 12
+          color: (($ = u == null ? void 0 : u.textStyle) == null ? void 0 : $.color) ?? "rgba(255,255,255,0.8)",
+          fontSize: ((z = u == null ? void 0 : u.textStyle) == null ? void 0 : z.fontSize) ?? 12
         },
         data: a.series.map((F, I) => ({
           name: F.name,
@@ -6544,7 +6552,7 @@ const Us = ({
           var N;
           const I = ((N = F[0]) == null ? void 0 : N.axisValueLabel) ?? "", W = F.map((P) => {
             var R;
-            const B = ((R = a.series[P.seriesIndex]) == null ? void 0 : R.yAxisIndex) ?? P.seriesIndex, O = d && B === 1 ? r : c;
+            const B = ((R = a.series[P.seriesIndex]) == null ? void 0 : R.yAxisIndex) ?? P.seriesIndex, O = p && B === 1 ? r : c;
             return `${P.marker} ${P.seriesName}: ${be(P.data)}${O ?? ""}`;
           }).join("<br/>");
           return `${I}<br/>${W}`;
@@ -6567,11 +6575,11 @@ const Us = ({
         },
         axisTick: { show: !1 }
       },
-      yAxis: d ? [
+      yAxis: p ? [
         // 左侧 Y 轴
         {
           type: "value",
-          show: x,
+          show: L,
           name: c,
           position: "left",
           scale: !0,
@@ -6625,7 +6633,7 @@ const Us = ({
         }
       ] : {
         type: "value",
-        show: x,
+        show: L,
         name: c,
         scale: !0,
         // 自适应刻度，不强制从 0 开始
@@ -6665,43 +6673,43 @@ const Us = ({
     u,
     h,
     v
-  ]), k = E(() => {
+  ]), x = E(() => {
     if (typeof h != "function") return h;
-    const d = (p, x) => p.color || (x === 0 ? "#3bbcff" : "#39d1a1");
+    const p = (d, L) => d.color || (L === 0 ? "#3bbcff" : "#39d1a1");
     return h({
       selected: v,
-      series: a.series.map((p, x) => ({
-        ...p,
-        color: d(p, x),
-        selected: v[p.name] ?? !0
+      series: a.series.map((d, L) => ({
+        ...d,
+        color: p(d, L),
+        selected: v[d.name] ?? !0
       })),
-      toggleLegend: (p) => {
-        S((x) => {
-          const _ = !(x[p] ?? !0);
+      toggleLegend: (d) => {
+        S((L) => {
+          const _ = !(L[d] ?? !0);
           return {
-            ...x,
-            [p]: _
+            ...L,
+            [d]: _
           };
         });
       }
     });
-  }, [h, a.series, v]), L = E(
+  }, [h, a.series, v]), k = E(
     () => ({
-      legendselectchanged: (d) => {
-        S(d.selected);
+      legendselectchanged: (p) => {
+        S(p.selected);
       }
     }),
     []
   );
   return /* @__PURE__ */ M("div", { style: { width: "100%", height: "100%", ...i }, children: [
-    k,
+    x,
     /* @__PURE__ */ l(
       K,
       {
         ref: m,
         option: w,
         style: { width: "100%", height: "100%", ...b },
-        onEvents: L
+        onEvents: k
       }
     )
   ] });
@@ -6967,17 +6975,17 @@ const Us = ({
     () => c || ["#33FF99", "#00FFCC", "#3399FF", "#007AFF"],
     [c]
   ), w = E(() => {
-    var $, F, I, W, N;
-    const k = {
+    var z, F, I, W, N;
+    const x = {
       max: 133.33,
       startAngle: 225,
       clockwise: !0,
       ...t
-    }, L = {
+    }, k = {
       radius: ["28%", "100%"],
       center: ["38%", "50%"],
       ...s
-    }, d = {
+    }, p = {
       show: !1,
       position: "outside",
       formatter: "{c}%",
@@ -6986,7 +6994,7 @@ const Us = ({
       fontWeight: "bold",
       distance: 5,
       ...u
-    }, p = {
+    }, d = {
       show: !0,
       orient: "vertical",
       right: "5%",
@@ -6996,12 +7004,12 @@ const Us = ({
       itemWidth: 12,
       itemHeight: 12,
       ...h
-    }, x = {
+    }, L = {
       color: "#AAB2BD",
       fontSize: 16,
       width: 80,
       padding: [0, 0, 0, 5],
-      ...(F = ($ = h == null ? void 0 : h.textStyle) == null ? void 0 : $.rich) == null ? void 0 : F.name
+      ...(F = (z = h == null ? void 0 : h.textStyle) == null ? void 0 : z.rich) == null ? void 0 : F.name
     }, _ = {
       color: "#fff",
       fontSize: 20,
@@ -7010,7 +7018,7 @@ const Us = ({
     }, T = {
       ...h == null ? void 0 : h.textStyle,
       rich: {
-        name: x,
+        name: L,
         value: _,
         ...(N = h == null ? void 0 : h.textStyle) == null ? void 0 : N.rich
       }
@@ -7023,7 +7031,7 @@ const Us = ({
         ...m
       },
       angleAxis: {
-        ...k,
+        ...x,
         axisLine: { show: !1 },
         axisTick: { show: !1 },
         axisLabel: { show: !1 },
@@ -7038,7 +7046,7 @@ const Us = ({
         axisLabel: { show: !1 },
         splitLine: { show: !1 }
       },
-      polar: L,
+      polar: k,
       series: [
         // =========================
         // 背景轨道
@@ -7073,11 +7081,11 @@ const Us = ({
             color: S[B % S.length],
             borderRadius: 999
           },
-          label: d
+          label: p
         }))
       ],
       legend: {
-        ...p,
+        ...d,
         data: [...v].reverse().map((P) => {
           const B = v.indexOf(P);
           return {
@@ -7627,11 +7635,11 @@ const Us = ({
   const y = {
     xAxis: ["1月", "2月", "3月", "4月", "5月", "6月"],
     value: [310, 180, 340, 210, 320, 240]
-  }, v = u != null && u.xAxis && u.xAxis.length > 0 ? u.xAxis : y.xAxis, S = u != null && u.value && u.value.length > 0 ? u.value : y.value, w = S.length > 0 ? Math.max(...S) : 0, L = S.length > 0 ? S.map(() => w) : [400, 400, 400, 400, 400, 400], d = h ?? 15, p = (m == null ? void 0 : m.background) || "rgba(255,255,255,0.05)", x = (m == null ? void 0 : m.gradientFrom) || "#97c8ff", _ = (m == null ? void 0 : m.gradientTo) || "#2f69f8", z = t ? ((F) => {
+  }, v = u != null && u.xAxis && u.xAxis.length > 0 ? u.xAxis : y.xAxis, S = u != null && u.value && u.value.length > 0 ? u.value : y.value, w = S.length > 0 ? Math.max(...S) : 0, k = S.length > 0 ? S.map(() => w) : [400, 400, 400, 400, 400, 400], p = h ?? 15, d = (m == null ? void 0 : m.background) || "rgba(255,255,255,0.05)", L = (m == null ? void 0 : m.gradientFrom) || "#97c8ff", _ = (m == null ? void 0 : m.gradientTo) || "#2f69f8", $ = t ? ((F) => {
     if (!F || F.length === 0) return {};
     const I = Math.min(...F), W = Math.max(...F), N = W - I || W || 1, B = Math.pow(10, Math.floor(Math.log10(N))) / 2, O = I >= 0 ? 0 : Math.floor(I / B) * B, R = Math.ceil(W * 1.05 / B) * B;
     return { min: O, max: R };
-  })(S) : {}, $ = {
+  })(S) : {}, z = {
     backgroundColor: "transparent",
     title: {
       text: a || "针对2023年半年的统计",
@@ -7693,8 +7701,8 @@ const Us = ({
     },
     yAxis: {
       type: "value",
-      ...t && z.min !== void 0 ? { min: z.min } : {},
-      ...t && z.max !== void 0 ? { max: z.max } : {},
+      ...t && $.min !== void 0 ? { min: $.min } : {},
+      ...t && $.max !== void 0 ? { max: $.max } : {},
       splitLine: {
         lineStyle: {
           type: "dashed",
@@ -7714,10 +7722,10 @@ const Us = ({
       {
         name: "Background",
         type: "bar",
-        barWidth: d,
-        data: L,
+        barWidth: p,
+        data: k,
         itemStyle: {
-          color: p
+          color: d
         },
         tooltip: {
           show: !1
@@ -7729,11 +7737,11 @@ const Us = ({
       {
         name: "Value",
         type: "bar",
-        barWidth: d,
+        barWidth: p,
         data: S,
         itemStyle: {
           color: new le.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: x },
+            { offset: 0, color: L },
             { offset: 1, color: _ }
           ])
         },
@@ -7741,7 +7749,7 @@ const Us = ({
       }
     ]
   };
-  return /* @__PURE__ */ l("div", { style: { width: "100%", height: "100%", ...i }, children: /* @__PURE__ */ l(K, { option: $, style: { height: "100%", width: "100%", ...b } }) });
+  return /* @__PURE__ */ l("div", { style: { width: "100%", height: "100%", ...i }, children: /* @__PURE__ */ l(K, { option: z, style: { height: "100%", width: "100%", ...b } }) });
 }, Ql = "_container_15fyb_1", Jl = "_background_15fyb_8", fl = "_decoration_15fyb_18", gl = "_decoration1_15fyb_25", Cl = "_decoration2_15fyb_29", es = "_textContainer_15fyb_32", ts = "_title_15fyb_37", rs = "_subTitle_15fyb_45", Ye = {
   container: Ql,
   background: Jl,
@@ -7849,8 +7857,8 @@ const Us = ({
     const s = a.series.flatMap((u, h) => {
       const m = c[h % c.length], y = (v, S) => {
         if (v.startsWith("#") && v.length === 7) {
-          const w = parseInt(v.slice(1, 3), 16), k = parseInt(v.slice(3, 5), 16), L = parseInt(v.slice(5, 7), 16);
-          return `rgba(${w}, ${k}, ${L}, ${S})`;
+          const w = parseInt(v.slice(1, 3), 16), x = parseInt(v.slice(3, 5), 16), k = parseInt(v.slice(5, 7), 16);
+          return `rgba(${w}, ${x}, ${k}, ${S})`;
         }
         return v;
       };
@@ -8031,13 +8039,13 @@ const Us = ({
     endAngle: S = -269.9
   } = r, {
     show: w = !0,
-    right: k = "10%",
-    top: L = "center",
-    textStyle: d = {},
-    itemWidth: p = 8,
-    itemHeight: x = 8,
+    right: x = "10%",
+    top: k = "center",
+    textStyle: p = {},
+    itemWidth: d = 8,
+    itemHeight: L = 8,
     itemGap: _ = 20
-  } = n, T = e.show ?? !!e.src, z = e.src, $ = e.size || 85, F = E(() => {
+  } = n, T = e.show ?? !!e.src, $ = e.src, z = e.size || 85, F = E(() => {
     const I = [];
     return o.forEach((W, N) => {
       const P = `${h - N * m}%`;
@@ -8085,7 +8093,7 @@ const Us = ({
         detail: { show: !1 },
         data: [{ value: W.value }],
         z: 10
-      }), T && z ? N === 0 && I.push({
+      }), T && $ ? N === 0 && I.push({
         type: "custom",
         coordinateSystem: "none",
         renderItem: (B, O) => {
@@ -8093,11 +8101,11 @@ const Us = ({
           return {
             type: "image",
             style: {
-              image: z,
-              x: ie - $ / 2,
-              y: J - $ / 2,
-              width: $,
-              height: $
+              image: $,
+              x: ie - z / 2,
+              y: J - z / 2,
+              width: z,
+              height: z
             }
           };
         },
@@ -8156,11 +8164,11 @@ const Us = ({
       legend: {
         show: w,
         orient: "vertical",
-        right: k,
-        top: L,
+        right: x,
+        top: k,
         icon: "circle",
-        itemWidth: p,
-        itemHeight: x,
+        itemWidth: d,
+        itemHeight: L,
         itemGap: _,
         textStyle: {
           color: "#fff",
@@ -8179,7 +8187,7 @@ const Us = ({
               fontSize: 14
             }
           },
-          ...d
+          ...p
         },
         data: o.map((W, N) => ({
           name: `data_${N}`,
@@ -8198,12 +8206,12 @@ const Us = ({
   }, [
     o,
     w,
+    x,
     k,
+    d,
     L,
-    p,
-    x,
     _,
-    d,
+    p,
     h,
     m,
     s,
@@ -8212,8 +8220,8 @@ const Us = ({
     y,
     t,
     T,
-    z,
     $,
+    z,
     u
   ]);
   return /* @__PURE__ */ l(
@@ -8240,16 +8248,16 @@ const Us = ({
   progressConfig: n = {},
   outerConfig: e = {}
 }) => {
-  const { color: t = "#00f2fe", value: s, name: u, startColor: h = "#00f2fe", endColor: m = "#4facfe" } = a, y = o.width ?? "200px", v = o.height ?? "200px", S = o.center ?? ["50%", "50%"], w = c.fontSize ?? 30, k = c.fontWeight ?? "bold", L = c.color ?? t, d = r.fontSize ?? 16, p = r.color ?? "#fff", x = r.marginTop ?? "10px", _ = n.radius ?? "70%", T = n.innerRadius ?? "0%", z = n.width ?? 15, $ = n.trackOpacity ?? 0.5, F = e.show ?? !0, I = e.radius ?? "84%", W = e.splitNumber ?? 20, N = e.tickWidth ?? 4, P = e.tickLength ?? 15, B = e.tickColor ?? "#fff", O = e.lineOpacity ?? 0.3, R = E(
+  const { color: t = "#00f2fe", value: s, name: u, startColor: h = "#00f2fe", endColor: m = "#4facfe" } = a, y = o.width ?? "200px", v = o.height ?? "200px", S = o.center ?? ["50%", "50%"], w = c.fontSize ?? 30, x = c.fontWeight ?? "bold", k = c.color ?? t, p = r.fontSize ?? 16, d = r.color ?? "#fff", L = r.marginTop ?? "10px", _ = n.radius ?? "70%", T = n.innerRadius ?? "0%", $ = n.width ?? 15, z = n.trackOpacity ?? 0.5, F = e.show ?? !0, I = e.radius ?? "84%", W = e.splitNumber ?? 20, N = e.tickWidth ?? 4, P = e.tickLength ?? 15, B = e.tickColor ?? "#fff", O = e.lineOpacity ?? 0.3, R = E(
     () => ({
       title: {
         text: `${s}%`,
         left: "center",
         top: "center",
         textStyle: {
-          color: L,
+          color: k,
           fontSize: w,
-          fontWeight: k
+          fontWeight: x
         }
       },
       series: [
@@ -8285,7 +8293,7 @@ const Us = ({
             lineStyle: {
               color: [[1, t]],
               width: 1,
-              opacity: $
+              opacity: z
             }
           },
           splitLine: { show: !1 },
@@ -8309,7 +8317,7 @@ const Us = ({
           },
           progress: {
             show: !0,
-            width: z,
+            width: $,
             itemStyle: {
               color: new le.graphic.LinearGradient(0, 0, 1, 1, [
                 { offset: 0, color: h },
@@ -8381,15 +8389,15 @@ const Us = ({
     }),
     [
       s,
-      L,
-      w,
       k,
+      w,
+      x,
       T,
       _,
       S,
       t,
-      $,
       z,
+      $,
       h,
       m,
       F,
@@ -8417,9 +8425,9 @@ const Us = ({
           "div",
           {
             style: {
-              marginTop: x,
-              color: p,
-              fontSize: d
+              marginTop: L,
+              color: d,
+              fontSize: p
             },
             children: u
           }
@@ -8447,16 +8455,16 @@ const Us = ({
   centerImage: v,
   color: S = "#00f2fe",
   data: w,
-  colors: k = ["#FFFFFF", "#FFD700", "#00FA9A", "#1E90FF", "#00FFFF"],
-  unit: L,
-  titleConfig: d,
-  legendConfig: p,
-  pieConfig: x,
+  colors: x = ["#FFFFFF", "#FFD700", "#00FA9A", "#1E90FF", "#00FFFF"],
+  unit: k,
+  titleConfig: p,
+  legendConfig: d,
+  pieConfig: L,
   centerConfig: _,
   seriesConfig: T
 }) => {
   var Le, ke, q, Z, Je, He, fe, ot, lt, ee, Ie, ge, Ce, pt, $t, Ft, wt, Mt, ue, ut, st, Be, et, ct, tt, Ge, _t, Ze, At, Et;
-  const z = Ae(null), $ = Ae(null), F = sr($), [I, W] = ze(0), N = E(() => {
+  const $ = Ae(null), z = Ae(null), F = sr(z), [I, W] = ze(0), N = E(() => {
     const A = w || [
       { value: 2e3, name: "统计一" },
       { value: 960, name: "统计二" },
@@ -8466,31 +8474,31 @@ const Us = ({
     ], te = A.reduce(($e, ye) => $e + ye.value, 0);
     return A.map(($e, ye) => ({
       ...$e,
-      color: $e.color || k[ye % k.length],
+      color: $e.color || x[ye % x.length],
       percent: `${te > 0 ? ($e.value / te * 100).toFixed(0) : 0}%`
     }));
-  }, [w, k]), [P, B] = ze({}), [O, R] = ze();
+  }, [w, x]), [P, B] = ze({}), [O, R] = ze();
   kt(() => {
     const A = {};
     N.forEach((te) => {
       A[te.name] = !0;
     }), B(A);
   }, [N]);
-  const re = E(() => N.reduce((A, te) => P[te.name] ? A + te.value : A, 0), [N, P]), de = (_ == null ? void 0 : _.image) || v || "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png", ie = (_ == null ? void 0 : _.imageSize) || 135, J = (x == null ? void 0 : x.center) || ["50%", "50%"], ve = ((Le = x == null ? void 0 : x.radius) == null ? void 0 : Le.outer) || ["74%", "88%"], U = ((ke = x == null ? void 0 : x.radius) == null ? void 0 : ke.inner) || ["58%", "68%"], H = ((q = x == null ? void 0 : x.radius) == null ? void 0 : q.halo) || ["50%", "90%"], G = (_ == null ? void 0 : _.radius) || "50%", Y = {
-    textAlign: (d == null ? void 0 : d.textAlign) || "center",
-    textVerticalAlign: (d == null ? void 0 : d.textVerticalAlign) || "middle",
-    z: (d == null ? void 0 : d.z) ?? 11,
+  const re = E(() => N.reduce((A, te) => P[te.name] ? A + te.value : A, 0), [N, P]), de = (_ == null ? void 0 : _.image) || v || "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png", ie = (_ == null ? void 0 : _.imageSize) || 135, J = (L == null ? void 0 : L.center) || ["50%", "50%"], ve = ((Le = L == null ? void 0 : L.radius) == null ? void 0 : Le.outer) || ["74%", "88%"], U = ((ke = L == null ? void 0 : L.radius) == null ? void 0 : ke.inner) || ["58%", "68%"], H = ((q = L == null ? void 0 : L.radius) == null ? void 0 : q.halo) || ["50%", "90%"], G = (_ == null ? void 0 : _.radius) || "50%", Y = {
+    textAlign: (p == null ? void 0 : p.textAlign) || "center",
+    textVerticalAlign: (p == null ? void 0 : p.textVerticalAlign) || "middle",
+    z: (p == null ? void 0 : p.z) ?? 11,
     valueStyle: {
-      color: ((Z = d == null ? void 0 : d.textStyle) == null ? void 0 : Z.color) || "#fff",
-      fontSize: ((Je = d == null ? void 0 : d.textStyle) == null ? void 0 : Je.fontSize) || 32,
-      fontWeight: ((He = d == null ? void 0 : d.textStyle) == null ? void 0 : He.fontWeight) || "bold",
-      lineHeight: ((fe = d == null ? void 0 : d.textStyle) == null ? void 0 : fe.lineHeight) || 40,
-      align: ((ot = d == null ? void 0 : d.textStyle) == null ? void 0 : ot.align) || "center"
+      color: ((Z = p == null ? void 0 : p.textStyle) == null ? void 0 : Z.color) || "#fff",
+      fontSize: ((Je = p == null ? void 0 : p.textStyle) == null ? void 0 : Je.fontSize) || 32,
+      fontWeight: ((He = p == null ? void 0 : p.textStyle) == null ? void 0 : He.fontWeight) || "bold",
+      lineHeight: ((fe = p == null ? void 0 : p.textStyle) == null ? void 0 : fe.lineHeight) || 40,
+      align: ((ot = p == null ? void 0 : p.textStyle) == null ? void 0 : ot.align) || "center"
     },
     labelStyle: {
-      color: ((lt = d == null ? void 0 : d.labelStyle) == null ? void 0 : lt.color) || "#fff",
-      fontSize: ((ee = d == null ? void 0 : d.labelStyle) == null ? void 0 : ee.fontSize) || 14,
-      align: ((Ie = d == null ? void 0 : d.labelStyle) == null ? void 0 : Ie.align) || "center"
+      color: ((lt = p == null ? void 0 : p.labelStyle) == null ? void 0 : lt.color) || "#fff",
+      fontSize: ((ee = p == null ? void 0 : p.labelStyle) == null ? void 0 : ee.fontSize) || 14,
+      align: ((Ie = p == null ? void 0 : p.labelStyle) == null ? void 0 : Ie.align) || "center"
     }
   }, D = {
     silent: ((ge = T == null ? void 0 : T.halo) == null ? void 0 : ge.silent) ?? !0,
@@ -8526,18 +8534,18 @@ const Us = ({
     lineOpacity: ((Et = _ == null ? void 0 : _.gauge) == null ? void 0 : Et.lineOpacity) ?? 0.5
   }, Se = E(() => ({
     legend: {
-      show: (p == null ? void 0 : p.show) ?? !1,
+      show: (d == null ? void 0 : d.show) ?? !1,
       data: N.map((A) => A.name),
       selected: P
     },
-    title: d != null && d.text ? {
+    title: p != null && p.text ? {
       left: J[0],
       top: J[1],
       textAlign: Y.textAlign,
       textVerticalAlign: Y.textVerticalAlign,
       z: Y.z,
-      text: `{value|${(d == null ? void 0 : d.text) || re.toLocaleString()}}
-{label|${(d == null ? void 0 : d.label) || "三季度"}}`,
+      text: `{value|${(p == null ? void 0 : p.text) || re.toLocaleString()}}
+{label|${(p == null ? void 0 : p.label) || "三季度"}}`,
       textStyle: {
         rich: {
           value: {
@@ -8546,13 +8554,13 @@ const Us = ({
             fontWeight: Y.valueStyle.fontWeight,
             lineHeight: Y.valueStyle.lineHeight,
             align: Y.valueStyle.align,
-            ...d == null ? void 0 : d.textStyle
+            ...p == null ? void 0 : p.textStyle
           },
           label: {
             color: Y.labelStyle.color,
             fontSize: Y.labelStyle.fontSize,
             align: Y.labelStyle.align,
-            ...d == null ? void 0 : d.labelStyle
+            ...p == null ? void 0 : p.labelStyle
           }
         }
       }
@@ -8578,7 +8586,7 @@ const Us = ({
         radius: ve,
         center: J,
         avoidLabelOverlap: X.avoidLabelOverlap,
-        padAngle: (x == null ? void 0 : x.padAngle) ?? 5,
+        padAngle: (L == null ? void 0 : L.padAngle) ?? 5,
         itemStyle: {
           borderRadius: X.borderRadius
         },
@@ -8610,7 +8618,7 @@ const Us = ({
         radius: U,
         center: J,
         avoidLabelOverlap: X.avoidLabelOverlap,
-        padAngle: (x == null ? void 0 : x.padAngle) ?? 5,
+        padAngle: (L == null ? void 0 : L.padAngle) ?? 5,
         itemStyle: {
           borderRadius: X.borderRadius,
           opacity: X.innerOpacity
@@ -8699,7 +8707,7 @@ const Us = ({
   }), [
     N,
     P,
-    d,
+    p,
     re,
     de,
     ie,
@@ -8708,9 +8716,9 @@ const Us = ({
     U,
     H,
     G,
-    x == null ? void 0 : x.padAngle,
+    L == null ? void 0 : L.padAngle,
     S,
-    p == null ? void 0 : p.show,
+    d == null ? void 0 : d.show,
     Y,
     D,
     X,
@@ -8723,24 +8731,24 @@ const Us = ({
       [A]: !te[A]
     }));
   }, Me = (A) => {
-    P[A] && (R(A), z.current && z.current.getEchartsInstance().dispatchAction({
+    P[A] && (R(A), $.current && $.current.getEchartsInstance().dispatchAction({
       type: "highlight",
       name: A
     }));
   }, Re = (A) => {
-    R(void 0), z.current && z.current.getEchartsInstance().dispatchAction({
+    R(void 0), $.current && $.current.getEchartsInstance().dispatchAction({
       type: "downplay",
       name: A
     });
   }, Ue = {
     mouseover: (A) => {
-      A.seriesType === "pie" && A.name && z.current && (R(A.name), z.current.getEchartsInstance().dispatchAction({
+      A.seriesType === "pie" && A.name && $.current && (R(A.name), $.current.getEchartsInstance().dispatchAction({
         type: "highlight",
         name: A.name
       }));
     },
     mouseout: (A) => {
-      A.seriesType === "pie" && A.name && z.current && (R(void 0), z.current.getEchartsInstance().dispatchAction({
+      A.seriesType === "pie" && A.name && $.current && (R(void 0), $.current.getEchartsInstance().dispatchAction({
         type: "downplay",
         name: A.name
       }));
@@ -8748,7 +8756,7 @@ const Us = ({
     click: (A) => {
       A.seriesType !== "pie" || !A.name || he(A.name);
     }
-  }, j = (p == null ? void 0 : p.columns) || 2, V = (p == null ? void 0 : p.width) || 220, se = (p == null ? void 0 : p.gap) || { column: 20, row: 20 }, ae = p == null ? void 0 : p.virtual, C = !!(ae != null && ae.enabled && j === 1 && (p == null ? void 0 : p.type) === "simple"), pe = (ae == null ? void 0 : ae.itemHeight) ?? 46, oe = (ae == null ? void 0 : ae.overscan) ?? 3, me = E(() => {
+  }, j = (d == null ? void 0 : d.columns) || 2, V = (d == null ? void 0 : d.width) || 220, se = (d == null ? void 0 : d.gap) || { column: 20, row: 20 }, ae = d == null ? void 0 : d.virtual, C = !!(ae != null && ae.enabled && j === 1 && (d == null ? void 0 : d.type) === "simple"), pe = (ae == null ? void 0 : ae.itemHeight) ?? 46, oe = (ae == null ? void 0 : ae.overscan) ?? 3, me = E(() => {
     if (!C)
       return {
         start: 0,
@@ -8792,7 +8800,7 @@ const Us = ({
         onClick: () => he(A.name),
         onMouseEnter: () => Me(A.name),
         onMouseLeave: () => Re(A.name),
-        children: (p == null ? void 0 : p.type) === "simple" ? (
+        children: (d == null ? void 0 : d.type) === "simple" ? (
           // 简单横向布局
           /* @__PURE__ */ M(
             "div",
@@ -8803,7 +8811,7 @@ const Us = ({
                 gap: 14,
                 height: 38,
                 padding: "0 16px",
-                fontSize: `${((Ot = p == null ? void 0 : p.textStyle) == null ? void 0 : Ot.fontSize) || 14}px`,
+                fontSize: `${((Ot = d == null ? void 0 : d.textStyle) == null ? void 0 : Ot.fontSize) || 14}px`,
                 fontWeight: 700,
                 color: "#eaf6ff",
                 cursor: "pointer",
@@ -8818,8 +8826,8 @@ const Us = ({
                   "div",
                   {
                     style: {
-                      width: `${(p == null ? void 0 : p.itemWidth) || 16}px`,
-                      height: `${(p == null ? void 0 : p.itemHeight) || 16}px`,
+                      width: `${(d == null ? void 0 : d.itemWidth) || 16}px`,
+                      height: `${(d == null ? void 0 : d.itemHeight) || 16}px`,
                       background: "rgba(5, 38, 86, 0.9)",
                       border: `2px solid ${qe}`,
                       borderRadius: "50%",
@@ -8834,8 +8842,8 @@ const Us = ({
                   "span",
                   {
                     style: {
-                      color: ye ? ((Rt = p == null ? void 0 : p.textStyle) == null ? void 0 : Rt.color) || "#fff" : "#aaa",
-                      fontSize: `${((Ht = p == null ? void 0 : p.textStyle) == null ? void 0 : Ht.fontSize) || 14}px`,
+                      color: ye ? ((Rt = d == null ? void 0 : d.textStyle) == null ? void 0 : Rt.color) || "#fff" : "#aaa",
+                      fontSize: `${((Ht = d == null ? void 0 : d.textStyle) == null ? void 0 : Ht.fontSize) || 14}px`,
                       fontWeight: 700,
                       transition: "color 0.3s",
                       whiteSpace: "nowrap",
@@ -8849,8 +8857,8 @@ const Us = ({
                   "span",
                   {
                     style: {
-                      color: ye ? ((Gt = p == null ? void 0 : p.textStyle) == null ? void 0 : Gt.color) || "#fff" : "#aaa",
-                      fontSize: `${((qt = p == null ? void 0 : p.textStyle) == null ? void 0 : qt.fontSize) || 14}px`,
+                      color: ye ? ((Gt = d == null ? void 0 : d.textStyle) == null ? void 0 : Gt.color) || "#fff" : "#aaa",
+                      fontSize: `${((qt = d == null ? void 0 : d.textStyle) == null ? void 0 : qt.fontSize) || 14}px`,
                       fontWeight: 700,
                       transition: "color 0.3s",
                       marginLeft: "auto",
@@ -8858,7 +8866,7 @@ const Us = ({
                     },
                     children: [
                       A.value,
-                      L
+                      k
                     ]
                   }
                 )
@@ -8882,8 +8890,8 @@ const Us = ({
                     "div",
                     {
                       style: {
-                        width: `${(p == null ? void 0 : p.itemWidth) || 12}px`,
-                        height: `${(p == null ? void 0 : p.itemHeight) || 12}px`,
+                        width: `${(d == null ? void 0 : d.itemWidth) || 12}px`,
+                        height: `${(d == null ? void 0 : d.itemHeight) || 12}px`,
                         backgroundColor: qe,
                         marginRight: "8px",
                         boxShadow: nt && ye ? `0 0 8px ${qe}` : "none",
@@ -8896,8 +8904,8 @@ const Us = ({
                     "span",
                     {
                       style: {
-                        color: ye ? ((Vt = p == null ? void 0 : p.textStyle) == null ? void 0 : Vt.color) || "#fff" : "#aaa",
-                        fontSize: `${((Xt = p == null ? void 0 : p.textStyle) == null ? void 0 : Xt.fontSize) || 14}px`,
+                        color: ye ? ((Vt = d == null ? void 0 : d.textStyle) == null ? void 0 : Vt.color) || "#fff" : "#aaa",
+                        fontSize: `${((Xt = d == null ? void 0 : d.textStyle) == null ? void 0 : Xt.fontSize) || 14}px`,
                         transition: "color 0.3s",
                         ...s
                       },
@@ -8941,8 +8949,8 @@ const Us = ({
                     "span",
                     {
                       style: {
-                        color: ((jt = p == null ? void 0 : p.textStyle) == null ? void 0 : jt.color) || "#fff",
-                        fontSize: `${((Yt = p == null ? void 0 : p.textStyle) == null ? void 0 : Yt.fontSize) || 14}px`,
+                        color: ((jt = d == null ? void 0 : d.textStyle) == null ? void 0 : jt.color) || "#fff",
+                        fontSize: `${((Yt = d == null ? void 0 : d.textStyle) == null ? void 0 : Yt.fontSize) || 14}px`,
                         marginLeft: "15px",
                         lineHeight: "1",
                         ...m
@@ -8962,7 +8970,7 @@ const Us = ({
                         ),
                         " ",
                         A.value,
-                        L
+                        k
                       ]
                     }
                   )
@@ -8989,7 +8997,7 @@ const Us = ({
         /* @__PURE__ */ l("div", { style: { flex: 1, height: "100%", ...c }, children: /* @__PURE__ */ l(
           K,
           {
-            ref: z,
+            ref: $,
             option: Se,
             style: { width: "100%", height: "100%", ...a },
             opts: { renderer: o },
@@ -8999,7 +9007,7 @@ const Us = ({
         /* @__PURE__ */ l(
           "div",
           {
-            ref: $,
+            ref: z,
             className: os.customScrollbar,
             onScroll: C ? xe : void 0,
             style: {
@@ -9039,34 +9047,34 @@ const Us = ({
   tooltipConfig: t,
   yAxisConfig: s
 }) => {
-  var L, d;
+  var k, p;
   const h = o || {
     categories: ["1月", "2月", "3月", "4月", "5月"],
     series: [
       { name: "系列1", data: [42, 33, 28, 36, 36] },
       { name: "系列2", data: [11, 20, 25, 17, 17] }
     ]
-  }, m = ((L = h.series[0]) == null ? void 0 : L.name) || "系列1", y = ((d = h.series[1]) == null ? void 0 : d.name) || "系列2", [v, S] = ze({
+  }, m = ((k = h.series[0]) == null ? void 0 : k.name) || "系列1", y = ((p = h.series[1]) == null ? void 0 : p.name) || "系列2", [v, S] = ze({
     [m]: !0,
     [y]: !0
   });
   kt(() => {
-    S((p) => ({
-      ...p,
-      [m]: p[m] !== !1,
-      [y]: p[y] !== !1
+    S((d) => ({
+      ...d,
+      [m]: d[m] !== !1,
+      [y]: d[y] !== !1
     }));
   }, [m, y]);
   const w = E(
     () => ({
-      legendselectchanged: (p) => {
-        S(p.selected);
+      legendselectchanged: (d) => {
+        S(d.selected);
       }
     }),
     []
-  ), k = E(() => {
+  ), x = E(() => {
     var I, W, N;
-    const p = h.categories, x = ((I = h.series[0]) == null ? void 0 : I.data) || [], _ = ((W = h.series[1]) == null ? void 0 : W.data) || [], T = x.map((P, B) => (v[m] !== !1 ? P : 0) + (_[B] || 0)), z = 20, $ = {
+    const d = h.categories, L = ((I = h.series[0]) == null ? void 0 : I.data) || [], _ = ((W = h.series[1]) == null ? void 0 : W.data) || [], T = L.map((P, B) => (v[m] !== !1 ? P : 0) + (_[B] || 0)), $ = 20, z = {
       series1: {
         body: {
           type: "linear",
@@ -9108,8 +9116,8 @@ const Us = ({
         // 底部与系列1顶部一致
       }
     }, F = {
-      series1: { ...$.series1, ...r == null ? void 0 : r.series1 },
-      series2: { ...$.series2, ...r == null ? void 0 : r.series2 }
+      series1: { ...z.series1, ...r == null ? void 0 : r.series1 },
+      series2: { ...z.series2, ...r == null ? void 0 : r.series2 }
     };
     return {
       backgroundColor: "transparent",
@@ -9149,7 +9157,7 @@ const Us = ({
       },
       xAxis: {
         type: "category",
-        data: p,
+        data: d,
         axisLine: {
           show: !0,
           lineStyle: {
@@ -9194,17 +9202,17 @@ const Us = ({
           name: m,
           type: "bar",
           stack: "total",
-          barWidth: z,
+          barWidth: $,
           itemStyle: {
             color: F.series1.body
           },
-          data: x
+          data: L
         },
         {
           name: y,
           type: "bar",
           stack: "total",
-          barWidth: z,
+          barWidth: $,
           itemStyle: {
             color: F.series2.body
           },
@@ -9216,14 +9224,14 @@ const Us = ({
           name: m,
           type: "pictorialBar",
           symbol: "diamond",
-          symbolSize: [z, 10],
+          symbolSize: [$, 10],
           symbolOffset: [0, "50%"],
           // 向下偏移一半高度
           z: 12,
           itemStyle: {
             color: F.series1.bottom
           },
-          data: x.map(() => 1),
+          data: L.map(() => 1),
           // 在底部渲染
           tooltip: { show: !1 },
           emphasis: { scale: !1 },
@@ -9234,7 +9242,7 @@ const Us = ({
           name: m,
           type: "pictorialBar",
           symbol: "diamond",
-          symbolSize: [z, 10],
+          symbolSize: [$, 10],
           symbolOffset: [0, "-50%"],
           // 向上偏移一半，盖在系列1顶部
           symbolPosition: "end",
@@ -9244,7 +9252,7 @@ const Us = ({
             borderColor: "#0055FF",
             borderWidth: 1
           },
-          data: x,
+          data: L,
           tooltip: { show: !1 },
           emphasis: { scale: !1 },
           silent: !0
@@ -9254,7 +9262,7 @@ const Us = ({
           name: y,
           type: "pictorialBar",
           symbol: "diamond",
-          symbolSize: [z, 10],
+          symbolSize: [$, 10],
           symbolOffset: [0, "-50%"],
           // 向上偏移，盖在柱子顶端
           symbolPosition: "end",
@@ -9285,7 +9293,7 @@ const Us = ({
   return /* @__PURE__ */ l("div", { className: i, style: { width: "100%", height: "100%", ...b }, children: /* @__PURE__ */ l(
     K,
     {
-      option: k,
+      option: x,
       style: { width: "100%", height: "100%", ...a },
       onEvents: w
     }
@@ -9351,11 +9359,11 @@ const Us = ({
   infoStyle: v,
   headerStyle: S,
   labelStyle: w,
-  valueStyle: k,
-  progressBarStyle: L,
-  blockStyle: d
+  valueStyle: x,
+  progressBarStyle: k,
+  blockStyle: p
 }) => {
-  const p = Math.max(0, Math.min(100, o ?? a)), x = Math.round(p / 100 * e), _ = c ? c(a) : `${a.toFixed(1)}%`, T = () => r ? typeof r == "string" ? /* @__PURE__ */ l("img", { src: r, alt: "icon", style: { width: "100%", height: "100%", objectFit: "contain" } }) : r : /* @__PURE__ */ l(ws, {});
+  const d = Math.max(0, Math.min(100, o ?? a)), L = Math.round(d / 100 * e), _ = c ? c(a) : `${a.toFixed(1)}%`, T = () => r ? typeof r == "string" ? /* @__PURE__ */ l("img", { src: r, alt: "icon", style: { width: "100%", height: "100%", objectFit: "contain" } }) : r : /* @__PURE__ */ l(ws, {});
   return /* @__PURE__ */ M(
     "div",
     {
@@ -9471,24 +9479,24 @@ const Us = ({
           /* @__PURE__ */ M("div", { className: Oe.info, style: v, children: [
             /* @__PURE__ */ M("div", { className: Oe.header, style: S, children: [
               /* @__PURE__ */ l("span", { className: Oe.label, style: w, children: b }),
-              /* @__PURE__ */ l("span", { className: Oe.value, style: k, children: _ })
+              /* @__PURE__ */ l("span", { className: Oe.value, style: x, children: _ })
             ] }),
             /* @__PURE__ */ l(
               "div",
               {
                 className: Oe.progressBar,
                 style: {
-                  ...L,
+                  ...k,
                   "--total-blocks": e,
                   "--gap-count": e - 1
                 },
-                children: Array.from({ length: e }).map((z, $) => /* @__PURE__ */ l(
+                children: Array.from({ length: e }).map(($, z) => /* @__PURE__ */ l(
                   "div",
                   {
-                    className: We(Oe.block, { [Oe.active]: $ < x }),
-                    style: d
+                    className: We(Oe.block, { [Oe.active]: z < L }),
+                    style: p
                   },
-                  $
+                  z
                 ))
               }
             )