@sia.soul/sia-react-ui 0.1.18 → 0.1.21

package/dist/index.js

@@ -79,7 +79,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-JX53ZBIW.js";
+} from "./chunk-7RNS52YG.js";
 import {
   TextArea
 } from "./chunk-YT6E3X2K.js";
@@ -89,12 +89,12 @@ import {
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-I3EF5SF2.js";
+} from "./chunk-RWGSZW32.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-UCQZZ2YC.js";
+} from "./chunk-VN6PIPP7.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -109,7 +109,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-LPRFOSRZ.js";
+} from "./chunk-3TRRBMXY.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -120,7 +120,7 @@ import {
   PopupPortal,
   Segmented,
   Steps
-} from "./chunk-SUMXP2SF.js";
+} from "./chunk-KLI65JVD.js";
 import {
   Button
 } from "./chunk-TZGUBGA4.js";
@@ -183,6 +183,7 @@ var DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100, 200, 500, 1e3, 2e3, 5e3];
 function Pagination({
   size: sizeProp,
   total = 0,
+  currentPageCount,
   current,
   defaultCurrent = 1,
   pageSize,
@@ -209,6 +210,7 @@ function Pagination({
   const loading = refreshing ?? internalRefreshing;
   const sizes = [...new Set([...pageSizeOptions, size].filter((value) => value > 0))].sort((a, b) => a - b);
   const range = safeTotal ? [(safePage - 1) * size + 1, Math.min(safeTotal, safePage * size)] : [0, 0];
+  const pageCount = Math.max(0, currentPageCount ?? (safeTotal ? range[1] - range[0] + 1 : 0));
   if (hideOnSinglePage && totalPages <= 1) return null;
   function change(nextPage, nextSize = size) {
     const nextTotalPages = Math.max(1, Math.ceil(safeTotal / nextSize));
@@ -232,6 +234,11 @@ function Pagination({
     }
   }
   return /* @__PURE__ */ jsxs2("nav", { className: `sia-pagination sia-pagination--${controlSize} ${className}`.trim(), "aria-label": "\u5206\u9875", ...props, children: [
+    /* @__PURE__ */ jsxs2("span", { className: "sia-pagination__current-count", "aria-live": "polite", children: [
+      "\u5F53\u524D\u9875 ",
+      pageCount,
+      " \u6761"
+    ] }),
     showSizeChanger ? /* @__PURE__ */ jsxs2("div", { className: "sia-pagination__size", children: [
       /* @__PURE__ */ jsx2("span", { children: "\u6BCF\u9875\u663E\u793A" }),
       /* @__PURE__ */ jsx2(
@@ -561,7 +568,10 @@ function SpaceRoot({
     split !== void 0 && index < items.length - 1 ? /* @__PURE__ */ jsx4("span", { className: "sia-space__split", children: split }) : null
   ] }, index)) });
 }
-var Space = Object.assign(SpaceRoot, { Compact: SpaceCompact });
+var Space = Object.assign(SpaceRoot, {
+  /** 紧凑布局容器，将相邻控件组合为连续的按钮或输入组。 */
+  Compact: SpaceCompact
+});
 function Divider({
   orientation = "horizontal",
   variant = "solid",
@@ -834,7 +844,10 @@ function SplitterRoot({
     )];
   }) });
 }
-var Splitter = Object.assign(SplitterRoot, { Panel: SplitterPanel });
+var Splitter = Object.assign(SplitterRoot, {
+  /** Splitter 中的可调整大小面板。 */
+  Panel: SplitterPanel
+});
 
 // src/components/ToolPanel.tsx
 import { useId, useLayoutEffect, useRef as useRef3, useState as useState5 } from "react";
@@ -1384,7 +1397,9 @@ function openDrawer(config) {
   return handle;
 }
 var Drawer2 = Object.assign(DrawerRoot, {
+  /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
   open: openDrawer,
+  /** 关闭由此 API 打开的所有弹层。 */
   destroyAll() {
     [...drawerHandles].forEach((handle) => handle.destroy());
   }
@@ -1788,9 +1803,13 @@ function FormErrorList({ errors = [] }) {
   return errors.length ? /* @__PURE__ */ jsx9("div", { className: "sia-form-error-list", children: errors.map((error, index) => /* @__PURE__ */ jsx9("div", { children: error }, index)) }) : null;
 }
 var Form = Object.assign(FormRoot, {
+  /** 表单字段，负责字段值绑定、校验和标签布局。 */
   Item: FormItem,
+  /** 动态表单列表，提供字段索引以及新增、删除、移动操作。 */
   List: FormList,
+  /** 显示表单错误文本集合。 */
   ErrorList: FormErrorList,
+  /** 创建或复用表单实例，返回单元素元组 [form]。 */
   useForm
 });
 
@@ -1869,7 +1888,12 @@ function RadioGroup({
     children
   ] }) }) });
 }
-var Radio2 = Object.assign(RadioRoot, { Button: RadioButton, Group: RadioGroup });
+var Radio2 = Object.assign(RadioRoot, {
+  /** 组合主操作按钮与下拉菜单的按钮组件。 */
+  Button: RadioButton,
+  /** 组合多个子项并统一管理布局或选择状态。 */
+  Group: RadioGroup
+});
 
 // src/components/Slider.tsx
 import { useState as useState7 } from "react";
@@ -4052,9 +4076,135 @@ var InputNumber = forwardRef4(function InputNumber2({
   ] });
 });
 
