@sia.soul/sia-react-ui 0.1.52 → 0.1.54

package/dist/index.cjs

@@ -12004,8 +12004,86 @@ function TableCellContent({ children, ellipsis, title }) {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { ref, className: "sia-table__cell-content", "data-custom-content": customContent || void 0, "data-content-overflow": ellipsis && customContent && overflowing || void 0, children: title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Tooltip, { title, className: "sia-table__cell-tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children }) }) : children });
 }
 
-// src/components/Table/TableCanvasLayer.tsx
+// src/components/Table/useRemainingHeight.ts
 var import_react50 = require("react");
+function useRemainingHeight(rootRef, options) {
+  const [height, setHeight] = (0, import_react50.useState)();
+  const enabled = !!options;
+  const container = typeof options === "object" ? options.container : void 0;
+  const bottomOffset = typeof options === "object" ? options.bottomOffset ?? 0 : 0;
+  const minHeight = typeof options === "object" ? options.minHeight ?? 0 : 0;
+  (0, import_react50.useLayoutEffect)(() => {
+    const root = rootRef.current;
+    if (!enabled || !root) return;
+    const win = root.ownerDocument.defaultView;
+    if (!win) return;
+    let frame = 0;
+    let disposed = false;
+    const observed = /* @__PURE__ */ new Set();
+    const observe = (element) => {
+      if (observed.has(element)) return;
+      observed.add(element);
+      resize?.observe(element);
+    };
+    const measure = () => {
+      frame = 0;
+      if (disposed || !root.isConnected || !root.getClientRects().length) return;
+      const target = container?.();
+      if (container && (!target || !target.getClientRects().length)) return;
+      let branch = root;
+      while (branch.parentElement) {
+        const parent = branch.parentElement;
+        observe(parent);
+        for (const sibling of parent.children) if (sibling !== branch) observe(sibling);
+        branch = parent;
+      }
+      if (target) observe(target);
+      const viewport = win.visualViewport;
+      const bottom = target ? target.getBoundingClientRect().top + target.clientTop + target.clientHeight - (parseFloat(win.getComputedStyle(target).paddingBottom) || 0) : viewport ? viewport.offsetTop + viewport.height : win.innerHeight;
+      const next = Math.max(0, minHeight, Math.floor(bottom - root.getBoundingClientRect().top - bottomOffset));
+      setHeight((previous) => previous === next ? previous : next);
+    };
+    const schedule = () => {
+      if (!disposed && !frame) frame = win.requestAnimationFrame(measure);
+    };
+    const onScroll = (event) => {
+      if (event.target instanceof Node && root.contains(event.target)) return;
+      schedule();
+    };
+    const onMotionEnd = (event) => {
+      if (event.target instanceof Element && event.target.contains(root)) schedule();
+    };
+    const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(schedule);
+    const mutation = new MutationObserver(schedule);
+    for (let node = root.parentElement; node; node = node.parentElement) {
+      mutation.observe(node, { attributes: true, attributeFilter: ["style", "class", "hidden"], childList: true });
+    }
+    measure();
+    schedule();
+    win.addEventListener("resize", schedule);
+    win.addEventListener("scroll", onScroll, true);
+    win.addEventListener("transitionend", onMotionEnd, true);
+    win.addEventListener("animationend", onMotionEnd, true);
+    win.visualViewport?.addEventListener("resize", schedule);
+    win.visualViewport?.addEventListener("scroll", schedule);
+    return () => {
+      disposed = true;
+      win.cancelAnimationFrame(frame);
+      resize?.disconnect();
+      mutation.disconnect();
+      win.removeEventListener("resize", schedule);
+      win.removeEventListener("scroll", onScroll, true);
+      win.removeEventListener("transitionend", onMotionEnd, true);
+      win.removeEventListener("animationend", onMotionEnd, true);
+      win.visualViewport?.removeEventListener("resize", schedule);
+      win.visualViewport?.removeEventListener("scroll", schedule);
+    };
+  }, [rootRef, enabled, container, bottomOffset, minHeight]);
+  return enabled ? height : void 0;
+}
+
+// src/components/Table/TableCanvasLayer.tsx
+var import_react51 = require("react");
 
 // src/components/Table/utils.ts
 var AUTO_WIDTH_COLUMN_KEYS = /* @__PURE__ */ new Set(["action", "actions", "operation", "operations"]);
@@ -12060,8 +12138,8 @@ function toTablePageParams(current, pageSize) {
 // src/components/Table/TableCanvasLayer.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function TableCanvasLayer({ viewport, rows, columns, widths, rowHeight, headerHeight }) {
-  const canvasRef = (0, import_react50.useRef)(null);
-  (0, import_react50.useLayoutEffect)(() => {
+  const canvasRef = (0, import_react51.useRef)(null);
+  (0, import_react51.useLayoutEffect)(() => {
     const canvas = canvasRef.current;
     const scroller = viewport.current;
     if (!canvas || !scroller) return;
@@ -12188,10 +12266,10 @@ function TableCanvasLayer({ viewport, rows, columns, widths, rowHeight, headerHe
 }
 
 // src/components/Table/Table.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 
 // src/components/Table/plugins.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function TableCheckbox({
   checked,
@@ -12818,7 +12896,7 @@ function TableSelectedItemsPanel({
   onRemove,
   onClear
 }) {
-  const [showAll, setShowAll] = (0, import_react51.useState)(false);
+  const [showAll, setShowAll] = (0, import_react52.useState)(false);
   const visibleEntries = showAll ? entries : entries.slice(0, maxCount2);
   const hiddenCount = Math.max(0, entries.length - visibleEntries.length);
   const baseColumnMap = new Map(
@@ -13217,10 +13295,10 @@ function TableFilterControl({
   placeholder,
   onApply
 }) {
-  const [open, setOpen] = (0, import_react51.useState)(false);
-  const [draft, setDraft] = (0, import_react51.useState)(value);
+  const [open, setOpen] = (0, import_react52.useState)(false);
+  const [draft, setDraft] = (0, import_react52.useState)(value);
   const label = getColumnLabel(column);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (open) setDraft(value);
   }, [open, value]);
   const apply = (nextValue) => {
@@ -13534,14 +13612,15 @@ function createTreePlugin(options = {}) {
     transformRows(rows, context) {
       if (options.ignoreChildrenColumn ?? true) return rows;
       const result = [];
-      const walk = (items, depth) => {
-        for (const row of items) {
+      const walk = (items, depth, guides) => {
+        for (const [rowIndex, row] of items.entries()) {
+          const hasNextSibling = rowIndex < items.length - 1;
           const children = row.record[childKey];
           const hasChildren = Array.isArray(children) && children.length > 0 && (options.canExpand?.(row.record) ?? true);
           result.push({
             ...row,
             depth,
-            meta: { ...row.meta, treeHasChildren: hasChildren }
+            meta: { ...row.meta, treeHasChildren: hasChildren, treeGuides: guides, treeHasNextSibling: hasNextSibling }
           });
           if (hasChildren && current(context).includes(row.key)) {
             walk(
@@ -13552,12 +13631,13 @@ function createTreePlugin(options = {}) {
                 depth: depth + 1,
                 meta: {}
               })),
-              depth + 1
+              depth + 1,
+              depth > 0 ? [...guides, hasNextSibling] : guides
             );
           }
         }
       };
-      walk(rows, 0);
+      walk(rows, 0, []);
       return result;
     },
     transformColumns(columns, context) {
@@ -13569,32 +13649,40 @@ function createTreePlugin(options = {}) {
         const previousRender = column.render;
         return {
           ...column,
+          ...options.showLine ? { ellipsis: false, meta: { ...column.meta, treeLines: true } } : {},
           render: (value, record, index, info) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "span",
             {
-              className: "sia-table__tree-cell",
-              style: { paddingLeft: info.row.depth * 18 },
+              className: `sia-table__tree-cell${options.showLine ? " sia-table__tree-cell--lines" : ""}`,
+              style: options.showLine ? void 0 : { paddingLeft: info.row.depth * 18 },
               children: [
-                info.row.meta.treeHasChildren ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "sia-table__tree-toggle",
-                    "aria-label": current(context).includes(info.row.key) ? "\u6536\u8D77\u5B50\u8282\u70B9" : "\u5C55\u5F00\u5B50\u8282\u70B9",
-                    "aria-expanded": current(context).includes(info.row.key),
-                    onClick: (event) => {
-                      event.stopPropagation();
-                      toggle(info.row.key, context);
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                      Icon,
-                      {
-                        name: current(context).includes(info.row.key) ? "chevron-down" : "chevron-right",
-                        size: 13
-                      }
-                    )
-                  }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sia-table__tree-placeholder" }),
+                options.showLine && info.row.depth > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+                  info.row.meta.treeGuides.map((continued, level) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": "true", className: `sia-table__tree-guide${continued ? " sia-table__tree-guide--continued" : ""}` }, level)),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": "true", className: `sia-table__tree-guide sia-table__tree-guide--branch${info.row.meta.treeHasNextSibling ? " sia-table__tree-guide--continued" : ""}` })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: options.showLine ? "sia-table__tree-node" : void 0, style: options.showLine ? void 0 : { display: "contents" }, children: [
+                  options.showLine && !!info.row.meta.treeHasChildren && current(context).includes(info.row.key) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": "true", className: "sia-table__tree-stem" }),
+                  info.row.meta.treeHasChildren ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "sia-table__tree-toggle",
+                      "aria-label": current(context).includes(info.row.key) ? "\u6536\u8D77\u5B50\u8282\u70B9" : "\u5C55\u5F00\u5B50\u8282\u70B9",
+                      "aria-expanded": current(context).includes(info.row.key),
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        toggle(info.row.key, context);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                        Icon,
+                        {
+                          name: current(context).includes(info.row.key) ? "chevron-down" : "chevron-right",
+                          size: 13
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sia-table__tree-placeholder" })
+                ] }),
                 previousRender ? previousRender(value, record, index, info) : value
               ]
             }
@@ -13602,6 +13690,9 @@ function createTreePlugin(options = {}) {
         };
       });
     },
+    getCellProps(_row, column) {
+      return column.meta?.treeLines ? { className: "sia-table__cell--tree-lines" } : void 0;
+    },
     getApi: (context) => ({
       getExpandedKeys: () => current(context),
       setExpandedKeys: (keys) => setKeys(keys, context),
@@ -13645,17 +13736,17 @@ function EditableTableCell({
   trigger
 }) {
   const config = typeof editable === "object" ? editable : { type: "input" };
-  const [editValue, setEditValue] = (0, import_react51.useState)(value);
-  const [saving, setSaving] = (0, import_react51.useState)(false);
-  const inputRef = (0, import_react51.useRef)(null);
-  const editorRef = (0, import_react51.useRef)(null);
-  const editValueRef = (0, import_react51.useRef)(value);
-  const savingRef = (0, import_react51.useRef)(false);
-  const saveRef = (0, import_react51.useRef)(
+  const [editValue, setEditValue] = (0, import_react52.useState)(value);
+  const [saving, setSaving] = (0, import_react52.useState)(false);
+  const inputRef = (0, import_react52.useRef)(null);
+  const editorRef = (0, import_react52.useRef)(null);
+  const editValueRef = (0, import_react52.useRef)(value);
+  const savingRef = (0, import_react52.useRef)(false);
+  const saveRef = (0, import_react52.useRef)(
     async () => {
     }
   );
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!active) return;
     editValueRef.current = value;
     setEditValue(value);
@@ -13686,7 +13777,7 @@ function EditableTableCell({
     }
   }
   saveRef.current = save;
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!active || config.type === "select" || config.type === "custom") return;
     const handleOutsidePointerDown = (event) => {
       const target = event.target;
@@ -13991,15 +14082,15 @@ function ColumnSettingPanel({
   onClose,
   onApply
 }) {
-  const [draft, setDraft] = (0, import_react51.useState)(items);
-  const listRef = (0, import_react51.useRef)(null);
-  const cancelDrag = (0, import_react51.useRef)(null);
-  const [preview, setPreview] = (0, import_react51.useState)(null);
-  (0, import_react51.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react52.useState)(items);
+  const listRef = (0, import_react52.useRef)(null);
+  const cancelDrag = (0, import_react52.useRef)(null);
+  const [preview, setPreview] = (0, import_react52.useState)(null);
+  (0, import_react52.useEffect)(() => {
     cancelDrag.current?.();
     if (open) setDraft(orderColumnSettings(items));
   }, [items, open]);
-  (0, import_react51.useEffect)(() => () => cancelDrag.current?.(), []);
+  (0, import_react52.useEffect)(() => () => cancelDrag.current?.(), []);
   const labels = new Map(
     flattenTableColumns(columns).map((column) => [
       column.key,
@@ -14524,7 +14615,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_react51.isValidElement)(node))
+  if ((0, import_react52.isValidElement)(node))
     return tableExportText(node.props.children);
   return "";
 }
@@ -14623,7 +14714,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_react52.isValidElement)(content)) return getHeaderTitleText(content.props.children);
+  if ((0, import_react53.isValidElement)(content)) return getHeaderTitleText(content.props.children);
   return "";
 }
 function getColumnDepth(columns) {
@@ -14703,7 +14794,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_react52.memo)(function TableBodyRow2({
+var TableBodyRow = (0, import_react53.memo)(function TableBodyRow2({
   canvas,
   visibleColumns,
   row,
@@ -14794,6 +14885,7 @@ function TableInner(props, ref) {
     emptyText = "\u6682\u65E0\u6570\u636E",
     height,
     tableHeight,
+    fillRemaining,
     size = "medium",
     bordered = true,
     rowBordered = true,
@@ -14818,23 +14910,24 @@ function TableInner(props, ref) {
     style,
     ...htmlProps
   } = props;
-  const rootRef = (0, import_react52.useRef)(null);
-  const scrollRef = (0, import_react52.useRef)(null);
-  const tableRef = (0, import_react52.useRef)(null);
+  const rootRef = (0, import_react53.useRef)(null);
+  const remainingHeight = useRemainingHeight(rootRef, height == null && tableHeight == null ? fillRemaining : false);
+  const scrollRef = (0, import_react53.useRef)(null);
+  const tableRef = (0, import_react53.useRef)(null);
   useScrollbarProximity();
-  const scrollbarDragRef = (0, import_react52.useRef)(null);
-  const [internalLoading, setInternalLoading] = (0, import_react52.useState)(false);
-  const [scrollTop, setScrollTop] = (0, import_react52.useState)(0);
-  const [scrollLeft, setScrollLeft] = (0, import_react52.useState)(0);
-  const [viewportHeight, setViewportHeight] = (0, import_react52.useState)(420);
-  const [viewportWidth, setViewportWidth] = (0, import_react52.useState)(0);
-  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react52.useState)({});
-  const getRowKey = (0, import_react52.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
-  const builtInResizePlugin = (0, import_react52.useMemo)(() => createResizePlugin(), []);
-  const builtInHighlightPlugin = (0, import_react52.useMemo)(() => createHighlightPlugin(), []);
-  const builtInCellSelectionPlugin = (0, import_react52.useMemo)(() => createCellSelectionPlugin(), []);
-  const builtInIndexPlugin = (0, import_react52.useMemo)(() => createIndexPlugin(), []);
-  const activePlugins = (0, import_react52.useMemo)(() => {
+  const scrollbarDragRef = (0, import_react53.useRef)(null);
+  const [internalLoading, setInternalLoading] = (0, import_react53.useState)(false);
+  const [scrollTop, setScrollTop] = (0, import_react53.useState)(0);
+  const [scrollLeft, setScrollLeft] = (0, import_react53.useState)(0);
+  const [viewportHeight, setViewportHeight] = (0, import_react53.useState)(420);
+  const [viewportWidth, setViewportWidth] = (0, import_react53.useState)(0);
+  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react53.useState)({});
+  const getRowKey = (0, import_react53.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
+  const builtInResizePlugin = (0, import_react53.useMemo)(() => createResizePlugin(), []);
+  const builtInHighlightPlugin = (0, import_react53.useMemo)(() => createHighlightPlugin(), []);
+  const builtInCellSelectionPlugin = (0, import_react53.useMemo)(() => createCellSelectionPlugin(), []);
+  const builtInIndexPlugin = (0, import_react53.useMemo)(() => createIndexPlugin(), []);
+  const activePlugins = (0, import_react53.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);
@@ -14842,19 +14935,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_react52.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
-  const pluginsByIdRef = (0, import_react52.useRef)(/* @__PURE__ */ new Map());
+  const sortedPlugins = (0, import_react53.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
+  const pluginsByIdRef = (0, import_react53.useRef)(/* @__PURE__ */ new Map());
   pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
-  const [pluginStates, setPluginStates] = (0, import_react52.useState)(() => Object.fromEntries(
+  const [pluginStates, setPluginStates] = (0, import_react53.useState)(() => Object.fromEntries(
     sortedPlugins.map((plugin) => [plugin.id, resolveInitialState(plugin)])
   ));
-  const pluginApisRef = (0, import_react52.useRef)({});
-  const contextsRef = (0, import_react52.useRef)(/* @__PURE__ */ new Map());
-  const mountedPluginsRef = (0, import_react52.useRef)(/* @__PURE__ */ new Map());
+  const pluginApisRef = (0, import_react53.useRef)({});
+  const contextsRef = (0, import_react53.useRef)(/* @__PURE__ */ new Map());
+  const mountedPluginsRef = (0, import_react53.useRef)(/* @__PURE__ */ new Map());
   const pipeline = { columns: baseColumns, rows: createTableRows(dataSource, getRowKey) };
   const nextApis = {};
   const contexts = /* @__PURE__ */ new Map();
-  const setPluginState = (0, import_react52.useCallback)((pluginId, next) => {
+  const setPluginState = (0, import_react53.useCallback)((pluginId, next) => {
     setPluginStates((previous) => {
       const plugin = pluginsByIdRef.current.get(pluginId);
       const previousValue = previous[pluginId] !== void 0 ? previous[pluginId] : plugin ? resolveInitialState(plugin) : void 0;
@@ -14907,7 +15000,7 @@ function TableInner(props, ref) {
   });
   pluginApisRef.current = nextApis;
   contextsRef.current = contexts;
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.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;
@@ -14919,11 +15012,11 @@ function TableInner(props, ref) {
       mountedPluginsRef.current.set(plugin.id, { plugin, cleanup: plugin.onMount(contextsRef.current.get(plugin.id)) });
     }
   }, [sortedPlugins]);
-  (0, import_react52.useEffect)(() => () => {
+  (0, import_react53.useEffect)(() => () => {
     for (const mounted of mountedPluginsRef.current.values()) mounted.cleanup?.();
     mountedPluginsRef.current.clear();
   }, []);
-  const updateScrollMetrics = (0, import_react52.useCallback)(() => {
+  const updateScrollMetrics = (0, import_react53.useCallback)(() => {
     const root = rootRef.current;
     const element = scrollRef.current;
     if (!root || !element) return;
@@ -14963,7 +15056,7 @@ function TableInner(props, ref) {
     verticalTrackElement?.style.setProperty("--sia-table-scrollbar-y-size", `${verticalThumb}px`);
     verticalTrackElement?.style.setProperty("--sia-table-scrollbar-y-position", `${verticalPosition}px`);
   }, []);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     const element = scrollRef.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -14976,19 +15069,19 @@ function TableInner(props, ref) {
     updateScrollMetrics();
     return () => observer.disconnect();
   }, [updateScrollMetrics]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     updateScrollMetrics();
   });
-  const orderedColumns = (0, import_react52.useMemo)(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
-  const leafColumns = (0, import_react52.useMemo)(() => flattenTableColumns(orderedColumns), [orderedColumns]);
-  const headerRows = (0, import_react52.useMemo)(() => buildHeaderRows(orderedColumns), [orderedColumns]);
-  const measuredCells = (0, import_react52.useRef)(/* @__PURE__ */ new WeakSet());
+  const orderedColumns = (0, import_react53.useMemo)(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
+  const leafColumns = (0, import_react53.useMemo)(() => flattenTableColumns(orderedColumns), [orderedColumns]);
+  const headerRows = (0, import_react53.useMemo)(() => buildHeaderRows(orderedColumns), [orderedColumns]);
+  const measuredCells = (0, import_react53.useRef)(/* @__PURE__ */ new WeakSet());
   const autoWidthSignature = leafColumns.map((column) => `${column.key}:${column.autoWidth}:${resizedWidths[column.key] ?? ""}`).join("|");
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     measuredCells.current = /* @__PURE__ */ new WeakSet();
     setAutoColumnWidths({});
   }, [dataSource, baseColumns, size, autoWidthSignature]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     const autoWidthColumns = leafColumns.filter((column) => column.autoWidth && resizedWidths[column.key] === void 0);
     const root = rootRef.current;
     if (!root || autoWidthColumns.length === 0) return;
@@ -15072,7 +15165,7 @@ function TableInner(props, ref) {
   }
   const topSpacer = shouldVirtualize ? startIndex * rowHeight : 0;
   const bottomSpacer = shouldVirtualize ? Math.max(0, (pipeline.rows.length - endIndex) * rowHeight) : 0;
-  const rowElements = (0, import_react52.useMemo)(() => /* @__PURE__ */ new Map(), [
+  const rowElements = (0, import_react53.useMemo)(() => /* @__PURE__ */ new Map(), [
     dataSource,
     baseColumns,
     sortedPlugins,
@@ -15091,35 +15184,35 @@ function TableInner(props, ref) {
   ]);
   const toolbarStart = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarStart?.(getContext(plugin));
-    return content ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react52.Fragment, { children: content }, `toolbar-start-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react53.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_runtime52.jsx)(import_react52.Fragment, { children: content }, `toolbar-end-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react53.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_runtime52.jsx)(import_react52.Fragment, { children: content }, `footer-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react53.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_runtime52.jsx)(import_react52.Fragment, { children: content }, `overlay-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react53.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);
+  const effectiveHeight = height ?? tableHeight ?? remainingHeight ?? (shouldVirtualize ? 420 : void 0);
   const rootStyle = {
     ...style,
     height: effectiveHeight,
     "--sia-table-header-height": `${headerRows.length * rowHeight}px`
   };
-  const handleScroll = (0, import_react52.useCallback)((event) => {
+  const handleScroll = (0, import_react53.useCallback)((event) => {
     const element = event.currentTarget;
     if (shouldVirtualize) setScrollTop((previous) => Math.floor(previous / rowHeight) === Math.floor(element.scrollTop / rowHeight) ? previous : element.scrollTop);
     if (canvas) setScrollLeft(element.scrollLeft);
     updateScrollMetrics();
   }, [canvas, shouldVirtualize, rowHeight, updateScrollMetrics]);
-  const handleScrollbarPointerDown = (0, import_react52.useCallback)((axis, event, track = event.currentTarget) => {
+  const handleScrollbarPointerDown = (0, import_react53.useCallback)((axis, event, track = event.currentTarget) => {
     const element = scrollRef.current;
     const thumb = track.firstElementChild;
     if (!element || !thumb || event.button !== 0) return;
@@ -15148,7 +15241,7 @@ function TableInner(props, ref) {
     };
     if (rootRef.current) rootRef.current.dataset.scrollbarDragging = "true";
   }, []);
-  const handleScrollbarPointerMove = (0, import_react52.useCallback)((event) => {
+  const handleScrollbarPointerMove = (0, import_react53.useCallback)((event) => {
     const drag = scrollbarDragRef.current;
     const element = scrollRef.current;
     if (!drag || !element || drag.pointerId !== event.pointerId) return;
@@ -15157,12 +15250,12 @@ function TableInner(props, ref) {
     if (drag.axis === "x") element.scrollLeft = nextScroll;
     else element.scrollTop = nextScroll;
   }, []);
-  const handleScrollbarPointerEnd = (0, import_react52.useCallback)((event) => {
+  const handleScrollbarPointerEnd = (0, import_react53.useCallback)((event) => {
     if (scrollbarDragRef.current?.pointerId !== event.pointerId) return;
     scrollbarDragRef.current = null;
     if (rootRef.current) rootRef.current.dataset.scrollbarDragging = "false";
   }, []);
-  (0, import_react52.useImperativeHandle)(ref, () => ({
+  (0, import_react53.useImperativeHandle)(ref, () => ({
     getRows: () => pipeline.rows.map((row) => row.record),
     getColumns: () => pipeline.columns,
     getPluginApi: (pluginId) => pluginApisRef.current[pluginId],
@@ -15441,12 +15534,12 @@ function TableInner(props, ref) {
     }
   );
 }
-var Table2 = (0, import_react52.forwardRef)(TableInner);
+var Table2 = (0, import_react53.forwardRef)(TableInner);
 
 // src/components/ThemeSwitch.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var ThemeSwitch = (0, import_react53.forwardRef)(function ThemeSwitch2({
+var ThemeSwitch = (0, import_react54.forwardRef)(function ThemeSwitch2({
   checked,
   onCheckedChange,
   lightLabel = "\u4EAE\u8272\u6A21\u5F0F",
@@ -15540,7 +15633,7 @@ function Breadcrumb({ items, separator = "/", itemRender, className = "", ...pro
 }
 
 // src/components/Typography.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function TypographyContent({
   as: Tag2 = "span",
@@ -15560,26 +15653,26 @@ function TypographyContent({
   className = "",
   ...props
 }) {
-  const contentRef = (0, import_react54.useRef)(null);
-  const editRef = (0, import_react54.useRef)(null);
-  const timer = (0, import_react54.useRef)();
-  const [localText, setLocalText] = (0, import_react54.useState)();
-  const [draft, setDraft] = (0, import_react54.useState)("");
-  const [editing, setEditing] = (0, import_react54.useState)(false);
-  const [copied, setCopied] = (0, import_react54.useState)(false);
-  const [copyError, setCopyError] = (0, import_react54.useState)(false);
-  const [expanded, setExpanded] = (0, import_react54.useState)(false);
-  const [overflow, setOverflow] = (0, import_react54.useState)(false);
+  const contentRef = (0, import_react55.useRef)(null);
+  const editRef = (0, import_react55.useRef)(null);
+  const timer = (0, import_react55.useRef)();
+  const [localText, setLocalText] = (0, import_react55.useState)();
+  const [draft, setDraft] = (0, import_react55.useState)("");
+  const [editing, setEditing] = (0, import_react55.useState)(false);
+  const [copied, setCopied] = (0, import_react55.useState)(false);
+  const [copyError, setCopyError] = (0, import_react55.useState)(false);
+  const [expanded, setExpanded] = (0, import_react55.useState)(false);
+  const [overflow, setOverflow] = (0, import_react55.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_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     setLocalText(void 0);
   }, [children]);
-  (0, import_react54.useEffect)(() => () => clearTimeout(timer.current), []);
-  (0, import_react54.useLayoutEffect)(() => {
+  (0, import_react55.useEffect)(() => () => clearTimeout(timer.current), []);
+  (0, import_react55.useLayoutEffect)(() => {
     const element = contentRef.current;
     if (!element || !ellipsis || !expandable || editing || expanded) return;
     const measure = () => setOverflow(element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1);
@@ -15697,10 +15790,10 @@ var Typography = Object.assign(TypographyRoot, {
 });
 
 // src/components/FloatButton.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var GroupShape = (0, import_react55.createContext)(void 0);
-var FloatButtonRoot = (0, import_react55.forwardRef)(function FloatButton({
+var GroupShape = (0, import_react56.createContext)(void 0);
+var FloatButtonRoot = (0, import_react56.forwardRef)(function FloatButton({
   icon,
   description,
   tooltip,
@@ -15713,7 +15806,7 @@ var FloatButtonRoot = (0, import_react55.forwardRef)(function FloatButton({
   children,
   ...props
 }, ref) {
-  const groupShape = (0, import_react55.useContext)(GroupShape);
+  const groupShape = (0, import_react56.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_runtime56.jsx)(
     "button",
@@ -15751,10 +15844,10 @@ function FloatButtonGroup({
   ...props
 }) {
   const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
-  const rootRef = (0, import_react55.useRef)(null);
-  const triggerRef = (0, import_react55.useRef)(null);
-  const id = (0, import_react55.useId)();
-  (0, import_react55.useEffect)(() => {
+  const rootRef = (0, import_react56.useRef)(null);
+  const triggerRef = (0, import_react56.useRef)(null);
+  const id = (0, import_react56.useId)();
+  (0, import_react56.useEffect)(() => {
     if (!trigger || !visible) return;
     const close = (event) => {
       if (!rootRef.current?.contains(event.target)) setVisible(false);
@@ -15808,8 +15901,8 @@ function FloatButtonGroup({
   ) });
 }
 function FloatButtonBackTop({ target, visibilityHeight = 400, behavior = "smooth", onClick, icon, tooltip = "\u8FD4\u56DE\u9876\u90E8", ...props }) {
-  const [visible, setVisible] = (0, import_react55.useState)(false);
-  (0, import_react55.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react56.useState)(false);
+  (0, import_react56.useEffect)(() => {
     const element = target ? target() : window;
     if (!element) return;
     const update = () => setVisible((element === window ? window.scrollY : element.scrollTop) >= visibilityHeight);
@@ -15833,11 +15926,11 @@ var FloatButton2 = Object.assign(FloatButtonRoot, {
 });
 
 // src/components/ChartWhirlingLoading.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function ChartWhirlingLoading({ width = 720, height = 360, text = "\u6570\u636E\u83B7\u53D6\u4E2D", textWidth, frame }) {
-  const [tick, setTick] = (0, import_react56.useState)(0);
-  (0, import_react56.useEffect)(() => {
+  const [tick, setTick] = (0, import_react57.useState)(0);
+  (0, import_react57.useEffect)(() => {
     if (frame != null) return;
     const media = window.matchMedia("(prefers-reduced-motion: reduce)");
     let timer;
@@ -15868,20 +15961,20 @@ function ChartWhirlingLoading({ width = 720, height = 360, text = "\u6570\u636E\
 }
 
 // src/components/SvgMapPlot.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/components/ChartBrush.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function ChartBrush({ bounds, onSelect, onCancel, selectionShape = "band", selectionStyle, minSelectionSize }) {
-  const [vertical, setVertical] = (0, import_react57.useState)(null);
-  const startY = (0, import_react57.useRef)(0);
+  const [vertical, setVertical] = (0, import_react58.useState)(null);
+  const startY = (0, import_react58.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_react57.useRef)(null);
-  const [selection, setSelection] = (0, import_react57.useState)(null);
+  const drag = (0, import_react58.useRef)(null);
+  const [selection, setSelection] = (0, import_react58.useState)(null);
   const x = (event) => {
     const matrix = event.currentTarget.ownerSVGElement?.getScreenCTM();
     if (!matrix) return null;
@@ -16004,7 +16097,7 @@ function appendChartExportHeadings(original, clone, host) {
 }
 
 // src/components/ChartNodeTimeline.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 
 // src/components/timelinePositions.ts
 function timelineRatios(count, dates) {
@@ -16030,7 +16123,7 @@ function nearestTimelineIndex(ratios, ratio) {
 }
 
 // src/components/ChartPointMotion.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/components/chartMotion.ts
 function chartMotionBaseline(points, horizontal = false) {
@@ -16051,11 +16144,11 @@ function interpolateChartPoints(from, to, progress) {
 var import_jsx_runtime59 = 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_react58.useState)(() => enabled && animateInitial ? baseline(points) : points);
-  const displayed = (0, import_react58.useRef)(frame);
-  const initialized = (0, import_react58.useRef)(!animateInitial);
+  const [frame, setFrame] = (0, import_react59.useState)(() => enabled && animateInitial ? baseline(points) : points);
+  const displayed = (0, import_react59.useRef)(frame);
+  const initialized = (0, import_react59.useRef)(!animateInitial);
   const signature = JSON.stringify(points);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     const target = points;
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!enabled || progress != null || reduced.matches) {
@@ -16094,8 +16187,8 @@ function ChartPointMotion({ points, enabled, duration, updateDuration = 500, ani
 // src/components/ChartNodeTimeline.tsx
 var import_jsx_runtime60 = 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_react59.useState)(autoPlay), dragging = (0, import_react59.useRef)();
-  const [draft, setDraft] = (0, import_react59.useState)(), pending = (0, import_react59.useRef)(), draftRef = (0, import_react59.useRef)();
+  const [playing, setPlaying] = (0, import_react60.useState)(autoPlay), dragging = (0, import_react60.useRef)();
+  const [draft, setDraft] = (0, import_react60.useState)(), pending = (0, import_react60.useRef)(), draftRef = (0, import_react60.useRef)();
   const shown = draft ?? value;
   const cancelPending = () => {
     clearTimeout(pending.current);
@@ -16103,8 +16196,8 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
     draftRef.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react59.useEffect)(() => () => clearTimeout(pending.current), []);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => () => clearTimeout(pending.current), []);
+  (0, import_react60.useEffect)(() => {
     cancelPending();
   }, [value]);
   const preview = (index) => {
@@ -16119,8 +16212,8 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
       draftRef.current = void 0;
     }, 200);
   };
-  (0, import_react59.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
+  (0, import_react60.useEffect)(() => {
     if (!playing || labels.length < 2) return;
     const timer = window.setTimeout(() => {
       if (value + 1 < labels.length) onChange(value + 1);
@@ -16229,7 +16322,7 @@ function ChartNodeTimeline({ labels, dates, value, onChange, autoPlay = false, p
 }
 
 // src/components/ChartVerticalRange.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 
 // src/components/chartColorRamp.ts
 function chartColorRamp(colors, ratio) {
@@ -16249,16 +16342,16 @@ function chartColorRamp(colors, ratio) {
 // src/components/ChartVerticalRange.tsx
 var import_jsx_runtime61 = 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_react60.useId)().replaceAll(":", "");
-  const drag = (0, import_react60.useRef)();
-  const [draft, setDraft] = (0, import_react60.useState)();
-  const pending = (0, import_react60.useRef)();
+  const id = (0, import_react61.useId)().replaceAll(":", "");
+  const drag = (0, import_react61.useRef)();
+  const [draft, setDraft] = (0, import_react61.useState)();
+  const pending = (0, import_react61.useRef)();
   const cancel = () => {
     drag.current = void 0;
     pending.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!realtime) cancel();
   }, [range[0], range[1], min, max, realtime]);
   const shown = draft ?? range;
@@ -16339,18 +16432,18 @@ function ChartVerticalRange({ min, max, x, y, length, thickness, colors, range,
 }
 
 // src/components/ChartHorizontalRange.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function ChartHorizontalRange({ min, max, x, y, length, thickness, colors, range, endLabels, onChange, indicatorValue, onHoverRange, realtime = true }) {
-  const id = (0, import_react61.useId)().replaceAll(":", ""), span = max - min;
-  const drag = (0, import_react61.useRef)();
-  const [draft, setDraft] = (0, import_react61.useState)(), pending = (0, import_react61.useRef)();
+  const id = (0, import_react62.useId)().replaceAll(":", ""), span = max - min;
+  const drag = (0, import_react62.useRef)();
+  const [draft, setDraft] = (0, import_react62.useState)(), pending = (0, import_react62.useRef)();
   const cancel = () => {
     drag.current = void 0;
     pending.current = void 0;
     setDraft(void 0);
   };
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.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]));
@@ -16428,7 +16521,7 @@ function ChartHorizontalRange({ min, max, x, y, length, thickness, colors, range
 }
 
 // src/components/Chart.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/chartCompositeExport.ts
 function serializeChartComposite(host) {
@@ -16552,20 +16645,20 @@ var DEFAULT_CHART_PALETTE = [
   "#2f54eb",
   "#a0d911"
 ];
-var ChartContext = (0, import_react62.createContext)(null);
+var ChartContext = (0, import_react63.createContext)(null);
 function toCssSize(value, fallback) {
   if (typeof value === "number") return `${value}px`;
   return value ?? fallback;
 }
-var ChartComposite = (0, import_react62.forwardRef)(function ChartComposite2({ layers, width = "100%", height = 320, ariaLabel = "\u7EC4\u5408\u56FE\u8868", className = "", style, ...props }, ref) {
-  const host = (0, import_react62.useRef)(null);
-  (0, import_react62.useImperativeHandle)(ref, () => ({ toSvgString: () => host.current ? serializeChartComposite(host.current) : null, saveAsImage: (filename) => saveCompositeImage(host.current ? serializeChartComposite(host.current) : null, filename) }), []);
+var ChartComposite = (0, import_react63.forwardRef)(function ChartComposite2({ layers, width = "100%", height = 320, ariaLabel = "\u7EC4\u5408\u56FE\u8868", className = "", style, ...props }, ref) {
+  const host = (0, import_react63.useRef)(null);
+  (0, import_react63.useImperativeHandle)(ref, () => ({ toSvgString: () => host.current ? serializeChartComposite(host.current) : null, saveAsImage: (filename) => saveCompositeImage(host.current ? serializeChartComposite(host.current) : null, filename) }), []);
   return /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.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_react62.useEffect : import_react62.useLayoutEffect;
+var useTooltipLayoutEffect = typeof window === "undefined" ? import_react63.useEffect : import_react63.useLayoutEffect;
 function ChartTooltip({ open, left, top, children, enterable = false, inheritTextStyle = false, placement = "above", className = "", style, ...props }) {
-  const elementRef = (0, import_react62.useRef)(null);
-  const [position, setPosition] = (0, import_react62.useState)([left, top]);
+  const elementRef = (0, import_react63.useRef)(null);
+  const [position, setPosition] = (0, import_react63.useState)([left, top]);
   useTooltipLayoutEffect(() => {
     const element = elementRef.current, host = element?.parentElement;
     if (!open || placement !== "axis" || !element || !host) return;
@@ -16689,7 +16782,7 @@ function ChartToolbox({
     ))
   ] });
 }
-var SiaChart = (0, import_react62.forwardRef)(function SiaChart2({
+var SiaChart = (0, import_react63.forwardRef)(function SiaChart2({
   children,
   width = "100%",
   height = 320,
@@ -16716,19 +16809,19 @@ var SiaChart = (0, import_react62.forwardRef)(function SiaChart2({
   style,
   ...rest
 }, ref) {
-  const hostRef = (0, import_react62.useRef)(null);
-  const svgRef = (0, import_react62.useRef)(null);
-  const titleId = (0, import_react62.useId)();
-  const descriptionId = (0, import_react62.useId)();
-  const [tooltip, setTooltip] = (0, import_react62.useState)(null);
-  const tooltipHideTimer = (0, import_react62.useRef)();
-  const tooltipHeld = (0, import_react62.useRef)(false);
+  const hostRef = (0, import_react63.useRef)(null);
+  const svgRef = (0, import_react63.useRef)(null);
+  const titleId = (0, import_react63.useId)();
+  const descriptionId = (0, import_react63.useId)();
+  const [tooltip, setTooltip] = (0, import_react63.useState)(null);
+  const tooltipHideTimer = (0, import_react63.useRef)();
+  const tooltipHeld = (0, import_react63.useRef)(false);
   const cancelTooltipHide = () => {
     clearTimeout(tooltipHideTimer.current);
   };
-  (0, import_react62.useEffect)(() => () => clearTimeout(tooltipHideTimer.current), []);
-  const [linkedPosition, setLinkedPosition] = (0, import_react62.useState)({ left: 0, top: 0 });
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => () => clearTimeout(tooltipHideTimer.current), []);
+  const [linkedPosition, setLinkedPosition] = (0, import_react63.useState)({ left: 0, top: 0 });
+  (0, import_react63.useEffect)(() => {
     const host = hostRef.current, svg = svgRef.current;
     if (!controlledTooltip || !host || !svg) return;
     const position = () => {
@@ -16743,12 +16836,12 @@ var SiaChart = (0, import_react62.forwardRef)(function SiaChart2({
     observer.observe(host);
     return () => observer.disconnect();
   }, [controlledTooltip]);
-  const [dataViewOpen, setDataViewOpen] = (0, import_react62.useState)(false);
-  const [markMode, setMarkMode] = (0, import_react62.useState)(false);
-  const [markStart, setMarkStart] = (0, import_react62.useState)(null);
-  const [userMarks, setUserMarks] = (0, import_react62.useState)([]);
+  const [dataViewOpen, setDataViewOpen] = (0, import_react63.useState)(false);
+  const [markMode, setMarkMode] = (0, import_react63.useState)(false);
+  const [markStart, setMarkStart] = (0, import_react63.useState)(null);
+  const [userMarks, setUserMarks] = (0, import_react63.useState)([]);
   const toolboxOptions = toolbox === true ? {} : toolbox || void 0;
-  const rootStyle = (0, import_react62.useMemo)(() => ({
+  const rootStyle = (0, import_react63.useMemo)(() => ({
     ...style,
     width: toCssSize(width, "100%"),
     height: toCssSize(height, "320px"),
@@ -16806,13 +16899,13 @@ var SiaChart = (0, import_react62.forwardRef)(function SiaChart2({
     anchor.href = canvas.toDataURL("image/png");
     anchor.click();
   }
-  (0, import_react62.useImperativeHandle)(ref, () => ({
+  (0, import_react63.useImperativeHandle)(ref, () => ({
     getElement: () => svgRef.current,
     focus: () => svgRef.current?.focus(),
     toSvgString: serializeSvg,
     toDataUrl: svgDataUrl
   }), []);
-  const context = (0, import_react62.useMemo)(() => ({
+  const context = (0, import_react63.useMemo)(() => ({
     palette,
     showTooltip: (event, content, point) => {
       cancelTooltipHide();
@@ -16999,7 +17092,7 @@ var SiaChart = (0, import_react62.forwardRef)(function SiaChart2({
   ) });
 });
 function ChartMark({ tooltip, tooltipPoint, label, onPointerMove, onPointerLeave, onFocus, onBlur, ...props }) {
-  const context = (0, import_react62.useContext)(ChartContext);
+  const context = (0, import_react63.useContext)(ChartContext);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "g",
     {
@@ -17028,7 +17121,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_react62.useId)().replaceAll(":", "");
+  const paintId = (0, import_react63.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;
@@ -17157,7 +17250,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_react62.useId)().replaceAll(":", "");
+  const id = (0, import_react63.useId)().replaceAll(":", "");
   const vertical = orientation === "vertical";
   if (svgHandles && vertical && !calculable && !pieces?.length) return /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsx)(ChartVerticalRange, { min, max, x, y, length: width, thickness: height, colors, range, onChange: onRangeChange, endLabels, indicatorValue, onHoverRange, realtime });
@@ -17185,8 +17278,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_react62.useState)(null);
-  const pan = (0, import_react62.useRef)();
+  const [activeHandle, setActiveHandle] = (0, import_react63.useState)(null);
+  const pan = (0, import_react63.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;
@@ -17260,9 +17353,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_react62.useState)(autoPlay);
-  (0, import_react62.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
-  (0, import_react62.useEffect)(() => {
+  const [playing, setPlaying] = (0, import_react63.useState)(autoPlay);
+  (0, import_react63.useEffect)(() => setPlaying(autoPlay), [autoPlay]);
+  (0, import_react63.useEffect)(() => {
     if (!playing || labels.length <= 1) return void 0;
     const timer = window.setInterval(() => {
       const next = value + 1;
@@ -17372,7 +17465,7 @@ function parseSvgMapPaths(source) {
 }
 
 // src/components/useMapRoam.ts
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/components/chartRoam.ts
 function zoomChartViewport(view, factor, point, limit = { min: 0.05, max: 20 }) {
@@ -17389,14 +17482,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_react63.useRef)(null);
-  const [view, setView] = (0, import_react63.useState)(initial);
-  const drag = (0, import_react63.useRef)();
+  const host = (0, import_react64.useRef)(null);
+  const [view, setView] = (0, import_react64.useState)(initial);
+  const drag = (0, import_react64.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_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const node = host.current;
     if (!node || !mode || mode === "move") return;
     const wheel = (event) => {
@@ -17458,7 +17551,7 @@ function useMapRoam(mode, scaleLimit = { min: 0.65, max: 5 }, wheelFactors = [1.
 }
 
 // src/components/ChartMapLineReveal.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/components/mapLineGeometry.ts
 function mapLineControl(source, target, curveness) {
@@ -17475,9 +17568,9 @@ function mapLineDuration(source, target, period) {
 // src/components/ChartMapLineReveal.tsx
 var import_jsx_runtime64 = 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_react64.useRef)(false);
-  const [frame, setFrame] = (0, import_react64.useState)({ signature, progress: enabled ? 0 : 1 });
-  (0, import_react64.useEffect)(() => {
+  const signature = JSON.stringify([source, control, target]), initialized = (0, import_react65.useRef)(false);
+  const [frame, setFrame] = (0, import_react65.useState)({ signature, progress: enabled ? 0 : 1 });
+  (0, import_react65.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     const duration = Math.max(1, initialized.current ? updateDuration : initialDuration);
     if (!enabled || reduced.matches) {
@@ -17510,15 +17603,15 @@ function ChartMapLineReveal({ source, control, target, enabled, initialDuration
 }
 
 // src/components/ChartMapLineEffect.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function ChartMapLineEffect({ source, control, target, period = 30, color = "#fff", radius = 1, shadowBlur = 10, shadowColor = color, trailAlpha }) {
-  const ref = (0, import_react65.useRef)(null);
-  const trails = (0, import_react65.useRef)([]);
+  const ref = (0, import_react66.useRef)(null);
+  const trails = (0, import_react66.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_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const started = performance.now();
     let frame = 0;
     const history = [];
@@ -17551,7 +17644,7 @@ function ChartMapLineEffect({ source, control, target, period = 30, color = "#ff
 }
 
 // src/components/ChartMapPointPulse.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 
 // src/components/mapPointPulse.ts
 function mapPointPulseDuration(period, random = Math.random) {
@@ -17561,7 +17654,7 @@ function mapPointPulseDuration(period, random = Math.random) {
 // src/components/ChartMapPointPulse.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function ChartMapPointPulse({ x, y, size, color, period = 15, scaleSize = 2 }) {
-  const [duration] = (0, import_react66.useState)(() => mapPointPulseDuration(period));
+  const [duration] = (0, import_react67.useState)(() => mapPointPulseDuration(period));
   return /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("animate", { attributeName: "r", values: `${size * scaleSize * 0.1};${size * scaleSize}`, dur: `${duration}ms`, repeatCount: "indefinite", calcMode: "linear" }),
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("animate", { attributeName: "stroke-width", values: ".1;1", dur: `${duration}ms`, repeatCount: "indefinite", calcMode: "linear" })
@@ -17569,11 +17662,11 @@ function ChartMapPointPulse({ x, y, size, color, period = 15, scaleSize = 2 }) {
 }
 
 // src/components/ChartMapPointEntrance.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function ChartMapPointEntrance({ enabled, x, y, children }) {
-  const [progress, setProgress] = (0, import_react67.useState)(enabled ? 0.01 : 1);
-  (0, import_react67.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react68.useState)(enabled ? 0.01 : 1);
+  (0, import_react68.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!enabled || reduced.matches) {
       setProgress(1);
@@ -17616,8 +17709,8 @@ function mapLineEndLabel(source, target) {
 // src/components/SvgMapPlot.tsx
 var import_jsx_runtime68 = 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_react68.useRef)(null), [center, setCenter] = (0, import_react68.useState)([0, 0]);
-  (0, import_react68.useLayoutEffect)(() => {
+  const path = (0, import_react69.useRef)(null), [center, setCenter] = (0, import_react69.useState)([0, 0]);
+  (0, import_react69.useLayoutEffect)(() => {
     const box = path.current?.getBBox();
     if (box) setCenter([box.x + box.width / 2, box.y + box.height / 2]);
   }, [d]);
@@ -17635,9 +17728,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_react68.useMemo)(() => parseSvgMapPaths(source), [source]), control = useMapRoam(roam, null, [1.2, 1 / 1.2]), [hovered, setHovered] = (0, import_react68.useState)();
-  const [hoveredLine, setHoveredLine] = (0, import_react68.useState)();
-  (0, import_react68.useEffect)(() => {
+  const map = (0, import_react69.useMemo)(() => parseSvgMapPaths(source), [source]), control = useMapRoam(roam, null, [1.2, 1 / 1.2]), [hovered, setHovered] = (0, import_react69.useState)();
+  const [hoveredLine, setHoveredLine] = (0, import_react69.useState)();
+  (0, import_react69.useEffect)(() => {
     control.reset();
     setHovered(void 0);
   }, [resetKey]);
@@ -17700,16 +17793,16 @@ function SvgMapPlot({ source, name, data, x, y, width, height, domain, range = d
 }
 
 // src/components/ChartRoamController.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ChartRoamController({ x = 800, y = 5, onPan, onZoom }) {
-  const [hovered, setHovered] = (0, import_react69.useState)(), [focused, setFocused] = (0, import_react69.useState)();
-  const timer = (0, import_react69.useRef)();
+  const [hovered, setHovered] = (0, import_react70.useState)(), [focused, setFocused] = (0, import_react70.useState)();
+  const timer = (0, import_react70.useRef)();
   const stop = () => {
     if (timer.current !== void 0) clearInterval(timer.current);
     timer.current = void 0;
   };
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     window.addEventListener("blur", stop);
     return () => {
       stop();
@@ -17748,13 +17841,13 @@ function ChartRoamController({ x = 800, y = 5, onPan, onZoom }) {
 }
 
 // src/components/LineShareChart.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 
 // src/components/Charts.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 
 // src/components/ChartScatterMotion.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 
 // src/components/scatterMotion.ts
 function scatterMotionEase(progress) {
@@ -17766,9 +17859,9 @@ function scatterMotionEase(progress) {
 var import_jsx_runtime70 = 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_react70.useState)(() => ({ ...target, radius: enabled ? radius * 0.01 : radius }));
-  const displayed = (0, import_react70.useRef)(frame), started = (0, import_react70.useRef)(false);
-  (0, import_react70.useEffect)(() => {
+  const [frame, setFrame] = (0, import_react71.useState)(() => ({ ...target, radius: enabled ? radius * 0.01 : radius }));
+  const displayed = (0, import_react71.useRef)(frame), started = (0, import_react71.useRef)(false);
+  (0, import_react71.useEffect)(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)");
     let request = 0;
     const publish = (next) => {
@@ -17879,12 +17972,12 @@ function layoutEventRiver(series, tailLength, area) {
 }
 
 // src/components/EventRiverBubble.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function EventRiverBubble({ resetKey, draggable = true, tooltipPoint, onPointerUp, ...props }) {
-  const [offset, setOffset] = (0, import_react71.useState)(0);
-  const drag = (0, import_react71.useRef)();
-  (0, import_react71.useEffect)(() => {
+  const [offset, setOffset] = (0, import_react72.useState)(0);
+  const drag = (0, import_react72.useRef)();
+  (0, import_react72.useEffect)(() => {
     setOffset(0);
     drag.current = void 0;
   }, [resetKey]);
@@ -17935,13 +18028,13 @@ function EventRiverBubble({ resetKey, draggable = true, tooltipPoint, onPointerU
 }
 
 // src/components/EventRiverMotion.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function EventRiverMotion({ geometry, enabled = true, duration = 2e3, updateDuration = 500, progress, children }) {
-  const [frame, setFrame] = (0, import_react72.useState)(() => ({ ...geometry, scale: enabled ? 0.1 : 1 }));
-  const displayed = (0, import_react72.useRef)(frame), started = (0, import_react72.useRef)(false);
+  const [frame, setFrame] = (0, import_react73.useState)(() => ({ ...geometry, scale: enabled ? 0.1 : 1 }));
+  const displayed = (0, import_react73.useRef)(frame), started = (0, import_react73.useRef)(false);
   const signature = JSON.stringify(geometry);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.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;
@@ -18058,7 +18151,7 @@ function transferPieValue(series, source, target, connector = " & ") {
 }
 
 // src/components/ChartValueIsland.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/components/cartesianTransfer.ts
 function addValues(a, b) {
@@ -18123,13 +18216,13 @@ function findCompositeValueTarget(element, x, y) {
 // src/components/ChartValueIsland.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function ChartValueIsland({ name, value, x, y, color = "#2ec7c9", onDrop, resolveTarget = findCompositeValueTarget }) {
-  const drag = (0, import_react73.useRef)(null);
-  const [offset, setOffset] = (0, import_react73.useState)([0, 0]);
+  const drag = (0, import_react74.useRef)(null);
+  const [offset, setOffset] = (0, import_react74.useState)([0, 0]);
   const cancel = () => {
     drag.current = null;
     setOffset([0, 0]);
   };
-  (0, import_react73.useEffect)(cancel, [x, y]);
+  (0, import_react74.useEffect)(cancel, [x, y]);
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     ChartMark,
     {
@@ -18182,12 +18275,12 @@ function ChartValueIsland({ name, value, x, y, color = "#2ec7c9", onDrop, resolv
 }
 
 // src/components/ChartPulseRing.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function ChartPulseRing({ center, radius, scaleSize = 2, color = "gold", shadowBlur = 10, period = 15, progress, enabled = true }) {
-  const id = (0, import_react74.useId)().replace(/:/g, ""), [phase, setPhase] = (0, import_react74.useState)(0);
-  const [reduced, setReduced] = (0, import_react74.useState)(false);
-  (0, import_react74.useEffect)(() => {
+  const id = (0, import_react75.useId)().replace(/:/g, ""), [phase, setPhase] = (0, import_react75.useState)(0);
+  const [reduced, setReduced] = (0, import_react75.useState)(false);
+  (0, import_react75.useEffect)(() => {
     const preference = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReduced(preference.matches);
     let frame = 0;
@@ -18331,7 +18424,7 @@ function chartMarkerPath(kind, x, y, size) {
 }
 
 // src/components/ChartLargeMapPointCanvas.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 
 // src/components/largeMapPointPulse.ts
 function largeMapPointPulse(elapsed, period, initial3, delay) {
@@ -18347,8 +18440,8 @@ function largeMapPointSize(size, pulse) {
 // src/components/ChartLargeMapPointCanvas.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function ChartLargeMapPointCanvas({ groups, width, height }) {
-  const canvas = (0, import_react75.useRef)(null), key = JSON.stringify(groups);
-  (0, import_react75.useEffect)(() => {
+  const canvas = (0, import_react76.useRef)(null), key = JSON.stringify(groups);
+  (0, import_react76.useEffect)(() => {
     const element = canvas.current, context = element?.getContext("2d");
     if (!element || !context) return;
     const ratio = window.devicePixelRatio || 1;
@@ -18407,12 +18500,12 @@ function ChartLargeMapPointCanvas({ groups, width, height }) {
 }
 
 // src/components/ChartCrosshair.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function ChartCrosshair({ bounds, xDomain, yDomain, formatX = decimal, formatY = decimal }) {
-  const ref = (0, import_react76.useRef)(null);
-  const [point, setPoint] = (0, import_react76.useState)(null);
-  (0, import_react76.useEffect)(() => {
+  const ref = (0, import_react77.useRef)(null);
+  const [point, setPoint] = (0, import_react77.useState)(null);
+  (0, import_react77.useEffect)(() => {
     const svg = ref.current?.ownerSVGElement;
     if (!svg) return;
     const clear = () => setPoint(null);
@@ -18432,7 +18525,7 @@ function ChartCrosshair({ bounds, xDomain, yDomain, formatX = decimal, formatY =
       svg.removeEventListener("pointercancel", clear);
     };
   }, [bounds.x, bounds.y, bounds.width, bounds.height]);
-  (0, import_react76.useEffect)(() => setPoint(null), [xDomain[0], xDomain[1], yDomain[0], yDomain[1]]);
+  (0, import_react77.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_runtime76.jsxs)("g", { ref, className: "sia-chart__crosshair", "aria-hidden": "true", children: [
@@ -18449,7 +18542,7 @@ function decimal(value) {
 }
 
 // src/components/HeatmapRasterLayer.tsx
-var import_react77 = require("react");
+var import_react78 = 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] }];
@@ -18496,9 +18589,9 @@ function rasterizeHeatmap(width, height, points, options = {}) {
 // src/components/HeatmapRasterLayer.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function HeatmapRaster({ width, height, points, options }) {
-  const [url, setUrl] = (0, import_react77.useState)();
+  const [url, setUrl] = (0, import_react78.useState)();
   const optionsKey = JSON.stringify(options);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const canvas = document.createElement("canvas");
     canvas.width = width;
     canvas.height = height;
@@ -18598,10 +18691,10 @@ function chordMatrixLayout(matrix, options = {}) {
 }
 
 // src/components/MatrixChordPlot.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_jsx_runtime78 = 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_react78.useState)(null);
+  const [hoveredLink, setHoveredLink] = (0, import_react79.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_runtime78.jsxs)("g", { className: "sia-chart__matrix-chord", children: [
@@ -18948,13 +19041,13 @@ function transferRadarSeries(panels, source, target, connector = " & ") {
 }
 
 // src/components/ChartRoamGroup.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_jsx_runtime80 = 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_react79.useRef)(null), drag = (0, import_react79.useRef)();
-  const [view, setView] = (0, import_react79.useState)(initial2);
-  (0, import_react79.useEffect)(() => {
+  const group = (0, import_react80.useRef)(null), drag = (0, import_react80.useRef)();
+  const [view, setView] = (0, import_react80.useState)(initial2);
+  (0, import_react80.useEffect)(() => {
     setView(initial2);
     drag.current = void 0;
   }, [resetSignal]);
@@ -18964,7 +19057,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_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const target = group.current;
     if (!target || !enabled || !zoomEnabled) return;
     const wheel = (event) => {
@@ -19025,11 +19118,11 @@ function ChartRoamGroup({ children, enabled, width, height, zoomEnabled = true,
 }
 
 // src/components/TreeNodeGlyph.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function TreeNodeGlyph({ symbol = "circle", x, y, width, height, color, itemStyle }) {
-  const [failed, setFailed] = (0, import_react80.useState)(false);
-  (0, import_react80.useEffect)(() => setFailed(false), [symbol]);
+  const [failed, setFailed] = (0, import_react81.useState)(false);
+  (0, import_react81.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_runtime81.jsxs)("g", { role: "img", "aria-label": "\u539F\u59CB\u8282\u70B9\u56FE\u7247\u52A0\u8F7D\u5931\u8D25", children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: x - width / 2, y: y - height / 2, width, height, fill: "none", stroke: "#999", strokeDasharray: "3 3" }),
@@ -19318,7 +19411,7 @@ function resolveMapRegionAppearance(base, datum, emphasized) {
 }
 
 // src/components/ChartBundledMapCanvas.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 
 // src/components/edgeBundling.ts
 var distance = (a, b) => Math.hypot(a[0] - b[0], a[1] - b[1]);
@@ -19462,9 +19555,9 @@ function sampleBundledPath(curves, progress) {
 var import_jsx_runtime82 = 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_react81.useMemo)(() => bundleEdges(JSON.parse(signature)).map((row) => ({ index: row.index, curves: smoothBundledPath(row.points, smoothness) })), [signature, smoothness]);
-  const base = (0, import_react81.useRef)(null), moving = (0, import_react81.useRef)(null);
-  (0, import_react81.useEffect)(() => {
+  const paths = (0, import_react82.useMemo)(() => bundleEdges(JSON.parse(signature)).map((row) => ({ index: row.index, curves: smoothBundledPath(row.points, smoothness) })), [signature, smoothness]);
+  const base = (0, import_react82.useRef)(null), moving = (0, import_react82.useRef)(null);
+  (0, import_react82.useEffect)(() => {
     const node = base.current, ctx = node?.getContext("2d");
     if (!node || !ctx) return;
     const ratio = window.devicePixelRatio || 1;
@@ -19490,7 +19583,7 @@ function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "
       ctx.fill();
     }
   }, [paths, pointKey, width, height, color, opacity, lineWidth, pointColor, pointRadius]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const node = moving.current, ctx = node?.getContext("2d");
     if (!node || !ctx) return;
     const ratio = window.devicePixelRatio || 1;
@@ -19552,11 +19645,11 @@ function ChartBundledMapCanvas({ edges, points = [], smoothness = 0.1, color = "
 }
 
 // src/components/ChartMapEffectCanvas.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function ChartMapEffectCanvas({ effects, width, height, alpha = 0.95 }) {
-  const canvas = (0, import_react82.useRef)(null), key = JSON.stringify(effects);
-  (0, import_react82.useEffect)(() => {
+  const canvas = (0, import_react83.useRef)(null), key = JSON.stringify(effects);
+  (0, import_react83.useEffect)(() => {
     const element = canvas.current;
     if (!element) return;
     const context = element.getContext("2d");
@@ -19702,12 +19795,12 @@ function layoutTreeNodes(root, options = {}) {
 }
 
 // src/components/ChartDataEditor.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function ChartDataEditor({ series, onApply, readOnly = false, allowNull = false }) {
-  const [draft, setDraft] = (0, import_react83.useState)(() => JSON.stringify(series.map((item) => item.data), null, 2));
-  const [error, setError] = (0, import_react83.useState)("");
-  const [applied, setApplied] = (0, import_react83.useState)(false);
+  const [draft, setDraft] = (0, import_react84.useState)(() => JSON.stringify(series.map((item) => item.data), null, 2));
+  const [error, setError] = (0, import_react84.useState)("");
+  const [applied, setApplied] = (0, import_react84.useState)(false);
   function apply() {
     try {
       const values = JSON.parse(draft);
@@ -19738,11 +19831,11 @@ function ChartDataEditor({ series, onApply, readOnly = false, allowNull = false
 }
 
 // src/components/ChartBarStatistics.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function ChartBarStatistics({ values, kinds, project, plot, horizontal, color, gradient, seriesName }) {
-  const id = (0, import_react84.useId)().replaceAll(":", "");
-  const [active, setActive] = (0, import_react84.useState)();
+  const id = (0, import_react85.useId)().replaceAll(":", "");
+  const [active, setActive] = (0, import_react85.useState)();
   const paint = gradient ? `url(#${id})` : color;
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("g", { children: [
     gradient ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsx)("stop", { offset: stop.offset, stopColor: stop.color }, i)) }) }) : null,
@@ -19797,7 +19890,7 @@ function lineSegments(points) {
 }
 
 // src/components/useBarMagicState.ts
-var import_react85 = require("react");
+var import_react86 = require("react");
 
 // src/components/cartesianMagicState.ts
 function changeCartesianMagic(state, action) {
@@ -19812,8 +19905,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_react85.useState)(() => changeCartesianMagic(initial3, options?.activeMagicType ?? shape));
-  (0, import_react85.useEffect)(() => {
+  const [state, setState] = (0, import_react86.useState)(() => changeCartesianMagic(initial3, options?.activeMagicType ?? shape));
+  (0, import_react86.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) => {
@@ -19827,7 +19920,7 @@ function useBarMagicState(toolbox, shape = "bar") {
 }
 
 // src/components/useBarValueTransfer.ts
-var import_react86 = require("react");
+var import_react87 = require("react");
 
 // src/components/barTransfer.ts
 function transferBarValue(series, source, target, categories) {
@@ -19844,10 +19937,10 @@ function transferBarValue(series, source, target, categories) {
 
 // src/components/useBarValueTransfer.ts
 function useBarValueTransfer(series, initial3, categories, enabled, publish, onError) {
-  const [islands, setIslands] = (0, import_react86.useState)([]);
-  const drag = (0, import_react86.useRef)();
-  const [offset, setOffset] = (0, import_react86.useState)();
-  (0, import_react86.useEffect)(() => {
+  const [islands, setIslands] = (0, import_react87.useState)([]);
+  const drag = (0, import_react87.useRef)();
+  const [offset, setOffset] = (0, import_react87.useState)();
+  (0, import_react87.useEffect)(() => {
     setIslands([]);
     drag.current = void 0;
     setOffset(void 0);
@@ -19948,12 +20041,12 @@ function logarithmicValueAt(progress, domain) {
 
 // src/components/Charts.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
-var import_react88 = require("react");
+var import_react89 = 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_react87.useState)(() => Object.fromEntries(names.map((name) => [name, true])));
-  (0, import_react87.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react88.useState)(() => Object.fromEntries(names.map((name) => [name, true])));
+  (0, import_react88.useEffect)(() => {
     setInternal((current) => {
       const next = { ...current };
       names.forEach((name) => {
@@ -20053,7 +20146,7 @@ function lineSymbol(type, x, y, size, color, image, strokeWidth = 2) {
   return /* @__PURE__ */ (0, import_jsx_runtime86.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_react87.useState)([...defaultValue ?? [0, 100]]);
+  const [internal, setInternal] = (0, import_react88.useState)([...defaultValue ?? [0, 100]]);
   const current = value ?? internal;
   const update = (next) => {
     if (!value) setInternal(next);
@@ -20063,8 +20156,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_react87.useState)(options?.activeMagicType ?? fallback);
-  (0, import_react87.useEffect)(() => {
+  const [internal, setInternal] = (0, import_react88.useState)(options?.activeMagicType ?? fallback);
+  (0, import_react88.useEffect)(() => {
     if (options?.activeMagicType) setInternal(options.activeMagicType);
   }, [options?.activeMagicType]);
   const active = options?.activeMagicType ?? internal;
@@ -20082,15 +20175,15 @@ function useToolboxMagicType(toolbox, fallback) {
   } : toolbox;
   return [active, resolved];
 }
-var LineChart = (0, import_react87.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_react87.useState)(null);
-  const [editableSeries, setEditableSeries] = (0, import_react87.useState)(sourceSeries);
-  const [dragPoint, setDragPoint] = (0, import_react87.useState)(null);
-  const linePaintId = (0, import_react87.useId)().replaceAll(":", "");
-  const [hoveredLinePoint, setHoveredLinePoint] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
+var LineChart = (0, import_react88.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_react88.useState)(null);
+  const [editableSeries, setEditableSeries] = (0, import_react88.useState)(sourceSeries);
+  const [dragPoint, setDragPoint] = (0, import_react88.useState)(null);
+  const linePaintId = (0, import_react88.useId)().replaceAll(":", "");
+  const [hoveredLinePoint, setHoveredLinePoint] = (0, import_react88.useState)();
+  (0, import_react88.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
   const series = externalValueTransfer ? sourceSeries : editableSeries;
-  const initialTransferSeries = (0, import_react87.useMemo)(() => sourceSeries.map((item) => ({ ...item, data: item.data.map(lineValue) })), [sourceSeries]);
+  const initialTransferSeries = (0, import_react88.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;
@@ -20107,8 +20200,8 @@ var LineChart = (0, import_react87.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_runtime86.jsx)("foreignObject", { className: "sia-chart__inline-zoom sia-chart__inline-zoom--compact", ...withTitleTooltip(zoomControlBounds), children: /* @__PURE__ */ (0, import_jsx_runtime86.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_react87.useState)(false);
-  const [zoomHistory, setZoomHistory] = (0, import_react87.useState)(() => dataZoom ? [defaultZoom ?? zoom ?? [0, 100]] : []);
+  const [zoomBrushActive, setZoomBrushActive] = (0, import_react88.useState)(false);
+  const [zoomHistory, setZoomHistory] = (0, import_react88.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];
@@ -20495,17 +20588,17 @@ function ChartPin({ point, color, label }) {
 function barDatum(datum) {
   return typeof datum === "number" ? { value: datum } : datum;
 }
-var BarChart = (0, import_react87.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_react87.useState)(sourceSeries);
-  const [dragBar, setDragBar] = (0, import_react87.useState)(null);
-  const [hoveredBar, setHoveredBar] = (0, import_react87.useState)();
-  const barPaintId = (0, import_react87.useId)().replaceAll(":", "");
+var BarChart = (0, import_react88.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_react88.useState)(sourceSeries);
+  const [dragBar, setDragBar] = (0, import_react88.useState)(null);
+  const [hoveredBar, setHoveredBar] = (0, import_react88.useState)();
+  const barPaintId = (0, import_react88.useId)().replaceAll(":", "");
   const localTransfer = useBarValueTransfer(editableSeries, sourceSeries, categories, calculable && calculableMode === "transfer" && !externalValueTransfer, (next) => {
     setEditableSeries(next);
     onDataChange?.(next);
   }, onTransferError);
   const transfer = externalValueTransfer ?? localTransfer;
-  (0, import_react87.useEffect)(() => setEditableSeries(sourceSeries), [sourceSeries]);
+  (0, import_react88.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 };
@@ -20752,17 +20845,17 @@ var BarChart = (0, import_react87.forwardRef)(function BarChart2({ valueTransfer
     ] }, `bar-island-${index}`)) : null
   ] });
 });
-var ScatterChart = (0, import_react87.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_react87.useState)(initialData);
-  const [emphasizedPoint, setEmphasizedPoint] = (0, import_react87.useState)(null);
-  const [emphasizedAnnotation, setEmphasizedAnnotation] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => setData(initialData), [initialData]);
+var ScatterChart = (0, import_react88.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_react88.useState)(initialData);
+  const [emphasizedPoint, setEmphasizedPoint] = (0, import_react88.useState)(null);
+  const [emphasizedAnnotation, setEmphasizedAnnotation] = (0, import_react88.useState)();
+  (0, import_react88.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_react87.useMemo)(() => [...activeData].sort((left, right) => left.x - right.x), [activeData]);
+  const sorted = (0, import_react88.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;
@@ -20777,10 +20870,10 @@ var ScatterChart = (0, import_react87.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_react87.useState)([]);
-  const [visualRange, setVisualRange] = (0, import_react87.useState)();
+  const [selectedPieces, setSelectedPieces] = (0, import_react88.useState)([]);
+  const [visualRange, setVisualRange] = (0, import_react88.useState)();
   const piecesKey = JSON.stringify(visualMap?.pieces ?? []);
-  (0, import_react87.useEffect)(() => setSelectedPieces([]), [piecesKey]);
+  (0, import_react88.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]);
@@ -20938,8 +21031,8 @@ var ScatterChart = (0, import_react87.forwardRef)(function ScatterChart2({ symbo
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ChartDataZoom, { value: zoomValue, onChange: setZoomValue })
   ] }) : content;
 });
-var CandlestickChart = (0, import_react87.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_react87.useState)(initialData), [internalActive, setInternalActive] = (0, import_react87.useState)(null), [internalVisible, setInternalVisible] = (0, import_react87.useState)(true);
+var CandlestickChart = (0, import_react88.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_react88.useState)(initialData), [internalActive, setInternalActive] = (0, import_react88.useState)(null), [internalVisible, setInternalVisible] = (0, import_react88.useState)(true);
   const active = activeIndex === void 0 ? internalActive : activeIndex;
   const seriesVisible = controlledVisible ?? internalVisible;
   const setActive = (index) => {
@@ -20950,7 +21043,7 @@ var CandlestickChart = (0, import_react87.forwardRef)(function CandlestickChart2
     if (controlledVisible === void 0) setInternalVisible(visible);
     onSeriesVisibilityChange?.(visible);
   };
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     setData(initialData);
   }, [initialData]);
   const legacy = appearance === "macarons";
@@ -21041,20 +21134,20 @@ var CandlestickChart = (0, import_react87.forwardRef)(function CandlestickChart2
   ] }) : content;
 });
 var EMPTY_PIE_DATA = [];
-var PieChart = (0, import_react87.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_react87.useId)().replace(/:/g, "");
-  const [pieIslands, setPieIslands] = (0, import_react87.useState)([]);
-  const sourceRings = (0, import_react87.useMemo)(() => series?.length ? series : [{ data, innerRadius, outerRadius, rose, showLabels }], [series, data, innerRadius, outerRadius, rose, showLabels]);
-  const [editableRings, setEditableRings] = (0, import_react87.useState)(sourceRings);
-  const valueDrag = (0, import_react87.useRef)(null);
-  const [valueOffset, setValueOffset] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => setEditableRings(sourceRings), [sourceRings]);
+var PieChart = (0, import_react88.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_react88.useId)().replace(/:/g, "");
+  const [pieIslands, setPieIslands] = (0, import_react88.useState)([]);
+  const sourceRings = (0, import_react88.useMemo)(() => series?.length ? series : [{ data, innerRadius, outerRadius, rose, showLabels }], [series, data, innerRadius, outerRadius, rose, showLabels]);
+  const [editableRings, setEditableRings] = (0, import_react88.useState)(sourceRings);
+  const valueDrag = (0, import_react88.useRef)(null);
+  const [valueOffset, setValueOffset] = (0, import_react88.useState)();
+  (0, import_react88.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_react87.useState)();
-  const [internalSelected, setInternalSelected] = (0, import_react87.useState)(() => [...defaultSelected ?? allData.filter((item) => item.selected).map((item) => item.name)]);
+  const [hovered, setHovered] = (0, import_react88.useState)();
+  const [internalSelected, setInternalSelected] = (0, import_react88.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))];
@@ -21274,15 +21367,15 @@ var PieChart = (0, import_react87.forwardRef)(function PieChart2({ pulseRing, ca
 });
 var EMPTY_RADAR_INDICATORS = [];
 var EMPTY_RADAR_SERIES = [];
-var RadarChart = (0, import_react87.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_react88.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_react87.useMemo)(() => radars?.length ? radars : [{ indicators, series, levels }], [radars, indicators, series, levels]);
-  const [sourcePanels, setSourcePanels] = (0, import_react87.useState)(initialPanels);
-  const [hoveredRadar, setHoveredRadar] = (0, import_react87.useState)(null);
-  const radarPaintId = `sia-radar-${(0, import_react87.useId)().replaceAll(":", "")}`;
-  const radarDrag = (0, import_react87.useRef)(null);
-  const [radarOffset, setRadarOffset] = (0, import_react87.useState)(null);
-  (0, import_react87.useEffect)(() => {
+  const initialPanels = (0, import_react88.useMemo)(() => radars?.length ? radars : [{ indicators, series, levels }], [radars, indicators, series, levels]);
+  const [sourcePanels, setSourcePanels] = (0, import_react88.useState)(initialPanels);
+  const [hoveredRadar, setHoveredRadar] = (0, import_react88.useState)(null);
+  const radarPaintId = `sia-radar-${(0, import_react88.useId)().replaceAll(":", "")}`;
+  const radarDrag = (0, import_react88.useRef)(null);
+  const [radarOffset, setRadarOffset] = (0, import_react88.useState)(null);
+  (0, import_react88.useEffect)(() => {
     setSourcePanels(initialPanels);
     radarDrag.current = null;
     setRadarOffset(null);
@@ -21436,7 +21529,7 @@ var RadarChart = (0, import_react87.forwardRef)(function RadarChart2({ indicator
     })
   ] });
 });
-var ChordChart = (0, import_react87.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_react88.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_runtime86.jsx)(
     GraphChart,
@@ -21509,11 +21602,11 @@ var ChordChart = (0, import_react87.forwardRef)(function ChordChart2({ nodes, li
     })
   ] });
 });
-var GraphChart = (0, import_react87.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_react88.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_react87.useState)(0);
+  const [roamReset, setRoamReset] = (0, import_react88.useState)(0);
   const chartToolbox = typeof resolvedToolbox === "object" ? {
     ...resolvedToolbox,
     onRestore: () => {
@@ -21522,23 +21615,23 @@ var GraphChart = (0, import_react87.forwardRef)(function GraphChart2({ nodes, li
       resolvedToolbox.onRestore?.();
     }
   } : resolvedToolbox;
-  const activeNodes = (0, import_react87.useMemo)(() => nodes.filter((node) => !node.category || legend.selected[node.category] !== false), [legend.selected, nodes]);
-  const activeLinks = (0, import_react87.useMemo)(() => {
+  const activeNodes = (0, import_react88.useMemo)(() => nodes.filter((node) => !node.category || legend.selected[node.category] !== false), [legend.selected, nodes]);
+  const activeLinks = (0, import_react88.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_react87.useMemo)(() => graphLayout(activeNodes, activeLinks, layout === "force" && !progressive, forceOptions), [activeLinks, activeNodes, layout, forceOptions, progressive]);
-  const [positions, setPositions] = (0, import_react87.useState)(calculatedPositions);
-  const [dragging, setDragging] = (0, import_react87.useState)(null);
-  const heldNode = (0, import_react87.useRef)(null);
-  const [forceRestart, setForceRestart] = (0, import_react87.useState)(0);
-  (0, import_react87.useEffect)(() => {
+  const calculatedPositions = (0, import_react88.useMemo)(() => graphLayout(activeNodes, activeLinks, layout === "force" && !progressive, forceOptions), [activeLinks, activeNodes, layout, forceOptions, progressive]);
+  const [positions, setPositions] = (0, import_react88.useState)(calculatedPositions);
+  const [dragging, setDragging] = (0, import_react88.useState)(null);
+  const heldNode = (0, import_react88.useRef)(null);
+  const [forceRestart, setForceRestart] = (0, import_react88.useState)(0);
+  (0, import_react88.useEffect)(() => {
     setPositions(calculatedPositions);
     setDragging(null);
     heldNode.current = null;
   }, [calculatedPositions, roamReset]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.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) => {
@@ -21656,7 +21749,7 @@ var GraphChart = (0, import_react87.forwardRef)(function GraphChart2({ nodes, li
     ] })
   ] });
 });
-var ForceGraphChart = (0, import_react87.forwardRef)(function ForceGraphChart2(props, ref) {
+var ForceGraphChart = (0, import_react88.forwardRef)(function ForceGraphChart2(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(GraphChart, { ...props, layout: "force", ref });
 });
 var ForceChart = ForceGraphChart;
@@ -21685,12 +21778,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_react87.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_react87.useState)(() => [...defaultSelected ?? data.filter((item) => item.selected).map((item) => item.name)]);
+var MapChart = (0, import_react88.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_react88.useState)(() => [...defaultSelected ?? data.filter((item) => item.selected).map((item) => item.name)]);
   const selectedNames = selected ?? internalSelected;
-  const [hoveredRegion, setHoveredRegion] = (0, import_react87.useState)();
-  const [hoveredMarkPoint, setHoveredMarkPoint] = (0, import_react87.useState)();
-  const [internalHoveredValueRange, setHoveredValueRange] = (0, import_react87.useState)();
+  const [hoveredRegion, setHoveredRegion] = (0, import_react88.useState)();
+  const [hoveredMarkPoint, setHoveredMarkPoint] = (0, import_react88.useState)();
+  const [internalHoveredValueRange, setHoveredValueRange] = (0, import_react88.useState)();
   const hoveredValueRange = emphasisValueRange ?? internalHoveredValueRange;
   const roamControl = useMapRoam(roam, scaleLimit, wheelZoomFactors);
   const { view } = roamControl;
@@ -21705,8 +21798,8 @@ var MapChart = (0, import_react87.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_react87.useState)(() => [...defaultVisualRange ?? [minimum, maximum]]);
-  (0, import_react87.useEffect)(() => {
+  const [internalVisualRange, setInternalVisualRange] = (0, import_react88.useState)(() => [...defaultVisualRange ?? [minimum, maximum]]);
+  (0, import_react88.useEffect)(() => {
     if (!visualRange && !defaultVisualRange) setInternalVisualRange([minimum, maximum]);
   }, [defaultVisualRange, maximum, minimum, visualRange]);
   const currentVisualRange = visualRange ?? internalVisualRange;
@@ -21882,7 +21975,7 @@ var MapChart = (0, import_react87.forwardRef)(function MapChart2({ overlayProjec
     roamController ? /* @__PURE__ */ (0, import_jsx_runtime86.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_react87.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_react88.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_runtime86.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) => {
@@ -21965,12 +22058,12 @@ var GaugeChart = (0, import_react87.forwardRef)(function GaugeChart2({ tooltipFo
     ] }, `${item.name}-${index}`);
   }) });
 });
-var FunnelChart = (0, import_react87.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_react88.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_react87.useState)(null);
-  const initialFunnels = (0, import_react87.useMemo)(() => series?.length ? series : [{ data, sort, gap, align, orientation }], [series, data, sort, gap, align, orientation]);
-  const [sourceFunnels, setSourceFunnels] = (0, import_react87.useState)(initialFunnels);
-  (0, import_react87.useEffect)(() => setSourceFunnels(initialFunnels), [initialFunnels]);
+  const [activeFunnel, setActiveFunnel] = (0, import_react88.useState)(null);
+  const initialFunnels = (0, import_react88.useMemo)(() => series?.length ? series : [{ data, sort, gap, align, orientation }], [series, data, sort, gap, align, orientation]);
+  const [sourceFunnels, setSourceFunnels] = (0, import_react88.useState)(initialFunnels);
+  (0, import_react88.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);
@@ -22061,7 +22154,7 @@ var FunnelChart = (0, import_react87.forwardRef)(function FunnelChart2({ data =
     })
   ] });
 });
-var HeatmapChart = (0, import_react87.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_react88.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;
@@ -22070,7 +22163,7 @@ var HeatmapChart = (0, import_react87.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_react87.useId)().replaceAll(":", "")}`;
+  const filterId = `sia-heat-${(0, import_react88.useId)().replaceAll(":", "")}`;
   if (raster) return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(SiaChart, { ...props, ref, empty: !points.length, ariaLabel: props.ariaLabel ?? "\u50CF\u7D20\u70ED\u529B\u56FE", children: [
     raster.backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("image", { href: raster.backgroundImage, x: 0, y: 0, width: raster.width, height: raster.height, preserveAspectRatio: "none", pointerEvents: "none" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(HeatmapRaster, { width: raster.width, height: raster.height, points, options: raster })
@@ -22106,7 +22199,7 @@ var HeatmapChart = (0, import_react87.forwardRef)(function HeatmapChart2({ raste
     ] })
   ] });
 });
-var ThemeRiverChart = (0, import_react87.forwardRef)(function ThemeRiverChart2({ categories, series, legendInteractive = true, legendSelected, onLegendSelectionChange, onDataClick, palette, ...props }, ref) {
+var ThemeRiverChart = (0, import_react88.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));
@@ -22144,8 +22237,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_react87.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_react87.useState)(0);
+var EventRiverChart = (0, import_react88.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_react88.useState)(0);
   const area = plot;
   palette = palette ?? (appearance === "macarons" ? ["#2ec7c9", "#b6a2de"] : void 0);
   const legend = useLegendSelection(series.map((item) => item.name), legendSelected, onLegendSelectionChange);
@@ -22218,9 +22311,9 @@ function vennDistance(radiusA, radiusB, overlap) {
   }
   return (low + high) / 2;
 }
-var VennChart = (0, import_react87.forwardRef)(function VennChart2({ sets: initialSets, intersection: initialIntersection, appearance = "sia", emphasisColor, emphasisBorderColor, emphasisBorderWidth, onDataClick, palette, toolbox, ...props }, ref) {
-  const [sets, setSets] = (0, import_react87.useState)(initialSets), [intersection, setIntersection] = (0, import_react87.useState)(initialIntersection), [active, setActive] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => {
+var VennChart = (0, import_react88.forwardRef)(function VennChart2({ sets: initialSets, intersection: initialIntersection, appearance = "sia", emphasisColor, emphasisBorderColor, emphasisBorderWidth, onDataClick, palette, toolbox, ...props }, ref) {
+  const [sets, setSets] = (0, import_react88.useState)(initialSets), [intersection, setIntersection] = (0, import_react88.useState)(initialIntersection), [active, setActive] = (0, import_react88.useState)();
+  (0, import_react88.useEffect)(() => {
     setSets(initialSets);
     setIntersection(initialIntersection);
   }, [initialSets, initialIntersection]);
@@ -22283,17 +22376,17 @@ function layoutTreemap(nodes, x, y, width, height, gap, maxDepth, depth = 0, see
   });
   return result;
 }
-var TreemapChart = (0, import_react87.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_react87.useState)([]);
-  const [sourceData, setSourceData] = (0, import_react87.useState)(data);
-  const [active, setActive] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => {
+var TreemapChart = (0, import_react88.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_react88.useState)([]);
+  const [sourceData, setSourceData] = (0, import_react88.useState)(data);
+  const [active, setActive] = (0, import_react88.useState)();
+  (0, import_react88.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_react87.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_react88.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_runtime86.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));
@@ -22361,15 +22454,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_react87.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_react87.useState)(data);
-  const [roamReset, setRoamReset] = (0, import_react87.useState)(0);
-  const [active, setActive] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => {
+var TreeChart = (0, import_react88.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_react88.useState)(data);
+  const [roamReset, setRoamReset] = (0, import_react88.useState)(0);
+  const [active, setActive] = (0, import_react88.useState)();
+  (0, import_react88.useEffect)(() => {
     setSourceData(data);
     setActive(void 0);
   }, [data]);
-  const [collapsed, setCollapsed] = (0, import_react87.useState)(() => {
+  const [collapsed, setCollapsed] = (0, import_react88.useState)(() => {
     const result = /* @__PURE__ */ new Set();
     const visit = (node) => {
       if (node.collapsed) result.add(node.name);
@@ -22378,8 +22471,8 @@ var TreeChart = (0, import_react87.forwardRef)(function TreeChart2({ data, itemS
     visit(data);
     return result;
   });
-  const layout = (0, import_react87.useMemo)(() => flattenTree2(sourceData, collapsed), [collapsed, sourceData]);
-  const fixedLayout = (0, import_react87.useMemo)(() => {
+  const layout = (0, import_react88.useMemo)(() => flattenTree2(sourceData, collapsed), [collapsed, sourceData]);
+  const fixedLayout = (0, import_react88.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]);
@@ -22449,15 +22542,15 @@ var TreeChart = (0, import_react87.forwardRef)(function TreeChart2({ data, itemS
     })
   ] }) });
 });
-var WordCloudChart = (0, import_react87.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_react87.useMemo)(() => {
+var WordCloudChart = (0, import_react88.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_react88.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_react87.useEffect)(() => {
+  (0, import_react88.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]);
@@ -22466,30 +22559,30 @@ var WordCloudChart = (0, import_react87.forwardRef)(function WordCloudChart2({ d
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ChartMark, { label: `${placement.item.name}\uFF0C${placement.item.value}`, tooltip: /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.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_react87.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_react87.useId)().replaceAll(":", "")}`;
-  const [editableSeries, setEditableSeries] = (0, import_react87.useState)(sourceSeries);
-  const [geometry, setGeometry] = (0, import_react87.useState)();
-  const [pointerIndex, setPointerIndex] = (0, import_react87.useState)(null);
-  const [pointerAxisIndex, setPointerAxisIndex] = (0, import_react87.useState)(0);
-  const [motionRevision, setMotionRevision] = (0, import_react87.useState)(0);
-  const [stackMode, setStackMode] = (0, import_react87.useState)();
-  const lastPublished = (0, import_react87.useRef)(null);
+var MixedChart = (0, import_react88.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_react88.useId)().replaceAll(":", "")}`;
+  const [editableSeries, setEditableSeries] = (0, import_react88.useState)(sourceSeries);
+  const [geometry, setGeometry] = (0, import_react88.useState)();
+  const [pointerIndex, setPointerIndex] = (0, import_react88.useState)(null);
+  const [pointerAxisIndex, setPointerAxisIndex] = (0, import_react88.useState)(0);
+  const [motionRevision, setMotionRevision] = (0, import_react88.useState)(0);
+  const [stackMode, setStackMode] = (0, import_react88.useState)();
+  const lastPublished = (0, import_react88.useRef)(null);
   const publishData = (next) => {
     lastPublished.current = next;
     onDataChange?.(next);
   };
-  const [islands, setIslands] = (0, import_react87.useState)([]);
-  const drag = (0, import_react87.useRef)(null);
-  const [dragOffset, setDragOffset] = (0, import_react87.useState)();
-  (0, import_react87.useEffect)(() => {
+  const [islands, setIslands] = (0, import_react88.useState)([]);
+  const drag = (0, import_react88.useRef)(null);
+  const [dragOffset, setDragOffset] = (0, import_react88.useState)();
+  (0, import_react88.useEffect)(() => {
     if (sourceSeries === lastPublished.current) return;
     setEditableSeries(sourceSeries);
     setIslands([]);
     drag.current = null;
     setDragOffset(void 0);
   }, [sourceSeries]);
-  const series = (0, import_react87.useMemo)(() => editableSeries.map((item) => geometry ? { ...item, type: geometry } : item), [editableSeries, geometry]);
+  const series = (0, import_react88.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);
@@ -22653,7 +22746,7 @@ var MixedChart = (0, import_react87.forwardRef)(function MixedChart2({ axisPoint
       })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CartesianAxes, { categories, domain, band: categoryGap }),
     activeIndex != null && activeIndex >= 0 && activeIndex < categories.length ? /* @__PURE__ */ (0, import_jsx_runtime86.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_react88.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_runtime86.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_react89.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_runtime86.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_runtime86.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_runtime86.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_runtime86.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("clipPath", { id: plotClipId, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { x: PLOT2.x, y: PLOT2.y, width: PLOT2.width, height: PLOT2.height }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("g", { "data-mixed-plot": "", clipPath: clipPlot ? `url(#${plotClipId})` : void 0, children: renderSeries.map((item) => {
@@ -22692,7 +22785,7 @@ var MixedChart = (0, import_react87.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_runtime86.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_react88.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_runtime86.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_runtime86.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_react89.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_runtime86.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_runtime86.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}`);
           })
@@ -22721,7 +22814,7 @@ var MixedChart = (0, import_react87.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_react88.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_runtime86.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_react89.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_runtime86.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_runtime86.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 }));
           })
@@ -22762,9 +22855,9 @@ var KLineChart = CandlestickChart;
 
 // src/components/LineShareChart.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var LineShareChart = (0, import_react89.forwardRef)(function LineShareChart2({ data, lineColor = "#2ec7c9", shareColor = "#b6a2de", ...props }, ref) {
-  const [selected, setSelected] = (0, import_react89.useState)(null);
-  const [maskHovered, setMaskHovered] = (0, import_react89.useState)(false);
+var LineShareChart = (0, import_react90.forwardRef)(function LineShareChart2({ data, lineColor = "#2ec7c9", shareColor = "#b6a2de", ...props }, ref) {
+  const [selected, setSelected] = (0, import_react90.useState)(null);
+  const [maskHovered, setMaskHovered] = (0, import_react90.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);
@@ -22842,16 +22935,16 @@ function paddedValueExtent(values, padding = 0.05) {
 }
 
 // src/components/XYChart.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
-var XYChart = (0, import_react90.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_react90.useState)(source);
-  const [hidden, setHidden] = (0, import_react90.useState)([]);
-  const [crosshair, setCrosshair] = (0, import_react90.useState)();
-  const [drag, setDrag] = (0, import_react90.useState)();
-  const [geometry, setGeometry] = (0, import_react90.useState)();
-  const [zoom, setZoom] = (0, import_react90.useState)(defaultZoom);
-  (0, import_react90.useEffect)(() => setSeries(source), [source]);
+var XYChart = (0, import_react91.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_react91.useState)(source);
+  const [hidden, setHidden] = (0, import_react91.useState)([]);
+  const [crosshair, setCrosshair] = (0, import_react91.useState)();
+  const [drag, setDrag] = (0, import_react91.useState)();
+  const [geometry, setGeometry] = (0, import_react91.useState)();
+  const [zoom, setZoom] = (0, import_react91.useState)(defaultZoom);
+  (0, import_react91.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;
@@ -22980,7 +23073,7 @@ var XYChart = (0, import_react90.forwardRef)(function XYChart2({ series: source,
 });
 
 // src/components/ChartMapOverlay.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/components/mapOverlayHost.ts
 function observeMapOverlayHost(host, onChange) {
@@ -23019,11 +23112,11 @@ function observeMapOverlayHost(host, onChange) {
 // src/components/ChartMapOverlay.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function ChartMapOverlay({ createHost, children, className, style, ariaLabel = "\u5730\u56FE\u53E0\u52A0\u56FE\u8868", onError }) {
-  const container = (0, import_react91.useRef)(null);
-  const errorHandler = (0, import_react91.useRef)(onError);
+  const container = (0, import_react92.useRef)(null);
+  const errorHandler = (0, import_react92.useRef)(onError);
   errorHandler.current = onError;
-  const [snapshot, setSnapshot] = (0, import_react91.useState)();
-  (0, import_react91.useEffect)(() => {
+  const [snapshot, setSnapshot] = (0, import_react92.useState)();
+  (0, import_react92.useEffect)(() => {
     setSnapshot(void 0);
     if (!container.current) return;
     try {
@@ -23100,9 +23193,9 @@ function createBaiduMapHost(element, sdk, options) {
 }
 
 // src/components/InputSelect.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var InputSelect = (0, import_react92.forwardRef)(function InputSelect2({
+var InputSelect = (0, import_react93.forwardRef)(function InputSelect2({
   options,
   value,
   defaultValue,
@@ -23128,22 +23221,22 @@ var InputSelect = (0, import_react92.forwardRef)(function InputSelect2({
   ...inputProps
 }, forwardedRef) {
   const size = useControlSize(sizeProp);
-  const [internal, setInternal] = (0, import_react92.useState)(defaultValue);
+  const [internal, setInternal] = (0, import_react93.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_react92.useState)(text);
-  (0, import_react92.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react93.useState)(text);
+  (0, import_react93.useEffect)(() => {
     setDraft(text);
   }, [text, current]);
-  const [open, setOpen] = (0, import_react92.useState)(false);
-  const [search, setSearch] = (0, import_react92.useState)("");
-  const [modalOpen, setModalOpen] = (0, import_react92.useState)(false);
-  const [modalValues, setModalValues] = (0, import_react92.useState)([]);
-  const [selectedOnly, setSelectedOnly] = (0, import_react92.useState)(false);
-  const rootRef = (0, import_react92.useRef)(null);
-  const popupRef = (0, import_react92.useRef)(null);
-  const inputRef = (0, import_react92.useRef)(null);
+  const [open, setOpen] = (0, import_react93.useState)(false);
+  const [search, setSearch] = (0, import_react93.useState)("");
+  const [modalOpen, setModalOpen] = (0, import_react93.useState)(false);
+  const [modalValues, setModalValues] = (0, import_react93.useState)([]);
+  const [selectedOnly, setSelectedOnly] = (0, import_react93.useState)(false);
+  const rootRef = (0, import_react93.useRef)(null);
+  const popupRef = (0, import_react93.useRef)(null);
+  const inputRef = (0, import_react93.useRef)(null);
   const config = typeof enableModal === "object" ? enableModal : {};
   function changeOpen(next) {
     if (next && (disabled || loading)) return;
@@ -23163,7 +23256,7 @@ var InputSelect = (0, import_react92.forwardRef)(function InputSelect2({
       inputRef.current?.focus();
     }
   }
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (!open) return;
     const outside = (event) => {
       if (!rootRef.current?.contains(event.target) && !popupRef.current?.contains(event.target)) changeOpen(false);
@@ -23171,7 +23264,7 @@ var InputSelect = (0, import_react92.forwardRef)(function InputSelect2({
     document.addEventListener("pointerdown", outside);
     return () => document.removeEventListener("pointerdown", outside);
   }, [open, onOpenChange]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (disabled || loading) {
       changeOpen(false);
       setModalOpen(false);
@@ -23304,7 +23397,7 @@ var InputSelect = (0, import_react92.forwardRef)(function InputSelect2({
 });
 
 // src/components/QueryForm.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 function QueryForm({
   fields,
@@ -23338,31 +23431,31 @@ function QueryForm({
   ...formProps
 }) {
   const [form] = useForm(providedForm);
-  const [internalCollapsed, setInternalCollapsed] = (0, import_react93.useState)(defaultCollapsed);
-  const [needsCollapse, setNeedsCollapse] = (0, import_react93.useState)(false);
+  const [internalCollapsed, setInternalCollapsed] = (0, import_react94.useState)(defaultCollapsed);
+  const [needsCollapse, setNeedsCollapse] = (0, import_react94.useState)(false);
   const collapsed = collapsible && needsCollapse && (controlledCollapsed ?? internalCollapsed);
-  const [searching, setSearching] = (0, import_react93.useState)(false);
-  const [saving, setSaving] = (0, import_react93.useState)(false);
-  const [removing, setRemoving] = (0, import_react93.useState)(false);
-  const [saveOpen, setSaveOpen] = (0, import_react93.useState)(false);
-  const [saveName, setSaveName] = (0, import_react93.useState)("");
-  const [saveError, setSaveError] = (0, import_react93.useState)("");
-  const [error, setError] = (0, import_react93.useState)("");
-  const [activeShortcut, setActiveShortcut] = (0, import_react93.useState)("");
-  const source = (0, import_react93.useRef)({ source: "submit" });
-  const searchLock = (0, import_react93.useRef)(false);
-  const saveLock = (0, import_react93.useRef)(false);
-  const removeLock = (0, import_react93.useRef)(false);
-  const snapshot = (0, import_react93.useRef)();
+  const [searching, setSearching] = (0, import_react94.useState)(false);
+  const [saving, setSaving] = (0, import_react94.useState)(false);
+  const [removing, setRemoving] = (0, import_react94.useState)(false);
+  const [saveOpen, setSaveOpen] = (0, import_react94.useState)(false);
+  const [saveName, setSaveName] = (0, import_react94.useState)("");
+  const [saveError, setSaveError] = (0, import_react94.useState)("");
+  const [error, setError] = (0, import_react94.useState)("");
+  const [activeShortcut, setActiveShortcut] = (0, import_react94.useState)("");
+  const source = (0, import_react94.useRef)({ source: "submit" });
+  const searchLock = (0, import_react94.useRef)(false);
+  const saveLock = (0, import_react94.useRef)(false);
+  const removeLock = (0, import_react94.useRef)(false);
+  const snapshot = (0, import_react94.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_runtime91.jsx)(Form.Item, { noStyle: true, ...item }) })) : import_react93.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_runtime91.jsx)(Form.Item, { noStyle: true, ...item }) })) : import_react94.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_react93.useRef)(null);
-  const actionsRef = (0, import_react93.useRef)(null);
-  const toggleRef = (0, import_react93.useRef)(null);
-  const [fittingCount, setFittingCount] = (0, import_react93.useState)(limit);
-  (0, import_react93.useLayoutEffect)(() => {
+  const rowRef = (0, import_react94.useRef)(null);
+  const actionsRef = (0, import_react94.useRef)(null);
+  const toggleRef = (0, import_react94.useRef)(null);
+  const [fittingCount, setFittingCount] = (0, import_react94.useState)(limit);
+  (0, import_react94.useLayoutEffect)(() => {
     const row = rowRef.current;
     const actions = actionsRef.current;
     if (!row || !actions) return;