@sia.soul/sia-react-ui 0.1.39 → 0.1.41

package/dist/index.cjs

@@ -2531,38 +2531,66 @@ var activeTooltipClose;
 function clampFloating(value, min, max) {
   return Math.min(Math.max(value, min), Math.max(min, max));
 }
-function resolveFloatingPosition(trigger, overlay, placement) {
+function normalizeFloatingPlacement(placement) {
+  const aliases = {
+    topLeft: "top-start",
+    topRight: "top-end",
+    bottomLeft: "bottom-start",
+    bottomRight: "bottom-end",
+    leftTop: "left-start",
+    leftBottom: "left-end",
+    rightTop: "right-start",
+    rightBottom: "right-end"
+  };
+  return aliases[placement] ?? placement;
+}
+function resolveFloatingPosition(trigger, overlay, placement, pointAtCenter, adjust) {
   const viewportWidth = document.documentElement.clientWidth;
   const viewportHeight = document.documentElement.clientHeight;
-  let resolvedPlacement = placement;
-  if (placement.startsWith("top") && trigger.top - overlay.height - FLOATING_GAP < FLOATING_VIEWPORT_PADDING && trigger.bottom + overlay.height + FLOATING_GAP <= viewportHeight - FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = placement.replace("top", "bottom");
-  } else if (placement.startsWith("bottom") && trigger.bottom + overlay.height + FLOATING_GAP > viewportHeight - FLOATING_VIEWPORT_PADDING && trigger.top - overlay.height - FLOATING_GAP >= FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = placement.replace("bottom", "top");
-  } else if (placement === "left" && trigger.left - overlay.width - FLOATING_GAP < FLOATING_VIEWPORT_PADDING && trigger.right + overlay.width + FLOATING_GAP <= viewportWidth - FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = "right";
-  } else if (placement === "right" && trigger.right + overlay.width + FLOATING_GAP > viewportWidth - FLOATING_VIEWPORT_PADDING && trigger.left - overlay.width - FLOATING_GAP >= FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = "left";
-  }
-  let top = trigger.top;
-  let left = trigger.left;
-  if (resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom")) {
-    top = resolvedPlacement.startsWith("top") ? trigger.top - overlay.height - FLOATING_GAP : trigger.bottom + FLOATING_GAP;
-    left = resolvedPlacement.endsWith("-start") ? trigger.left : resolvedPlacement.endsWith("-end") ? trigger.right - overlay.width : trigger.left + (trigger.width - overlay.width) / 2;
-  } else {
-    top = trigger.top + (trigger.height - overlay.height) / 2;
-    left = resolvedPlacement === "left" ? trigger.left - overlay.width - FLOATING_GAP : trigger.right + FLOATING_GAP;
+  let resolvedPlacement = normalizeFloatingPlacement(placement);
+  const side = resolvedPlacement.split("-")[0];
+  const available = { top: trigger.top, bottom: viewportHeight - trigger.bottom, left: trigger.left, right: viewportWidth - trigger.right };
+  const opposite = { top: "bottom", bottom: "top", left: "right", right: "left" };
+  const preferred = side;
+  const other = opposite[preferred];
+  const needed = (side === "top" || side === "bottom" ? overlay.height : overlay.width) + FLOATING_GAP + FLOATING_VIEWPORT_PADDING;
+  if (adjust && available[preferred] < needed && available[other] > available[preferred]) {
+    resolvedPlacement = resolvedPlacement.replace(preferred, other);
+  }
+  const vertical = resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom");
+  const start = resolvedPlacement.endsWith("-start");
+  const end = resolvedPlacement.endsWith("-end");
+  let top = vertical ? resolvedPlacement.startsWith("top") ? trigger.top - overlay.height - FLOATING_GAP : trigger.bottom + FLOATING_GAP : start ? trigger.top : end ? trigger.bottom - overlay.height : trigger.top + (trigger.height - overlay.height) / 2;
+  let left = vertical ? start ? trigger.left : end ? trigger.right - overlay.width : trigger.left + (trigger.width - overlay.width) / 2 : resolvedPlacement.startsWith("left") ? trigger.left - overlay.width - FLOATING_GAP : trigger.right + FLOATING_GAP;
+  if (adjust) {
+    if (vertical) left = clampFloating(left, FLOATING_VIEWPORT_PADDING, viewportWidth - overlay.width - FLOATING_VIEWPORT_PADDING);
+    else top = clampFloating(top, FLOATING_VIEWPORT_PADDING, viewportHeight - overlay.height - FLOATING_VIEWPORT_PADDING);
   }
-  top = clampFloating(top, FLOATING_VIEWPORT_PADDING, viewportHeight - overlay.height - FLOATING_VIEWPORT_PADDING);
-  left = clampFloating(left, FLOATING_VIEWPORT_PADDING, viewportWidth - overlay.width - FLOATING_VIEWPORT_PADDING);
   const result = { top, left, placement: resolvedPlacement };
-  if (resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom")) {
-    result.arrowX = resolvedPlacement.endsWith("-start") ? clampFloating(FLOATING_ARROW_EDGE_OFFSET, 8, overlay.width - 16) : resolvedPlacement.endsWith("-end") ? clampFloating(overlay.width - FLOATING_ARROW_EDGE_OFFSET - 8, 8, overlay.width - 16) : clampFloating(trigger.left + trigger.width / 2 - left - 4, 8, overlay.width - 16);
-  } else {
-    result.arrowY = clampFloating(trigger.top + trigger.height / 2 - top - 4, 8, overlay.height - 16);
-  }
+  const size = vertical ? trigger.width : trigger.height;
+  const anchorStart = vertical ? trigger.left : trigger.top;
+  const edge = Math.min(size / 2, FLOATING_ARROW_EDGE_OFFSET + 4);
+  const target = anchorStart + (pointAtCenter || !start && !end ? size / 2 : start ? edge : size - edge);
+  if (vertical) result.arrowX = clampFloating(target - left - 4, 8, overlay.width - 16);
+  else result.arrowY = clampFloating(target - top - 4, 8, overlay.height - 16);
   return result;
 }
+function isFloatingAnchorHidden(anchor, rect) {
+  let left = 0, top = 0, right = document.documentElement.clientWidth, bottom = document.documentElement.clientHeight;
+  for (let parent = anchor.parentElement; parent; parent = parent.parentElement) {
+    const css = getComputedStyle(parent);
+    const bounds = parent.getBoundingClientRect();
+    if (/(auto|scroll|hidden|clip)/.test(css.overflowX)) {
+      left = Math.max(left, bounds.left);
+      right = Math.min(right, bounds.right);
+    }
+    if (/(auto|scroll|hidden|clip)/.test(css.overflowY)) {
+      top = Math.max(top, bounds.top);
+      bottom = Math.min(bottom, bounds.bottom);
+    }
+  }
+  return rect.right <= left || rect.left >= right || rect.bottom <= top || rect.top >= bottom;
+}
 function Floating({
   children,
   content,
@@ -2573,6 +2601,7 @@ function Floating({
   mouseEnterDelay = 0.1,
   mouseLeaveDelay = 0.1,
   arrow = true,
+  autoAdjustOverflow = true,
   color,
   className = "",
   overlayClassName = "",
@@ -2580,6 +2609,7 @@ function Floating({
   onOpenChange
 }) {
   const rootRef = (0, import_react14.useRef)(null);
+  const triggerElementRef = (0, import_react14.useRef)(null);
   const overlayRef = (0, import_react14.useRef)(null);
   const enterTimer = (0, import_react14.useRef)();
   const leaveTimer = (0, import_react14.useRef)();
@@ -2631,28 +2661,42 @@ function Floating({
       setPosition(void 0);
       return;
     }
+    const getAnchor = () => {
+      const root = rootRef.current;
+      const target = triggerElementRef.current;
+      return target && root?.contains(target) ? target : root?.firstElementChild ?? root;
+    };
     const update = () => {
       if (!rootRef.current || !overlayRef.current) return;
-      setPosition(resolveFloatingPosition(rootRef.current.getBoundingClientRect(), overlayRef.current.getBoundingClientRect(), placement));
+      const anchor2 = getAnchor();
+      if (anchor2) {
+        const rect = anchor2.getBoundingClientRect();
+        const next = resolveFloatingPosition(rect, overlayRef.current.getBoundingClientRect(), placement, typeof arrow === "object" && !!arrow.pointAtCenter, autoAdjustOverflow);
+        next.hidden = isFloatingAnchorHidden(anchor2, rect);
+        setPosition(next);
+      }
     };
     update();
     window.addEventListener("resize", update);
     window.addEventListener("scroll", update, true);
     const observer = new ResizeObserver(update);
     if (rootRef.current) observer.observe(rootRef.current);
+    const anchor = getAnchor();
+    if (anchor) observer.observe(anchor);
     if (overlayRef.current) observer.observe(overlayRef.current);
     return () => {
       window.removeEventListener("resize", update);
       window.removeEventListener("scroll", update, true);
       observer.disconnect();
     };
-  }, [children, content, placement, visible]);
+  }, [children, content, placement, visible, autoAdjustOverflow, typeof arrow === "object" && arrow.pointAtCenter]);
   (0, import_react14.useEffect)(() => () => {
     clearTimers();
     if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
   }, []);
   const child = (0, import_react14.cloneElement)(children, {
     ...triggers.includes("hover") ? { onMouseEnter: (event) => {
+      triggerElementRef.current = event.currentTarget;
       children.props.onMouseEnter?.(event);
       show(mouseEnterDelay);
     }, onMouseLeave: (event) => {
@@ -2660,6 +2704,7 @@ function Floating({
       hide(mouseLeaveDelay);
     } } : {},
     ...triggers.includes("focus") ? { onFocus: (event) => {
+      triggerElementRef.current = event.currentTarget;
       children.props.onFocus?.(event);
       show();
     }, onBlur: (event) => {
@@ -2667,6 +2712,7 @@ function Floating({
       hide();
     } } : {},
     ...triggers.includes("click") ? { onClick: (event) => {
+      triggerElementRef.current = event.currentTarget;
       children.props.onClick?.(event);
       if (visible) closeNow();
       else openNow();
@@ -2681,14 +2727,14 @@ function Floating({
         id: contentId,
         role,
         "data-custom-color": color ? "" : void 0,
-        className: `sia-floating__overlay sia-floating__overlay--${position?.placement ?? placement} ${overlayClassName}`.trim(),
+        className: `sia-floating__overlay sia-floating__overlay--${position?.placement ?? normalizeFloatingPlacement(placement)} ${overlayClassName}`.trim(),
         style: {
           "--sia-floating-color": color,
           "--sia-floating-arrow-x": position?.arrowX == null ? void 0 : `${position.arrowX}px`,
           "--sia-floating-arrow-y": position?.arrowY == null ? void 0 : `${position.arrowY}px`,
           top: position?.top ?? 0,
           left: position?.left ?? 0,
-          visibility: position ? "visible" : "hidden"
+          visibility: position && !position.hidden ? "visible" : "hidden"
         },
         onMouseEnter: triggers.includes("hover") ? () => show() : void 0,
         onMouseLeave: triggers.includes("hover") ? () => hide(mouseLeaveDelay) : void 0,
@@ -4737,11 +4783,53 @@ function Popconfirm({
   showCancel = true,
   icon = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "question", variant: "filled" }),
   onConfirm,
+  onConfirmError,
   onCancel,
-  onOpenChange
+  onOpenChange,
+  arrow = true,
+  autoAdjustOverflow = true,
+  skipConfirm = false
 }) {
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
   const [loading, setLoading] = (0, import_react23.useState)(false);
+  const pendingRef = (0, import_react23.useRef)(false);
+  const requestRef = (0, import_react23.useRef)(0);
+  function changeVisible(next) {
+    if (!next) {
+      requestRef.current++;
+      pendingRef.current = false;
+      setLoading(false);
+    }
+    setVisible(next);
+  }
+  (0, import_react23.useEffect)(() => {
+    if (!visible) {
+      requestRef.current++;
+      pendingRef.current = false;
+      setLoading(false);
+    }
+    return () => {
+      requestRef.current++;
+    };
+  }, [visible]);
+  async function confirm(event) {
+    if (disabled || pendingRef.current || okButtonProps?.loading || okButtonProps?.disabled) return;
+    pendingRef.current = true;
+    const request = ++requestRef.current;
+    try {
+      const result = onConfirm?.(event);
+      if (result && typeof result === "object" && typeof result.then === "function") setLoading(true);
+      const resolved = await result;
+      if (request === requestRef.current && resolved !== false && visible) changeVisible(false);
+    } catch (error) {
+      if (request === requestRef.current) onConfirmError?.(error);
+    } finally {
+      if (request === requestRef.current) {
+        pendingRef.current = false;
+        setLoading(false);
+      }
+    }
+  }
   const content = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "sia-popconfirm", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "sia-popconfirm__message", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: icon }),
@@ -4753,24 +4841,21 @@ function Popconfirm({
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "sia-popconfirm__actions", children: [
       showCancel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { size: "small", ...cancelButtonProps, onClick: (event) => {
         cancelButtonProps?.onClick?.(event);
+        if (event.defaultPrevented) return;
         onCancel?.(event);
-        setVisible(false);
+        changeVisible(false);
       }, children: cancelText }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { size: "small", variant: "primary", ...okButtonProps, loading: loading || okButtonProps?.loading, onClick: async (event) => {
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { size: "small", variant: "primary", ...okButtonProps, loading: loading || okButtonProps?.loading, onClick: (event) => {
         okButtonProps?.onClick?.(event);
-        const result = onConfirm?.(event);
-        if (result instanceof Promise) {
-          setLoading(true);
-          try {
-            if (await result !== false) setVisible(false);
-          } finally {
-            setLoading(false);
-          }
-        } else if (result !== false) setVisible(false);
+        if (!event.defaultPrevented) void confirm(event);
       }, children: okText })
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Popover, { content, placement, trigger: disabled ? [] : trigger, open: visible, onOpenChange: setVisible, children });
+  const target = skipConfirm ? (0, import_react23.cloneElement)(children, { onClick: (event) => {
+    children.props.onClick?.(event);
+    if (!event.defaultPrevented) void confirm(event);
+  } }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Popover, { content, placement, arrow, autoAdjustOverflow, trigger: disabled || skipConfirm ? [] : trigger, open: visible && !skipConfirm && !disabled, onOpenChange: changeVisible, children: target });
 }
 function Progress({
   percent: percent2 = 0,
@@ -7345,11 +7430,12 @@ function DateRangePicker({
   const [currentValue, setCurrentValue] = useControllableState({ value: value === void 0 ? void 0 : Array.isArray(value) ? value : ["", ""], defaultValue, onChange });
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
   const [draftValue, setDraftValue] = (0, import_react34.useState)(currentValue);
-  const [activeIndex, setActiveIndex] = (0, import_react34.useState)(currentValue[0] && !currentValue[1] ? 1 : 0);
+  const [activeIndex, setActiveIndex] = (0, import_react34.useState)(endpointDisabled[0] || currentValue[0] && !currentValue[1] ? 1 : 0);
+  const [confirmedIndex, setConfirmedIndex] = (0, import_react34.useState)(null);
+  const [presetSelected, setPresetSelected] = (0, import_react34.useState)(false);
   const [hoverDate, setHoverDate] = (0, import_react34.useState)("");
   const [viewMonth, setViewMonth] = (0, import_react34.useState)(() => startOfMonth(parseDate2(dayFromValue(currentValue[0] || currentValue[1])) ?? /* @__PURE__ */ new Date()));
   const [endViewMonth, setEndViewMonth] = (0, import_react34.useState)(() => startOfMonth(parseDate2(dayFromValue(currentValue[1])) ?? addMonths(parseDate2(dayFromValue(currentValue[0])) ?? /* @__PURE__ */ new Date(), 1)));
-  const [compactDateTime, setCompactDateTime] = (0, import_react34.useState)(false);
   const showSecond = showSecondFrom(showTime);
   const defaultTime = defaultTimeFrom(showTime);
   const defaultEndTime = defaultTimeFrom(showTime, 1);
@@ -7360,51 +7446,46 @@ function DateRangePicker({
   const resolvedNeedConfirm = needConfirm ?? Boolean(showTime);
   const rangeDates = [dayFromValue(draftValue[0]), dayFromValue(draftValue[1])];
   const invalidDateTimeRange = Boolean(showTime && draftValue[0] && draftValue[1] && draftValue[0] > draftValue[1]);
-  (0, import_react34.useEffect)(() => {
-    if (!showTime || typeof document === "undefined") {
-      setCompactDateTime(false);
-      return void 0;
-    }
-    const updateLayout = () => {
-      const pairedPanelWidth = 2 * (280 + (showSecond ? 144 : 96) + 1) + 3;
-      setCompactDateTime(document.documentElement.clientWidth < pairedPanelWidth + 16);
-    };
-    updateLayout();
-    window.addEventListener("resize", updateLayout);
-    return () => window.removeEventListener("resize", updateLayout);
-  }, [showSecond, showTime]);
   (0, import_react34.useEffect)(() => {
     if (!visible) return void 0;
     const close = (event) => {
       const target = event.target;
-      if (!rootRef.current?.contains(target) && !popupRef.current?.contains(target)) setVisible(false);
+      if (!rootRef.current?.contains(target) && !popupRef.current?.contains(target)) dismissPanel();
     };
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
-  }, [setVisible, visible]);
-  function changeOpen(next) {
-    if (next) {
+  });
+  function dismissPanel() {
+    setVisible(false);
+  }
+  function changeOpen(next, endpoint) {
+    if (next && !visible) {
+      setConfirmedIndex(null);
+      setPresetSelected(false);
       setDraftValue(currentValue);
       setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultEndTime)]);
-      setActiveIndex(endpointDisabled[0] ? 1 : endpointDisabled[1] ? 0 : currentValue[0] && !currentValue[1] ? 1 : 0);
+      setActiveIndex(endpointDisabled[0] ? 1 : endpointDisabled[1] ? 0 : endpoint ?? (currentValue[0] && !currentValue[1] ? 1 : 0));
       const nextStartMonth = startOfMonth(parseDate2(dayFromValue(currentValue[0] || currentValue[1])) ?? /* @__PURE__ */ new Date());
       setViewMonth(nextStartMonth);
       setEndViewMonth(startOfMonth(parseDate2(dayFromValue(currentValue[1])) ?? addMonths(nextStartMonth, 1)));
     }
+    if (next && endpoint !== void 0 && !endpointDisabled[endpoint]) setActiveIndex(endpoint);
     setVisible(next);
   }
-  function isDisabled(day, index = activeIndex, pairedDateTime = false) {
+  function isDisabled(day, index = activeIndex, dateTimeStep = false) {
     if (endpointDisabled[index]) return true;
     const minimum = minDate ?? props.min;
     const maximum = maxDate ?? props.max;
     if (minimum && day < String(minimum).slice(0, 10)) return true;
     if (maximum && day > String(maximum).slice(0, 10)) return true;
     const from = index === 1 ? rangeDates[0] : void 0;
-    if (pairedDateTime) {
-      const otherEndpoint = index === 0 ? rangeDates[1] : rangeDates[0];
-      if (index === 0 && otherEndpoint && day > otherEndpoint) return true;
-      if (index === 1 && otherEndpoint && day < otherEndpoint) return true;
-      if (otherEndpoint && maxRangeDays && Math.abs(daysBetween(otherEndpoint, day)) >= maxRangeDays) return true;
+    if (dateTimeStep) {
+      const otherIndex2 = index === 0 ? 1 : 0;
+      const otherEndpoint = rangeDates[otherIndex2];
+      if (otherEndpoint && (endpointDisabled[otherIndex2] || confirmedIndex === otherIndex2)) {
+        if (index === 0 && day > otherEndpoint || index === 1 && day < otherEndpoint) return true;
+        if (maxRangeDays && Math.abs(daysBetween(otherEndpoint, day)) >= maxRangeDays) return true;
+      }
     } else if (from && maxRangeDays && Math.abs(daysBetween(from, day)) >= maxRangeDays) return true;
     return disabledDate?.(day, { from, type: "date" }) ?? false;
   }
@@ -7412,8 +7493,12 @@ function DateRangePicker({
     return showTime ? withTime(day, times[index], showSecond) : day;
   }
   function updateDraft(next) {
+    setPresetSelected(false);
     setDraftValue(next);
     onCalendarChange?.(next);
+    if (!showTime && isValidRange(next) && (next[0] !== currentValue[0] || next[1] !== currentValue[1])) {
+      setCurrentValue(next);
+    }
   }
   function selectDate(day) {
     if (isDisabled(day)) return;
@@ -7423,7 +7508,6 @@ function DateRangePicker({
       next[index] = buildRangeValue(day, index);
       updateDraft(next);
       if (!resolvedNeedConfirm && isValidRange(next)) {
-        setCurrentValue(next);
         changeOpen(false);
       }
       return;
@@ -7441,7 +7525,6 @@ function DateRangePicker({
     setActiveIndex(0);
     setHoverDate("");
     if (!resolvedNeedConfirm) {
-      setCurrentValue(ordered);
       changeOpen(false);
     }
   }
@@ -7451,16 +7534,7 @@ function DateRangePicker({
     nextValue[index] = buildRangeValue(day, index);
     updateDraft(nextValue);
     setHoverDate("");
-    if (!resolvedNeedConfirm && compactDateTime && index === 0) {
-      setActiveIndex(1);
-      setEndViewMonth(startOfMonth(parseDate2(day) ?? /* @__PURE__ */ new Date()));
-      return;
-    }
     setActiveIndex(index);
-    if (!resolvedNeedConfirm && nextValue[0] && nextValue[1] && nextValue[0] <= nextValue[1]) {
-      setCurrentValue(nextValue);
-      changeOpen(false);
-    }
   }
   function changeTime(index, nextTime) {
     if (endpointDisabled[index]) return;
@@ -7496,11 +7570,16 @@ function DateRangePicker({
     }
     return true;
   }
+  const otherIndex = activeIndex === 0 ? 1 : 0;
+  const needsOtherConfirmation = Boolean(showTime && !presetSelected && !endpointDisabled[otherIndex] && confirmedIndex !== otherIndex);
   function confirm() {
-    if (compactDateTime && showTime && activeIndex === 0) {
-      if (!draftValue[0]) return;
-      setActiveIndex(1);
-      setEndViewMonth(startOfMonth(parseDate2(dayFromValue(draftValue[1] || draftValue[0])) ?? /* @__PURE__ */ new Date()));
+    if (needsOtherConfirmation) {
+      if (!draftValue[activeIndex] && !allowEmpty[activeIndex]) return;
+      setConfirmedIndex(activeIndex);
+      setActiveIndex(otherIndex);
+      const month = startOfMonth(parseDate2(dayFromValue(draftValue[activeIndex])) ?? /* @__PURE__ */ new Date());
+      if (otherIndex === 0) setViewMonth(month);
+      else setEndViewMonth(month);
       setHoverDate("");
       return;
     }
@@ -7516,12 +7595,13 @@ function DateRangePicker({
     ];
     if (!isValidRange(next)) return;
     updateDraft(next);
+    setConfirmedIndex(null);
+    setPresetSelected(true);
     setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultEndTime)]);
     const nextStartMonth = startOfMonth(parseDate2(dayFromValue(next[0] || next[1])) ?? /* @__PURE__ */ new Date());
     setViewMonth(nextStartMonth);
     setEndViewMonth(startOfMonth(parseDate2(dayFromValue(next[1])) ?? addMonths(nextStartMonth, 1)));
-    if (!resolvedNeedConfirm) {
-      setCurrentValue(next);
+    if (!showTime && !resolvedNeedConfirm) {
       changeOpen(false);
     }
   }
@@ -7571,6 +7651,7 @@ function DateRangePicker({
               value: times[index],
               showSecond,
               ariaLabel: `${endpointLabel}\u65F6\u95F4`,
+              disabledTime: endpointDisabled[index] ? () => true : void 0,
               onChange: (nextTime) => changeTime(index, nextTime)
             }
           )
@@ -7579,8 +7660,9 @@ function DateRangePicker({
       endpointLabel
     );
   }
-  const startFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[0], filled: Boolean(currentValue[0]), active: visible });
-  const endFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[1], filled: Boolean(currentValue[1]), active: visible });
+  const displayValue = visible && allowEmpty.some(Boolean) ? draftValue : currentValue;
+  const startFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[0], filled: Boolean(displayValue[0]), active: visible });
+  const endFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[1], filled: Boolean(displayValue[1]), active: visible });
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { ref: rootRef, className: `sia-picker sia-picker-range-control sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "button",
@@ -7596,66 +7678,68 @@ function DateRangePicker({
         "aria-describedby": props["aria-describedby"],
         "aria-errormessage": props["aria-errormessage"],
         disabled,
-        onClick: () => changeOpen(!visible),
+        onClick: (event) => {
+          const field = event.target.closest("[data-range-endpoint]");
+          const endpoint = field?.dataset.rangeEndpoint;
+          if (showTime && (endpoint === "0" || endpoint === "1")) {
+            const index = Number(endpoint);
+            if (!endpointDisabled[index]) changeOpen(true, index);
+          } else if (visible) dismissPanel();
+          else changeOpen(true);
+        },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: `sia-picker-range-control__field${startFloating.className}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue2(currentValue[0]) : placeholder[0] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { "data-range-endpoint": "0", className: `sia-picker-range-control__field${startFloating.className}${visible && activeIndex === 0 ? " is-active" : ""}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `sia-picker-range-control__value${displayValue[0] ? "" : " is-placeholder"}`, children: displayValue[0] ? formatValue2(displayValue[0]) : placeholder[0] }),
             startFloating.label
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sia-picker-range-control__separator", children: separator }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: `sia-picker-range-control__field${endFloating.className}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue2(currentValue[1]) : placeholder[1] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { "data-range-endpoint": "1", className: `sia-picker-range-control__field${endFloating.className}${visible && activeIndex === 1 ? " is-active" : ""}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `sia-picker-range-control__value${displayValue[1] ? "" : " is-placeholder"}`, children: displayValue[1] ? formatValue2(displayValue[1]) : placeholder[1] }),
             endFloating.label
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
-    allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel sia-date-panel--range${showTime ? ` sia-date-panel--with-time sia-date-panel--range-time-${compactDateTime ? "compact" : "paired"}` : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u9762\u677F", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "sia-date-panel__body", children: showTime ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "sia-date-panel__range-date-time", children: compactDateTime ? renderDateTimeGroup(activeIndex) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-        renderDateTimeGroup(0),
-        renderDateTimeGroup(1)
-      ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "sia-date-panel__range-calendars", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "sia-date-panel__calendar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-            CalendarHeader,
-            {
-              month: viewMonth,
-              range: true,
-              onPreviousYear: () => setViewMonth(addMonths(viewMonth, -12)),
-              onPreviousMonth: () => setViewMonth(addMonths(viewMonth, -1))
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CalendarMonth, { month: viewMonth, range: rangeDates, previewEnd: activeIndex === 1 ? hoverDate : "", disabledDate: isDisabled, onSelect: selectDate, onHover: activeIndex === 1 ? setHoverDate : void 0 })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "sia-date-panel__calendar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-            CalendarHeader,
-            {
-              month: addMonths(viewMonth, 1),
-              range: true,
-              onNextMonth: () => setViewMonth(addMonths(viewMonth, 1)),
-              onNextYear: () => setViewMonth(addMonths(viewMonth, 12))
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CalendarMonth, { month: addMonths(viewMonth, 1), range: rangeDates, previewEnd: activeIndex === 1 ? hoverDate : "", disabledDate: isDisabled, onSelect: selectDate, onHover: activeIndex === 1 ? setHoverDate : void 0 })
+    allowClear && (displayValue[0] || displayValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel sia-date-panel--range${showTime ? " sia-date-panel--with-time sia-date-panel--range-time-compact" : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u9762\u677F", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "sia-date-panel__body", children: [
+        presets?.length ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("aside", { className: "sia-date-panel__presets", "aria-label": "\u5FEB\u6377\u65E5\u671F\u8303\u56F4", children: presets.map((preset2, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { type: "button", onClick: () => applyPreset(preset2), children: preset2.label }, index)) }) : null,
+        showTime ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "sia-date-panel__range-date-time", children: renderDateTimeGroup(activeIndex) }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "sia-date-panel__range-calendars", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "sia-date-panel__calendar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              CalendarHeader,
+              {
+                month: viewMonth,
+                range: true,
+                onPreviousYear: () => setViewMonth(addMonths(viewMonth, -12)),
+                onPreviousMonth: () => setViewMonth(addMonths(viewMonth, -1))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CalendarMonth, { month: viewMonth, range: rangeDates, previewEnd: activeIndex === 1 ? hoverDate : "", disabledDate: isDisabled, onSelect: selectDate, onHover: activeIndex === 1 ? setHoverDate : void 0 })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: "sia-date-panel__calendar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              CalendarHeader,
+              {
+                month: addMonths(viewMonth, 1),
+                range: true,
+                onNextMonth: () => setViewMonth(addMonths(viewMonth, 1)),
+                onNextYear: () => setViewMonth(addMonths(viewMonth, 12))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CalendarMonth, { month: addMonths(viewMonth, 1), range: rangeDates, previewEnd: activeIndex === 1 ? hoverDate : "", disabledDate: isDisabled, onSelect: selectDate, onHover: activeIndex === 1 ? setHoverDate : void 0 })
+          ] })
         ] })
-      ] }) }),
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         DatePanelFooter,
         {
           showToday: showToday && !presets?.length,
-          needConfirm: resolvedNeedConfirm || allowEmpty.some(Boolean),
-          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !isValidRange(draftValue),
-          confirmText: compactDateTime && showTime && activeIndex === 0 ? "\u4E0B\u4E00\u6B65" : "\u786E\u5B9A",
+          needConfirm: Boolean(showTime) || resolvedNeedConfirm || allowEmpty.some(Boolean),
+          disabledConfirm: needsOtherConfirmation ? !draftValue[activeIndex] && !allowEmpty[activeIndex] : !isValidRange(draftValue),
           extra: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
             renderExtraFooter?.(),
-            presets?.map((preset2, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { type: "button", onClick: () => applyPreset(preset2), children: preset2.label }, index)),
-            compactDateTime && showTime && activeIndex === 1 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { type: "button", onClick: () => {
-              setActiveIndex(0);
-              setViewMonth(startOfMonth(parseDate2(dayFromValue(draftValue[0])) ?? /* @__PURE__ */ new Date()));
-            }, children: "\u4E0A\u4E00\u6B65" }) : null,
             invalidDateTimeRange ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("small", { className: "sia-date-panel__range-error", children: "\u7ED3\u675F\u65F6\u95F4\u4E0D\u80FD\u65E9\u4E8E\u5F00\u59CB\u65F6\u95F4" }) : maxRangeDays ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("small", { children: [
               "\u6700\u591A\u9009\u62E9 ",
               maxRangeDays,
@@ -11011,6 +11095,7 @@ function Tag({
 // src/components/Tabs.tsx
 var import_react45 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react46 = require("react");
 function Tabs({
   items,
   activeKey,
@@ -11045,6 +11130,42 @@ function Tabs({
   const sliding = ["capsule", "line", "underline", "tech", "tech-line"].includes(type);
   const listRef = (0, import_react45.useRef)(null);
   const indicatorRef = (0, import_react45.useRef)(null);
+  const moreRef = (0, import_react45.useRef)(null);
+  const [overflow, setOverflow] = (0, import_react45.useState)({ count: items.length, width: 0 });
+  const [moreOpen, setMoreOpen] = (0, import_react45.useState)(false);
+  const visibleCount = resolvedOrientation === "horizontal" ? overflow.count : items.length;
+  const hiddenItems = items.slice(visibleCount);
+  (0, import_react45.useLayoutEffect)(() => {
+    const list = listRef.current;
+    if (!list || resolvedOrientation !== "horizontal") return;
+    const entries = Array.from(list.children).filter((node) => node instanceof HTMLElement && node.hasAttribute("data-tab-entry"));
+    const measure = () => {
+      const css = getComputedStyle(list);
+      const gap = parseFloat(css.columnGap) || 0;
+      const padding = (parseFloat(css.paddingLeft) || 0) + (parseFloat(css.paddingRight) || 0);
+      const widths = entries.map((node) => node.getBoundingClientRect().width);
+      const total = widths.reduce((sum, width2) => sum + width2, 0) + gap * Math.max(0, widths.length - 1);
+      const available = Math.max(0, list.clientWidth - padding);
+      let count = widths.length;
+      if (total > available + 0.5) {
+        const moreWidth = moreRef.current?.getBoundingClientRect().width ?? 36;
+        let used = moreWidth;
+        count = 0;
+        for (const width2 of widths) {
+          if (used + gap + width2 > available + 0.5) break;
+          used += gap + width2;
+          count++;
+        }
+      }
+      const width = Math.ceil(total + padding + (parseFloat(css.borderLeftWidth) || 0) + (parseFloat(css.borderRightWidth) || 0));
+      setOverflow((previous) => previous.count === count && previous.width === width ? previous : { count, width });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(list);
+    entries.forEach((entry) => observer.observe(entry));
+    return () => observer.disconnect();
+  }, [items, type, size, closable, resolvedOrientation, tabBarTitle, tabBarExtraContent]);
   const [contentState, setContentState] = (0, import_react45.useState)(() => ({ key: selectedKey, visited: /* @__PURE__ */ new Set([selectedKey]) }));
   const settledKeyRef = (0, import_react45.useRef)(selectedKey);
   const afterChangeRef = (0, import_react45.useRef)(onAfterChange);
@@ -11059,16 +11180,12 @@ function Tabs({
     function updateIndicator() {
       if (!list || !indicator) return;
       const active = list.querySelector('[role="tab"][aria-selected="true"]');
-      if (!active) {
+      if (!active || active.closest('[data-tab-hidden="true"]')) {
         indicator.style.visibility = "hidden";
         return;
       }
       const listRect = list.getBoundingClientRect();
       const rect = active.getBoundingClientRect();
-      if (type === "tech-line" && resolvedOrientation === "horizontal") {
-        if (rect.left < listRect.left) list.scrollLeft += rect.left - listRect.left;
-        else if (rect.right > listRect.right) list.scrollLeft += rect.right - listRect.right;
-      }
       const currentRect = active.getBoundingClientRect();
       indicator.style.transform = `translate(${currentRect.left - listRect.left - list.clientLeft + list.scrollLeft}px, ${currentRect.top - listRect.top - list.clientTop + list.scrollTop}px)`;
       indicator.style.width = `${rect.width}px`;
@@ -11084,7 +11201,7 @@ function Tabs({
     observer.observe(list);
     list.querySelectorAll('[role="tab"]').forEach((tab) => observer.observe(tab));
     return () => observer.disconnect();
-  }, [sliding, type, selectedKey, items, size, resolvedPosition, centered, closable]);
+  }, [sliding, type, selectedKey, items, size, resolvedPosition, centered, closable, visibleCount]);
   (0, import_react45.useEffect)(() => {
     let cancelled = false;
     let frame = 0;
@@ -11118,7 +11235,8 @@ function Tabs({
   }
   function focusAndSelect(key) {
     selectTab(key);
-    document.getElementById(`${baseId}-tab-${key}`)?.focus();
+    if (items.findIndex((item) => item.key === key) >= visibleCount) moreRef.current?.focus();
+    else document.getElementById(`${baseId}-tab-${key}`)?.focus();
   }
   function handleKeyDown(event, key) {
     const previousKey = resolvedOrientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
@@ -11140,54 +11258,53 @@ function Tabs({
       ...withTitleTooltip(props),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "sia-tabs__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FloatingScrollbarProvider, { targetRef: listRef, disabled: type !== "tech-line" || resolvedOrientation !== "horizontal" }),
           tabBarTitle ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "sia-tabs__title", children: [
             tabBarTitle,
             type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "sia-tabs__title-connector", viewBox: "0 0 32 40", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M0 39.25 H5 Q8 39.25 10 35.25 L28 3.75 Q29 1.75 32 1.75", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }) : null
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { ref: listRef, className: `sia-tabs__list${sliding ? " sia-tabs__list--sliding" : ""}`, role: "tablist", "aria-orientation": resolvedOrientation, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { ref: listRef, style: resolvedOrientation === "horizontal" && overflow.width ? { width: overflow.width } : void 0, className: `sia-tabs__list${sliding ? " sia-tabs__list--sliding" : ""}`, role: "tablist", "aria-orientation": resolvedOrientation, children: [
             sliding ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: indicatorRef, className: `sia-tabs__indicator${type === "capsule" ? " sia-tabs__capsule-indicator" : ""}`, "aria-hidden": "true", children: type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sia-tabs__indicator-shape", "aria-hidden": "true" }) : null }, type) : null,
-            items.map((item) => {
+            items.map((item, index) => {
               const selected = item.key === selectedKey;
               const canClose = item.closable ?? closable;
-              const tabNode = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: `sia-tabs__tab-wrap${canClose ? " is-closable" : ""}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-                  "button",
-                  {
-                    id: `${baseId}-tab-${item.key}`,
-                    type: "button",
-                    className: "sia-tabs__tab",
-                    role: "tab",
-                    "aria-selected": selected,
-                    "aria-controls": hasPanels ? `${baseId}-panel-${item.key}` : void 0,
-                    tabIndex: selected ? 0 : -1,
-                    disabled: item.disabled,
-                    onClick: () => selectTab(item.key),
-                    onKeyDown: (event) => handleKeyDown(event, item.key),
-                    children: [
-                      type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sia-tabs__tab-shape", "aria-hidden": "true" }) : null,
-                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sia-tabs__icon", children: item.icon }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: item.label })
-                    ]
-                  }
-                ),
-                canClose ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "sia-tabs__close",
-                    "aria-label": `\u5173\u95ED${typeof item.label === "string" ? item.label : "\u6807\u7B7E\u9875"}`,
-                    disabled: item.disabled,
-                    onClick: () => onEdit?.(item.key, "remove"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { name: "close", size: 12 })
-                  }
-                ) : null
-              ] }, item.key);
               const contextMenuItems = typeof tabContextMenu === "function" ? tabContextMenu(item) : tabContextMenu;
+              const entryProps = { "data-tab-entry": "", "data-tab-hidden": index >= visibleCount, "aria-hidden": index >= visibleCount || void 0 };
+              const tabNode = /* @__PURE__ */ (0, import_react46.createElement)("span", { ...!contextMenuItems?.length ? entryProps : {}, className: `sia-tabs__tab-wrap${canClose ? " is-closable" : ""}`, key: item.key }, /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                "button",
+                {
+                  id: `${baseId}-tab-${item.key}`,
+                  type: "button",
+                  className: "sia-tabs__tab",
+                  role: "tab",
+                  "aria-selected": selected,
+                  "aria-controls": hasPanels ? `${baseId}-panel-${item.key}` : void 0,
+                  tabIndex: selected ? 0 : -1,
+                  disabled: item.disabled,
+                  onClick: () => selectTab(item.key),
+                  onKeyDown: (event) => handleKeyDown(event, item.key),
+                  children: [
+                    type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sia-tabs__tab-shape", "aria-hidden": "true" }) : null,
+                    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sia-tabs__icon", children: item.icon }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: item.label })
+                  ]
+                }
+              ), canClose ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "sia-tabs__close",
+                  "aria-label": `\u5173\u95ED${typeof item.label === "string" ? item.label : "\u6807\u7B7E\u9875"}`,
+                  disabled: item.disabled,
+                  onClick: () => onEdit?.(item.key, "remove"),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { name: "close", size: 12 })
+                }
+              ) : null);
               if (!contextMenuItems?.length) return tabNode;
-              return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              return /* @__PURE__ */ (0, import_react46.createElement)(
                 Dropdown,
                 {
+                  ...entryProps,
+                  key: item.key,
                   className: "sia-tabs__tab-context-trigger",
                   popupClassName: "sia-tabs__tab-context-menu",
                   trigger: ["contextMenu"],
@@ -11196,12 +11313,26 @@ function Tabs({
                     items: contextMenuItems,
                     selectable: false,
                     onClick: (info) => onTabContextMenuClick?.({ ...info, tabKey: item.key, tab: item })
-                  },
-                  children: tabNode
+                  }
                 },
-                item.key
+                tabNode
               );
-            })
+            }),
+            resolvedOrientation === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              Dropdown,
+              {
+                className: "sia-tabs__more",
+                "data-tab-hidden": !hiddenItems.length,
+                trigger: ["hover", "click"],
+                placement: "bottomRight",
+                showTriggerIcon: false,
+                autoFocus: true,
+                open: moreOpen && hiddenItems.length > 0,
+                onOpenChange: setMoreOpen,
+                menu: { items: hiddenItems.map((item) => ({ key: item.key, label: item.label, icon: item.icon, disabled: item.disabled })), selectedKeys: [selectedKey], onClick: (info) => selectTab(info.key) },
+                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { ref: moreRef, variant: "text", icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { name: "more-horizontal" }), "aria-label": "\u66F4\u591A\u9009\u9879\u5361", onKeyDown: (event) => handleKeyDown(event, selectedKey), className: hiddenItems.some((item) => item.key === selectedKey) ? "is-active" : void 0 })
+              }
+            ) : null
           ] }),
           tabBarExtraContent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "sia-tabs__extra", children: tabBarExtraContent }) : null
         ] }),