+// src/components/SelectModal.tsx
+import { useState as useState14 } from "react";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+function SelectModalBody({ config, values, disabled, onChange }) {
+  const [query, setQuery] = useState14("");
+  const [selectedOnly, setSelectedOnly] = useState14(false);
+  const multiple = config.mode === "multiple";
+  const search = query.trim();
+  const filtered = config.options.filter((option) => !search || (config.filterOption ? config.filterOption(search, option) : [option.label, option.value].some((text) => String(text ?? "").toLowerCase().includes(search.toLowerCase()))));
+  const enabled = filtered.filter((option) => !option.disabled && (!selectedOnly || values.includes(option.value)));
+  const all = enabled.length > 0 && enabled.every((option) => values.includes(option.value));
+  const batch = (action) => {
+    const next = new Set(values);
+    enabled.forEach((option) => {
+      if (action === "remove" || action === "invert" && next.has(option.value)) next.delete(option.value);
+      else next.add(option.value);
+    });
+    onChange([...next]);
+  };
+  return /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    /* @__PURE__ */ jsxs18("div", { className: "sia-select-modal__heading", children: [
+      /* @__PURE__ */ jsxs18("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
+        /* @__PURE__ */ jsx18(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
+        /* @__PURE__ */ jsxs18(Button, { role: "tab", "aria-selected": selectedOnly, variant: "link", onClick: () => setSelectedOnly(true), children: [
+          "\u5DF2\u9009\u9879(",
+          values.length,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx18(
+        Input,
+        {
+          "aria-label": config.searchPlaceholder ?? "\u641C\u7D22\u9009\u9879",
+          placeholder: config.searchPlaceholder ?? "\u641C\u7D22\u9009\u9879",
+          prefix: /* @__PURE__ */ jsx18(Icon, { name: "search", size: 14 }),
+          value: query,
+          allowClear: true,
+          disabled,
+          onChange: (event) => {
+            setQuery(event.target.value);
+            config.onSearch?.(event.target.value);
+          }
+        }
+      )
+    ] }),
+    multiple ? /* @__PURE__ */ jsxs18("div", { className: "sia-select-modal__actions", children: [
+      /* @__PURE__ */ jsx18(
+        Checkbox,
+        {
+          checked: all,
+          indeterminate: !all && enabled.some((option) => values.includes(option.value)),
+          disabled: disabled || !enabled.length,
+          onChange: (checked) => batch(checked ? "all" : "remove"),
+          children: "\u5168\u9009"
+        }
+      ),
+      /* @__PURE__ */ jsx18(Button, { variant: "link", size: "small", disabled: disabled || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
+      /* @__PURE__ */ jsx18(Button, { variant: "link", size: "small", danger: true, disabled: disabled || !values.length, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
+    ] }) : null,
+    /* @__PURE__ */ jsx18(
+      SelectionPanel,
+      {
+        options: filtered,
+        value: values,
+        onChange,
+        multiple,
+        disabled,
+        selectedOnly,
+        showValue: config.showValue,
+        showSearch: false,
+        showActions: false,
+        includeUnknownValues: false,
+        columns: config.columns ?? 3,
+        maxHeight: config.maxHeight ?? 360
+      }
+    )
+  ] });
+}
+function openSelectModal(config) {
+  let current = config;
+  const normalize = (value) => value == null ? [] : Array.isArray(value) ? [...value] : [value];
+  let values = normalize(config.value);
+  if (config.mode !== "multiple") values = values.slice(0, 1);
+  let submitting = false;
+  function body() {
+    return /* @__PURE__ */ jsx18(SelectModalBody, { config: current, values, disabled: submitting || Boolean(current.confirmLoading), onChange: (next) => {
+      values = next;
+      handle.update({ children: body() });
+    } });
+  }
+  function modalConfig() {
+    const { options, value, mode, showValue, columns, maxHeight, searchPlaceholder, filterOption, onSearch, onConfirm, ...modal } = current;
+    return {
+      ...modal,
+      title: current.title ?? "\u8BF7\u9009\u62E9",
+      width: current.width ?? 900,
+      className: `sia-select-modal ${current.className ?? ""}`,
+      children: body(),
+      onOk: async () => {
+        const selected = values.map((value2) => current.options.find((option) => option.value === value2) ?? { value: value2, label: String(value2) });
+        submitting = true;
+        handle.update({ children: body() });
+        try {
+          return await current.onConfirm?.(
+            current.mode === "multiple" ? [...values] : values[0] ?? null,
+            current.mode === "multiple" ? selected : selected[0] ?? null
+          );
+        } finally {
+          submitting = false;
+          handle.update({ children: body() });
+        }
+      }
+    };
+  }
+  const handle = Modal.open(modalConfig());
+  return {
+    destroy: handle.destroy,
+    update(next) {
+      current = { ...current, ...next };
+      if (Object.prototype.hasOwnProperty.call(next, "value")) values = normalize(next.value);
+      if (current.mode !== "multiple") values = values.slice(0, 1);
+      handle.update(modalConfig());
+    }
+  };
+}
+
 // src/components/Treemap.tsx
-import { useEffect as useEffect10, useMemo as useMemo8, useRef as useRef12, useState as useState14 } from "react";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useMemo as useMemo8, useRef as useRef12, useState as useState15 } from "react";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function positiveValue(value) {
   return Number.isFinite(value) && value > 0 ? value : 1;
 }
@@ -4341,9 +4491,9 @@ function Treemap({
   ...props
 }) {
   const containerRef = useRef12(null);
-  const [size, setSize] = useState14({ width: 0, height: 0 });
-  const [internalExpandedKeys, setInternalExpandedKeys] = useState14(() => [...defaultExpandedKeys]);
-  const [internalFocusedKey, setInternalFocusedKey] = useState14(defaultFocusedKey);
+  const [size, setSize] = useState15({ width: 0, height: 0 });
+  const [internalExpandedKeys, setInternalExpandedKeys] = useState15(() => [...defaultExpandedKeys]);
+  const [internalFocusedKey, setInternalFocusedKey] = useState15(defaultFocusedKey);
   const currentExpandedKeys = expandedKeys ?? internalExpandedKeys;
   const currentFocusedKey = focusedKey === void 0 ? internalFocusedKey : focusedKey;
   const expandedSet = useMemo8(() => new Set(currentExpandedKeys), [currentExpandedKeys]);
@@ -4399,7 +4549,7 @@ function Treemap({
     }
     onNodeClick?.({ node, expanded: isExpanded, nativeEvent });
   }
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       ...props,
@@ -4408,7 +4558,7 @@ function Treemap({
       style,
       role: "tree",
       children: [
-        data.length === 0 ? /* @__PURE__ */ jsx18("div", { className: "sia-treemap__empty", children: emptyContent }) : null,
+        data.length === 0 ? /* @__PURE__ */ jsx19("div", { className: "sia-treemap__empty", children: emptyContent }) : null,
         positions.map(({ node, rectangle, depth, expanded }) => {
           const active = node.key === activeKey || Boolean(node.__active);
           const fontSize = tileFontSize(rectangle);
@@ -4427,7 +4577,7 @@ function Treemap({
           const hasChildren = Boolean(node.hasChildren || node.children?.length);
           const title = `${node.label} \xB7 ${String(valueFormatter(node.value, node))}`;
           if (expanded) {
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx19(
               "div",
               {
                 className: `sia-treemap__tile sia-treemap__tile--directory is-expanded${effectiveFocusedNode?.key === node.key ? " is-focused" : ""}${active ? " is-active" : ""}`,
@@ -4436,8 +4586,8 @@ function Treemap({
                 "aria-expanded": "true",
                 title,
                 "data-treemap-key": node.key,
-                children: /* @__PURE__ */ jsxs18("div", { className: "sia-treemap__header", children: [
-                  /* @__PURE__ */ jsxs18(
+                children: /* @__PURE__ */ jsxs19("div", { className: "sia-treemap__header", children: [
+                  /* @__PURE__ */ jsxs19(
                     "button",
                     {
                       type: "button",
@@ -4445,12 +4595,12 @@ function Treemap({
                       disabled: node.disabled,
                       onClick: (event) => handleNodeClick(node, event),
                       children: [
-                        /* @__PURE__ */ jsx18("span", { className: "sia-treemap__label", children: node.label }),
-                        showValue ? /* @__PURE__ */ jsx18("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
+                        /* @__PURE__ */ jsx19("span", { className: "sia-treemap__label", children: node.label }),
+                        showValue ? /* @__PURE__ */ jsx19("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     "button",
                     {
                       type: "button",
@@ -4458,7 +4608,7 @@ function Treemap({
                       "aria-label": effectiveFocusedNode?.key === node.key ? `\u8FD8\u539F ${node.label}` : `\u805A\u7126\u5C55\u5F00 ${node.label}`,
                       title: effectiveFocusedNode?.key === node.key ? "\u8FD8\u539F\u539F\u6709\u89C6\u56FE" : "\u5C55\u5F00\u5230\u6574\u4E2A\u533A\u57DF",
                       onClick: () => updateFocusedKey(effectiveFocusedNode?.key === node.key ? null : node.key),
-                      children: /* @__PURE__ */ jsx18(Icon, { name: effectiveFocusedNode?.key === node.key ? "fullscreen-exit" : "fullscreen", size: 14 })
+                      children: /* @__PURE__ */ jsx19(Icon, { name: effectiveFocusedNode?.key === node.key ? "fullscreen-exit" : "fullscreen", size: 14 })
                     }
                   )
                 ] })
@@ -4466,7 +4616,7 @@ function Treemap({
               node.key
             );
           }
-          return /* @__PURE__ */ jsx18(
+          return /* @__PURE__ */ jsx19(
             "button",
             {
               type: "button",
@@ -4478,9 +4628,9 @@ function Treemap({
               title,
               "data-treemap-key": node.key,
               onClick: (event) => handleNodeClick(node, event),
-              children: showLabel ? /* @__PURE__ */ jsxs18("span", { className: "sia-treemap__content", children: [
-                /* @__PURE__ */ jsx18("span", { className: "sia-treemap__label", children: node.label }),
-                showValue ? /* @__PURE__ */ jsx18("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
+              children: showLabel ? /* @__PURE__ */ jsxs19("span", { className: "sia-treemap__content", children: [
+                /* @__PURE__ */ jsx19("span", { className: "sia-treemap__label", children: node.label }),
+                showValue ? /* @__PURE__ */ jsx19("span", { className: "sia-treemap__value", children: valueFormatter(node.value, node) }) : null
               ] }) : null
             },
             node.key
@@ -4492,11 +4642,11 @@ function Treemap({
 }
 
 // src/components/Table/TableCellContent.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef13, useState as useState15 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef13, useState as useState16 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function TableCellContent({ children, ellipsis, title }) {
   const ref = useRef13(null);
-  const [overflowing, setOverflowing] = useState15(false);
+  const [overflowing, setOverflowing] = useState16(false);
   const customContent = typeof children !== "string" && typeof children !== "number" && children != null;
   useLayoutEffect2(() => {
     const element = ref.current;
@@ -4526,14 +4676,14 @@ function TableCellContent({ children, ellipsis, title }) {
       layouts.forEach((layout) => layout.removeAttribute("data-table-inline-layout"));
     };
   }, [children, ellipsis, customContent]);
-  return /* @__PURE__ */ jsx19("div", { ref, className: "sia-table__cell-content", title, "data-custom-content": customContent || void 0, "data-content-overflow": ellipsis && customContent && overflowing || void 0, children });
+  return /* @__PURE__ */ jsx20("div", { ref, className: "sia-table__cell-content", "data-custom-content": customContent || void 0, "data-content-overflow": ellipsis && customContent && overflowing || void 0, children: title ? /* @__PURE__ */ jsx20(Tooltip, { title, className: "sia-table__cell-tooltip", children: /* @__PURE__ */ jsx20("span", { children }) }) : children });
 }
 
 // src/components/Table/Table.tsx
-import { Fragment as Fragment7, forwardRef as forwardRef5, memo, useCallback as useCallback2, useEffect as useEffect12, useImperativeHandle, useMemo as useMemo9, useRef as useRef15, useState as useState17 } from "react";
+import { Fragment as Fragment8, forwardRef as forwardRef5, memo, useCallback as useCallback2, useEffect as useEffect12, useImperativeHandle, useMemo as useMemo9, useRef as useRef15, useState as useState18 } from "react";
 
 // src/components/Table/plugins.tsx
-import { isValidElement as isValidElement3, useEffect as useEffect11, useRef as useRef14, useState as useState16 } from "react";
+import { isValidElement as isValidElement3, useEffect as useEffect11, useRef as useRef14, useState as useState17 } from "react";
 
 // src/components/Table/utils.ts
 var AUTO_WIDTH_COLUMN_KEYS = /* @__PURE__ */ new Set(["action", "actions", "operation", "operations"]);
@@ -4586,7 +4736,7 @@ function toTablePageParams(current, pageSize) {
 }
 
 // src/components/Table/plugins.tsx
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function TableCheckbox({
   checked,
   indeterminate,
@@ -4594,7 +4744,7 @@ function TableCheckbox({
   label,
   onChange
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Checkbox,
     {
       className: "sia-table__checkbox",
@@ -5165,20 +5315,20 @@ function TableSelectedItemsPanel({
   onRemove,
   onClear
 }) {
-  const [showAll, setShowAll] = useState16(false);
+  const [showAll, setShowAll] = useState17(false);
   const visibleEntries = showAll ? entries : entries.slice(0, maxCount);
   const hiddenCount = Math.max(0, entries.length - visibleEntries.length);
   const baseColumnMap = new Map(
     flattenTableColumns(baseColumns).map((column) => [column.key, column])
   );
-  return /* @__PURE__ */ jsxs19("div", { className: "sia-table-selection-panel", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "sia-table-selection-panel__header", children: [
-      /* @__PURE__ */ jsxs19("strong", { children: [
+  return /* @__PURE__ */ jsxs20("div", { className: "sia-table-selection-panel", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "sia-table-selection-panel__header", children: [
+      /* @__PURE__ */ jsxs20("strong", { children: [
         "\u5DF2\u9009 ",
-        /* @__PURE__ */ jsx20("span", { children: entries.length }),
+        /* @__PURE__ */ jsx21("span", { children: entries.length }),
         " \u9879"
       ] }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         Button,
         {
           size: "small",
@@ -5189,15 +5339,15 @@ function TableSelectedItemsPanel({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx20("div", { className: "sia-table-selection-panel__body", children: /* @__PURE__ */ jsxs19("table", { children: [
-      /* @__PURE__ */ jsx20("thead", { children: /* @__PURE__ */ jsxs19("tr", { children: [
-        columns.map((column) => /* @__PURE__ */ jsx20("th", { children: getColumnLabel(column) }, column.key)),
-        /* @__PURE__ */ jsx20("th", { "aria-label": "\u64CD\u4F5C" })
+    /* @__PURE__ */ jsx21("div", { className: "sia-table-selection-panel__body", children: /* @__PURE__ */ jsxs20("table", { children: [
+      /* @__PURE__ */ jsx21("thead", { children: /* @__PURE__ */ jsxs20("tr", { children: [
+        columns.map((column) => /* @__PURE__ */ jsx21("th", { children: getColumnLabel(column) }, column.key)),
+        /* @__PURE__ */ jsx21("th", { "aria-label": "\u64CD\u4F5C" })
       ] }) }),
-      /* @__PURE__ */ jsx20("tbody", { children: visibleEntries.map((entry, selectedIndex) => /* @__PURE__ */ jsxs19("tr", { children: [
+      /* @__PURE__ */ jsx21("tbody", { children: visibleEntries.map((entry, selectedIndex) => /* @__PURE__ */ jsxs20("tr", { children: [
         columns.map((column) => {
           if (column.meta?.plugin === "index")
-            return /* @__PURE__ */ jsx20("td", { children: entry.sourceIndex + 1 }, column.key);
+            return /* @__PURE__ */ jsx21("td", { children: entry.sourceIndex + 1 }, column.key);
           const baseColumn = baseColumnMap.get(column.key) ?? column;
           const value = getTableValue(
             entry.record,
@@ -5217,9 +5367,9 @@ function TableSelectedItemsPanel({
             entry.sourceIndex,
             { row, rowIndex: entry.sourceIndex, column: baseColumn }
           ) ?? value;
-          return /* @__PURE__ */ jsx20("td", { children: content }, column.key);
+          return /* @__PURE__ */ jsx21("td", { children: content }, column.key);
         }),
-        /* @__PURE__ */ jsx20("td", { children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21("td", { children: /* @__PURE__ */ jsx21(
           Button,
           {
             size: "small",
@@ -5230,11 +5380,11 @@ function TableSelectedItemsPanel({
         ) })
       ] }, entry.key)) })
     ] }) }),
-    hiddenCount > 0 ? /* @__PURE__ */ jsxs19("div", { className: "sia-table-selection-panel__more", children: [
+    hiddenCount > 0 ? /* @__PURE__ */ jsxs20("div", { className: "sia-table-selection-panel__more", children: [
       "\u8FD8\u6709 ",
       hiddenCount,
       " \u9879\u672A\u5C55\u793A",
-      /* @__PURE__ */ jsx20(Button, { size: "small", variant: "link", onClick: () => setShowAll(true), children: "\u5C55\u793A\u5168\u90E8" })
+      /* @__PURE__ */ jsx21(Button, { size: "small", variant: "link", onClick: () => setShowAll(true), children: "\u5C55\u793A\u5168\u90E8" })
     ] }) : null
   ] });
 }
@@ -5349,7 +5499,7 @@ function createSelectionPlugin(options = {}) {
           const keys = selected(context);
           const allChecked = enabledRows.length > 0 && enabledRows.every((row) => keys.includes(row.key));
           const someChecked = enabledRows.some((row) => keys.includes(row.key));
-          return /* @__PURE__ */ jsx20(
+          return /* @__PURE__ */ jsx21(
             TableCheckbox,
             {
               label: "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C",
@@ -5365,7 +5515,7 @@ function createSelectionPlugin(options = {}) {
             }
           );
         },
-        render: (_value, record, _index, info) => mode === "single" ? /* @__PURE__ */ jsx20(
+        render: (_value, record, _index, info) => mode === "single" ? /* @__PURE__ */ jsx21(
           Radio2,
           {
             className: "sia-table__checkbox",
@@ -5376,7 +5526,7 @@ function createSelectionPlugin(options = {}) {
             onClick: (event) => event.stopPropagation(),
             onChange: () => toggle(info.row.key, record, context)
           }
-        ) : /* @__PURE__ */ jsx20(
+        ) : /* @__PURE__ */ jsx21(
           TableCheckbox,
           {
             label: `\u9009\u62E9\u7B2C ${info.rowIndex + 1} \u884C`,
@@ -5415,8 +5565,8 @@ function createSelectionPlugin(options = {}) {
       const columns = flattenTableColumns(context.columns).filter(
         (column) => !column.hidden && column.meta?.plugin !== "selection"
       ).slice(0, Math.max(1, options.selectionPanelColumnCount ?? 4));
-      return /* @__PURE__ */ jsxs19("span", { className: "sia-table__selection-footer", children: [
-        /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsxs20("span", { className: "sia-table__selection-footer", children: [
+        /* @__PURE__ */ jsx21(
           Popover,
           {
             placement: "top-start",
@@ -5424,7 +5574,7 @@ function createSelectionPlugin(options = {}) {
             open: context.state.panelOpen && entries.length > 0,
             onOpenChange: (panelOpen) => context.setState((state) => ({ ...state, panelOpen })),
             overlayClassName: "sia-table-selection-popover",
-            content: /* @__PURE__ */ jsx20(
+            content: /* @__PURE__ */ jsx21(
               TableSelectedItemsPanel,
               {
                 entries,
@@ -5440,7 +5590,7 @@ function createSelectionPlugin(options = {}) {
                 onClear: () => setKeys([], context)
               }
             ),
-            children: /* @__PURE__ */ jsxs19(
+            children: /* @__PURE__ */ jsxs20(
               Button,
               {
                 className: "sia-table__selected-trigger",
@@ -5456,7 +5606,7 @@ function createSelectionPlugin(options = {}) {
             )
           }
         ),
-        mode === "multiple" && options.showPreserveSelectedRowKeys !== false ? /* @__PURE__ */ jsx20(
+        mode === "multiple" && options.showPreserveSelectedRowKeys !== false ? /* @__PURE__ */ jsx21(
           Checkbox,
           {
             checked: preserving(context),
@@ -5511,9 +5661,9 @@ function createSortPlugin(options = {}) {
           ...column,
           renderHeader: (currentColumn, coreContext) => {
             const info = current(context);
-            return /* @__PURE__ */ jsxs19("span", { className: "sia-table__sortable-header", children: [
-              /* @__PURE__ */ jsx20("span", { children: previousHeader ? previousHeader(currentColumn, coreContext) : currentColumn.title ?? currentColumn.name ?? currentColumn.key }),
-              /* @__PURE__ */ jsxs19(
+            return /* @__PURE__ */ jsxs20("span", { className: "sia-table__sortable-header", children: [
+              /* @__PURE__ */ jsx21("span", { children: previousHeader ? previousHeader(currentColumn, coreContext) : currentColumn.title ?? currentColumn.name ?? currentColumn.key }),
+              /* @__PURE__ */ jsxs20(
                 "button",
                 {
                   type: "button",
@@ -5524,7 +5674,7 @@ function createSortPlugin(options = {}) {
                     cycle(field, context);
                   },
                   children: [
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       Icon,
                       {
                         name: "chevron-up",
@@ -5532,7 +5682,7 @@ function createSortPlugin(options = {}) {
                         className: info?.field === field && info.order === "ascend" ? "is-active" : ""
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       Icon,
                       {
                         name: "chevron-down",
@@ -5574,8 +5724,8 @@ function TableFilterControl({
   placeholder,
   onApply
 }) {
-  const [open, setOpen] = useState16(false);
-  const [draft, setDraft] = useState16(value);
+  const [open, setOpen] = useState17(false);
+  const [draft, setDraft] = useState17(value);
   const label = getColumnLabel(column);
   useEffect11(() => {
     if (open) setDraft(value);
@@ -5584,17 +5734,17 @@ function TableFilterControl({
     onApply(nextValue.trim());
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs19("span", { className: "sia-table__filter-header", children: [
-    /* @__PURE__ */ jsx20("span", { children: column.title ?? column.name ?? column.key }),
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs20("span", { className: "sia-table__filter-header", children: [
+    /* @__PURE__ */ jsx21("span", { children: column.title ?? column.name ?? column.key }),
+    /* @__PURE__ */ jsx21(
       Popover,
       {
         open,
         onOpenChange: setOpen,
         placement: "bottom-end",
         overlayClassName: "sia-table-filter-popover",
-        content: /* @__PURE__ */ jsxs19("div", { className: "sia-table-filter-panel", children: [
-          /* @__PURE__ */ jsx20(
+        content: /* @__PURE__ */ jsxs20("div", { className: "sia-table-filter-panel", children: [
+          /* @__PURE__ */ jsx21(
             Input,
             {
               size: "small",
@@ -5608,8 +5758,8 @@ function TableFilterControl({
               }
             }
           ),
-          /* @__PURE__ */ jsxs19("div", { className: "sia-table-filter-panel__actions", children: [
-            /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs20("div", { className: "sia-table-filter-panel__actions", children: [
+            /* @__PURE__ */ jsx21(
               Button,
               {
                 size: "small",
@@ -5621,7 +5771,7 @@ function TableFilterControl({
                 children: "\u6E05\u9664"
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               Button,
               {
                 size: "small",
@@ -5632,7 +5782,7 @@ function TableFilterControl({
             )
           ] })
         ] }),
-        children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -5640,7 +5790,7 @@ function TableFilterControl({
             "aria-label": `\u7B5B\u9009${label}`,
             "aria-pressed": Boolean(value),
             onClick: (event) => event.stopPropagation(),
-            children: /* @__PURE__ */ jsx20(Icon, { name: "search", size: 13 })
+            children: /* @__PURE__ */ jsx21(Icon, { name: "search", size: 13 })
           }
         )
       }
@@ -5702,7 +5852,7 @@ function createFilterPlugin(options = {}) {
               title: previousHeader ? previousHeader(currentColumn, coreContext) : currentColumn.title
             };
             const placeholder = typeof options.placeholder === "function" ? options.placeholder(currentColumn) : options.placeholder ?? `\u8F93\u5165${getColumnLabel(currentColumn)}\u7B5B\u9009`;
-            return /* @__PURE__ */ jsx20(
+            return /* @__PURE__ */ jsx21(
               TableFilterControl,
               {
                 column: renderedColumn,
@@ -5791,10 +5941,11 @@ function createPaginationPlugin(options = {}) {
       const page = currentPage(context);
       const filteredCount = context.getPluginApi("filter")?.getFilteredRows().length;
       const totalRecords = options.totalCount ?? filteredCount ?? context.sourceData.length;
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx21(
         Pagination,
         {
           className: "sia-table__pagination",
+          currentPageCount: context.rows.length,
           current: page.current,
           pageSize: page.pageSize,
           pageSizeOptions: options.pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS,
@@ -5925,13 +6076,13 @@ function createTreePlugin(options = {}) {
         const previousRender = column.render;
         return {
           ...column,
-          render: (value, record, index, info) => /* @__PURE__ */ jsxs19(
+          render: (value, record, index, info) => /* @__PURE__ */ jsxs20(
             "span",
             {
               className: "sia-table__tree-cell",
               style: { paddingLeft: info.row.depth * 18 },
               children: [
-                info.row.meta.treeHasChildren ? /* @__PURE__ */ jsx20(
+                info.row.meta.treeHasChildren ? /* @__PURE__ */ jsx21(
                   "button",
                   {
                     type: "button",
@@ -5942,7 +6093,7 @@ function createTreePlugin(options = {}) {
                       event.stopPropagation();
                       toggle(info.row.key, context);
                     },
-                    children: /* @__PURE__ */ jsx20(
+                    children: /* @__PURE__ */ jsx21(
                       Icon,
                       {
                         name: current(context).includes(info.row.key) ? "chevron-down" : "chevron-right",
@@ -5950,7 +6101,7 @@ function createTreePlugin(options = {}) {
                       }
                     )
                   }
-                ) : /* @__PURE__ */ jsx20("span", { className: "sia-table__tree-placeholder" }),
+                ) : /* @__PURE__ */ jsx21("span", { className: "sia-table__tree-placeholder" }),
                 previousRender ? previousRender(value, record, index, info) : value
               ]
             }
@@ -6001,8 +6152,8 @@ function EditableTableCell({
   trigger
 }) {
   const config = typeof editable === "object" ? editable : { type: "input" };
-  const [editValue, setEditValue] = useState16(value);
-  const [saving, setSaving] = useState16(false);
+  const [editValue, setEditValue] = useState17(value);
+  const [saving, setSaving] = useState17(false);
   const inputRef = useRef14(null);
   const editorRef = useRef14(null);
   const editValueRef = useRef14(value);
@@ -6058,15 +6209,15 @@ function EditableTableCell({
     );
   }, [active, config.type]);
   if (!active)
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "div",
       {
         className: "sia-table__editable-display",
         onClick: trigger === "click" ? onStart : void 0,
         onDoubleClick: trigger === "doubleClick" ? onStart : void 0,
         children: [
-          /* @__PURE__ */ jsx20("span", { children: content }),
-          /* @__PURE__ */ jsx20(Icon, { name: "edit", size: 13 })
+          /* @__PURE__ */ jsx21("span", { children: content }),
+          /* @__PURE__ */ jsx21(Icon, { name: "edit", size: 13 })
         ]
       }
     );
@@ -6074,7 +6225,7 @@ function EditableTableCell({
   if (config.type === "custom" && config.editRender) {
     editor = config.editRender(record, (next) => void save(next), onCancel);
   } else if (config.type === "inputNumber") {
-    editor = /* @__PURE__ */ jsx20(
+    editor = /* @__PURE__ */ jsx21(
       InputNumber,
       {
         ref: inputRef,
@@ -6095,7 +6246,7 @@ function EditableTableCell({
       }
     );
   } else if (config.type === "select") {
-    editor = /* @__PURE__ */ jsx20(
+    editor = /* @__PURE__ */ jsx21(
       Select,
       {
         size: "small",
@@ -6109,14 +6260,14 @@ function EditableTableCell({
       }
     );
   } else {
-    editor = /* @__PURE__ */ jsx20(
+    editor = /* @__PURE__ */ jsx21(
       Input,
       {
         ref: inputRef,
         size: "small",
         value: String(editValue ?? ""),
         disabled: saving,
-        suffix: saving ? /* @__PURE__ */ jsx20(Icon, { name: "loader", size: 13, spin: true }) : null,
+        suffix: saving ? /* @__PURE__ */ jsx21(Icon, { name: "loader", size: 13, spin: true }) : null,
         onChange: (event) => updateEditValue(event.target.value),
         onBlur: () => void save(),
         onKeyDown: (event) => {
@@ -6126,7 +6277,7 @@ function EditableTableCell({
       }
     );
   }
-  return /* @__PURE__ */ jsx20("div", { ref: editorRef, className: "sia-table__editor", children: editor });
+  return /* @__PURE__ */ jsx21("div", { ref: editorRef, className: "sia-table__editor", children: editor });
 }
 function createEditablePlugin(options = {}) {
   const trigger = options.trigger ?? "click";
@@ -6146,7 +6297,7 @@ function createEditablePlugin(options = {}) {
             const active = canEdit && context.state.editing?.rowKey === info.row.key && context.state.editing.columnKey === column.key;
             const content = previousRender ? previousRender(value, record, index, info) : value;
             if (!canEdit) return content;
-            return /* @__PURE__ */ jsx20(
+            return /* @__PURE__ */ jsx21(
               EditableTableCell,
               {
                 active,
@@ -6209,9 +6360,9 @@ function createResizePlugin(options = {}) {
           ...column,
           autoWidth,
           width,
-          renderHeader: (currentColumn, coreContext) => /* @__PURE__ */ jsxs19("span", { className: "sia-table__resizable-header", children: [
-            /* @__PURE__ */ jsx20("span", { children: previousHeader ? previousHeader(currentColumn, coreContext) : currentColumn.title ?? currentColumn.name ?? currentColumn.key }),
-            /* @__PURE__ */ jsx20(
+          renderHeader: (currentColumn, coreContext) => /* @__PURE__ */ jsxs20("span", { className: "sia-table__resizable-header", children: [
+            /* @__PURE__ */ jsx21("span", { children: previousHeader ? previousHeader(currentColumn, coreContext) : currentColumn.title ?? currentColumn.name ?? currentColumn.key }),
+            /* @__PURE__ */ jsx21(
               "span",
               {
                 className: "sia-table__resize-handle",
@@ -6343,10 +6494,10 @@ function ColumnSettingPanel({
   onClose,
   onApply
 }) {
-  const [draft, setDraft] = useState16(items);
+  const [draft, setDraft] = useState17(items);
   const listRef = useRef14(null);
   const cancelDrag = useRef14(null);
-  const [preview, setPreview] = useState16(null);
+  const [preview, setPreview] = useState17(null);
   useEffect11(() => {
     cancelDrag.current?.();
     if (open) setDraft(orderColumnSettings(items));
@@ -6478,7 +6629,7 @@ function ColumnSettingPanel({
     window.addEventListener("blur", cancel);
     frame = requestAnimationFrame(tick);
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     Drawer2,
     {
       open,
@@ -6487,9 +6638,9 @@ function ColumnSettingPanel({
       onOpenChange: (next) => {
         if (!next) onClose();
       },
-      footer: /* @__PURE__ */ jsxs19(Fragment6, { children: [
-        /* @__PURE__ */ jsx20(Button, { onClick: onClose, children: "\u53D6\u6D88" }),
-        /* @__PURE__ */ jsx20(
+      footer: /* @__PURE__ */ jsxs20(Fragment7, { children: [
+        /* @__PURE__ */ jsx21(Button, { onClick: onClose, children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ jsx21(
           Button,
           {
             variant: "primary",
@@ -6500,19 +6651,19 @@ function ColumnSettingPanel({
         )
       ] }),
       children: [
-        loadError ? /* @__PURE__ */ jsxs19("p", { role: "alert", children: [
+        loadError ? /* @__PURE__ */ jsxs20("p", { role: "alert", children: [
           "\u8BFB\u53D6\u5217\u914D\u7F6E\u5931\u8D25\u3002",
-          /* @__PURE__ */ jsx20(Button, { variant: "link", onClick: onRetry, children: "\u91CD\u8BD5" })
+          /* @__PURE__ */ jsx21(Button, { variant: "link", onClick: onRetry, children: "\u91CD\u8BD5" })
         ] }) : null,
-        /* @__PURE__ */ jsx20(Spin, { spinning: Boolean(loading), className: "sia-table-settings__loading", "aria-label": loading ? "\u6B63\u5728\u8BFB\u53D6\u5217\u914D\u7F6E" : void 0, children: /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsx21(Spin, { spinning: Boolean(loading), className: "sia-table-settings__loading", "aria-label": loading ? "\u6B63\u5728\u8BFB\u53D6\u5217\u914D\u7F6E" : void 0, children: /* @__PURE__ */ jsxs20(
           "fieldset",
           {
             disabled: loading || loadError,
             style: { border: 0, padding: 0, margin: 0, minWidth: 0 },
             "aria-busy": loading,
             children: [
-              /* @__PURE__ */ jsxs19("label", { className: "sia-table-settings__all", children: [
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsxs20("label", { className: "sia-table-settings__all", children: [
+                /* @__PURE__ */ jsx21(
                   TableCheckbox,
                   {
                     label: "\u5168\u9009\u5217",
@@ -6523,7 +6674,7 @@ function ColumnSettingPanel({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs19("span", { children: [
+                /* @__PURE__ */ jsxs20("span", { children: [
                   "\u5168\u9009\uFF08",
                   visibleCount,
                   "/",
@@ -6531,12 +6682,12 @@ function ColumnSettingPanel({
                   "\uFF09"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "div",
                 {
                   ref: listRef,
                   className: `sia-table-settings__list${preview ? " is-sorting" : ""}`,
-                  children: draft.map((item) => /* @__PURE__ */ jsxs19(
+                  children: draft.map((item) => /* @__PURE__ */ jsxs20(
                     "div",
                     {
                       "data-column-key": item.key,
@@ -6546,8 +6697,8 @@ function ColumnSettingPanel({
                       } : void 0,
                       onPointerDown: (event) => startSort(event, item.key),
                       children: [
-                        /* @__PURE__ */ jsx20(Icon, { name: "menu", size: 15 }),
-                        /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsx21(Icon, { name: "menu", size: 15 }),
+                        /* @__PURE__ */ jsx21(
                           TableCheckbox,
                           {
                             label: `\u663E\u793A${labels.get(item.key) ?? item.key}\u5217`,
@@ -6559,16 +6710,15 @@ function ColumnSettingPanel({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsx21(
                           "span",
                           {
                             className: "sia-table-settings__name",
-                            title: labels.get(item.key) ?? item.key,
                             children: labels.get(item.key) ?? item.key
                           }
                         ),
-                        /* @__PURE__ */ jsxs19("div", { className: "sia-table-settings__actions", children: [
-                          /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsxs20("div", { className: "sia-table-settings__actions", children: [
+                          /* @__PURE__ */ jsx21(
                             Button,
                             {
                               size: "small",
@@ -6581,7 +6731,7 @@ function ColumnSettingPanel({
                               children: "\u5DE6"
                             }
                           ),
-                          /* @__PURE__ */ jsx20(
+                          /* @__PURE__ */ jsx21(
                             Button,
                             {
                               size: "small",
@@ -6725,7 +6875,7 @@ function createColumnSettingPlugin(options = {}) {
           {
             key: "builtin:export",
             label: "\u8868\u683C\u5BFC\u51FA",
-            icon: /* @__PURE__ */ jsx20(Icon, { name: "download", size: 18 }),
+            icon: /* @__PURE__ */ jsx21(Icon, { name: "download", size: 18 }),
             disabled: exportApi().getRows().length === 0
           },
           { key: "builtin:divider", type: "divider" }
@@ -6733,7 +6883,7 @@ function createColumnSettingPlugin(options = {}) {
         {
           key: "builtin:columns",
           label: "\u5217\u8BBE\u7F6E",
-          icon: /* @__PURE__ */ jsx20(Icon, { name: "settings", size: 18 })
+          icon: /* @__PURE__ */ jsx21(Icon, { name: "settings", size: 18 })
         },
         ...customItems.map((item) => ({
           key: "custom:" + item.key,
@@ -6743,7 +6893,7 @@ function createColumnSettingPlugin(options = {}) {
           disabled: item.disabled === true || typeof item.disabled === "function" && item.disabled(context)
         }))
       ];
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx21(
         Dropdown,
         {
           disabled: options.buttonProps?.disabled || options.buttonProps?.loading,
@@ -6760,12 +6910,12 @@ function createColumnSettingPlugin(options = {}) {
                 void customItems.find((item) => "custom:" + item.key === key)?.onClick?.(context);
             }
           },
-          children: /* @__PURE__ */ jsx20(
+          children: /* @__PURE__ */ jsx21(
             Button,
             {
               size: "small",
               variant: "text",
-              icon: /* @__PURE__ */ jsx20(Icon, { name: "settings", size: 16 }),
+              icon: /* @__PURE__ */ jsx21(Icon, { name: "settings", size: 16 }),
               "aria-label": "\u8868\u683C\u8BBE\u7F6E",
               ...options.buttonProps,
               className: `sia-table__settings-button${options.buttonProps?.children == null ? " sia-table__toolbar-icon" : ""} ${options.buttonProps?.className ?? ""}`.trim()
@@ -6774,7 +6924,7 @@ function createColumnSettingPlugin(options = {}) {
         }
       );
     },
-    renderOverlay: (context) => /* @__PURE__ */ jsx20(
+    renderOverlay: (context) => /* @__PURE__ */ jsx21(
       ColumnSettingPanel,
       {
         open: context.state.open,
@@ -6824,18 +6974,17 @@ function ToolbarItems({
   items,
   context
 }) {
-  return /* @__PURE__ */ jsx20(Fragment6, { children: items.map((item) => {
+  return /* @__PURE__ */ jsx21(Fragment7, { children: items.map((item) => {
     if (item.hidden === true || typeof item.hidden === "function" && item.hidden(context))
       return null;
     const disabled = item.disabled === true || typeof item.disabled === "function" && item.disabled(context);
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       Button,
       {
         size: "small",
         danger: item.danger,
         icon: item.icon,
         disabled,
-        title: typeof item.label === "string" ? item.label : void 0,
         onClick: () => void item.onClick?.(context),
         children: item.label
       },
@@ -6851,16 +7000,16 @@ function createToolbarPlugin(options) {
   return {
     id: "toolbar",
     order: 5,
-    renderToolbarStart: (context) => /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    renderToolbarStart: (context) => /* @__PURE__ */ jsxs20(Fragment7, { children: [
       options.start,
-      /* @__PURE__ */ jsx20(ToolbarItems, { items: items("start"), context })
+      /* @__PURE__ */ jsx21(ToolbarItems, { items: items("start"), context })
     ] }),
-    renderToolbarEnd: (context) => /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    renderToolbarEnd: (context) => /* @__PURE__ */ jsxs20(Fragment7, { children: [
       options.end,
-      /* @__PURE__ */ jsx20(ToolbarItems, { items: items("end"), context }),
-      items("end", true).length > 0 ? /* @__PURE__ */ jsxs19("details", { className: "sia-table__toolbar-menu", children: [
-        /* @__PURE__ */ jsx20("summary", { "aria-label": "\u66F4\u591A\u8868\u683C\u64CD\u4F5C", children: /* @__PURE__ */ jsx20(Icon, { name: "more-horizontal", size: 16 }) }),
-        /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20(ToolbarItems, { items: items("end", true), context }) })
+      /* @__PURE__ */ jsx21(ToolbarItems, { items: items("end"), context }),
+      items("end", true).length > 0 ? /* @__PURE__ */ jsxs20("details", { className: "sia-table__toolbar-menu", children: [
+        /* @__PURE__ */ jsx21("summary", { "aria-label": "\u66F4\u591A\u8868\u683C\u64CD\u4F5C", children: /* @__PURE__ */ jsx21(Icon, { name: "more-horizontal", size: 16 }) }),
+        /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsx21(ToolbarItems, { items: items("end", true), context }) })
       ] }) : null
     ] })
   };
@@ -6942,11 +7091,11 @@ function createExportPlugin(options = {}) {
   return {
     id: "export",
     order: 95,
-    renderToolbarEnd: options.showButton === false ? void 0 : (context) => /* @__PURE__ */ jsx20(
+    renderToolbarEnd: options.showButton === false ? void 0 : (context) => /* @__PURE__ */ jsx21(
       Button,
       {
         size: "small",
-        icon: /* @__PURE__ */ jsx20(Icon, { name: "download", size: 14 }),
+        icon: /* @__PURE__ */ jsx21(Icon, { name: "download", size: 14 }),
         disabled: getRows(context).length === 0,
         onClick: () => void download(context),
         children: options.buttonLabel ?? "\u5BFC\u51FA"
@@ -6961,7 +7110,7 @@ function createExportPlugin(options = {}) {
 }
 
 // src/components/Table/Table.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 var EMPTY_DATA = [];
 var EMPTY_COLUMNS = [];
 var EMPTY_PLUGINS = [];
@@ -7071,7 +7220,7 @@ var TableBodyRow = memo(function TableBodyRow2({
   onCellPointerDown,
   onCellPointerMove
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "tr",
     {
       className: `sia-table__row${striped && rowIndex % 2 === 1 ? " sia-table__row--striped" : ""} ${className}`.trim(),
@@ -7089,7 +7238,7 @@ var TableBodyRow = memo(function TableBodyRow2({
         const fixedStyle = fixed === "left" ? { left: leftOffsets.get(column.key) } : fixed === "right" ? { right: rightOffsets.get(column.key) } : void 0;
         const fixedEdgeClass = fixed === "left" && column.key === leftFixedEdgeKey ? " sia-table__cell--fixed-left-edge" : fixed === "right" && column.key === rightFixedEdgeKey ? " sia-table__cell--fixed-right-edge" : "";
         const autoWidthClass = column.autoWidth ? " sia-table__cell--auto-width" : "";
-        return /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx22(
           "td",
           {
             "data-column-key": column.key,
@@ -7103,11 +7252,11 @@ var TableBodyRow = memo(function TableBodyRow2({
             onContextMenu: (event) => onCellContextMenu(column, event),
             onPointerDown: (event) => onCellPointerDown(column, event),
             onPointerMove: (event) => onCellPointerMove(column, event),
-            children: /* @__PURE__ */ jsx21(
+            children: /* @__PURE__ */ jsx22(
               TableCellContent,
               {
                 ellipsis: column.ellipsis !== false,
-                title: column.showTitle !== false && column.ellipsis !== false && typeof value === "string" ? value : void 0,
+                title: column.showTitle === true && column.ellipsis !== false && typeof value === "string" ? value : void 0,
                 children: pluginCellProps.content !== void 0 ? pluginCellProps.content : column.render ? column.render(value, row.record, row.sourceIndex, { row, rowIndex, column }) : value
               }
             )
@@ -7154,11 +7303,11 @@ function TableInner(props, ref) {
   const tableRef = useRef15(null);
   useScrollbarProximity();
   const scrollbarDragRef = useRef15(null);
-  const [internalLoading, setInternalLoading] = useState17(false);
-  const [scrollTop, setScrollTop] = useState17(0);
-  const [viewportHeight, setViewportHeight] = useState17(420);
-  const [viewportWidth, setViewportWidth] = useState17(0);
-  const [autoColumnWidths, setAutoColumnWidths] = useState17({});
+  const [internalLoading, setInternalLoading] = useState18(false);
+  const [scrollTop, setScrollTop] = useState18(0);
+  const [viewportHeight, setViewportHeight] = useState18(420);
+  const [viewportWidth, setViewportWidth] = useState18(0);
+  const [autoColumnWidths, setAutoColumnWidths] = useState18({});
   const getRowKey = useCallback2((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
   const builtInResizePlugin = useMemo9(() => createResizePlugin(), []);
   const builtInHighlightPlugin = useMemo9(() => createHighlightPlugin(), []);
@@ -7171,7 +7320,7 @@ function TableInner(props, ref) {
   const sortedPlugins = useMemo9(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
   const pluginsByIdRef = useRef15(/* @__PURE__ */ new Map());
   pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
-  const [pluginStates, setPluginStates] = useState17(() => Object.fromEntries(
+  const [pluginStates, setPluginStates] = useState18(() => Object.fromEntries(
     sortedPlugins.map((plugin) => [plugin.id, resolveInitialState(plugin)])
   ));
   const pluginApisRef = useRef15({});
@@ -7374,20 +7523,20 @@ function TableInner(props, ref) {
   const bottomSpacer = shouldVirtualize ? Math.max(0, (pipeline.rows.length - endIndex) * rowHeight) : 0;
   const toolbarStart = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarStart?.(getContext(plugin));
-    return content ? /* @__PURE__ */ jsx21(Fragment7, { children: content }, `toolbar-start-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ jsx22(Fragment8, { children: content }, `toolbar-start-${plugin.id}`) : null;
   }).filter(Boolean);
   const toolbarEnd = sortedPlugins.map((plugin) => {
     const content = plugin.renderToolbarEnd?.(getContext(plugin));
-    return content ? /* @__PURE__ */ jsx21(Fragment7, { children: content }, `toolbar-end-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ jsx22(Fragment8, { 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__ */ jsx21(Fragment7, { children: content }, `footer-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ jsx22(Fragment8, { children: content }, `footer-${plugin.id}`) : null;
   }).filter(Boolean);
   const overlays = sortedPlugins.map((plugin) => {
     const content = plugin.renderOverlay?.(getContext(plugin));
-    return content ? /* @__PURE__ */ jsx21(Fragment7, { children: content }, `overlay-${plugin.id}`) : null;
+    return content ? /* @__PURE__ */ jsx22(Fragment8, { children: content }, `overlay-${plugin.id}`) : null;
   }).filter(Boolean);
   const hasToolbar = toolbarStart.length > 0 || toolbarEnd.length > 0;
   const effectiveHeight = height ?? tableHeight ?? (shouldVirtualize ? 420 : void 0);
@@ -7483,9 +7632,9 @@ function TableInner(props, ref) {
   }
   function renderHeaderContent(column, content) {
     if (column.description === void 0 || column.description === null) return content;
-    return /* @__PURE__ */ jsxs20("span", { className: "sia-table__header-label", children: [
-      /* @__PURE__ */ jsx21("span", { className: "sia-table__header-label-content", children: content }),
-      /* @__PURE__ */ jsx21(Tooltip, { title: column.description, placement: "top", trigger: ["hover", "focus"], children: /* @__PURE__ */ jsx21("button", { type: "button", className: "sia-table__header-description", "aria-label": `${column.name ?? column.key}\u5217\u8BF4\u660E`, onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx21(Icon, { name: "info", size: 14 }) }) })
+    return /* @__PURE__ */ jsxs21("span", { className: "sia-table__header-label", children: [
+      /* @__PURE__ */ jsx22("span", { className: "sia-table__header-label-content", children: content }),
+      /* @__PURE__ */ jsx22(Tooltip, { title: column.description, placement: "top", trigger: ["hover", "focus"], children: /* @__PURE__ */ jsx22("button", { type: "button", className: "sia-table__header-description", "aria-label": `${column.name ?? column.key}\u5217\u8BF4\u660E`, onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx22(Icon, { name: "info", size: 14 }) }) })
     ] });
   }
   function getPluginCellProps(row, column) {
@@ -7525,17 +7674,17 @@ function TableInner(props, ref) {
   }
   function renderSummaryRow(summary) {
     let labelRendered = false;
-    return /* @__PURE__ */ jsx21("tr", { className: `sia-table__summary-row ${summary.className ?? ""}`.trim(), children: leafColumns.map((column) => {
+    return /* @__PURE__ */ jsx22("tr", { className: `sia-table__summary-row ${summary.className ?? ""}`.trim(), children: leafColumns.map((column) => {
       const value = summary.values[column.key];
       const isLabel = value === void 0 && !labelRendered && summary.label !== void 0;
       const content = value !== void 0 ? value : isLabel ? (labelRendered = true, summary.label) : null;
       const fixed = normalizeFixed(column.fixed);
       const fixedEdgeClass = fixed === "left" && column.key === leftFixedEdgeKey ? " sia-table__cell--fixed-left-edge" : fixed === "right" && column.key === rightFixedEdgeKey ? " sia-table__cell--fixed-right-edge" : "";
       const autoWidthClass = column.autoWidth ? " sia-table__cell--auto-width" : "";
-      return /* @__PURE__ */ jsx21("td", { "data-column-key": column.key, className: `sia-table__cell sia-table__cell--${column.align ?? "left"} sia-table__summary-cell${isLabel ? " sia-table__summary-cell--label" : ""}${fixed ? ` sia-table__cell--fixed sia-table__cell--fixed-${fixed}` : ""}${fixedEdgeClass}${autoWidthClass}`, style: getFixedStyle(column), children: isLabel ? /* @__PURE__ */ jsx21("span", { className: "sia-table__summary-label", title: typeof content === "string" ? content : void 0, children: content }) : content }, column.key);
+      return /* @__PURE__ */ jsx22("td", { "data-column-key": column.key, className: `sia-table__cell sia-table__cell--${column.align ?? "left"} sia-table__summary-cell${isLabel ? " sia-table__summary-cell--label" : ""}${fixed ? ` sia-table__cell--fixed sia-table__cell--fixed-${fixed}` : ""}${fixedEdgeClass}${autoWidthClass}`, style: getFixedStyle(column), children: isLabel ? /* @__PURE__ */ jsx22("span", { className: "sia-table__summary-label", children: content }) : content }, column.key);
     }) }, summary.key);
   }
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ref: rootRef,
@@ -7585,19 +7734,19 @@ function TableInner(props, ref) {
         htmlProps.onDoubleClickCapture?.(event);
       },
       children: [
-        hasToolbar ? /* @__PURE__ */ jsxs20("div", { className: "sia-table__toolbar", children: [
-          /* @__PURE__ */ jsx21("div", { children: toolbarStart }),
-          /* @__PURE__ */ jsx21("div", { children: toolbarEnd })
+        hasToolbar ? /* @__PURE__ */ jsxs21("div", { className: "sia-table__toolbar", children: [
+          /* @__PURE__ */ jsx22("div", { children: toolbarStart }),
+          /* @__PURE__ */ jsx22("div", { children: toolbarEnd })
         ] }) : null,
-        /* @__PURE__ */ jsxs20("div", { className: "sia-table__viewport-wrap", children: [
-          /* @__PURE__ */ jsx21("div", { className: "sia-table__viewport", ref: scrollRef, onScroll: handleScroll, children: /* @__PURE__ */ jsxs20("table", { ref: tableRef, className: "sia-table__element", style: { width: Math.max(totalWidth, 1), ...manualColumnLayout ? { minWidth: 0 } : {}, ...tableStyle }, children: [
-            /* @__PURE__ */ jsx21("colgroup", { children: leafColumns.map((column) => /* @__PURE__ */ jsx21("col", { "data-column-key": column.key, style: { width: columnWidths.get(column.key) ?? DEFAULT_WIDTH } }, column.key)) }),
-            /* @__PURE__ */ jsx21("thead", { className: stickyHeader ? "sia-table__head sia-table__head--sticky" : "sia-table__head", children: headerRows.map((headerRow, depth) => /* @__PURE__ */ jsx21("tr", { children: headerRow.map((cell) => {
+        /* @__PURE__ */ jsxs21("div", { className: "sia-table__viewport-wrap", children: [
+          /* @__PURE__ */ jsx22("div", { className: "sia-table__viewport", ref: scrollRef, onScroll: handleScroll, children: /* @__PURE__ */ jsxs21("table", { ref: tableRef, className: "sia-table__element", style: { width: Math.max(totalWidth, 1), ...manualColumnLayout ? { minWidth: 0 } : {}, ...tableStyle }, children: [
+            /* @__PURE__ */ jsx22("colgroup", { children: leafColumns.map((column) => /* @__PURE__ */ jsx22("col", { "data-column-key": column.key, style: { width: columnWidths.get(column.key) ?? DEFAULT_WIDTH } }, column.key)) }),
+            /* @__PURE__ */ jsx22("thead", { className: stickyHeader ? "sia-table__head sia-table__head--sticky" : "sia-table__head", children: headerRows.map((headerRow, depth) => /* @__PURE__ */ jsx22("tr", { children: headerRow.map((cell) => {
               const fixed = cell.fixed;
               const pluginHeaderProps = getPluginHeaderCellProps(cell.column);
               const fixedEdgeClass = fixed === "left" && cell.column.key === leftFixedEdgeKey ? " sia-table__cell--fixed-left-edge" : fixed === "right" && cell.column.key === rightFixedEdgeKey ? " sia-table__cell--fixed-right-edge" : "";
               const autoWidthClass = cell.column.autoWidth ? " sia-table__cell--auto-width" : "";
-              return /* @__PURE__ */ jsx21(
+              return /* @__PURE__ */ jsx22(
                 "th",
                 {
                   "data-column-key": cell.column.key,
@@ -7618,13 +7767,13 @@ function TableInner(props, ref) {
                 `${cell.column.key}-${depth}-${cell.firstLeafKey}`
               );
             }) }, depth)) }),
-            /* @__PURE__ */ jsxs20("tbody", { children: [
-              topSpacer > 0 ? /* @__PURE__ */ jsx21("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx21("td", { colSpan: leafColumns.length, style: { height: topSpacer, padding: 0, border: 0 } }) }) : null,
+            /* @__PURE__ */ jsxs21("tbody", { children: [
+              topSpacer > 0 ? /* @__PURE__ */ jsx22("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx22("td", { colSpan: leafColumns.length, style: { height: topSpacer, padding: 0, border: 0 } }) }) : null,
               renderedRows.map((row, offset) => {
                 const rowIndex = startIndex + offset;
                 const pluginClasses = sortedPlugins.map((plugin) => plugin.getRowClassName?.(row, getContext(plugin))).filter(Boolean).join(" ");
                 const customClass = typeof rowClassName === "function" ? rowClassName(row.record, row.sourceIndex) : rowClassName ?? "";
-                return /* @__PURE__ */ jsx21(
+                return /* @__PURE__ */ jsx22(
                   TableBodyRow,
                   {
                     row,
@@ -7671,12 +7820,12 @@ function TableInner(props, ref) {
                   row.key
                 );
               }),
-              bottomSpacer > 0 ? /* @__PURE__ */ jsx21("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx21("td", { colSpan: leafColumns.length, style: { height: bottomSpacer, padding: 0, border: 0 } }) }) : null
+              bottomSpacer > 0 ? /* @__PURE__ */ jsx22("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx22("td", { colSpan: leafColumns.length, style: { height: bottomSpacer, padding: 0, border: 0 } }) }) : null
             ] }),
-            summaries.length > 0 ? /* @__PURE__ */ jsx21("tfoot", { className: "sia-table__summary", children: summaries.map(renderSummaryRow) }) : null
+            summaries.length > 0 ? /* @__PURE__ */ jsx22("tfoot", { className: "sia-table__summary", children: summaries.map(renderSummaryRow) }) : null
           ] }) }),
-          pipeline.rows.length === 0 ? /* @__PURE__ */ jsx21("div", { className: "sia-table__empty", role: "status", children: emptyText }) : null,
-          /* @__PURE__ */ jsx21(
+          pipeline.rows.length === 0 ? /* @__PURE__ */ jsx22("div", { className: "sia-table__empty", role: "status", children: emptyText }) : null,
+          /* @__PURE__ */ jsx22(
             "div",
             {
               className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--horizontal",
@@ -7687,10 +7836,10 @@ function TableInner(props, ref) {
               onPointerMove: handleScrollbarPointerMove,
               onPointerUp: handleScrollbarPointerEnd,
               onPointerCancel: handleScrollbarPointerEnd,
-              children: /* @__PURE__ */ jsx21("div", { className: "sia-table__scrollbar-thumb" })
+              children: /* @__PURE__ */ jsx22("div", { className: "sia-table__scrollbar-thumb" })
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "div",
             {
               className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--vertical",
@@ -7701,14 +7850,14 @@ function TableInner(props, ref) {
               onPointerMove: handleScrollbarPointerMove,
               onPointerUp: handleScrollbarPointerEnd,
               onPointerCancel: handleScrollbarPointerEnd,
-              children: /* @__PURE__ */ jsx21("div", { className: "sia-table__scrollbar-thumb" })
+              children: /* @__PURE__ */ jsx22("div", { className: "sia-table__scrollbar-thumb" })
             }
           )
         ] }),
-        footers.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "sia-table__footer", children: footers }) : null,
-        loading || internalLoading ? /* @__PURE__ */ jsxs20("div", { className: "sia-table__loading", role: "status", children: [
-          /* @__PURE__ */ jsx21(Icon, { name: "loader", size: 22, spin: true }),
-          /* @__PURE__ */ jsx21("span", { children: "\u52A0\u8F7D\u4E2D" })
+        footers.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "sia-table__footer", children: footers }) : null,
+        loading || internalLoading ? /* @__PURE__ */ jsxs21("div", { className: "sia-table__loading", role: "status", children: [
+          /* @__PURE__ */ jsx22(Icon, { name: "loader", size: 22, spin: true }),
+          /* @__PURE__ */ jsx22("span", { children: "\u52A0\u8F7D\u4E2D" })
         ] }) : null,
         overlays
       ]
@@ -7719,7 +7868,7 @@ var Table = forwardRef5(TableInner);
 
 // src/components/ThemeSwitch.tsx
 import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 var ThemeSwitch = forwardRef6(function ThemeSwitch2({
   checked,
   onCheckedChange,
@@ -7733,7 +7882,7 @@ var ThemeSwitch = forwardRef6(function ThemeSwitch2({
     onCheckedChange?.(!checked);
     onClick?.(event);
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "button",
     {
       ref,
@@ -7745,12 +7894,12 @@ var ThemeSwitch = forwardRef6(function ThemeSwitch2({
       onClick: handleClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx22("span", { className: "sia-theme-switch__selection", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx22("span", { className: `sia-theme-switch__icon${checked ? "" : " is-active"}`, "aria-hidden": "true", children: /* @__PURE__ */ jsxs21("svg", { viewBox: "0 0 24 24", children: [
-          /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "3.5" }),
-          /* @__PURE__ */ jsx22("path", { d: "M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M18.7 5.3l-1.4 1.4M6.7 17.3l-1.4 1.4" })
+        /* @__PURE__ */ jsx23("span", { className: "sia-theme-switch__selection", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx23("span", { className: `sia-theme-switch__icon${checked ? "" : " is-active"}`, "aria-hidden": "true", children: /* @__PURE__ */ jsxs22("svg", { viewBox: "0 0 24 24", children: [
+          /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "12", r: "3.5" }),
+          /* @__PURE__ */ jsx23("path", { d: "M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M18.7 5.3l-1.4 1.4M6.7 17.3l-1.4 1.4" })
         ] }) }),
-        /* @__PURE__ */ jsx22("span", { className: `sia-theme-switch__icon${checked ? " is-active" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx22("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx22("path", { d: "M20 15.2A8 8 0 0 1 8.8 4 8.5 8.5 0 1 0 20 15.2Z" }) }) })
+        /* @__PURE__ */ jsx23("span", { className: `sia-theme-switch__icon${checked ? " is-active" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx23("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx23("path", { d: "M20 15.2A8 8 0 0 1 8.8 4 8.5 8.5 0 1 0 20 15.2Z" }) }) })
       ]
     }
   );
@@ -7758,19 +7907,33 @@ var ThemeSwitch = forwardRef6(function ThemeSwitch2({
 
 // src/theme.ts
 var SIA_THEME = {
+  /** 主色。 */
   colorPrimary: "#1677ff",
+  /** 主色的悬停色。 */
   colorPrimaryHover: "#4096ff",
+  /** 主色的按下色。 */
   colorPrimaryActive: "#0958d9",
+  /** 主要文本颜色。 */
   colorText: "#1f1f1f",
+  /** 次要文本颜色。 */
   colorTextSecondary: "#666666",
+  /** 页面背景颜色。 */
   colorBackground: "#f5f7fa",
+  /** 组件表面颜色。 */
   colorSurface: "#ffffff",
+  /** 默认边框颜色。 */
   colorBorder: "#d9d9d9",
+  /** 默认圆角半径，单位为像素。 */
   borderRadius: 6,
+  /** 默认控件高度，单位为像素。 */
   controlHeight: 32,
+  /** 默认布局间距，单位为像素。 */
   spacing: 16,
+  /** 默认字号，单位为像素。 */
   fontSize: 16,
+  /** 小号文字尺寸，单位为像素。 */
   fontSizeSmall: 14,
+  /** 大号文字尺寸，单位为像素。 */
   fontSizeLarge: 18
 };
 function applySiaTheme(mode, target = document.documentElement) {
@@ -7779,8 +7942,8 @@ function applySiaTheme(mode, target = document.documentElement) {
 }
 
 // src/components/InputSelect.tsx
-import { forwardRef as forwardRef7, useEffect as useEffect13, useRef as useRef16, useState as useState18 } from "react";
-import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+import { forwardRef as forwardRef7, useEffect as useEffect13, useRef as useRef16, useState as useState19 } from "react";
+import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
 var InputSelect = forwardRef7(function InputSelect2({
   options,
   value,
@@ -7807,19 +7970,19 @@ var InputSelect = forwardRef7(function InputSelect2({
   ...inputProps
 }, forwardedRef) {
   const size = useControlSize(sizeProp);
-  const [internal, setInternal] = useState18(defaultValue);
+  const [internal, setInternal] = useState19(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] = useState18(text);
+  const [draft, setDraft] = useState19(text);
   useEffect13(() => {
     setDraft(text);
   }, [text, current]);
-  const [open, setOpen] = useState18(false);
-  const [search, setSearch] = useState18("");
-  const [modalOpen, setModalOpen] = useState18(false);
-  const [modalValues, setModalValues] = useState18([]);
-  const [selectedOnly, setSelectedOnly] = useState18(false);
+  const [open, setOpen] = useState19(false);
+  const [search, setSearch] = useState19("");
+  const [modalOpen, setModalOpen] = useState19(false);
+  const [modalValues, setModalValues] = useState19([]);
+  const [selectedOnly, setSelectedOnly] = useState19(false);
   const rootRef = useRef16(null);
   const popupRef = useRef16(null);
   const inputRef = useRef16(null);
@@ -7863,14 +8026,14 @@ var InputSelect = forwardRef7(function InputSelect2({
     setSelectedOnly(false);
     setModalOpen(true);
   }
-  return /* @__PURE__ */ jsxs22("div", { ref: rootRef, style, className: `sia-input-select${open || modalOpen ? " is-open" : ""} ${className}`, onKeyDown: (event) => {
+  return /* @__PURE__ */ jsxs23("div", { ref: rootRef, style, className: `sia-input-select${open || modalOpen ? " is-open" : ""} ${className}`, onKeyDown: (event) => {
     if (event.key === "Escape" && open) {
       event.stopPropagation();
       changeOpen(false);
       inputRef.current?.focus();
     }
   }, children: [
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       Input,
       {
         ...inputProps,
@@ -7907,26 +8070,26 @@ var InputSelect = forwardRef7(function InputSelect2({
           emit(parseInput ? parseInput(next) : multiple ? next.split(",").map((item) => item.trim()).filter(Boolean) : next);
           changeOpen(true);
         },
-        suffix: /* @__PURE__ */ jsxs22("span", { className: "sia-input-select__suffix", children: [
-          allowClear && draft && !disabled && /* @__PURE__ */ jsx23(Button, { variant: "text", size: "small", disabled: loading, "aria-label": "\u6E05\u9664\u8F93\u5165\u9009\u62E9", onClick: (event) => {
+        suffix: /* @__PURE__ */ jsxs23("span", { className: "sia-input-select__suffix", children: [
+          allowClear && draft && !disabled && /* @__PURE__ */ jsx24(Button, { variant: "text", size: "small", disabled: loading, "aria-label": "\u6E05\u9664\u8F93\u5165\u9009\u62E9", onClick: (event) => {
             event.stopPropagation();
             setDraft("");
             emit(multiple ? [] : void 0);
             inputRef.current?.focus();
           }, children: "\xD7" }),
           suffix,
-          enableModal && /* @__PURE__ */ jsx23(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u6253\u5F00\u9009\u62E9\u5F39\u7A97", onClick: (event) => {
+          enableModal && /* @__PURE__ */ jsx24(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u6253\u5F00\u9009\u62E9\u5F39\u7A97", onClick: (event) => {
             event.stopPropagation();
             openModal();
           }, children: "\u2026" }),
-          /* @__PURE__ */ jsx23(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u5C55\u5F00\u9009\u9879", onClick: (event) => {
+          /* @__PURE__ */ jsx24(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u5C55\u5F00\u9009\u9879", onClick: (event) => {
             event.stopPropagation();
             changeOpen(!open);
-          }, children: /* @__PURE__ */ jsx23(Icon, { name: loading ? "refresh" : open ? "chevron-up" : "chevron-down", size: 13 }) })
+          }, children: /* @__PURE__ */ jsx24(Icon, { name: loading ? "refresh" : open ? "chevron-up" : "chevron-down", size: 13 }) })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx23(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && !disabled && !loading, className: "sia-input-select__popup", children: /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && !disabled && !loading, className: "sia-input-select__popup", children: /* @__PURE__ */ jsx24(
       SelectionPanel,
       {
         options,
@@ -7941,7 +8104,7 @@ var InputSelect = forwardRef7(function InputSelect2({
         onSearch: setSearch
       }
     ) }),
-    enableModal && /* @__PURE__ */ jsxs22(
+    enableModal && /* @__PURE__ */ jsxs23(
       Modal,
       {
         open: modalOpen,
@@ -7954,15 +8117,15 @@ var InputSelect = forwardRef7(function InputSelect2({
           setModalOpen(false);
         },
         children: [
-          /* @__PURE__ */ jsxs22("div", { className: "sia-selection-panel__actions", role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
-            /* @__PURE__ */ jsx23(Button, { role: "tab", "aria-selected": !selectedOnly, variant: !selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
-            /* @__PURE__ */ jsxs22(Button, { role: "tab", "aria-selected": selectedOnly, variant: selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(true), children: [
+          /* @__PURE__ */ jsxs23("div", { className: "sia-selection-panel__actions", role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
+            /* @__PURE__ */ jsx24(Button, { role: "tab", "aria-selected": !selectedOnly, variant: !selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
+            /* @__PURE__ */ jsxs23(Button, { role: "tab", "aria-selected": selectedOnly, variant: selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(true), children: [
               "\u5DF2\u9009\u9879(",
               modalValues.length,
               ")"
             ] })
           ] }),
-          modalOpen && /* @__PURE__ */ jsx23(
+          modalOpen && /* @__PURE__ */ jsx24(
             SelectionPanel,
             {
               options,
@@ -7983,8 +8146,8 @@ var InputSelect = forwardRef7(function InputSelect2({
 });
 
 // src/components/QueryForm.tsx
-import { Children as Children4, useLayoutEffect as useLayoutEffect3, useRef as useRef17, useState as useState19 } from "react";
-import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Children as Children4, useLayoutEffect as useLayoutEffect3, useRef as useRef17, useState as useState20 } from "react";
+import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
 function QueryForm({
   fields,
   children,
@@ -8017,16 +8180,16 @@ function QueryForm({
   ...formProps
 }) {
   const [form] = useForm(providedForm);
-  const [internalCollapsed, setInternalCollapsed] = useState19(defaultCollapsed);
+  const [internalCollapsed, setInternalCollapsed] = useState20(defaultCollapsed);
   const collapsed = collapsible && (controlledCollapsed ?? internalCollapsed);
-  const [searching, setSearching] = useState19(false);
-  const [saving, setSaving] = useState19(false);
-  const [removing, setRemoving] = useState19(false);
-  const [saveOpen, setSaveOpen] = useState19(false);
-  const [saveName, setSaveName] = useState19("");
-  const [saveError, setSaveError] = useState19("");
-  const [error, setError] = useState19("");
-  const [activeShortcut, setActiveShortcut] = useState19("");
+  const [searching, setSearching] = useState20(false);
+  const [saving, setSaving] = useState20(false);
+  const [removing, setRemoving] = useState20(false);
+  const [saveOpen, setSaveOpen] = useState20(false);
+  const [saveName, setSaveName] = useState20("");
+  const [saveError, setSaveError] = useState20("");
+  const [error, setError] = useState20("");
+  const [activeShortcut, setActiveShortcut] = useState20("");
   const source = useRef17({ source: "submit" });
   const searchLock = useRef17(false);
   const saveLock = useRef17(false);
@@ -8034,11 +8197,11 @@ function QueryForm({
   const snapshot = useRef17();
   const busy = disabled || loading || searching;
   const shortcutBusy = busy || shortcutsLoading || saving || removing;
-  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ jsx24(Form.Item, { noStyle: true, ...item }) })) : Children4.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
+  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ jsx25(Form.Item, { noStyle: true, ...item }) })) : Children4.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
   const limit = Math.max(1, Math.floor(collapsedCount));
   const rowRef = useRef17(null);
   const actionsRef = useRef17(null);
-  const [fittingCount, setFittingCount] = useState19(limit);
+  const [fittingCount, setFittingCount] = useState20(limit);
   useLayoutEffect3(() => {
     if (!collapsed) return;
     const row = rowRef.current;
@@ -8138,8 +8301,8 @@ function QueryForm({
       setRemoving(false);
     }
   }
-  return /* @__PURE__ */ jsxs23("div", { className: `sia-query-form ${className}`.trim(), children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24("div", { className: `sia-query-form ${className}`.trim(), children: [
+    /* @__PURE__ */ jsxs24(
       Form,
       {
         ...formProps,
@@ -8158,8 +8321,8 @@ function QueryForm({
           onValuesChange?.(changed, values);
         },
         children: [
-          quickQueries.length ? /* @__PURE__ */ jsxs23("div", { className: "sia-query-form__quick", "aria-label": "\u9884\u8BBE\u5FEB\u6377\u67E5\u8BE2", children: [
-            quickQueries.map((query) => /* @__PURE__ */ jsx24(Badge, { className: "sia-query-form__quick-badge", showZero: true, size: "small", title: query.count === void 0 ? void 0 : `\u5171 ${query.count} \u6761`, ...query.badgeProps, count: query.count, children: /* @__PURE__ */ jsx24(
+          quickQueries.length ? /* @__PURE__ */ jsxs24("div", { className: "sia-query-form__quick", "aria-label": "\u9884\u8BBE\u5FEB\u6377\u67E5\u8BE2", children: [
+            quickQueries.map((query) => /* @__PURE__ */ jsx25(Badge, { className: "sia-query-form__quick-badge", showZero: true, size: "small", title: query.count === void 0 ? void 0 : `\u5171 ${query.count} \u6761`, ...query.badgeProps, count: query.count, children: /* @__PURE__ */ jsx25(
               Button,
               {
                 size: query.size ?? quickQuerySize,
@@ -8172,8 +8335,8 @@ function QueryForm({
             ) }, query.key)),
             " "
           ] }) : null,
-          /* @__PURE__ */ jsxs23("div", { ref: rowRef, className: `sia-query-form__fields${collapsed ? " is-collapsed" : ""}`, style: { "--sia-query-field-width": typeof fieldWidth === "number" ? `${fieldWidth}px` : fieldWidth }, children: [
-            entries.map((entry, index) => /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs24("div", { ref: rowRef, className: `sia-query-form__fields${collapsed ? " is-collapsed" : ""}`, style: { "--sia-query-field-width": typeof fieldWidth === "number" ? `${fieldWidth}px` : fieldWidth }, children: [
+            entries.map((entry, index) => /* @__PURE__ */ jsx25(
               "div",
               {
                 className: "sia-query-form__field",
@@ -8183,23 +8346,23 @@ function QueryForm({
               },
               entry.key
             )),
-            /* @__PURE__ */ jsxs23("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
-              /* @__PURE__ */ jsxs23(Space.Compact, { children: [
-                /* @__PURE__ */ jsx24(Button, { type: "submit", variant: "primary", loading: loading || searching, disabled, children: searchText }),
-                /* @__PURE__ */ jsx24(Button, { disabled: busy, onClick: reset, children: resetText }),
-                onSaveQuery ? /* @__PURE__ */ jsx24(Button, { disabled: shortcutBusy, onClick: () => {
+            /* @__PURE__ */ jsxs24("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
+              /* @__PURE__ */ jsxs24(Space.Compact, { children: [
+                /* @__PURE__ */ jsx25(Button, { type: "submit", variant: "primary", loading: loading || searching, disabled, children: searchText }),
+                /* @__PURE__ */ jsx25(Button, { disabled: busy, onClick: reset, children: resetText }),
+                onSaveQuery ? /* @__PURE__ */ jsx25(Button, { disabled: shortcutBusy, onClick: () => {
                   snapshot.current = form.getFieldsValue();
                   setSaveName("");
                   setSaveError("");
                   setSaveOpen(true);
                 }, children: saveText }) : null
               ] }),
-              collapsible && entries.length > 0 ? /* @__PURE__ */ jsx24(
+              collapsible && entries.length > 0 ? /* @__PURE__ */ jsx25(
                 Button,
                 {
                   variant: "link",
                   "aria-expanded": !collapsed,
-                  icon: /* @__PURE__ */ jsx24(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
+                  icon: /* @__PURE__ */ jsx25(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
                   iconPosition: "end",
                   onClick: () => {
                     setInternalCollapsed(!collapsed);
@@ -8211,8 +8374,8 @@ function QueryForm({
               actionsExtra
             ] })
           ] }),
-          savedQueries.length && !collapsed ? /* @__PURE__ */ jsxs23("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
-            savedQueries.map((query, index) => /* @__PURE__ */ jsx24(
+          savedQueries.length && !collapsed ? /* @__PURE__ */ jsxs24("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
+            savedQueries.map((query, index) => /* @__PURE__ */ jsx25(
               Tag,
               {
                 status: query.status ?? ["processing", "success", "warning", "error"][index % 4],
@@ -8238,14 +8401,14 @@ function QueryForm({
             )),
             " "
           ] }) : null,
-          error ? /* @__PURE__ */ jsx24("p", { className: "sia-query-form__error", role: "alert", children: error }) : null
+          error ? /* @__PURE__ */ jsx25("p", { className: "sia-query-form__error", role: "alert", children: error }) : null
         ]
       }
     ),
-    /* @__PURE__ */ jsxs23(Modal, { open: saveOpen, title: "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2", width: 420, confirmLoading: saving, onOk: save, onOpenChange: (next) => {
+    /* @__PURE__ */ jsxs24(Modal, { open: saveOpen, title: "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2", width: 420, confirmLoading: saving, onOk: save, onOpenChange: (next) => {
       if (!saveLock.current) setSaveOpen(next);
     }, children: [
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         Input,
         {
           autoFocus: true,
@@ -8264,7 +8427,7 @@ function QueryForm({
           }
         }
       ),
-      saveError ? /* @__PURE__ */ jsx24("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
+      saveError ? /* @__PURE__ */ jsx25("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
     ] })
   ] });
 }
@@ -8414,6 +8577,7 @@ export {
   message,
   niceChartDomain,
   notification,
+  openSelectModal,
   paddedValueExtent,
   registerChartMap,
   saveCompositeImage,