@@ -11232,9 +11363,9 @@ function Tabs({
 }
 
 // src/components/Treemap.tsx
-var import_react46 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
 var import_react47 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_react48 = require("react");
 function positiveValue(value) {
   return Number.isFinite(value) && value > 0 ? value : 1;
 }
@@ -11520,19 +11651,19 @@ function Treemap({
   style,
   ...props
 }) {
-  const containerRef = (0, import_react46.useRef)(null);
-  const [size, setSize] = (0, import_react46.useState)({ width: 0, height: 0 });
-  const [internalExpandedKeys, setInternalExpandedKeys] = (0, import_react46.useState)(() => [...defaultExpandedKeys]);
-  const [internalFocusedKey, setInternalFocusedKey] = (0, import_react46.useState)(defaultFocusedKey);
+  const containerRef = (0, import_react47.useRef)(null);
+  const [size, setSize] = (0, import_react47.useState)({ width: 0, height: 0 });
+  const [internalExpandedKeys, setInternalExpandedKeys] = (0, import_react47.useState)(() => [...defaultExpandedKeys]);
+  const [internalFocusedKey, setInternalFocusedKey] = (0, import_react47.useState)(defaultFocusedKey);
   const currentExpandedKeys = expandedKeys ?? internalExpandedKeys;
   const currentFocusedKey = focusedKey === void 0 ? internalFocusedKey : focusedKey;
-  const expandedSet = (0, import_react46.useMemo)(() => new Set(currentExpandedKeys), [currentExpandedKeys]);
-  const focusedNode = (0, import_react46.useMemo)(
+  const expandedSet = (0, import_react47.useMemo)(() => new Set(currentExpandedKeys), [currentExpandedKeys]);
+  const focusedNode = (0, import_react47.useMemo)(
     () => currentFocusedKey ? findNode(data, currentFocusedKey) : null,
     [currentFocusedKey, data]
   );
   const effectiveFocusedNode = focusedNode && expandedSet.has(focusedNode.key) && Boolean(focusedNode.children?.length) ? focusedNode : null;
-  const positions = (0, import_react46.useMemo)(
+  const positions = (0, import_react47.useMemo)(
     () => collectPositions(
       effectiveFocusedNode ? [effectiveFocusedNode] : data,
       { x: 0, y: 0, ...size },
@@ -11547,7 +11678,7 @@ function Treemap({
     ),
     [activeKey, data, effectiveFocusedNode, expandedSet, gap, headerHeight, maxVisibleNodes, minTileHeight, minTileWidth, overflowLabel, size]
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const element = containerRef.current;
     if (!element) return void 0;
     const updateSize = () => {
@@ -11559,7 +11690,7 @@ function Treemap({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!currentFocusedKey || effectiveFocusedNode) return;
     if (focusedKey === void 0) setInternalFocusedKey(null);
     onFocusedChange?.(null);
@@ -11607,7 +11738,7 @@ function Treemap({
           const hasChildren = Boolean(node.hasChildren || node.children?.length);
           const title = `${node.label} \xB7 ${String(valueFormatter(node.value, node))}`;
           if (expanded) {
-            return /* @__PURE__ */ (0, import_react47.createElement)(
+            return /* @__PURE__ */ (0, import_react48.createElement)(
               "div",
               {
                 className: `sia-treemap__tile sia-treemap__tile--directory is-expanded${effectiveFocusedNode?.key === node.key ? " is-focused" : ""}${active ? " is-active" : ""}`,
@@ -11646,7 +11777,7 @@ function Treemap({
               ] })
             );
           }
-          return /* @__PURE__ */ (0, import_react47.createElement)(
+          return /* @__PURE__ */ (0, import_react48.createElement)(
             "button",
             {
               type: "button",
@@ -11672,13 +11803,13 @@ function Treemap({
 }
 
 // src/components/Table/TableCellContent.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function TableCellContent({ children, ellipsis, title }) {
-  const ref = (0, import_react48.useRef)(null);
-  const [overflowing, setOverflowing] = (0, import_react48.useState)(false);
+  const ref = (0, import_react49.useRef)(null);
+  const [overflowing, setOverflowing] = (0, import_react49.useState)(false);
   const customContent = typeof children !== "string" && typeof children !== "number" && children != null;
-  (0, import_react48.useLayoutEffect)(() => {
+  (0, import_react49.useLayoutEffect)(() => {
     const element = ref.current;
     if (!element || !ellipsis || !customContent) return;
     const layouts = [];
@@ -11710,10 +11841,10 @@ function TableCellContent({ children, ellipsis, title }) {
 }
 
 // src/components/Table/Table.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/components/Table/plugins.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 
 // src/components/Table/utils.ts
 var AUTO_WIDTH_COLUMN_KEYS = /* @__PURE__ */ new Set(["action", "actions", "operation", "operations"]);
@@ -12391,7 +12522,7 @@ function TableSelectedItemsPanel({
   onRemove,
   onClear
 }) {
-  const [showAll, setShowAll] = (0, import_react49.useState)(false);
+  const [showAll, setShowAll] = (0, import_react50.useState)(false);
   const visibleEntries = showAll ? entries : entries.slice(0, maxCount2);
   const hiddenCount = Math.max(0, entries.length - visibleEntries.length);
   const baseColumnMap = new Map(
@@ -12790,10 +12921,10 @@ function TableFilterControl({
   placeholder,
   onApply
 }) {
-  const [open, setOpen] = (0, import_react49.useState)(false);
-  const [draft, setDraft] = (0, import_react49.useState)(value);
+  const [open, setOpen] = (0, import_react50.useState)(false);
+  const [draft, setDraft] = (0, import_react50.useState)(value);
   const label = getColumnLabel(column);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (open) setDraft(value);
   }, [open, value]);
   const apply = (nextValue) => {
@@ -13218,17 +13349,17 @@ function EditableTableCell({
   trigger
 }) {
   const config = typeof editable === "object" ? editable : { type: "input" };
-  const [editValue, setEditValue] = (0, import_react49.useState)(value);
-  const [saving, setSaving] = (0, import_react49.useState)(false);
-  const inputRef = (0, import_react49.useRef)(null);
-  const editorRef = (0, import_react49.useRef)(null);
-  const editValueRef = (0, import_react49.useRef)(value);
-  const savingRef = (0, import_react49.useRef)(false);
-  const saveRef = (0, import_react49.useRef)(
+  const [editValue, setEditValue] = (0, import_react50.useState)(value);
+  const [saving, setSaving] = (0, import_react50.useState)(false);
+  const inputRef = (0, import_react50.useRef)(null);
+  const editorRef = (0, import_react50.useRef)(null);
+  const editValueRef = (0, import_react50.useRef)(value);
+  const savingRef = (0, import_react50.useRef)(false);
+  const saveRef = (0, import_react50.useRef)(
     async () => {
     }
   );
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!active) return;
     editValueRef.current = value;
     setEditValue(value);
@@ -13259,7 +13390,7 @@ function EditableTableCell({
     }
   }
   saveRef.current = save;
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!active || config.type === "select" || config.type === "custom") return;
     const handleOutsidePointerDown = (event) => {
       const target = event.target;
@@ -13560,15 +13691,15 @@ function ColumnSettingPanel({
   onClose,
   onApply
 }) {
-  const [draft, setDraft] = (0, import_react49.useState)(items);
-  const listRef = (0, import_react49.useRef)(null);
-  const cancelDrag = (0, import_react49.useRef)(null);
-  const [preview, setPreview] = (0, import_react49.useState)(null);
-  (0, import_react49.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react50.useState)(items);
+  const listRef = (0, import_react50.useRef)(null);
+  const cancelDrag = (0, import_react50.useRef)(null);
+  const [preview, setPreview] = (0, import_react50.useState)(null);
+  (0, import_react50.useEffect)(() => {
     cancelDrag.current?.();
     if (open) setDraft(orderColumnSettings(items));
   }, [items, open]);
-  (0, import_react49.useEffect)(() => () => cancelDrag.current?.(), []);
+  (0, import_react50.useEffect)(() => () => cancelDrag.current?.(), []);
   const labels = new Map(
     flattenTableColumns(columns).map((column) => [
       column.key,
@@ -14086,7 +14217,7 @@ function tableExportText(node) {
   if (typeof node === "string" || typeof node === "number" || typeof node === "bigint")
     return String(node);
   if (Array.isArray(node)) return node.map(tableExportText).join("");
-  if ((0, import_react49.isValidElement)(node))
+  if ((0, import_react50.isValidElement)(node))
     return tableExportText(node.props.children);
   return "";
 }
@@ -14185,7 +14316,7 @@ var SIZE_ROW_HEIGHT = { small: 28, medium: 36, large: 46 };
 function getHeaderTitleText(content) {
   if (typeof content === "string" || typeof content === "number") return String(content);
   if (Array.isArray(content)) return content.map(getHeaderTitleText).join("");
-  if ((0, import_react50.isValidElement)(content)) return getHeaderTitleText(content.props.children);
+  if ((0, import_react51.isValidElement)(content)) return getHeaderTitleText(content.props.children);
   return "";
 }
 function getColumnDepth(columns) {
@@ -14269,7 +14400,7 @@ function getTableHorizontalMetrics(viewport, table) {
   const contentWidth = Math.max(viewport.clientWidth, table?.getBoundingClientRect().width ?? viewport.clientWidth);
   return { contentWidth, maxLeft: Math.max(0, contentWidth - viewport.clientWidth) };
 }
-var TableBodyRow = (0, import_react50.memo)(function TableBodyRow2({
+var TableBodyRow = (0, import_react51.memo)(function TableBodyRow2({
   row,
   rowIndex,
   columns,
@@ -14372,22 +14503,22 @@ function TableInner(props, ref) {
     style,
     ...htmlProps
   } = props;
-  const rootRef = (0, import_react50.useRef)(null);
-  const scrollRef = (0, import_react50.useRef)(null);
-  const tableRef = (0, import_react50.useRef)(null);
+  const rootRef = (0, import_react51.useRef)(null);
+  const scrollRef = (0, import_react51.useRef)(null);
+  const tableRef = (0, import_react51.useRef)(null);
   useScrollbarProximity();
-  const scrollbarDragRef = (0, import_react50.useRef)(null);
-  const [internalLoading, setInternalLoading] = (0, import_react50.useState)(false);
-  const [scrollTop, setScrollTop] = (0, import_react50.useState)(0);
-  const [viewportHeight, setViewportHeight] = (0, import_react50.useState)(420);
-  const [viewportWidth, setViewportWidth] = (0, import_react50.useState)(0);
-  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react50.useState)({});
-  const getRowKey = (0, import_react50.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
-  const builtInResizePlugin = (0, import_react50.useMemo)(() => createResizePlugin(), []);
-  const builtInHighlightPlugin = (0, import_react50.useMemo)(() => createHighlightPlugin(), []);
-  const builtInCellSelectionPlugin = (0, import_react50.useMemo)(() => createCellSelectionPlugin(), []);
-  const builtInIndexPlugin = (0, import_react50.useMemo)(() => createIndexPlugin(), []);
-  const activePlugins = (0, import_react50.useMemo)(() => {
+  const scrollbarDragRef = (0, import_react51.useRef)(null);
+  const [internalLoading, setInternalLoading] = (0, import_react51.useState)(false);
+  const [scrollTop, setScrollTop] = (0, import_react51.useState)(0);
+  const [viewportHeight, setViewportHeight] = (0, import_react51.useState)(420);
+  const [viewportWidth, setViewportWidth] = (0, import_react51.useState)(0);
+  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react51.useState)({});
+  const getRowKey = (0, import_react51.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
+  const builtInResizePlugin = (0, import_react51.useMemo)(() => createResizePlugin(), []);
+  const builtInHighlightPlugin = (0, import_react51.useMemo)(() => createHighlightPlugin(), []);
+  const builtInCellSelectionPlugin = (0, import_react51.useMemo)(() => createCellSelectionPlugin(), []);
+  const builtInIndexPlugin = (0, import_react51.useMemo)(() => createIndexPlugin(), []);
+  const activePlugins = (0, import_react51.useMemo)(() => {
     const plugins = providedPlugins.filter((plugin) => (resizable || plugin.id !== "resize") && (cellSelection || plugin.id !== "cellSelection") && (showIndex || plugin.id !== "index"));
     if (!plugins.some((plugin) => plugin.id === "highlight")) plugins.push(builtInHighlightPlugin);
     if (resizable && !plugins.some((plugin) => plugin.id === "resize")) plugins.push(builtInResizePlugin);
@@ -14395,19 +14526,19 @@ function TableInner(props, ref) {
     if (showIndex && !plugins.some((plugin) => plugin.id === "index")) plugins.push(builtInIndexPlugin);
     return plugins;
   }, [builtInHighlightPlugin, builtInResizePlugin, builtInCellSelectionPlugin, builtInIndexPlugin, providedPlugins, resizable, cellSelection, showIndex]);
-  const sortedPlugins = (0, import_react50.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
-  const pluginsByIdRef = (0, import_react50.useRef)(/* @__PURE__ */ new Map());
+  const sortedPlugins = (0, import_react51.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
+  const pluginsByIdRef = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
   pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
-  const [pluginStates, setPluginStates] = (0, import_react50.useState)(() => Object.fromEntries(
+  const [pluginStates, setPluginStates] = (0, import_react51.useState)(() => Object.fromEntries(
     sortedPlugins.map((plugin) => [plugin.id, resolveInitialState(plugin)])
   ));
-  const pluginApisRef = (0, import_react50.useRef)({});
-  const contextsRef = (0, import_react50.useRef)(/* @__PURE__ */ new Map());
-  const mountedPluginsRef = (0, import_react50.useRef)(/* @__PURE__ */ new Map());
+  const pluginApisRef = (0, import_react51.useRef)({});
+  const contextsRef = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
+  const mountedPluginsRef = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
   const pipeline = { columns: baseColumns, rows: createTableRows(dataSource, getRowKey) };
   const nextApis = {};
   const contexts = /* @__PURE__ */ new Map();
-  const setPluginState = (0, import_react50.useCallback)((pluginId, next) => {
+  const setPluginState = (0, import_react51.useCallback)((pluginId, next) => {
     setPluginStates((previous) => {
       const plugin = pluginsByIdRef.current.get(pluginId);
       const previousValue = previous[pluginId] !== void 0 ? previous[pluginId] : plugin ? resolveInitialState(plugin) : void 0;
@@ -14460,7 +14591,7 @@ function TableInner(props, ref) {
   });
   pluginApisRef.current = nextApis;
   contextsRef.current = contexts;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const activePlugins2 = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
     for (const [pluginId, mounted] of mountedPluginsRef.current) {
       if (activePlugins2.get(pluginId) === mounted.plugin) continue;
@@ -14472,11 +14603,11 @@ function TableInner(props, ref) {
       mountedPluginsRef.current.set(plugin.id, { plugin, cleanup: plugin.onMount(contextsRef.current.get(plugin.id)) });
     }
   }, [sortedPlugins]);
-  (0, import_react50.useEffect)(() => () => {
+  (0, import_react51.useEffect)(() => () => {
     for (const mounted of mountedPluginsRef.current.values()) mounted.cleanup?.();
     mountedPluginsRef.current.clear();
   }, []);
-  const updateScrollMetrics = (0, import_react50.useCallback)(() => {
+  const updateScrollMetrics = (0, import_react51.useCallback)(() => {
     const root = rootRef.current;
     const element = scrollRef.current;
     if (!root || !element) return;
@@ -14512,7 +14643,7 @@ function TableInner(props, ref) {
     root.style.setProperty("--sia-table-scrollbar-y-size", `${verticalThumb}px`);
     root.style.setProperty("--sia-table-scrollbar-y-position", `${verticalPosition}px`);
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const element = scrollRef.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -14525,13 +14656,13 @@ function TableInner(props, ref) {
     updateScrollMetrics();
     return () => observer.disconnect();
   }, [updateScrollMetrics]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     updateScrollMetrics();
   });
-  const orderedColumns = (0, import_react50.useMemo)(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
-  const leafColumns = (0, import_react50.useMemo)(() => flattenTableColumns(orderedColumns), [orderedColumns]);
-  const headerRows = (0, import_react50.useMemo)(() => buildHeaderRows(orderedColumns), [orderedColumns]);
-  (0, import_react50.useEffect)(() => {
+  const orderedColumns = (0, import_react51.useMemo)(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
+  const leafColumns = (0, import_react51.useMemo)(() => flattenTableColumns(orderedColumns), [orderedColumns]);
+  const headerRows = (0, import_react51.useMemo)(() => buildHeaderRows(orderedColumns), [orderedColumns]);
+  (0, import_react51.useEffect)(() => {
     const autoWidthColumns = leafColumns.filter((column) => column.autoWidth && resizedWidths[column.key] === void 0);
     const root = rootRef.current;
     if (!root || autoWidthColumns.length === 0) return;
@@ -14601,20 +14732,20 @@ function TableInner(props, ref) {
   const bottomSpacer = shouldVirtualize ? Math.max(0, (pipeline.rows.length - endIndex) * rowHeight) : 0;
   const toolbarStart = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarStart?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react50.Fragment, { children: content }, `toolbar-start-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react51.Fragment, { children: content }, `toolbar-start-${plugin.id}`) : null;
   }).filter(Boolean);
   const toolbarEnd = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarEnd?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react50.Fragment, { children: content }, `toolbar-end-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react51.Fragment, { children: content }, `toolbar-end-${plugin.id}`) : null;
   }).filter(Boolean);
   const summaries = sortedPlugins.flatMap((plugin) => plugin.renderSummary?.(getContext(plugin)) ?? []);
   const footers = sortedPlugins.map((plugin) => {
     const content = plugin.renderFooter?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react50.Fragment, { children: content }, `footer-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react51.Fragment, { children: content }, `footer-${plugin.id}`) : null;
   }).filter(Boolean);
   const overlays = sortedPlugins.map((plugin) => {
     const content = plugin.renderOverlay?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react50.Fragment, { children: content }, `overlay-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react51.Fragment, { children: content }, `overlay-${plugin.id}`) : null;
   }).filter(Boolean);
   const hasToolbar = toolbarStart.length > 0 || toolbarEnd.length > 0;
   const effectiveHeight = height ?? tableHeight ?? (shouldVirtualize ? 420 : void 0);
@@ -14623,12 +14754,12 @@ function TableInner(props, ref) {
     height: effectiveHeight,
     "--sia-table-header-height": `${headerRows.length * rowHeight}px`
   };
-  const handleScroll = (0, import_react50.useCallback)((event) => {
+  const handleScroll = (0, import_react51.useCallback)((event) => {
     const element = event.currentTarget;
     if (shouldVirtualize) setScrollTop(element.scrollTop);
     updateScrollMetrics();
   }, [shouldVirtualize, updateScrollMetrics]);
-  const handleScrollbarPointerDown = (0, import_react50.useCallback)((axis, event, track = event.currentTarget) => {
+  const handleScrollbarPointerDown = (0, import_react51.useCallback)((axis, event, track = event.currentTarget) => {
     const element = scrollRef.current;
     const thumb = track.firstElementChild;
     if (!element || !thumb || event.button !== 0) return;
@@ -14657,7 +14788,7 @@ function TableInner(props, ref) {
     };
     if (rootRef.current) rootRef.current.dataset.scrollbarDragging = "true";
   }, []);
-  const handleScrollbarPointerMove = (0, import_react50.useCallback)((event) => {
+  const handleScrollbarPointerMove = (0, import_react51.useCallback)((event) => {
     const drag = scrollbarDragRef.current;
     const element = scrollRef.current;
     if (!drag || !element || drag.pointerId !== event.pointerId) return;
@@ -14666,12 +14797,12 @@ function TableInner(props, ref) {
     if (drag.axis === "x") element.scrollLeft = nextScroll;
     else element.scrollTop = nextScroll;
   }, []);
-  const handleScrollbarPointerEnd = (0, import_react50.useCallback)((event) => {
+  const handleScrollbarPointerEnd = (0, import_react51.useCallback)((event) => {
     if (scrollbarDragRef.current?.pointerId !== event.pointerId) return;
     scrollbarDragRef.current = null;
     if (rootRef.current) rootRef.current.dataset.scrollbarDragging = "false";
   }, []);
-  (0, import_react50.useImperativeHandle)(ref, () => ({
+  (0, import_react51.useImperativeHandle)(ref, () => ({
     getRows: () => pipeline.rows.map((row) => row.record),
     getColumns: () => pipeline.columns,
     getPluginApi: (pluginId) => pluginApisRef.current[pluginId],
@@ -14942,12 +15073,12 @@ function TableInner(props, ref) {
     }
   );
 }
-var Table2 = (0, import_react50.forwardRef)(TableInner);
+var Table2 = (0, import_react51.forwardRef)(TableInner);
 
 // src/components/ThemeSwitch.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var ThemeSwitch = (0, import_react51.forwardRef)(function ThemeSwitch2({
+var ThemeSwitch = (0, import_react52.forwardRef)(function ThemeSwitch2({
   checked,
   onCheckedChange,
   lightLabel = "\u4EAE\u8272\u6A21\u5F0F",
@@ -15007,8 +15138,8 @@ var SIA_THEME = {
   controlHeight: 32,
   /** 默认布局间距，单位为像素。 */
   spacing: 16,
-  /** 默认字号，单位为像素。 */
-  fontSize: 16,
+  /** 默认基础字号为 13 像素，对应 --sia-font-size；业务可通过 CSS 变量覆盖。 */
+  fontSize: 13,
   /** 默认小号文字尺寸为 13 像素，对应 --sia-font-size-small；业务可通过 CSS 变量覆盖。 */
   fontSizeSmall: 13,
   /** 大号文字尺寸，单位为像素。 */
@@ -15041,7 +15172,7 @@ function Breadcrumb({ items, separator = "/", itemRender, className = "", ...pro
 }
 
 // src/components/Typography.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function TypographyContent({
   as: Tag2 = "span",
@@ -15061,26 +15192,26 @@ function TypographyContent({
   className = "",
   ...props
 }) {
-  const contentRef = (0, import_react52.useRef)(null);
-  const editRef = (0, import_react52.useRef)(null);
-  const timer = (0, import_react52.useRef)();
-  const [localText, setLocalText] = (0, import_react52.useState)();
-  const [draft, setDraft] = (0, import_react52.useState)("");
-  const [editing, setEditing] = (0, import_react52.useState)(false);
-  const [copied, setCopied] = (0, import_react52.useState)(false);
-  const [copyError, setCopyError] = (0, import_react52.useState)(false);
-  const [expanded, setExpanded] = (0, import_react52.useState)(false);
-  const [overflow, setOverflow] = (0, import_react52.useState)(false);
+  const contentRef = (0, import_react53.useRef)(null);
+  const editRef = (0, import_react53.useRef)(null);
+  const timer = (0, import_react53.useRef)();
+  const [localText, setLocalText] = (0, import_react53.useState)();
+  const [draft, setDraft] = (0, import_react53.useState)("");
+  const [editing, setEditing] = (0, import_react53.useState)(false);
+  const [copied, setCopied] = (0, import_react53.useState)(false);
+  const [copyError, setCopyError] = (0, import_react53.useState)(false);
+  const [expanded, setExpanded] = (0, import_react53.useState)(false);
+  const [overflow, setOverflow] = (0, import_react53.useState)(false);
   const editConfig = typeof editable === "object" ? editable : void 0;
   const content = editConfig?.text ?? localText ?? children;
   const requestedRows = typeof ellipsis === "object" ? ellipsis.rows ?? 1 : 1;
   const rows = Number.isFinite(requestedRows) ? Math.max(1, Math.floor(requestedRows)) : 1;
   const expandable = typeof ellipsis === "object" && ellipsis.expandable;
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setLocalText(void 0);
   }, [children]);
-  (0, import_react52.useEffect)(() => () => clearTimeout(timer.current), []);
-  (0, import_react52.useLayoutEffect)(() => {
+  (0, import_react53.useEffect)(() => () => clearTimeout(timer.current), []);
+  (0, import_react53.useLayoutEffect)(() => {
     const element = contentRef.current;
     if (!element || !ellipsis || editing || expanded) return;
     const measure = () => setOverflow(element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1);
@@ -15198,10 +15329,10 @@ var Typography = Object.assign(TypographyRoot, {
 });
 
 // src/components/FloatButton.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var GroupShape = (0, import_react53.createContext)(void 0);
-var FloatButtonRoot = (0, import_react53.forwardRef)(function FloatButton({
+var GroupShape = (0, import_react54.createContext)(void 0);
+var FloatButtonRoot = (0, import_react54.forwardRef)(function FloatButton({
   icon,
   description,
   tooltip,
@@ -15214,7 +15345,7 @@ var FloatButtonRoot = (0, import_react53.forwardRef)(function FloatButton({
   children,
   ...props
 }, ref) {
-  const groupShape = (0, import_react53.useContext)(GroupShape);
+  const groupShape = (0, import_react54.useContext)(GroupShape);
   const label = props["aria-label"] ?? (typeof tooltip === "string" ? tooltip : typeof description === "string" ? description : "\u60AC\u6D6E\u64CD\u4F5C");
   const button = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "button",
@@ -15252,10 +15383,10 @@ function FloatButtonGroup({
   ...props
 }) {
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
-  const rootRef = (0, import_react53.useRef)(null);
-  const triggerRef = (0, import_react53.useRef)(null);
-  const id = (0, import_react53.useId)();
-  (0, import_react53.useEffect)(() => {
+  const rootRef = (0, import_react54.useRef)(null);
+  const triggerRef = (0, import_react54.useRef)(null);
+  const id = (0, import_react54.useId)();
+  (0, import_react54.useEffect)(() => {
     if (!trigger || !visible) return;
     const close = (event) => {
       if (!rootRef.current?.contains(event.target)) setVisible(false);
@@ -15309,8 +15440,8 @@ function FloatButtonGroup({
   ) });
 }
 function FloatButtonBackTop({ target, visibilityHeight = 400, behavior = "smooth", onClick, icon, tooltip = "\u8FD4\u56DE\u9876\u90E8", ...props }) {
-  const [visible, setVisible] = (0, import_react53.useState)(false);
-  (0, import_react53.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react54.useState)(false);
+  (0, import_react54.useEffect)(() => {
     const element = target ? target() : window;
     if (!element) return;
     const update = () => setVisible((element === window ? window.scrollY : element.scrollTop) >= visibilityHeight);
@@ -15334,11 +15465,11 @@ var FloatButton2 = Object.assign(FloatButtonRoot, {
 });
 
 // src/components/ChartWhirlingLoading.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function ChartWhirlingLoading({ width = 720, height = 360, text = "\u6570\u636E\u83B7\u53D6\u4E2D", textWidth, frame }) {
-  const [tick, setTick] = (0, import_react54.useState)(0);
-  (0, import_react54.useEffect)(() => {
+  const [tick, setTick] = (0, import_react55.useState)(0);
+  (0, import_react55.useEffect)(() => {
     if (frame != null) return;
     const media = window.matchMedia("(prefers-reduced-motion: reduce)");
     let timer;
@@ -15369,20 +15500,20 @@ function ChartWhirlingLoading({ width = 720, height = 360, text = "\u6570\u636E\
 }
 
 // src/components/SvgMapPlot.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 
 // src/components/ChartBrush.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function ChartBrush({ bounds, onSelect, onCancel, selectionShape = "band", selectionStyle, minSelectionSize }) {
-  const [vertical, setVertical] = (0, import_react55.useState)(null);
-  const startY = (0, import_react55.useRef)(0);
+  const [vertical, setVertical] = (0, import_react56.useState)(null);
+  const startY = (0, import_react56.useRef)(0);
   const y = (event) => {
     const matrix = event.currentTarget.ownerSVGElement?.getScreenCTM();
     return matrix ? Math.max(bounds.y, Math.min(bounds.y + bounds.height, new DOMPoint(event.clientX, event.clientY).matrixTransform(matrix.inverse()).y)) : bounds.y;
   };
-  const drag = (0, import_react55.useRef)(null);
-  const [selection, setSelection] = (0, import_react55.useState)(null);
+  const drag = (0, import_react56.useRef)(null);
+  const [selection, setSelection] = (0, import_react56.useState)(null);
   const x = (event) => {
     const matrix = event.currentTarget.ownerSVGElement?.getScreenCTM();
     if (!matrix) return null;
@@ -15505,7 +15636,7 @@ function appendChartExportHeadings(original, clone, host) {
 }
 
 // src/components/ChartNodeTimeline.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 
 // src/components/timelinePositions.ts
 function timelineRatios(count, dates) {
@@ -15531,7 +15662,7 @@ function nearestTimelineIndex(ratios, ratio) {
 }
 
 // src/components/ChartPointMotion.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/components/chartMotion.ts
 function chartMotionBaseline(points, horizontal = false) {
@@ -15552,11 +15683,11 @@ function interpolateChartPoints(from, to, progress) {
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function ChartPointMotion({ points, enabled, duration, updateDuration = 500, animateInitial = true, easing = "linear", progress, horizontal = false, origin, children }) {
   const baseline = (target) => origin ? target.map(() => origin) : chartMotionBaseline(target, horizontal);
-  const [frame, setFrame] = (0, import_react56.useState)(() => enabled && animateInitial ? baseline(points) : points);
-  const displayed = (0, import_react56.useRef)(frame);
-  const initialized = (0, import_react56.useRef)(!animateInitial);
+  const [frame, setFrame] = (0, import_react57.useState)(() => enabled && animateInitial ? baseline(points) : points);
+  const displayed = (0, import_react57.useRef)(frame);
+  const initialized = (0, import_react57.useRef)(!animateInitial);
   const signature = JSON.stringify(points);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const target = points;
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!enabled || progress != null || reduced.matches) {
@@ -15595,8 +15726,8 @@ function ChartPointMotion({ points, enabled, duration, updateDuration = 500, ani
 // src/components/ChartNodeTimeline.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, playInterval = 2e3, loop = true, x = 80, y = 520, width = 840 }) {
-  const [playing, setPlaying] = (0, import_react57.useState)(autoPlay), dragging = (0, import_react57.useRef)();
-  const [draft, setDraft] = (0, import_react57.useState)(), pending = (0, import_react57.useRef)(), draftRef = (0, import_react57.useRef)();
+  const [playing, setPlaying] = (0, import_react58.useState)(autoPlay), dragging = (0, import_react58.useRef)();
+  const [draft, setDraft] = (0, import_react58.useState)(), pending = (0, import_react58.useRef)(), draftRef = (0, import_react58.useRef)();
   const shown = draft ?? value;
   const cancelPending = () => {
     clearTimeout(pending.current);
@@ -15604,8 +15735,8 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
     draftRef.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react57.useEffect)(() => () => clearTimeout(pending.current), []);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => () => clearTimeout(pending.current), []);
+  (0, import_react58.useEffect)(() => {
     cancelPending();
   }, [value]);
   const preview = (index) => {
@@ -15620,8 +15751,8 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
       draftRef.current = void 0;
     }, 200);
   };
-  (0, import_react57.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
+  (0, import_react58.useEffect)(() => {
     if (!playing || labels.length < 2) return;
     const timer = window.setTimeout(() => {
       if (value + 1 < labels.length) onChange(value + 1);
@@ -15730,7 +15861,7 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
 }
 
 // src/components/ChartVerticalRange.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/components/chartColorRamp.ts
 function chartColorRamp(colors, ratio) {
@@ -15750,16 +15881,16 @@ function chartColorRamp(colors, ratio) {
 // src/components/ChartVerticalRange.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function ChartVerticalRange({ min, max, x, y, length, thickness, colors, range, endLabels, onChange, indicatorValue, onHoverRange, realtime = true, readOnly = false }) {
-  const id = (0, import_react58.useId)().replaceAll(":", "");
-  const drag = (0, import_react58.useRef)();
-  const [draft, setDraft] = (0, import_react58.useState)();
-  const pending = (0, import_react58.useRef)();
+  const id = (0, import_react59.useId)().replaceAll(":", "");
+  const drag = (0, import_react59.useRef)();
+  const [draft, setDraft] = (0, import_react59.useState)();
+  const pending = (0, import_react59.useRef)();
   const cancel = () => {
     drag.current = void 0;
     pending.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!realtime) cancel();
   }, [range[0], range[1], min, max, realtime]);
   const shown = draft ?? range;
@@ -15840,18 +15971,18 @@ function ChartVerticalRange({ min, max, x, y, length, thickness, colors, range,
 }
 
 // src/components/ChartHorizontalRange.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function ChartHorizontalRange({ min, max, x, y, length, thickness, colors, range, endLabels, onChange, indicatorValue, onHoverRange, realtime = true }) {
-  const id = (0, import_react59.useId)().replaceAll(":", ""), span = max - min;
-  const drag = (0, import_react59.useRef)();
-  const [draft, setDraft] = (0, import_react59.useState)(), pending = (0, import_react59.useRef)();
+  const id = (0, import_react60.useId)().replaceAll(":", ""), span = max - min;
+  const drag = (0, import_react60.useRef)();
+  const [draft, setDraft] = (0, import_react60.useState)(), pending = (0, import_react60.useRef)();
   const cancel = () => {
     drag.current = void 0;
     pending.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!realtime) cancel();
   }, [range[0], range[1], min, max, realtime]);
   const shown = draft ?? range, low = Math.max(min, Math.min(max, shown[0])), high = Math.max(low, Math.min(max, shown[1]));
@@ -15929,7 +16060,7 @@ function ChartHorizontalRange({ min, max, x, y, length, thickness, colors, range
 }
 
 // src/components/Chart.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 
 // src/components/chartCompositeExport.ts
 function serializeChartComposite(host) {
@@ -16053,20 +16184,20 @@ var DEFAULT_CHART_PALETTE = [
   "#2f54eb",
   "#a0d911"
 ];
-var ChartContext = (0, import_react60.createContext)(null);
+var ChartContext = (0, import_react61.createContext)(null);
 function toCssSize(value, fallback) {
   if (typeof value === "number") return `${value}px`;
   return value ?? fallback;
 }
-var ChartComposite = (0, import_react60.forwardRef)(function ChartComposite2({ layers, width = "100%", height = 320, ariaLabel = "\u7EC4\u5408\u56FE\u8868", className = "", style, ...props }, ref) {
-  const host = (0, import_react60.useRef)(null);
-  (0, import_react60.useImperativeHandle)(ref, () => ({ toSvgString: () => host.current ? serializeChartComposite(host.current) : null, saveAsImage: (filename) => saveCompositeImage(host.current ? serializeChartComposite(host.current) : null, filename) }), []);
+var ChartComposite = (0, import_react61.forwardRef)(function ChartComposite2({ layers, width = "100%", height = 320, ariaLabel = "\u7EC4\u5408\u56FE\u8868", className = "", style, ...props }, ref) {
+  const host = (0, import_react61.useRef)(null);
+  (0, import_react61.useImperativeHandle)(ref, () => ({ toSvgString: () => host.current ? serializeChartComposite(host.current) : null, saveAsImage: (filename) => saveCompositeImage(host.current ? serializeChartComposite(host.current) : null, filename) }), []);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { ...withTitleTooltip(props), ref: host, className: `sia-chart-composite${className ? ` ${className}` : ""}`, style: { ...style, width: toCssSize(width, "100%"), height: toCssSize(height, "320px") }, role: "group", "aria-label": ariaLabel, children: layers.map((layer, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "sia-chart-composite__layer", style: { left: layer.left ?? 0, top: layer.top ?? 0, width: layer.width ?? "100%", height: layer.height ?? "100%", zIndex: layer.zIndex ?? index, pointerEvents: layer.pointerEvents }, children: layer.content }, layer.key ?? index)) });
 });
-var useTooltipLayoutEffect = typeof window === "undefined" ? import_react60.useEffect : import_react60.useLayoutEffect;
+var useTooltipLayoutEffect = typeof window === "undefined" ? import_react61.useEffect : import_react61.useLayoutEffect;
 function ChartTooltip({ open, left, top, children, enterable = false, inheritTextStyle = false, placement = "above", className = "", style, ...props }) {
-  const elementRef = (0, import_react60.useRef)(null);
-  const [position, setPosition] = (0, import_react60.useState)([left, top]);
+  const elementRef = (0, import_react61.useRef)(null);
+  const [position, setPosition] = (0, import_react61.useState)([left, top]);
   useTooltipLayoutEffect(() => {
     const element = elementRef.current, host = element?.parentElement;
     if (!open || placement !== "axis" || !element || !host) return;
@@ -16190,7 +16321,7 @@ function ChartToolbox({
     ))
   ] });
 }
-var SiaChart = (0, import_react60.forwardRef)(function SiaChart2({
+var SiaChart = (0, import_react61.forwardRef)(function SiaChart2({
   children,
   width = "100%",
   height = 320,
@@ -16217,19 +16348,19 @@ var SiaChart = (0, import_react60.forwardRef)(function SiaChart2({
   style,
   ...rest
 }, ref) {
-  const hostRef = (0, import_react60.useRef)(null);
-  const svgRef = (0, import_react60.useRef)(null);
-  const titleId = (0, import_react60.useId)();
-  const descriptionId = (0, import_react60.useId)();
-  const [tooltip, setTooltip] = (0, import_react60.useState)(null);
-  const tooltipHideTimer = (0, import_react60.useRef)();
-  const tooltipHeld = (0, import_react60.useRef)(false);
+  const hostRef = (0, import_react61.useRef)(null);
+  const svgRef = (0, import_react61.useRef)(null);
+  const titleId = (0, import_react61.useId)();
+  const descriptionId = (0, import_react61.useId)();
+  const [tooltip, setTooltip] = (0, import_react61.useState)(null);
+  const tooltipHideTimer = (0, import_react61.useRef)();
+  const tooltipHeld = (0, import_react61.useRef)(false);
   const cancelTooltipHide = () => {
     clearTimeout(tooltipHideTimer.current);
   };
-  (0, import_react60.useEffect)(() => () => clearTimeout(tooltipHideTimer.current), []);
-  const [linkedPosition, setLinkedPosition] = (0, import_react60.useState)({ left: 0, top: 0 });
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => () => clearTimeout(tooltipHideTimer.current), []);
+  const [linkedPosition, setLinkedPosition] = (0, import_react61.useState)({ left: 0, top: 0 });
+  (0, import_react61.useEffect)(() => {
     const host = hostRef.current, svg = svgRef.current;
     if (!controlledTooltip || !host || !svg) return;
     const position = () => {
@@ -16244,12 +16375,12 @@ var SiaChart = (0, import_react60.forwardRef)(function SiaChart2({
     observer.observe(host);
     return () => observer.disconnect();
   }, [controlledTooltip]);
-  const [dataViewOpen, setDataViewOpen] = (0, import_react60.useState)(false);
-  const [markMode, setMarkMode] = (0, import_react60.useState)(false);
-  const [markStart, setMarkStart] = (0, import_react60.useState)(null);
-  const [userMarks, setUserMarks] = (0, import_react60.useState)([]);
+  const [dataViewOpen, setDataViewOpen] = (0, import_react61.useState)(false);
+  const [markMode, setMarkMode] = (0, import_react61.useState)(false);
+  const [markStart, setMarkStart] = (0, import_react61.useState)(null);
+  const [userMarks, setUserMarks] = (0, import_react61.useState)([]);
   const toolboxOptions = toolbox === true ? {} : toolbox || void 0;
-  const rootStyle = (0, import_react60.useMemo)(() => ({
+  const rootStyle = (0, import_react61.useMemo)(() => ({
     ...style,
     width: toCssSize(width, "100%"),
     height: toCssSize(height, "320px"),
@@ -16307,13 +16438,13 @@ var SiaChart = (0, import_react60.forwardRef)(function SiaChart2({
     anchor.href = canvas.toDataURL("image/png");
     anchor.click();
   }
-  (0, import_react60.useImperativeHandle)(ref, () => ({
+  (0, import_react61.useImperativeHandle)(ref, () => ({
     getElement: () => svgRef.current,
     focus: () => svgRef.current?.focus(),
     toSvgString: serializeSvg,
     toDataUrl: svgDataUrl
   }), []);
-  const context = (0, import_react60.useMemo)(() => ({
+  const context = (0, import_react61.useMemo)(() => ({
     palette,
     showTooltip: (event, content, point) => {
       cancelTooltipHide();
@@ -16500,7 +16631,7 @@ var SiaChart = (0, import_react60.forwardRef)(function SiaChart2({
   ) });
 });
 function ChartMark({ tooltip, tooltipPoint, label, onPointerMove, onPointerLeave, onFocus, onBlur, ...props }) {
-  const context = (0, import_react60.useContext)(ChartContext);
+  const context = (0, import_react61.useContext)(ChartContext);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "g",
     {
@@ -16529,7 +16660,7 @@ function ChartMark({ tooltip, tooltipPoint, label, onPointerMove, onPointerLeave
   );
 }
 function ChartLegend({ items, symbol = "rect", x = CHART_VIEWBOX_WIDTH / 2, y = 20, align = "center", itemGap = 18, orientation = "horizontal", selected, onItemClick, maxWidth, rowGap = 24, iconWidth, iconHeight = 14, textGap = 5, textStyle, inactiveColor, background }) {
-  const paintId = (0, import_react60.useId)().replaceAll(":", "");
+  const paintId = (0, import_react61.useId)().replaceAll(":", "");
   const widths = items.map((item) => (iconWidth == null ? 18 : iconWidth + textGap) + (item.textWidth ?? Math.max(30, Array.from(item.name).reduce((width, character) => width + (character.charCodeAt(0) > 255 ? 13 : 7), 0))));
   const totalWidth = orientation === "horizontal" ? widths.reduce((sum, value) => sum + value, 0) + Math.max(0, items.length - 1) * itemGap : Math.max(0, ...widths);
   const startX = align === "start" ? x : align === "end" ? x - totalWidth : x - totalWidth / 2;
@@ -16658,7 +16789,7 @@ function ChartAxis({ layer = "all", orientation, x, y, length, labels, positions
   ] });
 }
 function ChartVisualMap({ min, max, colors = ["#e6f4ff", "#1677ff"], x = 16, y = 284, width = 110, height = 9, label, endLabels, indicatorValue, onHoverRange, realtime = true, svgHandles = false, orientation = "horizontal", calculable = false, value = max, onChange, range, onRangeChange, pieces, selectedPieces, onPieceToggle }) {
-  const id = (0, import_react60.useId)().replaceAll(":", "");
+  const id = (0, import_react61.useId)().replaceAll(":", "");
   const vertical = orientation === "vertical";
   if (svgHandles && vertical && !calculable && !pieces?.length) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ChartVerticalRange, { readOnly: true, min, max, x, y, length: width, thickness: height, colors, range: [min, max], endLabels, indicatorValue, onHoverRange });
   if (svgHandles && vertical && calculable && range && !pieces?.length) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ChartVerticalRange, { min, max, x, y, length: width, thickness: height, colors, range, onChange: onRangeChange, endLabels, indicatorValue, onHoverRange, realtime });
@@ -16686,8 +16817,8 @@ function ChartVisualMap({ min, max, colors = ["#e6f4ff", "#1677ff"], x = 16, y =
   ] });
 }
 function ChartDataZoom({ value, min = 0, max = 100, ariaLabel = "\u56FE\u8868\u53EF\u89C1\u8303\u56F4", orientation = "horizontal", dataShadow = [], showDetail = false, minSpan = 1, formatter, onChange, panEnabled = false, shadowBounds, handleLabels }) {
-  const [activeHandle, setActiveHandle] = (0, import_react60.useState)(null);
-  const pan = (0, import_react60.useRef)();
+  const [activeHandle, setActiveHandle] = (0, import_react61.useState)(null);
+  const pan = (0, import_react61.useRef)();
   const start = Math.min(value[0], value[1]);
   const end = Math.max(value[0], value[1]);
   const startPercent = (start - min) / Math.max(1, max - min) * 100;
@@ -16761,9 +16892,9 @@ function ChartDataZoom({ value, min = 0, max = 100, ariaLabel = "\u56FE\u8868\u5
   ] });
 }
 function ChartTimeline({ labels, value, onChange, autoPlay = false, playInterval = 2e3, loop = true, className = "", ...props }) {
-  const [playing, setPlaying] = (0, import_react60.useState)(autoPlay);
-  (0, import_react60.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
-  (0, import_react60.useEffect)(() => {
+  const [playing, setPlaying] = (0, import_react61.useState)(autoPlay);
+  (0, import_react61.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
+  (0, import_react61.useEffect)(() => {
     if (!playing || labels.length <= 1) return void 0;
     const timer = window.setInterval(() => {
       const next = value + 1;
@@ -16873,7 +17004,7 @@ function parseSvgMapPaths(source) {
 }
 
 // src/components/useMapRoam.ts
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/components/chartRoam.ts
 function zoomChartViewport(view, factor, point, limit = { min: 0.05, max: 20 }) {
@@ -16890,14 +17021,14 @@ var initial = { x: 0, y: 0, scale: 1 };
 function useMapRoam(mode, scaleLimit = { min: 0.65, max: 5 }, wheelFactors = [1.12, 0.9]) {
   const [zoomIn, zoomOut] = wheelFactors;
   const min = scaleLimit?.min, max = scaleLimit?.max, unlimited = scaleLimit === null;
-  const host = (0, import_react61.useRef)(null);
-  const [view, setView] = (0, import_react61.useState)(initial);
-  const drag = (0, import_react61.useRef)();
+  const host = (0, import_react62.useRef)(null);
+  const [view, setView] = (0, import_react62.useState)(initial);
+  const drag = (0, import_react62.useRef)();
   const local = (x, y) => {
     const matrix = host.current?.ownerSVGElement?.getScreenCTM();
     return matrix ? new DOMPoint(x, y).matrixTransform(matrix.inverse()) : new DOMPoint(x, y);
   };
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const node = host.current;
     if (!node || !mode || mode === "move") return;
     const wheel = (event) => {
@@ -16959,7 +17090,7 @@ function useMapRoam(mode, scaleLimit = { min: 0.65, max: 5 }, wheelFactors = [1.
 }
 
 // src/components/ChartMapLineReveal.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/mapLineGeometry.ts
 function mapLineControl(source, target, curveness) {
@@ -16976,9 +17107,9 @@ function mapLineDuration(source, target, period) {
 // src/components/ChartMapLineReveal.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function ChartMapLineReveal({ source, control, target, enabled, initialDuration = 2e3, updateDuration = 500, children }) {
-  const signature = JSON.stringify([source, control, target]), initialized = (0, import_react62.useRef)(false);
-  const [frame, setFrame] = (0, import_react62.useState)({ signature, progress: enabled ? 0 : 1 });
-  (0, import_react62.useEffect)(() => {
+  const signature = JSON.stringify([source, control, target]), initialized = (0, import_react63.useRef)(false);
+  const [frame, setFrame] = (0, import_react63.useState)({ signature, progress: enabled ? 0 : 1 });
+  (0, import_react63.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     const duration = Math.max(1, initialized.current ? updateDuration : initialDuration);
     if (!enabled || reduced.matches) {
@@ -17011,15 +17142,15 @@ function ChartMapLineReveal({ source, control, target, enabled, initialDuration
 }
 
 // src/components/ChartMapLineEffect.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function ChartMapLineEffect({ source, control, target, period = 30, color = "#fff", radius = 1, shadowBlur = 10, shadowColor = color, trailAlpha }) {
-  const ref = (0, import_react63.useRef)(null);
-  const trails = (0, import_react63.useRef)([]);
+  const ref = (0, import_react64.useRef)(null);
+  const trails = (0, import_react64.useRef)([]);
   const alpha = trailAlpha === void 0 ? 0 : Math.max(0, Math.min(0.999, trailAlpha));
   const count = alpha > 0 ? Math.min(240, Math.ceil(Math.log(5e-3) / Math.log(alpha))) : 0;
   const duration = mapLineDuration(source, target, period);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const started = performance.now();
     let frame = 0;
     const history = [];
@@ -17052,7 +17183,7 @@ function ChartMapLineEffect({ source, control, target, period = 30, color = "#ff
 }
 
 // src/components/ChartMapPointPulse.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/components/mapPointPulse.ts
 function mapPointPulseDuration(period, random = Math.random) {
@@ -17062,7 +17193,7 @@ function mapPointPulseDuration(period, random = Math.random) {
 // src/components/ChartMapPointPulse.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function ChartMapPointPulse({ x, y, size, color, period = 15, scaleSize = 2 }) {
-  const [duration] = (0, import_react64.useState)(() => mapPointPulseDuration(period));
+  const [duration] = (0, import_react65.useState)(() => mapPointPulseDuration(period));
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("circle", { "data-svg-map-pulse": duration, cx: x, cy: y, r: size * scaleSize * 0.1, fill: "none", stroke: color, strokeWidth: 0.1, pointerEvents: "none", style: { filter: `drop-shadow(0 0 2px ${color})` }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("animate", { attributeName: "r", values: `${size * scaleSize * 0.1};${size * scaleSize}`, dur: `${duration}ms`, repeatCount: "indefinite", calcMode: "linear" }),
     /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("animate", { attributeName: "stroke-width", values: ".1;1", dur: `${duration}ms`, repeatCount: "indefinite", calcMode: "linear" })
@@ -17070,11 +17201,11 @@ function ChartMapPointPulse({ x, y, size, color, period = 15, scaleSize = 2 }) {
 }
 
 // src/components/ChartMapPointEntrance.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function ChartMapPointEntrance({ enabled, x, y, children }) {
-  const [progress, setProgress] = (0, import_react65.useState)(enabled ? 0.01 : 1);
-  (0, import_react65.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react66.useState)(enabled ? 0.01 : 1);
+  (0, import_react66.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!enabled || reduced.matches) {
       setProgress(1);
@@ -17117,8 +17248,8 @@ function mapLineEndLabel(source, target) {
 // src/components/SvgMapPlot.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function SvgMapRegion({ d, name, value, series, color, scale, offset, emphasized, onHover, stroke, strokeWidth, opacity, hoverable = true, showLabel = true, tooltipNameOnly = false }) {
-  const path = (0, import_react66.useRef)(null), [center, setCenter] = (0, import_react66.useState)([0, 0]);
-  (0, import_react66.useLayoutEffect)(() => {
+  const path = (0, import_react67.useRef)(null), [center, setCenter] = (0, import_react67.useState)([0, 0]);
+  (0, import_react67.useLayoutEffect)(() => {
     const box = path.current?.getBBox();
     if (box) setCenter([box.x + box.width / 2, box.y + box.height / 2]);
   }, [d]);
@@ -17136,9 +17267,9 @@ function SvgMapRegion({ d, name, value, series, color, scale, offset, emphasized
   ] }), onPointerMove: () => onHover(true), onPointerLeave: () => onHover(false), onFocus: () => onHover(true), onBlur: () => onHover(false), children: content });
 }
 function SvgMapPlot({ source, name, data, x, y, width, height, domain, range = domain, colors, labelOffsets, hoverRange, onHoverValue, roam = true, resetKey = 0, children, markPoints = [], markLines = [], lineAnimation = false, tooltipNameOnly = false, showLabels = true, pointAnimation = false, pointEntrance = false, pointAnimationEasing = "linear" }) {
-  const map = (0, import_react66.useMemo)(() => parseSvgMapPaths(source), [source]), control = useMapRoam(roam, null, [1.2, 1 / 1.2]), [hovered, setHovered] = (0, import_react66.useState)();
-  const [hoveredLine, setHoveredLine] = (0, import_react66.useState)();
-  (0, import_react66.useEffect)(() => {
+  const map = (0, import_react67.useMemo)(() => parseSvgMapPaths(source), [source]), control = useMapRoam(roam, null, [1.2, 1 / 1.2]), [hovered, setHovered] = (0, import_react67.useState)();
+  const [hoveredLine, setHoveredLine] = (0, import_react67.useState)();
+  (0, import_react67.useEffect)(() => {
     control.reset();
     setHovered(void 0);
   }, [resetKey]);
@@ -17201,16 +17332,16 @@ function SvgMapPlot({ source, name, data, x, y, width, height, domain, range = d
 }
 
 // src/components/ChartRoamController.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function ChartRoamController({ x = 800, y = 5, onPan, onZoom }) {
-  const [hovered, setHovered] = (0, import_react67.useState)(), [focused, setFocused] = (0, import_react67.useState)();
-  const timer = (0, import_react67.useRef)();
+  const [hovered, setHovered] = (0, import_react68.useState)(), [focused, setFocused] = (0, import_react68.useState)();
+  const timer = (0, import_react68.useRef)();
   const stop = () => {
     if (timer.current !== void 0) clearInterval(timer.current);
     timer.current = void 0;
   };
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     window.addEventListener("blur", stop);
     return () => {
       stop();
@@ -17249,13 +17380,13 @@ function ChartRoamController({ x = 800, y = 5, onPan, onZoom }) {
 }
 
 // src/components/LineShareChart.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 
 // src/components/Charts.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 
 // src/components/ChartScatterMotion.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/components/scatterMotion.ts
 function scatterMotionEase(progress) {
@@ -17267,9 +17398,9 @@ function scatterMotionEase(progress) {
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ChartScatterMotion({ x, y, radius, enabled, duration = 2e3, updateDuration = 500, progress, children }) {
   const target = { x, y, radius };
-  const [frame, setFrame] = (0, import_react68.useState)(() => ({ ...target, radius: enabled ? radius * 0.01 : radius }));
-  const displayed = (0, import_react68.useRef)(frame), started = (0, import_react68.useRef)(false);
-  (0, import_react68.useEffect)(() => {
+  const [frame, setFrame] = (0, import_react69.useState)(() => ({ ...target, radius: enabled ? radius * 0.01 : radius }));
+  const displayed = (0, import_react69.useRef)(frame), started = (0, import_react69.useRef)(false);
+  (0, import_react69.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     let request = 0;
     const publish = (next) => {
@@ -17380,12 +17511,12 @@ function layoutEventRiver(series, tailLength, area) {
 }
 
 // src/components/EventRiverBubble.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function EventRiverBubble({ resetKey, draggable = true, tooltipPoint, onPointerUp, ...props }) {
-  const [offset, setOffset] = (0, import_react69.useState)(0);
-  const drag = (0, import_react69.useRef)();
-  (0, import_react69.useEffect)(() => {
+  const [offset, setOffset] = (0, import_react70.useState)(0);
+  const drag = (0, import_react70.useRef)();
+  (0, import_react70.useEffect)(() => {
     setOffset(0);
     drag.current = void 0;
   }, [resetKey]);
@@ -17436,13 +17567,13 @@ function EventRiverBubble({ resetKey, draggable = true, tooltipPoint, onPointerU
 }
 
 // src/components/EventRiverMotion.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function EventRiverMotion({ geometry, enabled = true, duration = 2e3, updateDuration = 500, progress, children }) {
-  const [frame, setFrame] = (0, import_react70.useState)(() => ({ ...geometry, scale: enabled ? 0.1 : 1 }));
-  const displayed = (0, import_react70.useRef)(frame), started = (0, import_react70.useRef)(false);
+  const [frame, setFrame] = (0, import_react71.useState)(() => ({ ...geometry, scale: enabled ? 0.1 : 1 }));
+  const displayed = (0, import_react71.useRef)(frame), started = (0, import_react71.useRef)(false);
   const signature = JSON.stringify(geometry);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const preference = window.matchMedia("(prefers-reduced-motion: reduce)"), target = { ...geometry, scale: 1 };
     const from = started.current ? displayed.current : { ...geometry, scale: 0.1 };
     let request = 0;
@@ -17559,7 +17690,7 @@ function transferPieValue(series, source, target, connector = " & ") {
 }
 
 // src/components/ChartValueIsland.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 
 // src/components/cartesianTransfer.ts
 function addValues(a, b) {
@@ -17624,13 +17755,13 @@ function findCompositeValueTarget(element, x, y) {
 // src/components/ChartValueIsland.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function ChartValueIsland({ name, value, x, y, color = "#2ec7c9", onDrop, resolveTarget = findCompositeValueTarget }) {
-  const drag = (0, import_react71.useRef)(null);
-  const [offset, setOffset] = (0, import_react71.useState)([0, 0]);
+  const drag = (0, import_react72.useRef)(null);
+  const [offset, setOffset] = (0, import_react72.useState)([0, 0]);
   const cancel = () => {
     drag.current = null;
     setOffset([0, 0]);
   };
-  (0, import_react71.useEffect)(cancel, [x, y]);
+  (0, import_react72.useEffect)(cancel, [x, y]);
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     ChartMark,
     {
@@ -17683,12 +17814,12 @@ function ChartValueIsland({ name, value, x, y, color = "#2ec7c9", onDrop, resolv
 }
 
 // src/components/ChartPulseRing.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function ChartPulseRing({ center, radius, scaleSize = 2, color = "gold", shadowBlur = 10, period = 15, progress, enabled = true }) {
-  const id = (0, import_react72.useId)().replace(/:/g, ""), [phase, setPhase] = (0, import_react72.useState)(0);
-  const [reduced, setReduced] = (0, import_react72.useState)(false);
-  (0, import_react72.useEffect)(() => {
+  const id = (0, import_react73.useId)().replace(/:/g, ""), [phase, setPhase] = (0, import_react73.useState)(0);
+  const [reduced, setReduced] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => {
     const preference = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReduced(preference.matches);
     let frame = 0;
@@ -17832,7 +17963,7 @@ function chartMarkerPath(kind, x, y, size) {
 }
 
 // src/components/ChartLargeMapPointCanvas.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/components/largeMapPointPulse.ts
 function largeMapPointPulse(elapsed, period, initial3, delay) {
@@ -17848,8 +17979,8 @@ function largeMapPointSize(size, pulse) {
 // src/components/ChartLargeMapPointCanvas.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function ChartLargeMapPointCanvas({ groups, width, height }) {
-  const canvas = (0, import_react73.useRef)(null), key = JSON.stringify(groups);
-  (0, import_react73.useEffect)(() => {
+  const canvas = (0, import_react74.useRef)(null), key = JSON.stringify(groups);
+  (0, import_react74.useEffect)(() => {
     const element = canvas.current, context = element?.getContext("2d");
     if (!element || !context) return;
     const ratio = window.devicePixelRatio || 1;
@@ -17908,12 +18039,12 @@ function ChartLargeMapPointCanvas({ groups, width, height }) {
 }
 
 // src/components/ChartCrosshair.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function ChartCrosshair({ bounds, xDomain, yDomain, formatX = decimal, formatY = decimal }) {
-  const ref = (0, import_react74.useRef)(null);
-  const [point, setPoint] = (0, import_react74.useState)(null);
-  (0, import_react74.useEffect)(() => {
+  const ref = (0, import_react75.useRef)(null);
+  const [point, setPoint] = (0, import_react75.useState)(null);
+  (0, import_react75.useEffect)(() => {
     const svg = ref.current?.ownerSVGElement;
     if (!svg) return;
     const clear = () => setPoint(null);
@@ -17933,7 +18064,7 @@ function ChartCrosshair({ bounds, xDomain, yDomain, formatX = decimal, formatY =
       svg.removeEventListener("pointercancel", clear);
     };
   }, [bounds.x, bounds.y, bounds.width, bounds.height]);
-  (0, import_react74.useEffect)(() => setPoint(null), [xDomain[0], xDomain[1], yDomain[0], yDomain[1]]);
+  (0, import_react75.useEffect)(() => setPoint(null), [xDomain[0], xDomain[1], yDomain[0], yDomain[1]]);
   const x = point ? xDomain[0] + (point.x - bounds.x) / bounds.width * (xDomain[1] - xDomain[0]) : 0;
   const y = point ? yDomain[1] - (point.y - bounds.y) / bounds.height * (yDomain[1] - yDomain[0]) : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("g", { ref, className: "sia-chart__crosshair", "aria-hidden": "true", children: [
@@ -17950,7 +18081,7 @@ function decimal(value) {
 }
 
 // src/components/HeatmapRasterLayer.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 
 // src/components/heatmapRaster.ts
 var defaultGradient = [{ offset: 0.2, color: [0, 0, 255] }, { offset: 0.4, color: [0, 255, 255] }, { offset: 0.6, color: [0, 255, 0] }, { offset: 0.8, color: [255, 255, 0] }, { offset: 1, color: [255, 0, 0] }];
@@ -17997,9 +18128,9 @@ function rasterizeHeatmap(width, height, points, options = {}) {
 // src/components/HeatmapRasterLayer.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function HeatmapRaster({ width, height, points, options }) {
-  const [url, setUrl] = (0, import_react75.useState)();
+  const [url, setUrl] = (0, import_react76.useState)();
   const optionsKey = JSON.stringify(options);
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     const canvas = document.createElement("canvas");
     canvas.width = width;
     canvas.height = height;
@@ -18099,10 +18230,10 @@ function chordMatrixLayout(matrix, options = {}) {
 }
 
 // src/components/MatrixChordPlot.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function MatrixChordPlot({ names, matrix, series, appearance, showNodeLabels = false, rotateNodeLabels = false, linkLabel, sort, sortSub, padAngle, clockwise, palette, geometry, legacySubSort = false, showScale = false }) {
-  const [hoveredLink, setHoveredLink] = (0, import_react76.useState)(null);
+  const [hoveredLink, setHoveredLink] = (0, import_react77.useState)(null);
   const layout = series ? chordMultiMatrixLayout(series.map((s) => s.matrix), { padAngle, clockwise, startAngle: geometry?.startAngle }) : chordMatrixLayout(matrix, { sort, sortSub, padAngle, clockwise, legacySubSort, startAngle: geometry?.startAngle }), cx = geometry?.center[0] ?? 360, cy = geometry?.center[1] ?? 182, r = geometry?.innerRadius ?? 108, outer = geometry?.outerRadius ?? 128;
   const point = (angle) => [cx + Math.cos(angle) * r, cy + Math.sin(angle) * r];
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("g", { className: "sia-chart__matrix-chord", children: [
@@ -18449,13 +18580,13 @@ function transferRadarSeries(panels, source, target, connector = " & ") {
 }
 
 // src/components/ChartRoamGroup.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var initial2 = { x: 0, y: 0, scale: 1 };
 function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true, ariaLabel, resetSignal = 0 }) {
-  const group = (0, import_react77.useRef)(null), drag = (0, import_react77.useRef)();
-  const [view, setView] = (0, import_react77.useState)(initial2);
-  (0, import_react77.useEffect)(() => {
+  const group = (0, import_react78.useRef)(null), drag = (0, import_react78.useRef)();
+  const [view, setView] = (0, import_react78.useState)(initial2);
+  (0, import_react78.useEffect)(() => {
     setView(initial2);
     drag.current = void 0;
   }, [resetSignal]);
@@ -18465,7 +18596,7 @@ function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true,
     const local = new DOMPoint(clientX, clientY).matrixTransform(matrix.inverse());
     return [local.x, local.y];
   };
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const target = group.current;
     if (!target || !enabled || !zoomEnabled) return;
     const wheel = (event) => {
@@ -18526,11 +18657,11 @@ function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true,
 }
 
 // src/components/TreeNodeGlyph.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function TreeNodeGlyph({ symbol = "circle", x, y, width, height, color, itemStyle }) {
-  const [failed, setFailed] = (0, import_react78.useState)(false);
-  (0, import_react78.useEffect)(() => setFailed(false), [symbol]);
+  const [failed, setFailed] = (0, import_react79.useState)(false);
+  (0, import_react79.useEffect)(() => setFailed(false), [symbol]);
   const style = { fill: itemStyle.brushType === "stroke" ? "none" : color, stroke: itemStyle.borderColor, strokeWidth: itemStyle.borderWidth };
   if (symbol.startsWith("image://")) return failed ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("g", { role: "img", "aria-label": "\u539F\u59CB\u8282\u70B9\u56FE\u7247\u52A0\u8F7D\u5931\u8D25", children: [
     /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { x: x - width / 2, y: y - height / 2, width, height, fill: "none", stroke: "#999", strokeDasharray: "3 3" }),
@@ -18819,7 +18950,7 @@ function resolveMapRegionAppearance(base, datum, emphasized) {
 }
 
 // src/components/ChartBundledMapCanvas.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/components/edgeBundling.ts
 var distance = (a, b) => Math.hypot(a[0] - b[0], a[1] - b[1]);
@@ -18963,9 +19094,9 @@ function sampleBundledPath(curves, progress) {
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "rgba(2,166,253,0.05)", opacity = 0.2, lineWidth = 0.5, pointColor = "rgba(255,0,0,0.5)", pointRadius = 1.5, effect, width, height }) {
   const signature = JSON.stringify(edges), pointKey = JSON.stringify(points), effectKey = JSON.stringify(effect);
-  const paths = (0, import_react79.useMemo)(() => bundleEdges(JSON.parse(signature)).map((row) => ({ index: row.index, curves: smoothBundledPath(row.points, smoothness) })), [signature, smoothness]);
-  const base = (0, import_react79.useRef)(null), moving = (0, import_react79.useRef)(null);
-  (0, import_react79.useEffect)(() => {
+  const paths = (0, import_react80.useMemo)(() => bundleEdges(JSON.parse(signature)).map((row) => ({ index: row.index, curves: smoothBundledPath(row.points, smoothness) })), [signature, smoothness]);
+  const base = (0, import_react80.useRef)(null), moving = (0, import_react80.useRef)(null);
+  (0, import_react80.useEffect)(() => {
     const node = base.current, ctx = node?.getContext("2d");
     if (!node || !ctx) return;
     const ratio = window.devicePixelRatio || 1;
@@ -18991,7 +19122,7 @@ function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "
       ctx.fill();
     }
   }, [paths, pointKey, width, height, color, opacity, lineWidth, pointColor, pointRadius]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const node = moving.current, ctx = node?.getContext("2d");
     if (!node || !ctx) return;
     const ratio = window.devicePixelRatio || 1;
@@ -19053,11 +19184,11 @@ function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "
 }
 
 // src/components/ChartMapEffectCanvas.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function ChartMapEffectCanvas({ effects, width, height, alpha = 0.95 }) {
-  const canvas = (0, import_react80.useRef)(null), key = JSON.stringify(effects);
-  (0, import_react80.useEffect)(() => {
+  const canvas = (0, import_react81.useRef)(null), key = JSON.stringify(effects);
+  (0, import_react81.useEffect)(() => {
     const element = canvas.current;
     if (!element) return;
     const context = element.getContext("2d");
@@ -19203,12 +19334,12 @@ function layoutTreeNodes(root, options = {}) {
 }
 
 // src/components/ChartDataEditor.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function ChartDataEditor({ series, onApply, readOnly = false, allowNull = false }) {
-  const [draft, setDraft] = (0, import_react81.useState)(() => JSON.stringify(series.map((item) => item.data), null, 2));
-  const [error, setError] = (0, import_react81.useState)("");
-  const [applied, setApplied] = (0, import_react81.useState)(false);
+  const [draft, setDraft] = (0, import_react82.useState)(() => JSON.stringify(series.map((item) => item.data), null, 2));
+  const [error, setError] = (0, import_react82.useState)("");
+  const [applied, setApplied] = (0, import_react82.useState)(false);
   function apply() {
     try {
       const values = JSON.parse(draft);
@@ -19239,11 +19370,11 @@ function ChartDataEditor({ series, onApply, readOnly = false, allowNull = false
 }
 
 // src/components/ChartBarStatistics.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function ChartBarStatistics({ values, kinds, project, plot, horizontal, color, gradient, seriesName }) {
-  const id = (0, import_react82.useId)().replaceAll(":", "");
-  const [active, setActive] = (0, import_react82.useState)();
+  const id = (0, import_react83.useId)().replaceAll(":", "");
+  const [active, setActive] = (0, import_react83.useState)();
   const paint = gradient ? `url(#${id})` : color;
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { children: [
     gradient ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("linearGradient", { id, gradientUnits: "userSpaceOnUse", x1: gradient.start[0], y1: gradient.start[1], x2: gradient.end[0], y2: gradient.end[1], children: gradient.stops.map((stop, i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("stop", { offset: stop.offset, stopColor: stop.color }, i)) }) }) : null,
@@ -19298,7 +19429,7 @@ function lineSegments(points) {
 }
 
 // src/components/useBarMagicState.ts
-var import_react83 = require("react");
+var import_react84 = require("react");
 
 // src/components/cartesianMagicState.ts
 function changeCartesianMagic(state, action) {
@@ -19313,8 +19444,8 @@ function changeCartesianMagic(state, action) {
 function useBarMagicState(toolbox, shape = "bar") {
   const initial3 = { shape, layout: "original" };
   const options = toolbox === true ? {} : typeof toolbox === "object" ? toolbox : void 0;
-  const [state, setState] = (0, import_react83.useState)(() => changeCartesianMagic(initial3, options?.activeMagicType ?? shape));
-  (0, import_react83.useEffect)(() => {
+  const [state, setState] = (0, import_react84.useState)(() => changeCartesianMagic(initial3, options?.activeMagicType ?? shape));
+  (0, import_react84.useEffect)(() => {
     if (options?.activeMagicType) setState((s) => changeCartesianMagic(s, options.activeMagicType));
   }, [options?.activeMagicType]);
   const resolved = options ? { ...options, activeMagicType: state.shape, activeMagicTypes: options.activeMagicTypes ?? (state.layout === "original" ? [state.shape] : [state.shape, state.layout]), onMagicTypeChange: (action) => {
@@ -19328,7 +19459,7 @@ function useBarMagicState(toolbox, shape = "bar") {
 }
 
 // src/components/useBarValueTransfer.ts
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/components/barTransfer.ts
 function transferBarValue(series, source, target, categories) {
@@ -19345,10 +19476,10 @@ function transferBarValue(series, source, target, categories) {
 
 // src/components/useBarValueTransfer.ts
 function useBarValueTransfer(series, initial3, categories, enabled, publish, onError) {
-  const [islands, setIslands] = (0, import_react84.useState)([]);
-  const drag = (0, import_react84.useRef)();
-  const [offset, setOffset] = (0, import_react84.useState)();
-  (0, import_react84.useEffect)(() => {
+  const [islands, setIslands] = (0, import_react85.useState)([]);
+  const drag = (0, import_react85.useRef)();
+  const [offset, setOffset] = (0, import_react85.useState)();
+  (0, import_react85.useEffect)(() => {
     setIslands([]);
     drag.current = void 0;
     setOffset(void 0);
@@ -19449,12 +19580,12 @@ function logarithmicValueAt(progress, domain) {
 
 // src/components/Charts.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var import_react86 = require("react");
+var import_react87 = require("react");
 var PLOT = { x: 62, y: 48, width: 628, height: 250 };
 var PLOT_BOTTOM = PLOT.y + PLOT.height;
 function useLegendSelection(names, controlled, onChange) {
-  const [internal, setInternal] = (0, import_react85.useState)(() => Object.fromEntries(names.map((name) => [name, true])));
-  (0, import_react85.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react86.useState)(() => Object.fromEntries(names.map((name) => [name, true])));
+  (0, import_react86.useEffect)(() => {
     setInternal((current) => {
       const next = { ...current };
       names.forEach((name) => {
@@ -19554,7 +19685,7 @@ function lineSymbol(type, x, y, size, color, image, strokeWidth = 2) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("circle", { cx: x, cy: y, r: size / 2, fill: color, stroke: "var(--sia-color-surface)", strokeWidth: 2 });
 }
 function useZoom(value, defaultValue, onChange) {
-  const [internal, setInternal] = (0, import_react85.useState)([...defaultValue ?? [0, 100]]);
+  const [internal, setInternal] = (0, import_react86.useState)([...defaultValue ?? [0, 100]]);
   const current = value ?? internal;
   const update = (next) => {
     if (!value) setInternal(next);
@@ -19564,8 +19695,8 @@ function useZoom(value, defaultValue, onChange) {
 }
 function useToolboxMagicType(toolbox, fallback) {
   const options = toolbox === true ? {} : typeof toolbox === "object" ? toolbox : void 0;
-  const [internal, setInternal] = (0, import_react85.useState)(options?.activeMagicType ?? fallback);
-  (0, import_react85.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react86.useState)(options?.activeMagicType ?? fallback);
+  (0, import_react86.useEffect)(() => {
     if (options?.activeMagicType) setInternal(options.activeMagicType);
   }, [options?.activeMagicType]);
   const active = options?.activeMagicType ?? internal;
@@ -19583,15 +19714,15 @@ function useToolboxMagicType(toolbox, fallback) {
   } : toolbox;
   return [active, resolved];
 }
-var LineChart = (0, import_react85.forwardRef)(function LineChart2({ calculableMode = "resize", onTransferError, grid, valueTransfer: externalValueTransfer, categories, series: sourceSeries, appearance = "sia", categoryLabelInterval = 0, boundaryGap = false, showCategorySplitLine = true, categoryAxisName, valueAxisName, legendLayout, logBase = 10, logExponentStep = 1, animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, stacked = false, orientation = "vertical", xAxisType = "category", valueAxisType = "value", valueAxisInverse = false, tooltipTrigger = "item", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, dataZoom = false, zoomIndexMode = "points", zoomPosition = "bottom", zoomControlBounds, zoomPan = false, zoomSelectionShape = "band", zoomSelectionStyle, zoomMinSelectionSize, calculable = false, zoom, defaultZoom, onZoomChange, onDataChange, palette, toolbox, ...props }, ref) {
-  const [hoverIndex, setHoverIndex] = (0, import_react85.useState)(null);
-  const [editableSeries, setEditableSeries] = (0, import_react85.useState)(sourceSeries);
-  const [dragPoint, setDragPoint] = (0, import_react85.useState)(null);
-  const linePaintId = (0, import_react85.useId)().replaceAll(":", "");
-  const [hoveredLinePoint, setHoveredLinePoint] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
+var LineChart = (0, import_react86.forwardRef)(function LineChart2({ calculableMode = "resize", onTransferError, grid, valueTransfer: externalValueTransfer, categories, series: sourceSeries, appearance = "sia", categoryLabelInterval = 0, boundaryGap = false, showCategorySplitLine = true, categoryAxisName, valueAxisName, legendLayout, logBase = 10, logExponentStep = 1, animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, stacked = false, orientation = "vertical", xAxisType = "category", valueAxisType = "value", valueAxisInverse = false, tooltipTrigger = "item", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, dataZoom = false, zoomIndexMode = "points", zoomPosition = "bottom", zoomControlBounds, zoomPan = false, zoomSelectionShape = "band", zoomSelectionStyle, zoomMinSelectionSize, calculable = false, zoom, defaultZoom, onZoomChange, onDataChange, palette, toolbox, ...props }, ref) {
+  const [hoverIndex, setHoverIndex] = (0, import_react86.useState)(null);
+  const [editableSeries, setEditableSeries] = (0, import_react86.useState)(sourceSeries);
+  const [dragPoint, setDragPoint] = (0, import_react86.useState)(null);
+  const linePaintId = (0, import_react86.useId)().replaceAll(":", "");
+  const [hoveredLinePoint, setHoveredLinePoint] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
   const series = externalValueTransfer ? sourceSeries : editableSeries;
-  const initialTransferSeries = (0, import_react85.useMemo)(() => sourceSeries.map((item) => ({ ...item, data: item.data.map(lineValue) })), [sourceSeries]);
+  const initialTransferSeries = (0, import_react86.useMemo)(() => sourceSeries.map((item) => ({ ...item, data: item.data.map(lineValue) })), [sourceSeries]);
   const localTransfer = useBarValueTransfer(series.map((item) => ({ ...item, data: item.data.map(lineValue) })), initialTransferSeries, categories, calculable && calculableMode === "transfer" && !externalValueTransfer, (nextBars) => {
     const next = series.map((item, row) => ({ ...item, data: item.data.map((datum, index) => {
       const value = barDatum(nextBars[row].data[index]).value;
@@ -19608,8 +19739,8 @@ var LineChart = (0, import_react85.forwardRef)(function LineChart2({ calculableM
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
   const [zoomValue, setZoomValue] = useZoom(zoom, defaultZoom, onZoomChange);
   const inlineZoom = dataZoom && zoomControlBounds ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("foreignObject", { className: "sia-chart__inline-zoom sia-chart__inline-zoom--compact", ...withTitleTooltip(zoomControlBounds), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartDataZoom, { handleLabels: [categories[Math.min(categories.length - 1, Math.floor(Math.min(...zoomValue) / 100 * categories.length))] ?? "", categories[Math.max(0, Math.ceil(Math.max(...zoomValue) / 100 * categories.length) - 1)] ?? ""], shadowBounds: zoomControlBounds, panEnabled: zoomPan, value: zoomValue, dataShadow: series[0]?.data.map(lineValue), onChange: setZoomValue }) }) : null;
-  const [zoomBrushActive, setZoomBrushActive] = (0, import_react85.useState)(false);
-  const [zoomHistory, setZoomHistory] = (0, import_react85.useState)(() => dataZoom ? [defaultZoom ?? zoom ?? [0, 100]] : []);
+  const [zoomBrushActive, setZoomBrushActive] = (0, import_react86.useState)(false);
+  const [zoomHistory, setZoomHistory] = (0, import_react86.useState)(() => dataZoom ? [defaultZoom ?? zoom ?? [0, 100]] : []);
   const zoomBrush = dataZoom && zoomBrushActive ? { minSelectionSize: zoomMinSelectionSize, selectionStyle: zoomSelectionStyle, selectionShape: zoomSelectionShape, bounds: PLOT2, onCancel: () => setZoomBrushActive(false), onSelect: (range) => {
     const start = Math.min(...zoomValue), span = Math.max(...zoomValue) - start;
     const next = [start + range[0] * span, start + range[1] * span];
@@ -19996,17 +20127,17 @@ function ChartPin({ point, color, label }) {
 function barDatum(datum) {
   return typeof datum === "number" ? { value: datum } : datum;
 }
-var BarChart = (0, import_react85.forwardRef)(function BarChart2({ valueTransfer: externalValueTransfer, calculableMode = "resize", onTransferError, categories, series: sourceSeries, appearance = "sia", animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, grid, valueAxisPosition = "bottom", showValueAxis = true, showCategoryAxis = true, showCategorySplitLine = false, tooltipTrigger = "item", tooltipFormatter, stacked = false, orientation = "vertical", minBarSize = 1, calculable = false, onDataChange, showLegend = true, legendOrder, legendLayout, barCategoryGap = 0.2, valuePadding = 0, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
-  const [editableSeries, setEditableSeries] = (0, import_react85.useState)(sourceSeries);
-  const [dragBar, setDragBar] = (0, import_react85.useState)(null);
-  const [hoveredBar, setHoveredBar] = (0, import_react85.useState)();
-  const barPaintId = (0, import_react85.useId)().replaceAll(":", "");
+var BarChart = (0, import_react86.forwardRef)(function BarChart2({ valueTransfer: externalValueTransfer, calculableMode = "resize", onTransferError, categories, series: sourceSeries, appearance = "sia", animationProgress, animationDurationUpdate = 500, valueDomain, axisLabelFormatter, grid, valueAxisPosition = "bottom", showValueAxis = true, showCategoryAxis = true, showCategorySplitLine = false, tooltipTrigger = "item", tooltipFormatter, stacked = false, orientation = "vertical", minBarSize = 1, calculable = false, onDataChange, showLegend = true, legendOrder, legendLayout, barCategoryGap = 0.2, valuePadding = 0, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
+  const [editableSeries, setEditableSeries] = (0, import_react86.useState)(sourceSeries);
+  const [dragBar, setDragBar] = (0, import_react86.useState)(null);
+  const [hoveredBar, setHoveredBar] = (0, import_react86.useState)();
+  const barPaintId = (0, import_react86.useId)().replaceAll(":", "");
   const localTransfer = useBarValueTransfer(editableSeries, sourceSeries, categories, calculable && calculableMode === "transfer" && !externalValueTransfer, (next) => {
     setEditableSeries(next);
     onDataChange?.(next);
   }, onTransferError);
   const transfer = externalValueTransfer ?? localTransfer;
-  (0, import_react85.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
+  (0, import_react86.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
   const series = externalValueTransfer ? sourceSeries : editableSeries;
   const legacy = appearance === "macarons";
   const PLOT2 = legacy ? { x: grid?.left ?? 80, y: grid?.top ?? 60, width: (props.viewBoxSize?.[0] ?? 720) - (grid?.left ?? 80) - (grid?.right ?? 80), height: (props.viewBoxSize?.[1] ?? 360) - (grid?.top ?? 60) - (grid?.bottom ?? 70) } : { x: 62, y: 48, width: 628, height: 250 };
@@ -20253,17 +20384,17 @@ var BarChart = (0, import_react85.forwardRef)(function BarChart2({ valueTransfer
     ] }, `bar-island-${index}`)) : null
   ] });
 });
-var ScatterChart = (0, import_react85.forwardRef)(function ScatterChart2({ symbolAnimation = false, animationProgress, animationDurationUpdate = 500, statisticPoints = [], statisticLines = [], annotations = [], data: initialData, toolbox, showXAxis = true, showXSplitLine = true, showYSplitLine = true, tooltipFormatter, plotBounds, xDomain: fixedXDomain, yDomain: fixedYDomain, showPointLabels = false, yAxisPosition = "left", xCategories, xFormatter, crosshair = false, markColor, xSplitNumber = 5, ySplitNumber = 5, symbolSize, markAppearance = "label", markByCategory = false, xUnit = "", yUnit = "", minSymbolRadius = 5, xLabel, yLabel, xAxisType = "value", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, dataZoom = false, zoom, defaultZoom, onZoomChange, visualMap, markAverage, markExtremes = false, largeThreshold = 1200, onDataClick, palette, ...props }, ref) {
-  const [data, setData] = (0, import_react85.useState)(initialData);
-  const [emphasizedPoint, setEmphasizedPoint] = (0, import_react85.useState)(null);
-  const [emphasizedAnnotation, setEmphasizedAnnotation] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => setData(initialData), [initialData]);
+var ScatterChart = (0, import_react86.forwardRef)(function ScatterChart2({ symbolAnimation = false, animationProgress, animationDurationUpdate = 500, statisticPoints = [], statisticLines = [], annotations = [], data: initialData, toolbox, showXAxis = true, showXSplitLine = true, showYSplitLine = true, tooltipFormatter, plotBounds, xDomain: fixedXDomain, yDomain: fixedYDomain, showPointLabels = false, yAxisPosition = "left", xCategories, xFormatter, crosshair = false, markColor, xSplitNumber = 5, ySplitNumber = 5, symbolSize, markAppearance = "label", markByCategory = false, xUnit = "", yUnit = "", minSymbolRadius = 5, xLabel, yLabel, xAxisType = "value", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, dataZoom = false, zoom, defaultZoom, onZoomChange, visualMap, markAverage, markExtremes = false, largeThreshold = 1200, onDataClick, palette, ...props }, ref) {
+  const [data, setData] = (0, import_react86.useState)(initialData);
+  const [emphasizedPoint, setEmphasizedPoint] = (0, import_react86.useState)(null);
+  const [emphasizedAnnotation, setEmphasizedAnnotation] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => setData(initialData), [initialData]);
   const plot = plotBounds ?? PLOT, bottom = plot.y + plot.height;
   const [zoomValue, setZoomValue] = useZoom(zoom, defaultZoom, onZoomChange);
   const allCategories = [...new Set(data.map((item) => item.category).filter((value) => Boolean(value)))];
   const legend = useLegendSelection(allCategories, legendSelected, onLegendSelectionChange);
   const activeData = data.filter((item) => !item.category || legend.isSelected(item.category));
-  const sorted = (0, import_react85.useMemo)(() => [...activeData].sort((left, right) => left.x - right.x), [activeData]);
+  const sorted = (0, import_react86.useMemo)(() => [...activeData].sort((left, right) => left.x - right.x), [activeData]);
   const startIndex = dataZoom ? Math.floor(Math.min(...zoomValue) / 100 * Math.max(0, sorted.length - 1)) : 0;
   const endIndex = dataZoom ? Math.max(startIndex + 1, Math.ceil(Math.max(...zoomValue) / 100 * sorted.length)) : sorted.length;
   const categoryWindow = xCategories ? scatterCategoryWindow(xCategories, dataZoom ? zoomValue : [0, 100]) : void 0;
@@ -20278,10 +20409,10 @@ var ScatterChart = (0, import_react85.forwardRef)(function ScatterChart2({ symbo
   const visualMinimum = visualMap?.min ?? (visualValues.length ? Math.min(...visualValues) : 0);
   const visualMaximum = visualMap?.max ?? (visualValues.length ? Math.max(...visualValues) : 1);
   const visualColors = visualMap?.colors ?? ["#e6f4ff", "#1677ff"];
-  const [selectedPieces, setSelectedPieces] = (0, import_react85.useState)([]);
-  const [visualRange, setVisualRange] = (0, import_react85.useState)();
+  const [selectedPieces, setSelectedPieces] = (0, import_react86.useState)([]);
+  const [visualRange, setVisualRange] = (0, import_react86.useState)();
   const piecesKey = JSON.stringify(visualMap?.pieces ?? []);
-  (0, import_react85.useEffect)(() => setSelectedPieces([]), [piecesKey]);
+  (0, import_react86.useEffect)(() => setSelectedPieces([]), [piecesKey]);
   const statistics = scatterStatistics(visibleData, markByCategory);
   const plotted = visibleData.map((item, index) => {
     const x = linearScale(categoryWindow ? categoryWindow.indexOf(item.x) : item.x, [xDomain[0], xDomain[1]], [plot.x, plot.x + plot.width]);
@@ -20439,8 +20570,8 @@ var ScatterChart = (0, import_react85.forwardRef)(function ScatterChart2({ symbo
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartDataZoom, { value: zoomValue, onChange: setZoomValue })
   ] }) : content;
 });
-var CandlestickChart = (0, import_react85.forwardRef)(function CandlestickChart2({ showAxes = true, data: initialData, valueDomain, axisLabelFormatter, activeIndex, onActiveIndexChange, seriesVisible: controlledVisible, onSeriesVisibilityChange, showLegend = true, showCategoryLabels = true, plotBounds, markPoints, seriesName, risingBorderColor, fallingBorderColor, borderWidth = 2, risingEmphasisColor, fallingEmphasisColor, maxBarWidth = 34, appearance = "sia", risingColor = "#f5222d", fallingColor = "#52c41a", hollowRising = false, dataZoom = false, zoom, defaultZoom, onZoomChange, markExtremes = false, onDataClick, toolbox, ...props }, ref) {
-  const [data, setData] = (0, import_react85.useState)(initialData), [internalActive, setInternalActive] = (0, import_react85.useState)(null), [internalVisible, setInternalVisible] = (0, import_react85.useState)(true);
+var CandlestickChart = (0, import_react86.forwardRef)(function CandlestickChart2({ showAxes = true, data: initialData, valueDomain, axisLabelFormatter, activeIndex, onActiveIndexChange, seriesVisible: controlledVisible, onSeriesVisibilityChange, showLegend = true, showCategoryLabels = true, plotBounds, markPoints, seriesName, risingBorderColor, fallingBorderColor, borderWidth = 2, risingEmphasisColor, fallingEmphasisColor, maxBarWidth = 34, appearance = "sia", risingColor = "#f5222d", fallingColor = "#52c41a", hollowRising = false, dataZoom = false, zoom, defaultZoom, onZoomChange, markExtremes = false, onDataClick, toolbox, ...props }, ref) {
+  const [data, setData] = (0, import_react86.useState)(initialData), [internalActive, setInternalActive] = (0, import_react86.useState)(null), [internalVisible, setInternalVisible] = (0, import_react86.useState)(true);
   const active = activeIndex === void 0 ? internalActive : activeIndex;
   const seriesVisible = controlledVisible ?? internalVisible;
   const setActive = (index) => {
@@ -20451,7 +20582,7 @@ var CandlestickChart = (0, import_react85.forwardRef)(function CandlestickChart2
     if (controlledVisible === void 0) setInternalVisible(visible);
     onSeriesVisibilityChange?.(visible);
   };
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     setData(initialData);
   }, [initialData]);
   const legacy = appearance === "macarons";
@@ -20542,20 +20673,20 @@ var CandlestickChart = (0, import_react85.forwardRef)(function CandlestickChart2
   ] }) : content;
 });
 var EMPTY_PIE_DATA = [];
-var PieChart = (0, import_react85.forwardRef)(function PieChart2({ pulseRing, calculable = false, markPoints = [], data = EMPTY_PIE_DATA, series, innerRadius = 62, outerRadius = 124, rose = false, center = [360, 173], startAngle = -90, clockwise = true, padAngle = 0, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, showLabels = true, showLabelLines = true, centerLabel, selectedMode = false, selected, defaultSelected, selectedOffset = 9, onSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, animationDurationUpdate = 500, legendLayout, showGuideRings = false, onDataChange, transferId, onValueTransfer, onTransferError, onValueDragOut, outsideLabelLayout, ...props }, ref) {
-  const pieGradientId = (0, import_react85.useId)().replace(/:/g, "");
-  const [pieIslands, setPieIslands] = (0, import_react85.useState)([]);
-  const sourceRings = (0, import_react85.useMemo)(() => series?.length ? series : [{ data, innerRadius, outerRadius, rose, showLabels }], [series, data, innerRadius, outerRadius, rose, showLabels]);
-  const [editableRings, setEditableRings] = (0, import_react85.useState)(sourceRings);
-  const valueDrag = (0, import_react85.useRef)(null);
-  const [valueOffset, setValueOffset] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => setEditableRings(sourceRings), [sourceRings]);
+var PieChart = (0, import_react86.forwardRef)(function PieChart2({ pulseRing, calculable = false, markPoints = [], data = EMPTY_PIE_DATA, series, innerRadius = 62, outerRadius = 124, rose = false, center = [360, 173], startAngle = -90, clockwise = true, padAngle = 0, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, showLabels = true, showLabelLines = true, centerLabel, selectedMode = false, selected, defaultSelected, selectedOffset = 9, onSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, animationDurationUpdate = 500, legendLayout, showGuideRings = false, onDataChange, transferId, onValueTransfer, onTransferError, onValueDragOut, outsideLabelLayout, ...props }, ref) {
+  const pieGradientId = (0, import_react86.useId)().replace(/:/g, "");
+  const [pieIslands, setPieIslands] = (0, import_react86.useState)([]);
+  const sourceRings = (0, import_react86.useMemo)(() => series?.length ? series : [{ data, innerRadius, outerRadius, rose, showLabels }], [series, data, innerRadius, outerRadius, rose, showLabels]);
+  const [editableRings, setEditableRings] = (0, import_react86.useState)(sourceRings);
+  const valueDrag = (0, import_react86.useRef)(null);
+  const [valueOffset, setValueOffset] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => setEditableRings(sourceRings), [sourceRings]);
   const allData = editableRings.flatMap((ring) => ring.data).filter((item) => !item.missing);
   const names = [...new Set(allData.map((item) => item.name))];
   const legend = useLegendSelection(names, legendSelected, onLegendSelectionChange);
   const [magicType, resolvedToolbox] = useToolboxMagicType(toolbox, "\u997C\u56FE");
-  const [hovered, setHovered] = (0, import_react85.useState)();
-  const [internalSelected, setInternalSelected] = (0, import_react85.useState)(() => [...defaultSelected ?? allData.filter((item) => item.selected).map((item) => item.name)]);
+  const [hovered, setHovered] = (0, import_react86.useState)();
+  const [internalSelected, setInternalSelected] = (0, import_react86.useState)(() => [...defaultSelected ?? allData.filter((item) => item.selected).map((item) => item.name)]);
   const selectedNames = selected ?? internalSelected;
   const legacy = appearance === "macarons";
   const colorNames = [...new Set(allData.filter((item) => item.showInLegend !== false).map((item) => item.name))];
@@ -20775,15 +20906,15 @@ var PieChart = (0, import_react85.forwardRef)(function PieChart2({ pulseRing, ca
 });
 var EMPTY_RADAR_INDICATORS = [];
 var EMPTY_RADAR_SERIES = [];
-var RadarChart = (0, import_react85.forwardRef)(function RadarChart2({ indicators = EMPTY_RADAR_INDICATORS, series = EMPTY_RADAR_SERIES, radars, calculable = false, onTransferError, markers, levels = 5, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
+var RadarChart = (0, import_react86.forwardRef)(function RadarChart2({ indicators = EMPTY_RADAR_INDICATORS, series = EMPTY_RADAR_SERIES, radars, calculable = false, onTransferError, markers, levels = 5, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
   const legacy = appearance === "macarons";
-  const initialPanels = (0, import_react85.useMemo)(() => radars?.length ? radars : [{ indicators, series, levels }], [radars, indicators, series, levels]);
-  const [sourcePanels, setSourcePanels] = (0, import_react85.useState)(initialPanels);
-  const [hoveredRadar, setHoveredRadar] = (0, import_react85.useState)(null);
-  const radarPaintId = `sia-radar-${(0, import_react85.useId)().replaceAll(":", "")}`;
-  const radarDrag = (0, import_react85.useRef)(null);
-  const [radarOffset, setRadarOffset] = (0, import_react85.useState)(null);
-  (0, import_react85.useEffect)(() => {
+  const initialPanels = (0, import_react86.useMemo)(() => radars?.length ? radars : [{ indicators, series, levels }], [radars, indicators, series, levels]);
+  const [sourcePanels, setSourcePanels] = (0, import_react86.useState)(initialPanels);
+  const [hoveredRadar, setHoveredRadar] = (0, import_react86.useState)(null);
+  const radarPaintId = `sia-radar-${(0, import_react86.useId)().replaceAll(":", "")}`;
+  const radarDrag = (0, import_react86.useRef)(null);
+  const [radarOffset, setRadarOffset] = (0, import_react86.useState)(null);
+  (0, import_react86.useEffect)(() => {
     setSourcePanels(initialPanels);
     radarDrag.current = null;
     setRadarOffset(null);
@@ -20937,7 +21068,7 @@ var RadarChart = (0, import_react85.forwardRef)(function RadarChart2({ indicator
     })
   ] });
 });
-var ChordChart = (0, import_react85.forwardRef)(function ChordChart2({ nodes, links, nodeGeometry, matrixAppearance, matrix, matrixSeries, showNodeLabels = false, rotateNodeLabels = false, matrixLinkLabel, matrixGeometry, legacySubSort = false, showScale = false, sortSub = "none", padAngle = 0.035, ribbon = true, clockwise = true, sort = "none", onNodeClick, onLinkClick, palette, toolbox, ...props }, ref) {
+var ChordChart = (0, import_react86.forwardRef)(function ChordChart2({ nodes, links, nodeGeometry, matrixAppearance, matrix, matrixSeries, showNodeLabels = false, rotateNodeLabels = false, matrixLinkLabel, matrixGeometry, legacySubSort = false, showScale = false, sortSub = "none", padAngle = 0.035, ribbon = true, clockwise = true, sort = "none", onNodeClick, onLinkClick, palette, toolbox, ...props }, ref) {
   const [magicType, resolvedToolbox] = useToolboxMagicType(toolbox, "\u548C\u5F26");
   if (/force|力导向|关系/i.test(magicType)) return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     GraphChart,
@@ -21010,11 +21141,11 @@ var ChordChart = (0, import_react85.forwardRef)(function ChordChart2({ nodes, li
     })
   ] });
 });
-var GraphChart = (0, import_react85.forwardRef)(function GraphChart2({ nodes, links, roam = false, chordOptions, forceOptions, progressiveForce = false, layout = "circular", showLabels = true, draggable = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onNodeClick, palette, toolbox, ...props }, ref) {
+var GraphChart = (0, import_react86.forwardRef)(function GraphChart2({ nodes, links, roam = false, chordOptions, forceOptions, progressiveForce = false, layout = "circular", showLabels = true, draggable = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onNodeClick, palette, toolbox, ...props }, ref) {
   const categories = [...new Set(nodes.map((node) => node.category).filter((value) => Boolean(value)))];
   const legend = useLegendSelection(categories, legendSelected, onLegendSelectionChange);
   const [magicType, resolvedToolbox] = useToolboxMagicType(toolbox, layout === "force" ? "\u529B\u5BFC\u5411" : "\u5173\u7CFB");
-  const [roamReset, setRoamReset] = (0, import_react85.useState)(0);
+  const [roamReset, setRoamReset] = (0, import_react86.useState)(0);
   const chartToolbox = typeof resolvedToolbox === "object" ? {
     ...resolvedToolbox,
     onRestore: () => {
@@ -21023,23 +21154,23 @@ var GraphChart = (0, import_react85.forwardRef)(function GraphChart2({ nodes, li
       resolvedToolbox.onRestore?.();
     }
   } : resolvedToolbox;
-  const activeNodes = (0, import_react85.useMemo)(() => nodes.filter((node) => !node.category || legend.selected[node.category] !== false), [legend.selected, nodes]);
-  const activeLinks = (0, import_react85.useMemo)(() => {
+  const activeNodes = (0, import_react86.useMemo)(() => nodes.filter((node) => !node.category || legend.selected[node.category] !== false), [legend.selected, nodes]);
+  const activeLinks = (0, import_react86.useMemo)(() => {
     const activeIds = new Set(activeNodes.map((node) => node.id));
     return links.filter((link) => activeIds.has(link.source) && activeIds.has(link.target));
   }, [activeNodes, links]);
   const progressive = progressiveForce && layout === "force" && props.animation !== false && !/chord|和弦/i.test(magicType);
-  const calculatedPositions = (0, import_react85.useMemo)(() => graphLayout(activeNodes, activeLinks, layout === "force" && !progressive, forceOptions), [activeLinks, activeNodes, layout, forceOptions, progressive]);
-  const [positions, setPositions] = (0, import_react85.useState)(calculatedPositions);
-  const [dragging, setDragging] = (0, import_react85.useState)(null);
-  const heldNode = (0, import_react85.useRef)(null);
-  const [forceRestart, setForceRestart] = (0, import_react85.useState)(0);
-  (0, import_react85.useEffect)(() => {
+  const calculatedPositions = (0, import_react86.useMemo)(() => graphLayout(activeNodes, activeLinks, layout === "force" && !progressive, forceOptions), [activeLinks, activeNodes, layout, forceOptions, progressive]);
+  const [positions, setPositions] = (0, import_react86.useState)(calculatedPositions);
+  const [dragging, setDragging] = (0, import_react86.useState)(null);
+  const heldNode = (0, import_react86.useRef)(null);
+  const [forceRestart, setForceRestart] = (0, import_react86.useState)(0);
+  (0, import_react86.useEffect)(() => {
     setPositions(calculatedPositions);
     setDragging(null);
     heldNode.current = null;
   }, [calculatedPositions, roamReset]);
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (!progressive || activeNodes.length > (forceOptions?.maxNodes ?? 80)) return;
     let frame = 0, remaining = Math.max(0, forceOptions?.iterations ?? 140), previous, carry = 0;
     const tick = (time) => {
@@ -21157,7 +21288,7 @@ var GraphChart = (0, import_react85.forwardRef)(function GraphChart2({ nodes, li
     ] })
   ] });
 });
-var ForceGraphChart = (0, import_react85.forwardRef)(function ForceGraphChart2(props, ref) {
+var ForceGraphChart = (0, import_react86.forwardRef)(function ForceGraphChart2(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(GraphChart, { ...props, layout: "force", ref });
 });
 var ForceChart = ForceGraphChart;
@@ -21186,12 +21317,12 @@ function colorBetween(start, end, ratio) {
   const to = read(end);
   return `rgb(${from.map((value, index) => Math.round(value + ((to[index] ?? value) - value) * Math.max(0, Math.min(1, ratio)))).join(" ")})`;
 }
-var MapChart = (0, import_react85.forwardRef)(function MapChart2({ overlayProjection, bundledLines, largeMarkPoints, markLineEffectRenderer = "svg", insetStyle, insetLabelStyle, regionHoverable = true, markPointTooltipFormatter, emphasisValueRange, onRegionHover, coordinateTransform, specialAreas, labelCoordinates, labelOffsets, nameMap, wheelZoomFactors, clampVisualValues = false, showMap = true, visualMapLayout, labelStyle, emphasisLabelStyle, regionStyle, emphasisRegionStyle, outOfRangeColor, scaleLimit, roamController = false, map, geoJson, data, colors = ["#e6f4ff", "#1677ff"], nameProperty = "name", showLabels = true, showEmphasisLabels = false, tooltipFormatter, roam = false, selectedMode = false, selected, defaultSelected, onSelectionChange, calculableVisualMap = false, visualRange, defaultVisualRange, onVisualRangeChange, markPoints = [], markLines = [], onRegionClick, toolbox, plotBounds: sourcePlotBounds, longitudeRatio, geographicInsets = [], valueDomain, showVisualMap = true, seriesName, ...props }, ref) {
-  const [internalSelected, setInternalSelected] = (0, import_react85.useState)(() => [...defaultSelected ?? data.filter((item) => item.selected).map((item) => item.name)]);
+var MapChart = (0, import_react86.forwardRef)(function MapChart2({ overlayProjection, bundledLines, largeMarkPoints, markLineEffectRenderer = "svg", insetStyle, insetLabelStyle, regionHoverable = true, markPointTooltipFormatter, emphasisValueRange, onRegionHover, coordinateTransform, specialAreas, labelCoordinates, labelOffsets, nameMap, wheelZoomFactors, clampVisualValues = false, showMap = true, visualMapLayout, labelStyle, emphasisLabelStyle, regionStyle, emphasisRegionStyle, outOfRangeColor, scaleLimit, roamController = false, map, geoJson, data, colors = ["#e6f4ff", "#1677ff"], nameProperty = "name", showLabels = true, showEmphasisLabels = false, tooltipFormatter, roam = false, selectedMode = false, selected, defaultSelected, onSelectionChange, calculableVisualMap = false, visualRange, defaultVisualRange, onVisualRangeChange, markPoints = [], markLines = [], onRegionClick, toolbox, plotBounds: sourcePlotBounds, longitudeRatio, geographicInsets = [], valueDomain, showVisualMap = true, seriesName, ...props }, ref) {
+  const [internalSelected, setInternalSelected] = (0, import_react86.useState)(() => [...defaultSelected ?? data.filter((item) => item.selected).map((item) => item.name)]);
   const selectedNames = selected ?? internalSelected;
-  const [hoveredRegion, setHoveredRegion] = (0, import_react85.useState)();
-  const [hoveredMarkPoint, setHoveredMarkPoint] = (0, import_react85.useState)();
-  const [internalHoveredValueRange, setHoveredValueRange] = (0, import_react85.useState)();
+  const [hoveredRegion, setHoveredRegion] = (0, import_react86.useState)();
+  const [hoveredMarkPoint, setHoveredMarkPoint] = (0, import_react86.useState)();
+  const [internalHoveredValueRange, setHoveredValueRange] = (0, import_react86.useState)();
   const hoveredValueRange = emphasisValueRange ?? internalHoveredValueRange;
   const roamControl = useMapRoam(roam, scaleLimit, wheelZoomFactors);
   const { view } = roamControl;
@@ -21206,8 +21337,8 @@ var MapChart = (0, import_react85.forwardRef)(function MapChart2({ overlayProjec
   const values = data.map((item) => item.value);
   const minimum = valueDomain?.[0] ?? (values.length ? Math.min(...values) : 0);
   const maximum = valueDomain?.[1] ?? (values.length ? Math.max(...values) : 1);
-  const [internalVisualRange, setInternalVisualRange] = (0, import_react85.useState)(() => [...defaultVisualRange ?? [minimum, maximum]]);
-  (0, import_react85.useEffect)(() => {
+  const [internalVisualRange, setInternalVisualRange] = (0, import_react86.useState)(() => [...defaultVisualRange ?? [minimum, maximum]]);
+  (0, import_react86.useEffect)(() => {
     if (!visualRange && !defaultVisualRange) setInternalVisualRange([minimum, maximum]);
   }, [defaultVisualRange, maximum, minimum, visualRange]);
   const currentVisualRange = visualRange ?? internalVisualRange;
@@ -21383,7 +21514,7 @@ var MapChart = (0, import_react85.forwardRef)(function MapChart2({ overlayProjec
     roamController ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartRoamController, { x: (props.viewBoxSize?.[0] ?? 720) - 90, y: 5, onPan: roamControl.pan, onZoom: (factor) => roamControl.zoom(factor, [(props.viewBoxSize?.[0] ?? 720) / 2, (props.viewBoxSize?.[1] ?? 360) / 2]) }) : null
   ] });
 });
-var GaugeChart = (0, import_react85.forwardRef)(function GaugeChart2({ tooltipFormatter, data, min = 0, max = 100, startAngle = 210, endAngle = -30, segments, splitNumber = 10, showAxisLabels = true, showProgress = true, detailOffset = 84, valueFormatter, onDataClick, palette, appearance = "sia", animationProgress, ...props }, ref) {
+var GaugeChart = (0, import_react86.forwardRef)(function GaugeChart2({ tooltipFormatter, data, min = 0, max = 100, startAngle = 210, endAngle = -30, segments, splitNumber = 10, showAxisLabels = true, showProgress = true, detailOffset = 84, valueFormatter, onDataClick, palette, appearance = "sia", animationProgress, ...props }, ref) {
   const count = Math.max(1, data.length);
   const legacy = appearance === "macarons";
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SiaChart, { ...props, className: `${props.className ?? ""}${legacy ? " sia-chart--macarons" : ""}`, ref, palette, empty: !data.length, ariaLabel: props.ariaLabel ?? "\u4EEA\u8868\u76D8", children: [...data].sort((a, b) => (a.zIndex ?? 0) - (b.zIndex ?? 0)).map((item, index) => {
@@ -21466,12 +21597,12 @@ var GaugeChart = (0, import_react85.forwardRef)(function GaugeChart2({ tooltipFo
     ] }, `${item.name}-${index}`);
   }) });
 });
-var FunnelChart = (0, import_react85.forwardRef)(function FunnelChart2({ data = EMPTY_PIE_DATA, series, sort = "descending", gap = 4, align = "center", orientation = "vertical", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
+var FunnelChart = (0, import_react86.forwardRef)(function FunnelChart2({ data = EMPTY_PIE_DATA, series, sort = "descending", gap = 4, align = "center", orientation = "vertical", showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, toolbox, appearance = "sia", animationProgress, legendOrder, legendLayout, onDataChange, ...props }, ref) {
   const legacy = appearance === "macarons";
-  const [activeFunnel, setActiveFunnel] = (0, import_react85.useState)(null);
-  const initialFunnels = (0, import_react85.useMemo)(() => series?.length ? series : [{ data, sort, gap, align, orientation }], [series, data, sort, gap, align, orientation]);
-  const [sourceFunnels, setSourceFunnels] = (0, import_react85.useState)(initialFunnels);
-  (0, import_react85.useEffect)(() => setSourceFunnels(initialFunnels), [initialFunnels]);
+  const [activeFunnel, setActiveFunnel] = (0, import_react86.useState)(null);
+  const initialFunnels = (0, import_react86.useMemo)(() => series?.length ? series : [{ data, sort, gap, align, orientation }], [series, data, sort, gap, align, orientation]);
+  const [sourceFunnels, setSourceFunnels] = (0, import_react86.useState)(initialFunnels);
+  (0, import_react86.useEffect)(() => setSourceFunnels(initialFunnels), [initialFunnels]);
   const allData = sourceFunnels.flatMap((funnel) => funnel.data);
   const legendData = [...new Map(allData.map((item) => [item.name, item])).values()];
   const legend = useLegendSelection(legendData.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -21562,7 +21693,7 @@ var FunnelChart = (0, import_react85.forwardRef)(function FunnelChart2({ data =
     })
   ] });
 });
-var HeatmapChart = (0, import_react85.forwardRef)(function HeatmapChart2({ raster, xLabels = [], yLabels = [], data = [], points = [], colors = ["#e6f4ff", "#1677ff"], showValues = false, pointRadius = 30, blur = 16, minAlpha = 0.12, maxAlpha = 0.82, valueFormatter, onDataClick, ...props }, ref) {
+var HeatmapChart = (0, import_react86.forwardRef)(function HeatmapChart2({ raster, xLabels = [], yLabels = [], data = [], points = [], colors = ["#e6f4ff", "#1677ff"], showValues = false, pointRadius = 30, blur = 16, minAlpha = 0.12, maxAlpha = 0.82, valueFormatter, onDataClick, ...props }, ref) {
   const pointMode = points.length > 0;
   const values = pointMode ? points.map((point) => point.value) : data.flatMap((row) => [...row]);
   const minimum = values.length ? Math.min(...values) : 0;
@@ -21571,7 +21702,7 @@ var HeatmapChart = (0, import_react85.forwardRef)(function HeatmapChart2({ raste
   const cellHeight = PLOT.height / Math.max(1, yLabels.length);
   const pointXDomain = niceChartDomain(points.map((point) => point.x), false);
   const pointYDomain = niceChartDomain(points.map((point) => point.y), false);
-  const filterId = `sia-heat-${(0, import_react85.useId)().replaceAll(":", "")}`;
+  const filterId = `sia-heat-${(0, import_react86.useId)().replaceAll(":", "")}`;
   if (raster) return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(SiaChart, { ...props, ref, empty: !points.length, ariaLabel: props.ariaLabel ?? "\u50CF\u7D20\u70ED\u529B\u56FE", children: [
     raster.backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("image", { href: raster.backgroundImage, x: 0, y: 0, width: raster.width, height: raster.height, preserveAspectRatio: "none", pointerEvents: "none" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(HeatmapRaster, { width: raster.width, height: raster.height, points, options: raster })
@@ -21607,7 +21738,7 @@ var HeatmapChart = (0, import_react85.forwardRef)(function HeatmapChart2({ raste
     ] })
   ] });
 });
-var ThemeRiverChart = (0, import_react85.forwardRef)(function ThemeRiverChart2({ categories, series, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
+var ThemeRiverChart = (0, import_react86.forwardRef)(function ThemeRiverChart2({ categories, series, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
   const activeSeries = series.filter((item) => legend.isSelected(item.name));
   const totals = categories.map((_, index) => activeSeries.reduce((sum, item) => sum + Math.max(0, item.data[index] ?? 0), 0));
@@ -21645,8 +21776,8 @@ function eventTime(value) {
   if (typeof value === "number") return value;
   return Date.parse(/^\d{4}-\d{2}-\d{2}$/.test(value) ? value.replace(/-/g, "/") : value);
 }
-var EventRiverChart = (0, import_react85.forwardRef)(function EventRiverChart2({ series, showLabels = true, draggable = true, appearance = "sia", plot = PLOT, animationProgress, boundaryGap = [0.05, 0.1], legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
-  const [restoreVersion, setRestoreVersion] = (0, import_react85.useState)(0);
+var EventRiverChart = (0, import_react86.forwardRef)(function EventRiverChart2({ series, showLabels = true, draggable = true, appearance = "sia", plot = PLOT, animationProgress, boundaryGap = [0.05, 0.1], legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
+  const [restoreVersion, setRestoreVersion] = (0, import_react86.useState)(0);
   const area = plot;
   palette = palette ?? (appearance === "macarons" ? ["#2ec7c9", "#b6a2de"] : void 0);
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -21719,9 +21850,9 @@ function vennDistance(radiusA, radiusB, overlap) {
   }
   return (low + high) / 2;
 }
-var VennChart = (0, import_react85.forwardRef)(function VennChart2({ sets: initialSets, intersection: initialIntersection, appearance = "sia", emphasisColor, emphasisBorderColor, emphasisBorderWidth, onDataClick, palette, toolbox, ...props }, ref) {
-  const [sets, setSets] = (0, import_react85.useState)(initialSets), [intersection, setIntersection] = (0, import_react85.useState)(initialIntersection), [active, setActive] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => {
+var VennChart = (0, import_react86.forwardRef)(function VennChart2({ sets: initialSets, intersection: initialIntersection, appearance = "sia", emphasisColor, emphasisBorderColor, emphasisBorderWidth, onDataClick, palette, toolbox, ...props }, ref) {
+  const [sets, setSets] = (0, import_react86.useState)(initialSets), [intersection, setIntersection] = (0, import_react86.useState)(initialIntersection), [active, setActive] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => {
     setSets(initialSets);
     setIntersection(initialIntersection);
   }, [initialSets, initialIntersection]);
@@ -21784,17 +21915,17 @@ function layoutTreemap(nodes, x, y, width, height, gap, maxDepth, depth = 0, see
   });
   return result;
 }
-var TreemapChart = (0, import_react85.forwardRef)(function TreemapChart2({ data, gap = 4, maxDepth = 2, drilldown = false, showBreadcrumb = true, bounds, itemStyle, emphasis, cornerRadius = 5, showChildBoundaries = false, breadcrumbPosition = "top", breadcrumbRootName = "\u5168\u90E8", valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
-  const [path, setPath] = (0, import_react85.useState)([]);
-  const [sourceData, setSourceData] = (0, import_react85.useState)(data);
-  const [active, setActive] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => {
+var TreemapChart = (0, import_react86.forwardRef)(function TreemapChart2({ data, gap = 4, maxDepth = 2, drilldown = false, showBreadcrumb = true, bounds, itemStyle, emphasis, cornerRadius = 5, showChildBoundaries = false, breadcrumbPosition = "top", breadcrumbRootName = "\u5168\u90E8", valueFormatter, onDataClick, palette, toolbox, ...props }, ref) {
+  const [path, setPath] = (0, import_react86.useState)([]);
+  const [sourceData, setSourceData] = (0, import_react86.useState)(data);
+  const [active, setActive] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => {
     setSourceData(data);
     setPath([]);
   }, [data]);
   const currentData = path.reduce((nodes, name) => nodes.find((node) => node.name === name)?.children ?? nodes, sourceData);
   const top = drilldown && showBreadcrumb ? 52 : 28;
-  const rectangles = (0, import_react85.useMemo)(() => layoutTreemap(currentData, bounds?.x ?? 24, bounds?.y ?? top, bounds?.width ?? 672, bounds?.height ?? 336 - top, gap, maxDepth), [currentData, gap, maxDepth, top, bounds]);
+  const rectangles = (0, import_react86.useMemo)(() => layoutTreemap(currentData, bounds?.x ?? 24, bounds?.y ?? top, bounds?.width ?? 672, bounds?.height ?? 336 - top, gap, maxDepth), [currentData, gap, maxDepth, top, bounds]);
   const chartToolbox = typeof toolbox === "object" ? { ...toolbox, dataView: toolbox.dataView ?? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartDataEditor, { readOnly: toolbox.dataViewReadOnly, series: currentData.map((node) => ({ name: node.name, data: [treemapValue(node)] })), onApply: (values) => {
     const update = (nodes, depth) => nodes.map((node, i) => depth === path.length ? { ...node, value: values[i][0] } : node.name === path[depth] ? { ...node, children: update(node.children ?? [], depth + 1) } : node);
     setSourceData(update(sourceData, 0));
@@ -21862,15 +21993,15 @@ function flattenTree2(root, collapsed) {
   visit(root, 0);
   return { nodes, leafCount: Math.max(1, leafOrder), maxDepth: Math.max(0, ...nodes.map((item) => item.depth)) };
 }
-var TreeChart = (0, import_react85.forwardRef)(function TreeChart2({ data, itemStyle, emphasis, orientation = "horizontal", radial = false, nodeSize = 8, rootPosition, nodePadding, layerPadding, showLabels = true, emphasisShowLabels = true, nodeColor, edgeColor, edgeWidth, edgeShadow, roam = false, hoverable = true, labelFontSize, labelColor, linkStyle = "curve", collapsible = false, onToggle, onDataClick, palette, toolbox, ...props }, ref) {
-  const [sourceData, setSourceData] = (0, import_react85.useState)(data);
-  const [roamReset, setRoamReset] = (0, import_react85.useState)(0);
-  const [active, setActive] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => {
+var TreeChart = (0, import_react86.forwardRef)(function TreeChart2({ data, itemStyle, emphasis, orientation = "horizontal", radial = false, nodeSize = 8, rootPosition, nodePadding, layerPadding, showLabels = true, emphasisShowLabels = true, nodeColor, edgeColor, edgeWidth, edgeShadow, roam = false, hoverable = true, labelFontSize, labelColor, linkStyle = "curve", collapsible = false, onToggle, onDataClick, palette, toolbox, ...props }, ref) {
+  const [sourceData, setSourceData] = (0, import_react86.useState)(data);
+  const [roamReset, setRoamReset] = (0, import_react86.useState)(0);
+  const [active, setActive] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => {
     setSourceData(data);
     setActive(void 0);
   }, [data]);
-  const [collapsed, setCollapsed] = (0, import_react85.useState)(() => {
+  const [collapsed, setCollapsed] = (0, import_react86.useState)(() => {
     const result = /* @__PURE__ */ new Set();
     const visit = (node) => {
       if (node.collapsed) result.add(node.name);
@@ -21879,8 +22010,8 @@ var TreeChart = (0, import_react85.forwardRef)(function TreeChart2({ data, itemS
     visit(data);
     return result;
   });
-  const layout = (0, import_react85.useMemo)(() => flattenTree2(sourceData, collapsed), [collapsed, sourceData]);
-  const fixedLayout = (0, import_react85.useMemo)(() => {
+  const layout = (0, import_react86.useMemo)(() => flattenTree2(sourceData, collapsed), [collapsed, sourceData]);
+  const fixedLayout = (0, import_react86.useMemo)(() => {
     const visible = (node) => ({ ...node, children: collapsed.has(node.name) ? [] : node.children?.map(visible) });
     return rootPosition ? layoutTreeNodes(visible(sourceData), { nodeSize, nodePadding, layerPadding, rootPosition, orientation }) : void 0;
   }, [sourceData, collapsed, rootPosition, nodeSize, nodePadding, layerPadding, orientation]);
@@ -21950,15 +22081,15 @@ var TreeChart = (0, import_react85.forwardRef)(function TreeChart2({ data, itemS
     })
   ] }) });
 });
-var WordCloudChart = (0, import_react85.forwardRef)(function WordCloudChart2({ data, bounds, areaSizing = false, autoFit = false, onLayout, minFontSize = 14, maxFontSize = 52, rotations = [0, 0, -28, 28, 0], spiralStep = 9, shape = "ellipse", padding = 4, fontFamily, fontWeight = 650, onDataClick, palette, ...props }, ref) {
-  const placements = (0, import_react85.useMemo)(() => {
+var WordCloudChart = (0, import_react86.forwardRef)(function WordCloudChart2({ data, bounds, areaSizing = false, autoFit = false, onLayout, minFontSize = 14, maxFontSize = 52, rotations = [0, 0, -28, 28, 0], spiralStep = 9, shape = "ellipse", padding = 4, fontFamily, fontWeight = 650, onDataClick, palette, ...props }, ref) {
+  const placements = (0, import_react86.useMemo)(() => {
     const context = typeof document === "undefined" ? null : document.createElement("canvas").getContext("2d");
     return layoutCloudWords(data, { bounds: bounds ?? { x: 18, y: 18, width: 684, height: 324 }, minFontSize, maxFontSize, rotations, spiralStep, shape, padding, autoFit, areaSizing, measure: context ? (word, size) => {
       context.font = `${word.fontWeight ?? fontWeight} ${size}px ${word.fontFamily ?? fontFamily ?? "Arial"}`;
       return context.measureText(word.name).width;
     } : void 0 });
   }, [data, bounds, autoFit, areaSizing, maxFontSize, minFontSize, padding, rotations, shape, spiralStep, fontFamily, fontWeight]);
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     const present = new Set(placements.map((p) => p.index));
     onLayout?.({ placed: placements.length, unplaced: data.filter((_, i) => !present.has(i)).map((item) => item.name) });
   }, [placements, data, onLayout]);
@@ -21967,30 +22098,30 @@ var WordCloudChart = (0, import_react85.forwardRef)(function WordCloudChart2({ d
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartMark, { label: `${placement.item.name}\uFF0C${placement.item.value}`, tooltip: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipValue, { name: placement.item.name, value: placement.item.value }), tooltipPoint: [placement.x, placement.y], transform: `rotate(${placement.rotation} ${placement.x} ${placement.y})`, onPointerUp: (event) => onDataClick?.({ name: placement.item.name, value: placement.item.value, data: placement.item, nativeEvent: event }), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("text", { x: placement.x, y: placement.y + placement.fontSize * 0.34, textAnchor: "middle", fill: color, style: { fontSize: placement.fontSize, fontFamily: placement.item.fontFamily ?? fontFamily, fontWeight: placement.item.fontWeight ?? fontWeight }, className: "sia-chart__word", children: placement.item.name }) }, `${placement.item.name}-${placement.index}`);
   }) });
 });
-var MixedChart = (0, import_react85.forwardRef)(function MixedChart2({ axisPointer, categoryAxisLabels, axisLayering = "inline", barSpacing, renderAxes, coordinateAnimation = false, animationProgress, animationDurationUpdate = 500, boundaryGap = true, categories, activeIndex, onActiveIndexChange, showCategoryLabels = true, categoryLabelInterval = 0, clipPlot = false, series: sourceSeries, valueAxes, stacked: sourceStacked = false, plotBounds, tooltipTrigger = "item", calculable = false, onTransferError, onDataChange, transferId, onValueTransfer, toolbox, legendNames, axisTooltipFormatter, legendLayout, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, ...props }, ref) {
-  const plotClipId = `sia-mixed-plot-${(0, import_react85.useId)().replaceAll(":", "")}`;
-  const [editableSeries, setEditableSeries] = (0, import_react85.useState)(sourceSeries);
-  const [geometry, setGeometry] = (0, import_react85.useState)();
-  const [pointerIndex, setPointerIndex] = (0, import_react85.useState)(null);
-  const [pointerAxisIndex, setPointerAxisIndex] = (0, import_react85.useState)(0);
-  const [motionRevision, setMotionRevision] = (0, import_react85.useState)(0);
-  const [stackMode, setStackMode] = (0, import_react85.useState)();
-  const lastPublished = (0, import_react85.useRef)(null);
+var MixedChart = (0, import_react86.forwardRef)(function MixedChart2({ axisPointer, categoryAxisLabels, axisLayering = "inline", barSpacing, renderAxes, coordinateAnimation = false, animationProgress, animationDurationUpdate = 500, boundaryGap = true, categories, activeIndex, onActiveIndexChange, showCategoryLabels = true, categoryLabelInterval = 0, clipPlot = false, series: sourceSeries, valueAxes, stacked: sourceStacked = false, plotBounds, tooltipTrigger = "item", calculable = false, onTransferError, onDataChange, transferId, onValueTransfer, toolbox, legendNames, axisTooltipFormatter, legendLayout, showLegend = true, legendInteractive = true, legendSelected, onLegendSelectionChange, valueFormatter, onDataClick, palette, ...props }, ref) {
+  const plotClipId = `sia-mixed-plot-${(0, import_react86.useId)().replaceAll(":", "")}`;
+  const [editableSeries, setEditableSeries] = (0, import_react86.useState)(sourceSeries);
+  const [geometry, setGeometry] = (0, import_react86.useState)();
+  const [pointerIndex, setPointerIndex] = (0, import_react86.useState)(null);
+  const [pointerAxisIndex, setPointerAxisIndex] = (0, import_react86.useState)(0);
+  const [motionRevision, setMotionRevision] = (0, import_react86.useState)(0);
+  const [stackMode, setStackMode] = (0, import_react86.useState)();
+  const lastPublished = (0, import_react86.useRef)(null);
   const publishData = (next) => {
     lastPublished.current = next;
     onDataChange?.(next);
   };
-  const [islands, setIslands] = (0, import_react85.useState)([]);
-  const drag = (0, import_react85.useRef)(null);
-  const [dragOffset, setDragOffset] = (0, import_react85.useState)();
-  (0, import_react85.useEffect)(() => {
+  const [islands, setIslands] = (0, import_react86.useState)([]);
+  const drag = (0, import_react86.useRef)(null);
+  const [dragOffset, setDragOffset] = (0, import_react86.useState)();
+  (0, import_react86.useEffect)(() => {
     if (sourceSeries === lastPublished.current) return;
     setEditableSeries(sourceSeries);
     setIslands([]);
     drag.current = null;
     setDragOffset(void 0);
   }, [sourceSeries]);
-  const series = (0, import_react85.useMemo)(() => editableSeries.map((item) => geometry ? { ...item, type: geometry } : item), [editableSeries, geometry]);
+  const series = (0, import_react86.useMemo)(() => editableSeries.map((item) => geometry ? { ...item, type: geometry } : item), [editableSeries, geometry]);
   const stacked = stackMode ?? sourceStacked;
   const PLOT2 = plotBounds ?? { x: 62, y: 48, width: 628, height: 250 }, PLOT_BOTTOM2 = PLOT2.y + PLOT2.height;
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -22154,7 +22285,7 @@ var MixedChart = (0, import_react85.forwardRef)(function MixedChart2({ axisPoint
       })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CartesianAxes, { categories, domain, band: categoryGap }),
     activeIndex != null && activeIndex >= 0 && activeIndex < categories.length ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { "data-mixed-active-index": activeIndex, x: Math.max(PLOT2.x, categoryAt(activeIndex) - band / 2), y: PLOT2.y, width: Math.min(PLOT2.x + PLOT2.width, categoryAt(activeIndex) + band / 2) - Math.max(PLOT2.x, categoryAt(activeIndex) - band / 2), height: PLOT2.height, fill: "currentColor", opacity: 0.06, pointerEvents: "none" }) : null,
-    tooltipTrigger === "axis" ? categories.map((name, index) => /* @__PURE__ */ (0, import_react86.createElement)(ChartMark, { ...activeProps(index), key: `axis-${index}`, "data-mixed-axis-tooltip": index, label: `${name.trim()} \u5404\u6307\u6807`, tooltip: axisTooltip(index), tooltipPoint: [categoryAt(index), PLOT2.y + PLOT2.height / 2] }, /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { x: Math.max(PLOT2.x, categoryAt(index) - band / 2), y: PLOT2.y, width: Math.min(PLOT2.x + PLOT2.width, categoryAt(index) + band / 2) - Math.max(PLOT2.x, categoryAt(index) - band / 2), height: PLOT2.height, fill: "transparent" }))) : null,
+    tooltipTrigger === "axis" ? categories.map((name, index) => /* @__PURE__ */ (0, import_react87.createElement)(ChartMark, { ...activeProps(index), key: `axis-${index}`, "data-mixed-axis-tooltip": index, label: `${name.trim()} \u5404\u6307\u6807`, tooltip: axisTooltip(index), tooltipPoint: [categoryAt(index), PLOT2.y + PLOT2.height / 2] }, /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { x: Math.max(PLOT2.x, categoryAt(index) - band / 2), y: PLOT2.y, width: Math.min(PLOT2.x + PLOT2.width, categoryAt(index) + band / 2) - Math.max(PLOT2.x, categoryAt(index) - band / 2), height: PLOT2.height, fill: "transparent" }))) : null,
     calculable ? activeSeries.flatMap((item) => item.data.map((value, index) => value === null ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartMark, { ...dragProps(series.indexOf(item), index), label: `${item.name}\uFF0C${categories[index]}\uFF0C\u7A7A\u69FD`, tooltip: "\u62D6\u5165\u6570\u636E\u4EE5\u586B\u5145", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { x: PLOT2.x + index * band + band * activeSeries.indexOf(item) / Math.max(1, activeSeries.length), y: PLOT_BOTTOM2 - 14, width: Math.max(4, band / Math.max(1, activeSeries.length) - 2), height: 14, fill: "transparent", stroke: getColor(series.indexOf(item), item.color, palette), strokeDasharray: "3 2" }) }, `empty-${item.name}-${index}`) : null)) : null,
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("clipPath", { id: plotClipId, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { x: PLOT2.x, y: PLOT2.y, width: PLOT2.width, height: PLOT2.height }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("g", { "data-mixed-plot": "", clipPath: clipPlot ? `url(#${plotClipId})` : void 0, children: renderSeries.map((item) => {
@@ -22193,7 +22324,7 @@ var MixedChart = (0, import_react85.forwardRef)(function MixedChart2({ axisPoint
             const zero = linearScale(placement.start, [valueDomain[0], valueDomain[1]], [PLOT_BOTTOM2, PLOT2.y]);
             const rectY = barSpacing?.pixelAlign ? Math.floor(Math.min(y, zero)) : Math.min(y, zero);
             const rectHeight = barSpacing?.pixelAlign ? Math.ceil(Math.abs(zero - y)) : Math.abs(zero - y);
-            return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartPointMotion, { points: [[x, value >= 0 ? rectY + rectHeight : rectY], [x, rectY], [x + width, rectY + rectHeight]], enabled: coordinateAnimation && props.animation !== false, duration: props.animationDuration ?? 2e3, updateDuration: animationDurationUpdate, progress: coordinateAnimation ? animationProgress : void 0, children: (frame) => /* @__PURE__ */ (0, import_react86.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: [props.tooltipProps?.placement === "axis" ? Math.round(categoryAt(index)) : x + width / 2, y], onPointerUp: (event) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChartPointMotion, { points: [[x, value >= 0 ? rectY + rectHeight : rectY], [x, rectY], [x + width, rectY + rectHeight]], enabled: coordinateAnimation && props.animation !== false, duration: props.animationDuration ?? 2e3, updateDuration: animationDurationUpdate, progress: coordinateAnimation ? animationProgress : void 0, children: (frame) => /* @__PURE__ */ (0, import_react87.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: [props.tooltipProps?.placement === "axis" ? Math.round(categoryAt(index)) : x + width / 2, y], onPointerUp: (event) => {
               if (!finishDrag(event)) onDataClick?.({ name, value, seriesName: item.name, data: value, nativeEvent: event });
             } }, /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { style: { animation: coordinateAnimation ? "none" : void 0 }, x: frame[1][0], y: Math.min(frame[1][1], frame[2][1]), width: Math.max(0, frame[2][0] - frame[1][0]), height: Math.abs(frame[2][1] - frame[1][1]), rx: item.barRadius ?? 4, fill: item.pointColors?.[index] ?? color, className: "sia-chart__bar" })) }, `${item.name}-${index}-${motionRevision}`);
           })
@@ -22222,7 +22353,7 @@ var MixedChart = (0, import_react85.forwardRef)(function MixedChart2({ axisPoint
             if (!placements[index]) return null;
             const name = categoryName(index, item.categoryAxisIndex);
             const value = item.data[index] ?? 0;
-            return /* @__PURE__ */ (0, import_react86.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: props.tooltipProps?.placement === "axis" ? [Math.round(point[0]), point[1]] : point, onPointerUp: (event) => {
+            return /* @__PURE__ */ (0, import_react87.createElement)(ChartMark, { ...dragProps(seriesIndex, index), key: `${name}-${index}`, label: `${item.name}\uFF0C${name}\uFF0C${value}`, tooltip: (item.tooltipTrigger ?? tooltipTrigger) === "axis" ? axisTooltip(index, item.categoryAxisIndex) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipValue, { name, series: item.name, value, formatter: valueFormatter }), tooltipPoint: props.tooltipProps?.placement === "axis" ? [Math.round(point[0]), point[1]] : point, onPointerUp: (event) => {
               if (!finishDrag(event)) onDataClick?.({ name, value, seriesName: item.name, data: value, nativeEvent: event });
             } }, /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("circle", { className: item.hollowSymbol ? "sia-chart__mixed-hollow-symbol" : void 0, cx: point[0], cy: point[1], r: Math.max(0, item.symbolSize ?? 9) / 2, fill: item.hollowSymbol ? "#fff" : color, stroke: item.hollowSymbol ? color : "var(--sia-color-surface)", strokeWidth: 2 }));
           })
@@ -22263,9 +22394,9 @@ var KLineChart = CandlestickChart;
 
 // src/components/LineShareChart.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
-var LineShareChart = (0, import_react87.forwardRef)(function LineShareChart2({ data, lineColor = "#2ec7c9", shareColor = "#b6a2de", ...props }, ref) {
-  const [selected, setSelected] = (0, import_react87.useState)(null);
-  const [maskHovered, setMaskHovered] = (0, import_react87.useState)(false);
+var LineShareChart = (0, import_react88.forwardRef)(function LineShareChart2({ data, lineColor = "#2ec7c9", shareColor = "#b6a2de", ...props }, ref) {
+  const [selected, setSelected] = (0, import_react88.useState)(null);
+  const [maskHovered, setMaskHovered] = (0, import_react88.useState)(false);
   const width = props.viewBoxSize?.[0] ?? 900, height = props.viewBoxSize?.[1] ?? 450;
   const total = data.reduce((sum, item2) => sum + item2.value, 0), gap = data.length ? Math.round(Math.max(...data.map((item2) => item2.value)) - Math.min(...data.map((item2) => item2.value))) : 0;
   const maximum = data.reduce((best, item2, i) => item2.value >= data[best].value ? i : best, 0);
@@ -22343,16 +22474,16 @@ function paddedValueExtent(values, padding = 0.05) {
 }
 
 // src/components/XYChart.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var XYChart = (0, import_react88.forwardRef)(function XYChart2({ series: source, xDomain, yDomain, animationProgress, calculable = false, onDataChange, xAxisType = "value", xFormatter, tooltipFormatter, dataZoom = false, defaultZoom = [0, 100], onZoomChange, toolbox, ...props }, ref) {
-  const [series, setSeries] = (0, import_react88.useState)(source);
-  const [hidden, setHidden] = (0, import_react88.useState)([]);
-  const [crosshair, setCrosshair] = (0, import_react88.useState)();
-  const [drag, setDrag] = (0, import_react88.useState)();
-  const [geometry, setGeometry] = (0, import_react88.useState)();
-  const [zoom, setZoom] = (0, import_react88.useState)(defaultZoom);
-  (0, import_react88.useEffect)(() => setSeries(source), [source]);
+var XYChart = (0, import_react89.forwardRef)(function XYChart2({ series: source, xDomain, yDomain, animationProgress, calculable = false, onDataChange, xAxisType = "value", xFormatter, tooltipFormatter, dataZoom = false, defaultZoom = [0, 100], onZoomChange, toolbox, ...props }, ref) {
+  const [series, setSeries] = (0, import_react89.useState)(source);
+  const [hidden, setHidden] = (0, import_react89.useState)([]);
+  const [crosshair, setCrosshair] = (0, import_react89.useState)();
+  const [drag, setDrag] = (0, import_react89.useState)();
+  const [geometry, setGeometry] = (0, import_react89.useState)();
+  const [zoom, setZoom] = (0, import_react89.useState)(defaultZoom);
+  (0, import_react89.useEffect)(() => setSeries(source), [source]);
   const window2 = dataZoom || xAxisType === "time" ? scatterValueWindow(series.flatMap((item) => item.data.map((point) => point[0])), dataZoom ? zoom : [0, 100]) : void 0;
   const active = series.filter((item) => !hidden.includes(item.name)).map((item) => ({ ...item, data: window2 ? item.data.filter((point) => point[0] >= window2[0] && point[0] <= window2[1]) : item.data }));
   const width = props.viewBoxSize?.[0] ?? 663, height = props.viewBoxSize?.[1] ?? 379;
@@ -22481,7 +22612,7 @@ var XYChart = (0, import_react88.forwardRef)(function XYChart2({ series: source,
 });
 
 // src/components/ChartMapOverlay.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 
 // src/components/mapOverlayHost.ts
 function observeMapOverlayHost(host, onChange) {
@@ -22520,11 +22651,11 @@ function observeMapOverlayHost(host, onChange) {
 // src/components/ChartMapOverlay.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 function ChartMapOverlay({ createHost, children, className, style, ariaLabel = "\u5730\u56FE\u53E0\u52A0\u56FE\u8868", onError }) {
-  const container = (0, import_react89.useRef)(null);
-  const errorHandler = (0, import_react89.useRef)(onError);
+  const container = (0, import_react90.useRef)(null);
+  const errorHandler = (0, import_react90.useRef)(onError);
   errorHandler.current = onError;
-  const [snapshot, setSnapshot] = (0, import_react89.useState)();
-  (0, import_react89.useEffect)(() => {
+  const [snapshot, setSnapshot] = (0, import_react90.useState)();
+  (0, import_react90.useEffect)(() => {
     setSnapshot(void 0);
     if (!container.current) return;
     try {
@@ -22601,9 +22732,9 @@ function createBaiduMapHost(element, sdk, options) {
 }
 
 // src/components/InputSelect.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
-var InputSelect = (0, import_react90.forwardRef)(function InputSelect2({
+var InputSelect = (0, import_react91.forwardRef)(function InputSelect2({
   options,
   value,
   defaultValue,
@@ -22629,22 +22760,22 @@ var InputSelect = (0, import_react90.forwardRef)(function InputSelect2({
   ...inputProps
 }, forwardedRef) {
   const size = useControlSize(sizeProp);
-  const [internal, setInternal] = (0, import_react90.useState)(defaultValue);
+  const [internal, setInternal] = (0, import_react91.useState)(defaultValue);
   const current = value !== void 0 ? value : internal;
   const values = current == null ? [] : Array.isArray(current) ? current : [current];
   const text = values.map((item) => displayField === "label" ? String(options.find((option) => option.optionType !== "divider" && option.value === item)?.label ?? item) : String(item)).join(",");
-  const [draft, setDraft] = (0, import_react90.useState)(text);
-  (0, import_react90.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react91.useState)(text);
+  (0, import_react91.useEffect)(() => {
     setDraft(text);
   }, [text, current]);
-  const [open, setOpen] = (0, import_react90.useState)(false);
-  const [search, setSearch] = (0, import_react90.useState)("");
-  const [modalOpen, setModalOpen] = (0, import_react90.useState)(false);
-  const [modalValues, setModalValues] = (0, import_react90.useState)([]);
-  const [selectedOnly, setSelectedOnly] = (0, import_react90.useState)(false);
-  const rootRef = (0, import_react90.useRef)(null);
-  const popupRef = (0, import_react90.useRef)(null);
-  const inputRef = (0, import_react90.useRef)(null);
+  const [open, setOpen] = (0, import_react91.useState)(false);
+  const [search, setSearch] = (0, import_react91.useState)("");
+  const [modalOpen, setModalOpen] = (0, import_react91.useState)(false);
+  const [modalValues, setModalValues] = (0, import_react91.useState)([]);
+  const [selectedOnly, setSelectedOnly] = (0, import_react91.useState)(false);
+  const rootRef = (0, import_react91.useRef)(null);
+  const popupRef = (0, import_react91.useRef)(null);
+  const inputRef = (0, import_react91.useRef)(null);
   const config = typeof enableModal === "object" ? enableModal : {};
   function changeOpen(next) {
     if (next && (disabled || loading)) return;
@@ -22664,7 +22795,7 @@ var InputSelect = (0, import_react90.forwardRef)(function InputSelect2({
       inputRef.current?.focus();
     }
   }
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!open) return;
     const outside = (event) => {
       if (!rootRef.current?.contains(event.target) && !popupRef.current?.contains(event.target)) changeOpen(false);
@@ -22672,7 +22803,7 @@ var InputSelect = (0, import_react90.forwardRef)(function InputSelect2({
     document.addEventListener("pointerdown", outside);
     return () => document.removeEventListener("pointerdown", outside);
   }, [open, onOpenChange]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (disabled || loading) {
       changeOpen(false);
       setModalOpen(false);
@@ -22805,7 +22936,7 @@ var InputSelect = (0, import_react90.forwardRef)(function InputSelect2({
 });
 
 // src/components/QueryForm.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 function QueryForm({
   fields,
@@ -22839,29 +22970,29 @@ function QueryForm({
   ...formProps
 }) {
   const [form] = useForm(providedForm);
-  const [internalCollapsed, setInternalCollapsed] = (0, import_react91.useState)(defaultCollapsed);
+  const [internalCollapsed, setInternalCollapsed] = (0, import_react92.useState)(defaultCollapsed);
   const collapsed = collapsible && (controlledCollapsed ?? internalCollapsed);
-  const [searching, setSearching] = (0, import_react91.useState)(false);
-  const [saving, setSaving] = (0, import_react91.useState)(false);
-  const [removing, setRemoving] = (0, import_react91.useState)(false);
-  const [saveOpen, setSaveOpen] = (0, import_react91.useState)(false);
-  const [saveName, setSaveName] = (0, import_react91.useState)("");
-  const [saveError, setSaveError] = (0, import_react91.useState)("");
-  const [error, setError] = (0, import_react91.useState)("");
-  const [activeShortcut, setActiveShortcut] = (0, import_react91.useState)("");
-  const source = (0, import_react91.useRef)({ source: "submit" });
-  const searchLock = (0, import_react91.useRef)(false);
-  const saveLock = (0, import_react91.useRef)(false);
-  const removeLock = (0, import_react91.useRef)(false);
-  const snapshot = (0, import_react91.useRef)();
+  const [searching, setSearching] = (0, import_react92.useState)(false);
+  const [saving, setSaving] = (0, import_react92.useState)(false);
+  const [removing, setRemoving] = (0, import_react92.useState)(false);
+  const [saveOpen, setSaveOpen] = (0, import_react92.useState)(false);
+  const [saveName, setSaveName] = (0, import_react92.useState)("");
+  const [saveError, setSaveError] = (0, import_react92.useState)("");
+  const [error, setError] = (0, import_react92.useState)("");
+  const [activeShortcut, setActiveShortcut] = (0, import_react92.useState)("");
+  const source = (0, import_react92.useRef)({ source: "submit" });
+  const searchLock = (0, import_react92.useRef)(false);
+  const saveLock = (0, import_react92.useRef)(false);
+  const removeLock = (0, import_react92.useRef)(false);
+  const snapshot = (0, import_react92.useRef)();
   const busy = disabled || loading || searching;
   const shortcutBusy = busy || shortcutsLoading || saving || removing;
-  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Form.Item, { noStyle: true, ...item }) })) : import_react91.Children.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
+  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Form.Item, { noStyle: true, ...item }) })) : import_react92.Children.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
   const limit = Math.max(1, Math.floor(collapsedCount));
-  const rowRef = (0, import_react91.useRef)(null);
-  const actionsRef = (0, import_react91.useRef)(null);
-  const [fittingCount, setFittingCount] = (0, import_react91.useState)(limit);
-  (0, import_react91.useLayoutEffect)(() => {
+  const rowRef = (0, import_react92.useRef)(null);
+  const actionsRef = (0, import_react92.useRef)(null);
+  const [fittingCount, setFittingCount] = (0, import_react92.useState)(limit);
+  (0, import_react92.useLayoutEffect)(() => {
     if (!collapsed) return;
     const row = rowRef.current;
     const actions = actionsRef.current;