@sia.soul/sia-react-ui 0.1.14 → 0.1.17

package/dist/index.js

@@ -79,7 +79,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-K3XRTEIO.js";
+} from "./chunk-KJYKC5IV.js";
 import {
   TextArea
 } from "./chunk-YT6E3X2K.js";
@@ -94,9 +94,10 @@ import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-25BU7YTB.js";
+} from "./chunk-G47MREYI.js";
 import {
   Checkbox,
+  FloatingScrollbarProvider,
   Modal,
   OverflowTags,
   OverlayPortal,
@@ -106,8 +107,9 @@ import {
   Timeline,
   Tooltip,
   Tree,
-  useOverlayLifecycle
-} from "./chunk-R3TYVU53.js";
+  useOverlayLifecycle,
+  useScrollbarProximity
+} from "./chunk-VXSG4EAO.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -1337,7 +1339,7 @@ function openDrawer(config) {
   let currentOpen = true;
   let destroyed = false;
   let cleanupTimer;
-  function cleanup2() {
+  function cleanup() {
     if (destroyed) return;
     destroyed = true;
     if (cleanupTimer !== void 0) window.clearTimeout(cleanupTimer);
@@ -1349,7 +1351,7 @@ function openDrawer(config) {
     if (destroyed || !currentOpen) return;
     currentOpen = false;
     render();
-    cleanupTimer = window.setTimeout(cleanup2, DRAWER_MOTION_DURATION + 100);
+    cleanupTimer = window.setTimeout(cleanup, DRAWER_MOTION_DURATION + 100);
   }
   function render() {
     root.render(/* @__PURE__ */ jsx8(
@@ -1364,7 +1366,7 @@ function openDrawer(config) {
         afterOpen: () => currentConfig.afterOpen?.(),
         afterClose: () => {
           currentConfig.afterClose?.();
-          cleanup2();
+          cleanup();
         }
       }
     ));
@@ -3896,7 +3898,7 @@ function Markdown({ content, emptyText = "\u6682\u65E0 Markdown \u5185\u5BB9", r
     });
     return () => {
       cancelled = true;
-      cleanups.forEach((cleanup2) => cleanup2());
+      cleanups.forEach((cleanup) => cleanup());
     };
   }, [html, imagePreview, resolveImageSrc]);
   function openImagePreview(target) {
@@ -4489,68 +4491,6 @@ function Treemap({
   );
 }
 
-// src/components/useScrollbarProximity.ts
-import { useEffect as useEffect11 } from "react";
-var users = 0;
-var cleanup;
-function useScrollbarProximity() {
-  useEffect11(() => {
-    if (users++ === 0) {
-      let frame = 0;
-      let x = -Infinity;
-      let y = -Infinity;
-      const nearby = /* @__PURE__ */ new Set();
-      const clear = () => {
-        nearby.forEach((track) => track.removeAttribute("data-scrollbar-near"));
-        nearby.clear();
-      };
-      const update = () => {
-        frame = 0;
-        const next = /* @__PURE__ */ new Set();
-        document.querySelectorAll(".sia-scrollbar-track").forEach((track) => {
-          const rect = track.getBoundingClientRect();
-          const proximity = Number.parseFloat(getComputedStyle(track).getPropertyValue("--sia-scrollbar-proximity")) || 16;
-          if (rect.width && rect.height && x >= rect.left - proximity && x <= rect.right + proximity && y >= rect.top - proximity && y <= rect.bottom + proximity) {
-            next.add(track);
-            if (!nearby.has(track)) track.setAttribute("data-scrollbar-near", "true");
-          }
-        });
-        nearby.forEach((track) => {
-          if (!next.has(track)) track.removeAttribute("data-scrollbar-near");
-        });
-        nearby.clear();
-        next.forEach((track) => nearby.add(track));
-      };
-      const move = (event) => {
-        if (event.pointerType === "touch") return;
-        x = event.clientX;
-        y = event.clientY;
-        if (!frame) frame = requestAnimationFrame(update);
-      };
-      const leave = () => {
-        x = y = -Infinity;
-        clear();
-      };
-      document.addEventListener("pointermove", move, { passive: true });
-      document.documentElement.addEventListener("pointerleave", leave);
-      window.addEventListener("blur", leave);
-      cleanup = () => {
-        if (frame) cancelAnimationFrame(frame);
-        document.removeEventListener("pointermove", move);
-        document.documentElement.removeEventListener("pointerleave", leave);
-        window.removeEventListener("blur", leave);
-        clear();
-      };
-    }
-    return () => {
-      if (--users === 0) {
-        cleanup?.();
-        cleanup = void 0;
-      }
-    };
-  }, []);
-}
-
 // 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";
@@ -4590,10 +4530,10 @@ function TableCellContent({ children, ellipsis, title }) {
 }
 
 // src/components/Table/Table.tsx
-import { Fragment as Fragment7, forwardRef as forwardRef5, memo, useCallback as useCallback2, useEffect as useEffect13, useImperativeHandle, useMemo as useMemo9, useRef as useRef15, useState as useState17 } from "react";
+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";
 
 // src/components/Table/plugins.tsx
-import { isValidElement as isValidElement3, useEffect as useEffect12, useRef as useRef14, useState as useState16 } from "react";
+import { isValidElement as isValidElement3, useEffect as useEffect11, useRef as useRef14, useState as useState16 } from "react";
 
 // src/components/Table/utils.ts
 var AUTO_WIDTH_COLUMN_KEYS = /* @__PURE__ */ new Set(["action", "actions", "operation", "operations"]);
@@ -4647,8 +4587,25 @@ function toTablePageParams(current, pageSize) {
 
 // src/components/Table/plugins.tsx
 import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
-function TableCheckbox({ checked, indeterminate, disabled, label, onChange }) {
-  return /* @__PURE__ */ jsx20(Checkbox, { className: "sia-table__checkbox", "aria-label": label, checked, indeterminate, disabled, onClick: (event) => event.stopPropagation(), onChange });
+function TableCheckbox({
+  checked,
+  indeterminate,
+  disabled,
+  label,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx20(
+    Checkbox,
+    {
+      className: "sia-table__checkbox",
+      "aria-label": label,
+      checked,
+      indeterminate,
+      disabled,
+      onClick: (event) => event.stopPropagation(),
+      onChange
+    }
+  );
 }
 function flattenRecords(data, childrenColumnName) {
   const result = [];
@@ -4667,7 +4624,11 @@ function createColumnTransformPlugin(options) {
     id: "columnTransform",
     order: 2,
     transformColumns(columns) {
-      const composed = [...options.prepend ?? [], ...columns, ...options.append ?? []];
+      const composed = [
+        ...options.prepend ?? [],
+        ...columns,
+        ...options.append ?? []
+      ];
       return options.transform?.(composed) ?? composed;
     }
   };
@@ -4705,7 +4666,8 @@ function createHighlightPlugin(options = { row: true }) {
     },
     onCellMouseEnter(row, column, context) {
       if (!rowEnabled && !columnEnabled && !cellEnabled) return;
-      if (context.state.rowKey === row.key && context.state.columnKey === column.key) return;
+      if (context.state.rowKey === row.key && context.state.columnKey === column.key)
+        return;
       context.setState({ rowKey: row.key, columnKey: column.key });
     },
     onRowMouseLeave(row, context) {
@@ -4717,7 +4679,11 @@ function sameCellAddress(left, right) {
   return Object.is(left.rowKey, right.rowKey) && left.columnKey === right.columnKey;
 }
 function isInteractiveTableTarget(target) {
-  return target instanceof Element && Boolean(target.closest("button, input, textarea, select, a, [contenteditable='true'], [role='button'], [role='separator']"));
+  return target instanceof Element && Boolean(
+    target.closest(
+      "button, input, textarea, select, a, [contenteditable='true'], [role='button'], [role='separator']"
+    )
+  );
 }
 function createCellSelectionPlugin(options = {}) {
   let dragMode = null;
@@ -4774,9 +4740,14 @@ function createCellSelectionPlugin(options = {}) {
     const rows = context.rows;
     const columns = selectableColumns(context);
     const range = context.state.range;
-    if (snapshotCache?.rows === rows && snapshotCache.columns.length === columns.length && snapshotCache.columns.every((column, index) => column === columns[index]) && snapshotCache.range === range) return snapshotCache;
+    if (snapshotCache?.rows === rows && snapshotCache.columns.length === columns.length && snapshotCache.columns.every(
+      (column, index) => column === columns[index]
+    ) && snapshotCache.range === range)
+      return snapshotCache;
     const rowIndexes = new Map(rows.map((row, index) => [row.key, index]));
-    const columnIndexes = new Map(columns.map((column, index) => [column.key, index]));
+    const columnIndexes = new Map(
+      columns.map((column, index) => [column.key, index])
+    );
     const anchorRow = range ? rowIndexes.get(range.anchor.rowKey) : void 0;
     const focusRow = range ? rowIndexes.get(range.focus.rowKey) : void 0;
     const anchorColumn = range ? columnIndexes.get(range.anchor.columnKey) : void 0;
@@ -4797,19 +4768,30 @@ function createCellSelectionPlugin(options = {}) {
   }
   function selectedCells(context) {
     const snapshot = getSnapshot(context);
-    if (!snapshot.range || snapshot.top < 0) return [];
+    if (!snapshot.range || snapshot.top < 0)
+      return [];
     const cells = [];
     for (let rowIndex = snapshot.top; rowIndex <= snapshot.bottom; rowIndex += 1) {
       const row = snapshot.rows[rowIndex];
       for (let columnIndex = snapshot.left; columnIndex <= snapshot.right; columnIndex += 1) {
         const column = snapshot.columns[columnIndex];
-        if (!(options.isCellSelectable?.(row.record, column, rowIndex, columnIndex) ?? true)) continue;
+        if (!(options.isCellSelectable?.(
+          row.record,
+          column,
+          rowIndex,
+          columnIndex
+        ) ?? true))
+          continue;
         cells.push({
           rowKey: row.key,
           columnKey: column.key,
           record: row.record,
           column,
-          value: getTableValue(row.record, column.dataIndex, column.code ?? column.key),
+          value: getTableValue(
+            row.record,
+            column.dataIndex,
+            column.code ?? column.key
+          ),
           rowIndex,
           columnIndex
         });
@@ -4823,9 +4805,18 @@ function createCellSelectionPlugin(options = {}) {
     return snapshot.columns.slice(snapshot.left, snapshot.right + 1);
   }
   function clipboardCellText(row, column, rowIndex) {
-    const value = getTableValue(row.record, column.dataIndex, column.code ?? column.key);
+    const value = getTableValue(
+      row.record,
+      column.dataIndex,
+      column.code ?? column.key
+    );
     const info = { row, rowIndex, column };
-    const exported = column.exportRender?.(value, row.record, row.sourceIndex, info);
+    const exported = column.exportRender?.(
+      value,
+      row.record,
+      row.sourceIndex,
+      info
+    );
     if (exported !== void 0) return tableExportText(exported);
     if (column.editable) return tableExportCell(value, true);
     const rendered = column.render?.(value, row.record, row.sourceIndex, info);
@@ -4837,46 +4828,81 @@ function createCellSelectionPlugin(options = {}) {
     const columns = selectedColumns(context);
     const lines = [];
     if (context.state.includeHeaders && columns.length > 0) {
-      const paths = columns.map((column) => findColumnPath(sortTableColumnsByFixed(context.columns), column.key) ?? [column]);
-      const maximumDepth = paths.reduce((maximum, path) => Math.max(maximum, path.length), 1);
+      const paths = columns.map(
+        (column) => findColumnPath(
+          sortTableColumnsByFixed(context.columns),
+          column.key
+        ) ?? [column]
+      );
+      const maximumDepth = paths.reduce(
+        (maximum, path) => Math.max(maximum, path.length),
+        1
+      );
       for (let depth = 0; depth < maximumDepth; depth += 1) {
-        lines.push(paths.map((path) => {
-          const offset = maximumDepth - path.length;
-          return depth < offset ? "" : tableExportEscape(getColumnLabel(path[depth - offset]), "	");
-        }).join("	"));
+        lines.push(
+          paths.map((path) => {
+            const offset = maximumDepth - path.length;
+            return depth < offset ? "" : tableExportEscape(getColumnLabel(path[depth - offset]), "	");
+          }).join("	")
+        );
       }
     }
     for (let rowIndex = snapshot.top; rowIndex <= snapshot.bottom; rowIndex += 1) {
       const row = snapshot.rows[rowIndex];
-      lines.push(columns.map((column, columnOffset) => {
-        const columnIndex = snapshot.left + columnOffset;
-        if (!(options.isCellSelectable?.(row.record, column, rowIndex, columnIndex) ?? true)) return "";
-        return tableExportEscape(clipboardCellText(row, column, rowIndex), "	");
-      }).join("	"));
+      lines.push(
+        columns.map((column, columnOffset) => {
+          const columnIndex = snapshot.left + columnOffset;
+          if (!(options.isCellSelectable?.(
+            row.record,
+            column,
+            rowIndex,
+            columnIndex
+          ) ?? true))
+            return "";
+          return tableExportEscape(
+            clipboardCellText(row, column, rowIndex),
+            "	"
+          );
+        }).join("	")
+      );
     }
     return lines.join("\r\n");
   }
   function setSelection(context, range, includeHeaders = false, selectedHeaderKey = null) {
     rememberContext(context);
     snapshotCache = null;
-    const nextState = { range, includeHeaders: Boolean(range) && includeHeaders, selectedHeaderKey: range ? selectedHeaderKey : null };
+    const nextState = {
+      range,
+      includeHeaders: Boolean(range) && includeHeaders,
+      selectedHeaderKey: range ? selectedHeaderKey : null
+    };
     context.setState((previous) => {
-      if (previous.range === range && previous.includeHeaders === nextState.includeHeaders && previous.selectedHeaderKey === nextState.selectedHeaderKey) return previous;
-      if (previous.range && range && sameCellAddress(previous.range.anchor, range.anchor) && sameCellAddress(previous.range.focus, range.focus) && previous.includeHeaders === nextState.includeHeaders && previous.selectedHeaderKey === nextState.selectedHeaderKey) return previous;
+      if (previous.range === range && previous.includeHeaders === nextState.includeHeaders && previous.selectedHeaderKey === nextState.selectedHeaderKey)
+        return previous;
+      if (previous.range && range && sameCellAddress(previous.range.anchor, range.anchor) && sameCellAddress(previous.range.focus, range.focus) && previous.includeHeaders === nextState.includeHeaders && previous.selectedHeaderKey === nextState.selectedHeaderKey)
+        return previous;
       return nextState;
     });
-    options.onChange?.(range, range ? selectedCells({ ...context, state: nextState }) : []);
+    options.onChange?.(
+      range,
+      range ? selectedCells({ ...context, state: nextState }) : []
+    );
   }
   function selectRows(context, anchorRowKey, focusRowKey) {
     const columns = selectableColumns(context);
     if (columns.length === 0) return;
     setSelection(context, {
       anchor: { rowKey: anchorRowKey, columnKey: columns[0].key },
-      focus: { rowKey: focusRowKey, columnKey: columns[columns.length - 1].key }
+      focus: {
+        rowKey: focusRowKey,
+        columnKey: columns[columns.length - 1].key
+      }
     });
   }
   function headerColumns(column, snapshot) {
-    return flattenTableColumns([column]).filter((item) => snapshot.columnIndexes.has(item.key));
+    return flattenTableColumns([column]).filter(
+      (item) => snapshot.columnIndexes.has(item.key)
+    );
   }
   function selectHeaders(anchor, focus, context) {
     const snapshot = getSnapshot(context);
@@ -4888,22 +4914,38 @@ function createCellSelectionPlugin(options = {}) {
     if (indexes.length === 0) return;
     const left = Math.min(...indexes);
     const right = Math.max(...indexes);
-    setSelection(context, {
-      anchor: { rowKey: snapshot.rows[0].key, columnKey: snapshot.columns[left].key },
-      focus: { rowKey: snapshot.rows[snapshot.rows.length - 1].key, columnKey: snapshot.columns[right].key }
-    }, true, anchor.key);
+    setSelection(
+      context,
+      {
+        anchor: {
+          rowKey: snapshot.rows[0].key,
+          columnKey: snapshot.columns[left].key
+        },
+        focus: {
+          rowKey: snapshot.rows[snapshot.rows.length - 1].key,
+          columnKey: snapshot.columns[right].key
+        }
+      },
+      true,
+      anchor.key
+    );
   }
   return {
     id: "cellSelection",
     order: 18,
-    initialState: { range: options.defaultRange ?? null, includeHeaders: false, selectedHeaderKey: null },
+    initialState: {
+      range: options.defaultRange ?? null,
+      includeHeaders: false,
+      selectedHeaderKey: null
+    },
     getCellProps(row, column, context) {
       rememberContext(context);
       if (!isSelectable(row, column, context)) return void 0;
       const snapshot = getSnapshot(context);
       const rowIndex = snapshot.rowIndexes.get(row.key);
       const columnIndex = snapshot.columnIndexes.get(column.key);
-      if (rowIndex === void 0 || columnIndex === void 0 || rowIndex < snapshot.top || rowIndex > snapshot.bottom || columnIndex < snapshot.left || columnIndex > snapshot.right) return void 0;
+      if (rowIndex === void 0 || columnIndex === void 0 || rowIndex < snapshot.top || rowIndex > snapshot.bottom || columnIndex < snapshot.left || columnIndex > snapshot.right)
+        return void 0;
       const multiple = snapshot.top !== snapshot.bottom || snapshot.left !== snapshot.right;
       return {
         className: [
@@ -4923,7 +4965,8 @@ function createCellSelectionPlugin(options = {}) {
       const columns = headerColumns(column, snapshot);
       if (columns.length === 0) return void 0;
       const indexes = columns.map((item) => snapshot.columnIndexes.get(item.key)).filter((index) => index !== void 0);
-      if (indexes.length === 0 || indexes.some((index) => index < snapshot.left || index > snapshot.right)) return void 0;
+      if (indexes.length === 0 || indexes.some((index) => index < snapshot.left || index > snapshot.right))
+        return void 0;
       return {
         className: [
           "sia-table__header-cell--range-selected",
@@ -4937,7 +4980,10 @@ function createCellSelectionPlugin(options = {}) {
         event.preventDefault();
         window.getSelection()?.removeAllRanges();
         focusTable(event.currentTarget);
-        dragAnchor = { rowKey: row.key, columnKey: selectableColumns(context)[0]?.key ?? column.key };
+        dragAnchor = {
+          rowKey: row.key,
+          columnKey: selectableColumns(context)[0]?.key ?? column.key
+        };
         dragMode = "rows";
         selectRows(context, row.key, row.key);
         return;
@@ -4967,10 +5013,14 @@ function createCellSelectionPlugin(options = {}) {
       if (!isSelectable(row, column, context)) return;
       event.preventDefault();
       window.getSelection()?.removeAllRanges();
-      setSelection(context, { anchor: dragAnchor, focus: { rowKey: row.key, columnKey: column.key } });
+      setSelection(context, {
+        anchor: dragAnchor,
+        focus: { rowKey: row.key, columnKey: column.key }
+      });
     },
     onHeaderPointerDown(column, event, context) {
-      if (event.button !== 0 || isInteractiveTableTarget(event.target) || column.meta?.plugin === "selection") return;
+      if (event.button !== 0 || isInteractiveTableTarget(event.target) || column.meta?.plugin === "selection")
+        return;
       event.preventDefault();
       window.getSelection()?.removeAllRanges();
       focusTable(event.currentTarget);
@@ -5000,7 +5050,8 @@ function createCellSelectionPlugin(options = {}) {
       };
       const handleCopy = (event) => {
         const context = latestContext;
-        if (options.copyable === false || !context || !activeRoot || !activeRoot.contains(document.activeElement) || isInteractiveTableTarget(document.activeElement)) return;
+        if (options.copyable === false || !context || !activeRoot || !activeRoot.contains(document.activeElement) || isInteractiveTableTarget(document.activeElement))
+          return;
         const text = copyText(context);
         if (!text) return;
         event.preventDefault();
@@ -5050,10 +5101,20 @@ function createRowSpanPlugin(options = {}) {
       for (const column of configured) {
         let start = 0;
         while (start < rows.length) {
-          const value = getRowSpanGroupValue(column, rows[start].record, start, records);
+          const value = getRowSpanGroupValue(
+            column,
+            rows[start].record,
+            start,
+            records
+          );
           let end = start + 1;
           while (end < rows.length) {
-            const nextValue = getRowSpanGroupValue(column, rows[end].record, end, records);
+            const nextValue = getRowSpanGroupValue(
+              column,
+              rows[end].record,
+              end,
+              records
+            );
             const equal = options.equals?.(value, nextValue, column) ?? Object.is(value, nextValue);
             if (!equal) break;
             end += 1;
@@ -5080,7 +5141,11 @@ function createRowSpanPlugin(options = {}) {
       const records = context.rows.map((item) => item.record);
       return {
         ...cell,
-        className: ["sia-table__cell--row-span", "sia-table__cell--merge-sticky", config.className].filter(Boolean).join(" "),
+        className: [
+          "sia-table__cell--row-span",
+          "sia-table__cell--merge-sticky",
+          config.className
+        ].filter(Boolean).join(" "),
         style: {
           ...config.style,
           textAlign: config.align,
@@ -5103,7 +5168,9 @@ function TableSelectedItemsPanel({
   const [showAll, setShowAll] = useState16(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]));
+  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: [
@@ -5111,7 +5178,16 @@ function TableSelectedItemsPanel({
         /* @__PURE__ */ jsx20("span", { children: entries.length }),
         " \u9879"
       ] }),
-      /* @__PURE__ */ jsx20(Button, { size: "small", variant: "link", disabled: entries.length === 0, onClick: onClear, children: "\u6E05\u7A7A" })
+      /* @__PURE__ */ jsx20(
+        Button,
+        {
+          size: "small",
+          variant: "link",
+          disabled: entries.length === 0,
+          onClick: onClear,
+          children: "\u6E05\u7A7A"
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx20("div", { className: "sia-table-selection-panel__body", children: /* @__PURE__ */ jsxs19("table", { children: [
       /* @__PURE__ */ jsx20("thead", { children: /* @__PURE__ */ jsxs19("tr", { children: [
@@ -5120,14 +5196,38 @@ function TableSelectedItemsPanel({
       ] }) }),
       /* @__PURE__ */ jsx20("tbody", { children: visibleEntries.map((entry, selectedIndex) => /* @__PURE__ */ jsxs19("tr", { children: [
         columns.map((column) => {
-          if (column.meta?.plugin === "index") return /* @__PURE__ */ jsx20("td", { children: entry.sourceIndex + 1 }, column.key);
+          if (column.meta?.plugin === "index")
+            return /* @__PURE__ */ jsx20("td", { children: entry.sourceIndex + 1 }, column.key);
           const baseColumn = baseColumnMap.get(column.key) ?? column;
-          const value = getTableValue(entry.record, baseColumn.dataIndex, baseColumn.code ?? baseColumn.key);
-          const row = { key: entry.key, record: entry.record, sourceIndex: entry.sourceIndex, depth: 0, meta: {} };
-          const content = baseColumn.render?.(value, entry.record, entry.sourceIndex, { row, rowIndex: entry.sourceIndex, column: baseColumn }) ?? value;
+          const value = getTableValue(
+            entry.record,
+            baseColumn.dataIndex,
+            baseColumn.code ?? baseColumn.key
+          );
+          const row = {
+            key: entry.key,
+            record: entry.record,
+            sourceIndex: entry.sourceIndex,
+            depth: 0,
+            meta: {}
+          };
+          const content = baseColumn.render?.(
+            value,
+            entry.record,
+            entry.sourceIndex,
+            { row, rowIndex: entry.sourceIndex, column: baseColumn }
+          ) ?? value;
           return /* @__PURE__ */ jsx20("td", { children: content }, column.key);
         }),
-        /* @__PURE__ */ jsx20("td", { children: /* @__PURE__ */ jsx20(Button, { size: "small", variant: "link", onClick: () => onRemove(entry.key), children: "\u53D6\u6D88" }) })
+        /* @__PURE__ */ jsx20("td", { children: /* @__PURE__ */ jsx20(
+          Button,
+          {
+            size: "small",
+            variant: "link",
+            onClick: () => onRemove(entry.key),
+            children: "\u53D6\u6D88"
+          }
+        ) })
       ] }, entry.key)) })
     ] }) }),
     hiddenCount > 0 ? /* @__PURE__ */ jsxs19("div", { className: "sia-table-selection-panel__more", children: [
@@ -5152,14 +5252,32 @@ function createSelectionPlugin(options = {}) {
   }
   function entriesForKeys(keys, context) {
     const records = allRecords(context);
-    const currentRows = new Map(records.map((record, index) => [context.getRowKey(record, index), { key: context.getRowKey(record, index), record, sourceIndex: index }]));
+    const currentRows = new Map(
+      records.map(
+        (record, index) => [
+          context.getRowKey(record, index),
+          {
+            key: context.getRowKey(record, index),
+            record,
+            sourceIndex: index
+          }
+        ]
+      )
+    );
     if (preserving(context)) {
       for (const key of keys) {
         const entry = currentRows.get(key);
         if (entry) preservedRows.set(key, entry.record);
       }
-      for (const key of preservedRows.keys()) if (!keys.includes(key)) preservedRows.delete(key);
-      return keys.map((key, selectedIndex) => currentRows.get(key) ?? (preservedRows.has(key) ? { key, record: preservedRows.get(key), sourceIndex: selectedIndex } : void 0)).filter((entry) => entry !== void 0);
+      for (const key of preservedRows.keys())
+        if (!keys.includes(key)) preservedRows.delete(key);
+      return keys.map(
+        (key, selectedIndex) => currentRows.get(key) ?? (preservedRows.has(key) ? {
+          key,
+          record: preservedRows.get(key),
+          sourceIndex: selectedIndex
+        } : void 0)
+      ).filter((entry) => entry !== void 0);
     }
     return keys.map((key) => currentRows.get(key)).filter((entry) => entry !== void 0);
   }
@@ -5168,31 +5286,48 @@ function createSelectionPlugin(options = {}) {
   }
   function setKeys(keys, context) {
     if (keys.length === 0) preservedRows.clear();
-    context.setState((state) => ({ ...state, selectedKeys: keys, panelOpen: keys.length > 0 && state.panelOpen }));
+    context.setState((state) => ({
+      ...state,
+      selectedKeys: keys,
+      panelOpen: keys.length > 0 && state.panelOpen
+    }));
     options.onChange?.(keys, rowsForKeys(keys, context));
   }
   function setPreserving(preserve, context) {
     if (preserve === preserving(context)) return;
     if (!preserve) {
       const pageKeys = new Set(context.rows.map((row) => row.key));
-      const currentPageKeys = selected(context).filter((key) => pageKeys.has(key));
+      const currentPageKeys = selected(context).filter(
+        (key) => pageKeys.has(key)
+      );
       setKeys(currentPageKeys, context);
       preservedRows.clear();
     }
-    context.setState((state) => ({ ...state, preserveSelectedRowKeys: preserve }));
+    context.setState((state) => ({
+      ...state,
+      preserveSelectedRowKeys: preserve
+    }));
     options.onPreserveSelectedRowKeysChange?.(preserve);
   }
   function toggle(key, record, context, checked) {
     if (options.getCheckboxDisabled?.(record)) return;
     const keys = selected(context);
-    if (mode === "single" || mode === "row") return setKeys(keys.includes(key) ? [] : [key], context);
+    if (mode === "single" || mode === "row")
+      return setKeys(keys.includes(key) ? [] : [key], context);
     const nextChecked = checked ?? !keys.includes(key);
-    setKeys(nextChecked ? [.../* @__PURE__ */ new Set([...keys, key])] : keys.filter((item) => item !== key), context);
+    setKeys(
+      nextChecked ? [.../* @__PURE__ */ new Set([...keys, key])] : keys.filter((item) => item !== key),
+      context
+    );
   }
   return {
     id: "selection",
     order: 20,
-    initialState: { selectedKeys: options.defaultSelectedKeys ?? [], preserveSelectedRowKeys: options.preserveSelectedRowKeys ?? false, panelOpen: false },
+    initialState: {
+      selectedKeys: options.defaultSelectedKeys ?? [],
+      preserveSelectedRowKeys: options.preserveSelectedRowKeys ?? false,
+      panelOpen: false
+    },
     transformColumns(columns, context) {
       if (mode === "row") return columns;
       const selectionColumn = {
@@ -5208,16 +5343,48 @@ function createSelectionPlugin(options = {}) {
         meta: { plugin: "selection" },
         renderHeader: () => {
           if (mode !== "multiple") return null;
-          const enabledRows = context.rows.filter((row) => !options.getCheckboxDisabled?.(row.record));
+          const enabledRows = context.rows.filter(
+            (row) => !options.getCheckboxDisabled?.(row.record)
+          );
           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(TableCheckbox, { label: "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C", checked: allChecked, indeterminate: !allChecked && someChecked, onChange: (checked) => {
-            const pageKeys = enabledRows.map((row) => row.key);
-            setKeys(checked ? [.../* @__PURE__ */ new Set([...keys, ...pageKeys])] : keys.filter((key) => !pageKeys.includes(key)), context);
-          } });
+          return /* @__PURE__ */ jsx20(
+            TableCheckbox,
+            {
+              label: "\u9009\u62E9\u5F53\u524D\u9875\u5168\u90E8\u884C",
+              checked: allChecked,
+              indeterminate: !allChecked && someChecked,
+              onChange: (checked) => {
+                const pageKeys = enabledRows.map((row) => row.key);
+                setKeys(
+                  checked ? [.../* @__PURE__ */ new Set([...keys, ...pageKeys])] : keys.filter((key) => !pageKeys.includes(key)),
+                  context
+                );
+              }
+            }
+          );
         },
-        render: (_value, record, _index, info) => mode === "single" ? /* @__PURE__ */ jsx20(Radio2, { className: "sia-table__checkbox", value: String(info.row.key), "aria-label": `\u9009\u62E9\u7B2C ${info.rowIndex + 1} \u884C`, checked: selected(context).includes(info.row.key), disabled: options.getCheckboxDisabled?.(record), onClick: (event) => event.stopPropagation(), onChange: () => toggle(info.row.key, record, context) }) : /* @__PURE__ */ jsx20(TableCheckbox, { label: `\u9009\u62E9\u7B2C ${info.rowIndex + 1} \u884C`, checked: selected(context).includes(info.row.key), disabled: options.getCheckboxDisabled?.(record), onChange: (checked) => toggle(info.row.key, record, context, checked) })
+        render: (_value, record, _index, info) => mode === "single" ? /* @__PURE__ */ jsx20(
+          Radio2,
+          {
+            className: "sia-table__checkbox",
+            value: String(info.row.key),
+            "aria-label": `\u9009\u62E9\u7B2C ${info.rowIndex + 1} \u884C`,
+            checked: selected(context).includes(info.row.key),
+            disabled: options.getCheckboxDisabled?.(record),
+            onClick: (event) => event.stopPropagation(),
+            onChange: () => toggle(info.row.key, record, context)
+          }
+        ) : /* @__PURE__ */ jsx20(
+          TableCheckbox,
+          {
+            label: `\u9009\u62E9\u7B2C ${info.rowIndex + 1} \u884C`,
+            checked: selected(context).includes(info.row.key),
+            disabled: options.getCheckboxDisabled?.(record),
+            onChange: (checked) => toggle(info.row.key, record, context, checked)
+          }
+        )
       };
       return [selectionColumn, ...columns];
     },
@@ -5226,7 +5393,8 @@ function createSelectionPlugin(options = {}) {
     },
     onCellClick(row, column, event, context) {
       if (column.meta?.plugin !== "selection" || event.button !== 0) return;
-      if (event.target instanceof Element && event.target.closest(".sia-checkbox, .sia-radio, input")) return;
+      if (event.target instanceof Element && event.target.closest(".sia-checkbox, .sia-radio, input"))
+        return;
       event.stopPropagation();
       toggle(row.key, row.record, context);
     },
@@ -5237,13 +5405,16 @@ function createSelectionPlugin(options = {}) {
       return selected(context).includes(row.key) ? "sia-table__row--selected" : "";
     },
     onEvent(event, context) {
-      if ((event.type === "pageChange" || event.type === "pageSizeChange") && !preserving(context) && selected(context).length > 0) setKeys([], context);
+      if ((event.type === "pageChange" || event.type === "pageSizeChange") && !preserving(context) && selected(context).length > 0)
+        setKeys([], context);
     },
     renderFooter(context) {
       if (!options.showSelectedCount) return null;
       const keys = selected(context);
       const entries = entriesForKeys(keys, context);
-      const columns = flattenTableColumns(context.columns).filter((column) => !column.hidden && column.meta?.plugin !== "selection").slice(0, Math.max(1, options.selectionPanelColumnCount ?? 4));
+      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(
           Popover,
@@ -5253,17 +5424,46 @@ 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(TableSelectedItemsPanel, { entries, columns, baseColumns: context.baseColumns, maxCount: Math.max(1, options.selectionPanelMaxCount ?? 100), onRemove: (key) => {
-              setKeys(keys.filter((item) => item !== key), context);
-            }, onClear: () => setKeys([], context) }),
-            children: /* @__PURE__ */ jsxs19(Button, { className: "sia-table__selected-trigger", size: "small", variant: "link", disabled: entries.length === 0, children: [
-              "\u5DF2\u9009 ",
-              entries.length,
-              " \u6761"
-            ] })
+            content: /* @__PURE__ */ jsx20(
+              TableSelectedItemsPanel,
+              {
+                entries,
+                columns,
+                baseColumns: context.baseColumns,
+                maxCount: Math.max(1, options.selectionPanelMaxCount ?? 100),
+                onRemove: (key) => {
+                  setKeys(
+                    keys.filter((item) => item !== key),
+                    context
+                  );
+                },
+                onClear: () => setKeys([], context)
+              }
+            ),
+            children: /* @__PURE__ */ jsxs19(
+              Button,
+              {
+                className: "sia-table__selected-trigger",
+                size: "small",
+                variant: "link",
+                disabled: entries.length === 0,
+                children: [
+                  "\u5DF2\u9009 ",
+                  entries.length,
+                  " \u6761"
+                ]
+              }
+            )
           }
         ),
-        mode === "multiple" && options.showPreserveSelectedRowKeys !== false ? /* @__PURE__ */ jsx20(Checkbox, { checked: preserving(context), onChange: (checked) => setPreserving(checked, context), children: "\u8DE8\u9875\u4FDD\u7559\u52FE\u9009" }) : null
+        mode === "multiple" && options.showPreserveSelectedRowKeys !== false ? /* @__PURE__ */ jsx20(
+          Checkbox,
+          {
+            checked: preserving(context),
+            onChange: (checked) => setPreserving(checked, context),
+            children: "\u8DE8\u9875\u4FDD\u7559\u52FE\u9009"
+          }
+        ) : null
       ] });
     },
     getApi(context) {
@@ -5273,7 +5473,9 @@ function createSelectionPlugin(options = {}) {
         clear: () => setKeys([], context),
         toggle: (key, checked) => {
           const records = allRecords(context);
-          const record = records.find((item, index) => Object.is(context.getRowKey(item, index), key)) ?? preservedRows.get(key);
+          const record = records.find(
+            (item, index) => Object.is(context.getRowKey(item, index), key)
+          ) ?? preservedRows.get(key);
           if (record) toggle(key, record, context, checked);
         },
         getSelectedRows: () => rowsForKeys(selected(context), context),
@@ -5305,19 +5507,45 @@ function createSortPlugin(options = {}) {
         if (!column.sortable) return column;
         const field = Array.isArray(column.dataIndex) ? column.dataIndex.join(".") : String(column.dataIndex ?? column.code ?? column.key);
         const previousHeader = column.renderHeader;
-        return { ...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("button", { type: "button", className: "sia-table__sort-button", "aria-label": `\u5207\u6362${getColumnLabel(currentColumn)}\u6392\u5E8F`, onClick: (event) => {
-              event.stopPropagation();
-              cycle(field, context);
-            }, children: [
-              /* @__PURE__ */ jsx20(Icon, { name: "chevron-up", size: 11, className: info?.field === field && info.order === "ascend" ? "is-active" : "" }),
-              /* @__PURE__ */ jsx20(Icon, { name: "chevron-down", size: 11, className: info?.field === field && info.order === "descend" ? "is-active" : "" })
-            ] })
-          ] });
-        } };
+        return {
+          ...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(
+                "button",
+                {
+                  type: "button",
+                  className: "sia-table__sort-button",
+                  "aria-label": `\u5207\u6362${getColumnLabel(currentColumn)}\u6392\u5E8F`,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    cycle(field, context);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx20(
+                      Icon,
+                      {
+                        name: "chevron-up",
+                        size: 11,
+                        className: info?.field === field && info.order === "ascend" ? "is-active" : ""
+                      }
+                    ),
+                    /* @__PURE__ */ jsx20(
+                      Icon,
+                      {
+                        name: "chevron-down",
+                        size: 11,
+                        className: info?.field === field && info.order === "descend" ? "is-active" : ""
+                      }
+                    )
+                  ]
+                }
+              )
+            ] });
+          }
+        };
       });
     },
     transformRows(rows, context) {
@@ -5327,11 +5555,17 @@ function createSortPlugin(options = {}) {
       return rows.map((row, index) => ({ row, index })).sort((a, b) => {
         const aValue = getTableValue(a.row.record, info.field, info.field);
         const bValue = getTableValue(b.row.record, info.field, info.field);
-        const result = options.compare ? options.compare(aValue, bValue, info.field) : aValue == null && bValue == null ? 0 : aValue == null ? -1 : bValue == null ? 1 : typeof aValue === "number" && typeof bValue === "number" ? aValue - bValue : String(aValue).localeCompare(String(bValue), "zh-CN", { numeric: true });
+        const result = options.compare ? options.compare(aValue, bValue, info.field) : aValue == null && bValue == null ? 0 : aValue == null ? -1 : bValue == null ? 1 : typeof aValue === "number" && typeof bValue === "number" ? aValue - bValue : String(aValue).localeCompare(String(bValue), "zh-CN", {
+          numeric: true
+        });
         return result === 0 ? a.index - b.index : result * direction;
       }).map((item) => item.row);
     },
-    getApi: (context) => ({ getSortInfo: () => current(context), setSortInfo: (sort) => update(sort, context), clear: () => update(null, context) })
+    getApi: (context) => ({
+      getSortInfo: () => current(context),
+      setSortInfo: (sort) => update(sort, context),
+      clear: () => update(null, context)
+    })
   };
 }
 function TableFilterControl({
@@ -5343,7 +5577,7 @@ function TableFilterControl({
   const [open, setOpen] = useState16(false);
   const [draft, setDraft] = useState16(value);
   const label = getColumnLabel(column);
-  useEffect12(() => {
+  useEffect11(() => {
     if (open) setDraft(value);
   }, [open, value]);
   const apply = (nextValue) => {
@@ -5375,11 +5609,27 @@ function TableFilterControl({
             }
           ),
           /* @__PURE__ */ jsxs19("div", { className: "sia-table-filter-panel__actions", children: [
-            /* @__PURE__ */ jsx20(Button, { size: "small", disabled: !value && !draft, onClick: () => {
-              setDraft("");
-              apply("");
-            }, children: "\u6E05\u9664" }),
-            /* @__PURE__ */ jsx20(Button, { size: "small", variant: "primary", onClick: () => apply(draft), children: "\u5E94\u7528" })
+            /* @__PURE__ */ jsx20(
+              Button,
+              {
+                size: "small",
+                disabled: !value && !draft,
+                onClick: () => {
+                  setDraft("");
+                  apply("");
+                },
+                children: "\u6E05\u9664"
+              }
+            ),
+            /* @__PURE__ */ jsx20(
+              Button,
+              {
+                size: "small",
+                variant: "primary",
+                onClick: () => apply(draft),
+                children: "\u5E94\u7528"
+              }
+            )
           ] })
         ] }),
         children: /* @__PURE__ */ jsx20(
@@ -5403,21 +5653,37 @@ function createFilterPlugin(options = {}) {
     const filters = current(context);
     return Object.entries(filters).every(([columnKey, filterValue]) => {
       if (!filterValue) return true;
-      const column = flattenTableColumns(context.columns).find((item) => item.key === columnKey) ?? flattenTableColumns(context.baseColumns).find((item) => item.key === columnKey);
+      const column = flattenTableColumns(context.columns).find(
+        (item) => item.key === columnKey
+      ) ?? flattenTableColumns(context.baseColumns).find(
+        (item) => item.key === columnKey
+      );
       if (!column) return true;
-      const value = getTableValue(record, column.dataIndex, column.code ?? column.key);
-      if (options.predicate) return options.predicate(value, filterValue, record, column);
+      const value = getTableValue(
+        record,
+        column.dataIndex,
+        column.code ?? column.key
+      );
+      if (options.predicate)
+        return options.predicate(value, filterValue, record, column);
       const normalizedFilter = filterValue.toLocaleLowerCase();
-      if (value === null || value === void 0) return normalizedFilter === "null" || normalizedFilter === "\u7A7A";
+      if (value === null || value === void 0)
+        return normalizedFilter === "null" || normalizedFilter === "\u7A7A";
       const text = typeof value === "object" ? JSON.stringify(value) : String(value);
       return text.toLocaleLowerCase().includes(normalizedFilter);
     });
   };
   const update = (filters, context) => {
-    const normalized = Object.fromEntries(Object.entries(filters).filter(([, value]) => value.trim()).map(([key, value]) => [key, value.trim()]));
+    const normalized = Object.fromEntries(
+      Object.entries(filters).filter(([, value]) => value.trim()).map(([key, value]) => [key, value.trim()])
+    );
     context.setState({ filters: normalized });
     const pagination = context.getState("pagination");
-    if (pagination) context.setPluginState("pagination", { ...pagination, current: 1 });
+    if (pagination)
+      context.setPluginState("pagination", {
+        ...pagination,
+        current: 1
+      });
     options.onChange?.(normalized);
   };
   return {
@@ -5428,11 +5694,25 @@ function createFilterPlugin(options = {}) {
       return mapTableLeafColumns(columns, (column) => {
         if (!column.filterable) return column;
         const previousHeader = column.renderHeader;
-        return { ...column, renderHeader: (currentColumn, coreContext) => {
-          const renderedColumn = { ...currentColumn, 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(TableFilterControl, { column: renderedColumn, value: current(context)[column.key] ?? "", placeholder, onApply: (value) => update({ ...current(context), [column.key]: value }, context) });
-        } };
+        return {
+          ...column,
+          renderHeader: (currentColumn, coreContext) => {
+            const renderedColumn = {
+              ...currentColumn,
+              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(
+              TableFilterControl,
+              {
+                column: renderedColumn,
+                value: current(context)[column.key] ?? "",
+                placeholder,
+                onApply: (value) => update({ ...current(context), [column.key]: value }, context)
+              }
+            );
+          }
+        };
       });
     },
     transformRows(rows, context) {
@@ -5442,20 +5722,35 @@ function createFilterPlugin(options = {}) {
       return {
         getFilters: () => current(context),
         setFilter: (columnKey, value) => update({ ...current(context), [columnKey]: value }, context),
-        clear: (columnKey) => update(columnKey ? { ...current(context), [columnKey]: "" } : {}, context),
+        clear: (columnKey) => update(
+          columnKey ? { ...current(context), [columnKey]: "" } : {},
+          context
+        ),
         getFilteredRows: () => context.sourceData.filter((record) => matches(record, context))
       };
     }
   };
 }
 function createPaginationPlugin(options = {}) {
-  const currentPage = (context) => ({ current: options.current ?? context.state.current, pageSize: options.pageSize ?? context.state.pageSize });
+  const currentPage = (context) => ({
+    current: options.current ?? context.state.current,
+    pageSize: options.pageSize ?? context.state.pageSize
+  });
   const setPage = (next, context, notify = true) => {
     const previous = currentPage(context);
-    const page = { current: Math.max(1, next.current ?? previous.current), pageSize: Math.max(1, next.pageSize ?? previous.pageSize) };
+    const page = {
+      current: Math.max(1, next.current ?? previous.current),
+      pageSize: Math.max(1, next.pageSize ?? previous.pageSize)
+    };
     context.setState((state) => ({ ...state, ...page }));
-    if (page.pageSize !== previous.pageSize) context.emit({ type: "pageSizeChange", source: "pagination", payload: page.pageSize });
-    if (page.current !== previous.current) context.emit({ type: "pageChange", source: "pagination", payload: page });
+    if (page.pageSize !== previous.pageSize)
+      context.emit({
+        type: "pageSizeChange",
+        source: "pagination",
+        payload: page.pageSize
+      });
+    if (page.current !== previous.current)
+      context.emit({ type: "pageChange", source: "pagination", payload: page });
     if (notify) options.onChange?.(page.current, page.pageSize);
   };
   const requestCount = async (model, context) => {
@@ -5470,15 +5765,27 @@ function createPaginationPlugin(options = {}) {
   return {
     id: "pagination",
     order: 50,
-    initialState: { current: options.defaultCurrent ?? 1, pageSize: options.defaultPageSize ?? 25, requestLoading: false },
+    initialState: {
+      current: options.defaultCurrent ?? 1,
+      pageSize: options.defaultPageSize ?? 25,
+      requestLoading: false
+    },
     onMount(context) {
-      if (options.isFirstLoad) options.onChange?.(currentPage(context).current, currentPage(context).pageSize, true);
+      if (options.isFirstLoad)
+        options.onChange?.(
+          currentPage(context).current,
+          currentPage(context).pageSize,
+          true
+        );
     },
     transformRows(rows, context) {
       const page = currentPage(context);
       const mode = options.mode ?? "auto";
       const serverPagination = mode === "server" || mode === "auto" && options.totalCount != null && options.totalCount > context.sourceData.length;
-      return serverPagination ? rows : rows.slice((page.current - 1) * page.pageSize, page.current * page.pageSize);
+      return serverPagination ? rows : rows.slice(
+        (page.current - 1) * page.pageSize,
+        page.current * page.pageSize
+      );
     },
     renderFooter(context) {
       const page = currentPage(context);
@@ -5504,9 +5811,15 @@ function createPaginationPlugin(options = {}) {
         setPage: (page) => setPage(page, context),
         generatePageParams: (model) => {
           const page = currentPage(context);
-          const next = { current: typeof model.pageIndex === "number" ? model.pageIndex : page.current, pageSize: typeof model.pageSize === "number" ? model.pageSize : page.pageSize };
+          const next = {
+            current: typeof model.pageIndex === "number" ? model.pageIndex : page.current,
+            pageSize: typeof model.pageSize === "number" ? model.pageSize : page.pageSize
+          };
           setPage(next, context, false);
-          return { ...model, ...toTablePageParams(next.current, next.pageSize) };
+          return {
+            ...model,
+            ...toTablePageParams(next.current, next.pageSize)
+          };
         },
         requestCount: (model) => requestCount(model, context)
       };
@@ -5518,17 +5831,36 @@ function createIndexPlugin(options = {}) {
     id: "index",
     order: 30,
     transformColumns(columns, context) {
-      const column = { key: "__index__", title: options.title ?? "\u5E8F\u53F7", name: "\u5E8F\u53F7", width: options.width ?? 60, minWidth: 48, fixed: "left", align: "center", ellipsis: false, meta: { plugin: "index" }, render: (_value, _record, _index, info) => {
-        const page = context.getState("pagination");
-        const offset = page ? ((page.current ?? 1) - 1) * (page.pageSize ?? 0) : 0;
-        return (options.startIndex ?? 1) + offset + info.rowIndex;
-      } };
-      const selectionIndex = columns.findIndex((item) => item.meta?.plugin === "selection");
+      const column = {
+        key: "__index__",
+        title: options.title ?? "\u5E8F\u53F7",
+        name: "\u5E8F\u53F7",
+        width: options.width ?? 60,
+        minWidth: 48,
+        fixed: "left",
+        align: "center",
+        ellipsis: false,
+        meta: { plugin: "index" },
+        render: (_value, _record, _index, info) => {
+          const page = context.getState("pagination");
+          const offset = page ? ((page.current ?? 1) - 1) * (page.pageSize ?? 0) : 0;
+          return (options.startIndex ?? 1) + offset + info.rowIndex;
+        }
+      };
+      const selectionIndex = columns.findIndex(
+        (item) => item.meta?.plugin === "selection"
+      );
       if (selectionIndex < 0) return [column, ...columns];
-      return [...columns.slice(0, selectionIndex + 1), column, ...columns.slice(selectionIndex + 1)];
+      return [
+        ...columns.slice(0, selectionIndex + 1),
+        column,
+        ...columns.slice(selectionIndex + 1)
+      ];
     },
     getCellProps(_row, column, context) {
-      const hasSelectionColumn = context.columns.some((item) => item.meta?.plugin === "selection");
+      const hasSelectionColumn = context.columns.some(
+        (item) => item.meta?.plugin === "selection"
+      );
       return column.meta?.plugin === "index" && hasSelectionColumn ? { className: "sia-table__cell--index-action" } : void 0;
     }
   };
@@ -5536,18 +5868,24 @@ function createIndexPlugin(options = {}) {
 function createTreePlugin(options = {}) {
   const childKey = options.childrenColumnName ?? "children";
   const current = (context) => options.expandedRowKeys ?? context.state.expandedKeys;
-  const allExpandableKeys = (context) => flattenRecords(context.sourceData, childKey).filter((record) => Array.isArray(record[childKey]) && record[childKey].length > 0).map((record, index) => context.getRowKey(record, index));
+  const allExpandableKeys = (context) => flattenRecords(context.sourceData, childKey).filter(
+    (record) => Array.isArray(record[childKey]) && record[childKey].length > 0
+  ).map((record, index) => context.getRowKey(record, index));
   const setKeys = (keys, context) => {
     context.setState({ expandedKeys: keys });
     options.onExpandedRowsChange?.(keys);
   };
-  const toggle = (key, context) => setKeys(current(context).includes(key) ? current(context).filter((item) => item !== key) : [...current(context), key], context);
+  const toggle = (key, context) => setKeys(
+    current(context).includes(key) ? current(context).filter((item) => item !== key) : [...current(context), key],
+    context
+  );
   return {
     id: "tree",
     order: 60,
     initialState: { expandedKeys: options.defaultExpandedRowKeys ?? [] },
     onMount(context) {
-      if (options.defaultExpandAllRows && options.expandedRowKeys === void 0) setKeys(allExpandableKeys(context), context);
+      if (options.defaultExpandAllRows && options.expandedRowKeys === void 0)
+        setKeys(allExpandableKeys(context), context);
     },
     transformRows(rows, context) {
       if (options.ignoreChildrenColumn ?? true) return rows;
@@ -5556,9 +5894,22 @@ function createTreePlugin(options = {}) {
         for (const row of items) {
           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 } });
+          result.push({
+            ...row,
+            depth,
+            meta: { ...row.meta, treeHasChildren: hasChildren }
+          });
           if (hasChildren && current(context).includes(row.key)) {
-            walk(children.map((record, index) => ({ key: context.getRowKey(record, index), record, sourceIndex: index, depth: depth + 1, meta: {} })), depth + 1);
+            walk(
+              children.map((record, index) => ({
+                key: context.getRowKey(record, index),
+                record,
+                sourceIndex: index,
+                depth: depth + 1,
+                meta: {}
+              })),
+              depth + 1
+            );
           }
         }
       };
@@ -5572,16 +5923,47 @@ function createTreePlugin(options = {}) {
         if (wrapped || column.meta?.plugin) return column;
         wrapped = true;
         const previousRender = column.render;
-        return { ...column, render: (value, record, index, info) => /* @__PURE__ */ jsxs19("span", { className: "sia-table__tree-cell", style: { paddingLeft: info.row.depth * 18 }, children: [
-          info.row.meta.treeHasChildren ? /* @__PURE__ */ jsx20("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__ */ jsx20(Icon, { name: current(context).includes(info.row.key) ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx20("span", { className: "sia-table__tree-placeholder" }),
-          previousRender ? previousRender(value, record, index, info) : value
-        ] }) };
+        return {
+          ...column,
+          render: (value, record, index, info) => /* @__PURE__ */ jsxs19(
+            "span",
+            {
+              className: "sia-table__tree-cell",
+              style: { paddingLeft: info.row.depth * 18 },
+              children: [
+                info.row.meta.treeHasChildren ? /* @__PURE__ */ jsx20(
+                  "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__ */ jsx20(
+                      Icon,
+                      {
+                        name: current(context).includes(info.row.key) ? "chevron-down" : "chevron-right",
+                        size: 13
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx20("span", { className: "sia-table__tree-placeholder" }),
+                previousRender ? previousRender(value, record, index, info) : value
+              ]
+            }
+          )
+        };
       });
     },
-    getApi: (context) => ({ getExpandedKeys: () => current(context), setExpandedKeys: (keys) => setKeys(keys, context), expandAll: () => setKeys(allExpandableKeys(context), context), collapseAll: () => setKeys([], context) })
+    getApi: (context) => ({
+      getExpandedKeys: () => current(context),
+      setExpandedKeys: (keys) => setKeys(keys, context),
+      expandAll: () => setKeys(allExpandableKeys(context), context),
+      collapseAll: () => setKeys([], context)
+    })
   };
 }
 function createSummaryPlugin(options) {
@@ -5590,8 +5972,19 @@ function createSummaryPlugin(options) {
     order: 90,
     renderSummary(context) {
       const rows = [];
-      if (options.subTotal) rows.push({ key: "subtotal", label: options.subTotalLabel ?? "\u5C0F\u8BA1", values: typeof options.subTotal === "function" ? options.subTotal(context.rows.map((row) => row.record)) : options.subTotal });
-      if (options.total) rows.push({ key: "total", label: options.totalLabel ?? "\u603B\u8BA1", values: options.total, className: "sia-table__summary-row--total" });
+      if (options.subTotal)
+        rows.push({
+          key: "subtotal",
+          label: options.subTotalLabel ?? "\u5C0F\u8BA1",
+          values: typeof options.subTotal === "function" ? options.subTotal(context.rows.map((row) => row.record)) : options.subTotal
+        });
+      if (options.total)
+        rows.push({
+          key: "total",
+          label: options.totalLabel ?? "\u603B\u8BA1",
+          values: options.total,
+          className: "sia-table__summary-row--total"
+        });
       return rows;
     }
   };
@@ -5614,9 +6007,11 @@ function EditableTableCell({
   const editorRef = useRef14(null);
   const editValueRef = useRef14(value);
   const savingRef = useRef14(false);
-  const saveRef = useRef14(async () => {
-  });
-  useEffect12(() => {
+  const saveRef = useRef14(
+    async () => {
+    }
+  );
+  useEffect11(() => {
     if (!active) return;
     editValueRef.current = value;
     setEditValue(value);
@@ -5647,42 +6042,89 @@ function EditableTableCell({
     }
   }
   saveRef.current = save;
-  useEffect12(() => {
+  useEffect11(() => {
     if (!active || config.type === "select" || config.type === "custom") return;
     const handleOutsidePointerDown = (event) => {
       const target = event.target;
-      if (!(target instanceof Node) || editorRef.current?.contains(target)) return;
+      if (!(target instanceof Node) || editorRef.current?.contains(target))
+        return;
       void saveRef.current();
     };
     document.addEventListener("pointerdown", handleOutsidePointerDown, true);
-    return () => document.removeEventListener("pointerdown", handleOutsidePointerDown, true);
+    return () => document.removeEventListener(
+      "pointerdown",
+      handleOutsidePointerDown,
+      true
+    );
   }, [active, config.type]);
-  if (!active) return /* @__PURE__ */ jsxs19("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 })
-  ] });
+  if (!active)
+    return /* @__PURE__ */ jsxs19(
+      "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 })
+        ]
+      }
+    );
   let editor;
   if (config.type === "custom" && config.editRender) {
     editor = config.editRender(record, (next) => void save(next), onCancel);
   } else if (config.type === "inputNumber") {
-    editor = /* @__PURE__ */ jsx20(InputNumber, { ref: inputRef, size: "small", value: typeof editValue === "number" ? editValue : null, onChange: updateEditValue, disabled: saving, onBlur: () => void save(), onKeyDown: (event) => {
-      if (event.key === "Enter") {
-        const rawValue = event.currentTarget.value.trim();
-        const nextValue = rawValue === "" ? null : Number(rawValue);
-        if (nextValue === null || Number.isFinite(nextValue)) void save(nextValue);
+    editor = /* @__PURE__ */ jsx20(
+      InputNumber,
+      {
+        ref: inputRef,
+        size: "small",
+        value: typeof editValue === "number" ? editValue : null,
+        onChange: updateEditValue,
+        disabled: saving,
+        onBlur: () => void save(),
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            const rawValue = event.currentTarget.value.trim();
+            const nextValue = rawValue === "" ? null : Number(rawValue);
+            if (nextValue === null || Number.isFinite(nextValue))
+              void save(nextValue);
+          }
+          if (event.key === "Escape") onCancel();
+        }
       }
-      if (event.key === "Escape") onCancel();
-    } });
+    );
   } else if (config.type === "select") {
-    editor = /* @__PURE__ */ jsx20(Select, { size: "small", value: editValue, options: config.options ?? [], disabled: saving, onChange: (next) => {
-      updateEditValue(next);
-      void save(next);
-    } });
+    editor = /* @__PURE__ */ jsx20(
+      Select,
+      {
+        size: "small",
+        value: editValue,
+        options: config.options ?? [],
+        disabled: saving,
+        onChange: (next) => {
+          updateEditValue(next);
+          void save(next);
+        }
+      }
+    );
   } else {
-    editor = /* @__PURE__ */ jsx20(Input, { ref: inputRef, size: "small", value: String(editValue ?? ""), disabled: saving, suffix: saving ? /* @__PURE__ */ jsx20(Icon, { name: "loader", size: 13, spin: true }) : null, onChange: (event) => updateEditValue(event.target.value), onBlur: () => void save(), onKeyDown: (event) => {
-      if (event.key === "Enter") void save();
-      if (event.key === "Escape") onCancel();
-    } });
+    editor = /* @__PURE__ */ jsx20(
+      Input,
+      {
+        ref: inputRef,
+        size: "small",
+        value: String(editValue ?? ""),
+        disabled: saving,
+        suffix: saving ? /* @__PURE__ */ jsx20(Icon, { name: "loader", size: 13, spin: true }) : null,
+        onChange: (event) => updateEditValue(event.target.value),
+        onBlur: () => void save(),
+        onKeyDown: (event) => {
+          if (event.key === "Enter") void save();
+          if (event.key === "Escape") onCancel();
+        }
+      }
+    );
   }
   return /* @__PURE__ */ jsx20("div", { ref: editorRef, className: "sia-table__editor", children: editor });
 }
@@ -5696,26 +6138,60 @@ function createEditablePlugin(options = {}) {
       return mapTableLeafColumns(columns, (column) => {
         if (!column.editable) return column;
         const previousRender = column.render;
-        return { ...column, render: (value, record, index, info) => {
-          const config = typeof column.editable === "object" ? column.editable : void 0;
-          const canEdit = config?.canEdit?.(record) ?? true;
-          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(EditableTableCell, { active, editable: column.editable, value, record, content, trigger, onStart: () => context.setState({ editing: { rowKey: info.row.key, columnKey: column.key } }), onCancel: () => context.setState((state) => state.editing?.rowKey === info.row.key && state.editing.columnKey === column.key ? { editing: null } : state), onSave: async (nextValue) => await options.onCellChange?.(column.key, record, nextValue) !== false });
-        } };
+        return {
+          ...column,
+          render: (value, record, index, info) => {
+            const config = typeof column.editable === "object" ? column.editable : void 0;
+            const canEdit = config?.canEdit?.(record) ?? true;
+            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(
+              EditableTableCell,
+              {
+                active,
+                editable: column.editable,
+                value,
+                record,
+                content,
+                trigger,
+                onStart: () => context.setState({
+                  editing: { rowKey: info.row.key, columnKey: column.key }
+                }),
+                onCancel: () => context.setState(
+                  (state) => state.editing?.rowKey === info.row.key && state.editing.columnKey === column.key ? { editing: null } : state
+                ),
+                onSave: async (nextValue) => await options.onCellChange?.(
+                  column.key,
+                  record,
+                  nextValue
+                ) !== false
+              }
+            );
+          }
+        };
       });
     },
-    getApi: (context) => ({ cancel: () => context.setState({ editing: null }), getEditingCell: () => context.state.editing })
+    getApi: (context) => ({
+      cancel: () => context.setState({ editing: null }),
+      getEditingCell: () => context.state.editing
+    })
   };
 }
 function createResizePlugin(options = {}) {
   const enabled = options.enabled ?? true;
   function setWidth(columnKey, width, context, notify = false) {
-    context.setState((state) => ({ ...state, widths: { ...state.widths, [columnKey]: width } }));
+    context.setState((state) => ({
+      ...state,
+      widths: { ...state.widths, [columnKey]: width }
+    }));
     if (notify) {
       options.onResize?.(columnKey, width);
-      context.emit({ type: "columnResize", source: "resize", payload: { columnKey, width } });
+      context.emit({
+        type: "columnResize",
+        source: "resize",
+        payload: { columnKey, width }
+      });
     }
   }
   return {
@@ -5729,61 +6205,98 @@ function createResizePlugin(options = {}) {
         const configuredWidth = context.state.widths[column.key] ?? column.width;
         const width = configuredWidth ?? (autoWidth ? void 0 : 160);
         const previousHeader = column.renderHeader;
-        return { ...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("span", { className: "sia-table__resize-handle", role: "separator", "aria-label": `\u8C03\u6574${getColumnLabel(currentColumn)}\u5217\u5BBD`, onMouseDown: (event) => {
-            if (event.button !== 0) return;
-            event.preventDefault();
-            event.stopPropagation();
-            const startX = event.clientX;
-            const header = event.currentTarget.closest("th");
-            const table = header?.closest("table");
-            const viewport = table?.closest(".sia-table__viewport");
-            const renderedWidths = {};
-            table?.querySelectorAll("colgroup > col[data-column-key]").forEach((element) => {
-              const measured = element.getBoundingClientRect().width;
-              if (measured > 0) renderedWidths[element.dataset.columnKey] = measured;
-            });
-            const startWidth = header?.getBoundingClientRect().width ?? currentColumn.width ?? width ?? 160;
-            const startScrollLeft = viewport?.scrollLeft ?? 0;
-            const minWidth = column.minWidth ?? 56;
-            const maxWidth = column.maxWidth ?? Number.POSITIVE_INFINITY;
-            let finalWidth = startWidth;
-            let moved = false;
-            const previousCursor = document.body.style.cursor;
-            const previousUserSelect = document.body.style.userSelect;
-            const move = (moveEvent) => {
-              const scrollDelta = normalizeFixed(column.fixed) ? 0 : (viewport?.scrollLeft ?? 0) - startScrollLeft;
-              finalWidth = Math.min(maxWidth, Math.max(minWidth, startWidth + moveEvent.clientX - startX + scrollDelta));
-              moved = true;
-              context.setState((state) => ({
-                ...state,
-                manualLayout: true,
-                widths: { ...state.widths, ...renderedWidths, [column.key]: finalWidth }
-              }));
-            };
-            const up = () => {
-              document.removeEventListener("mousemove", move);
-              document.removeEventListener("mouseup", up);
-              window.removeEventListener("blur", up);
-              document.body.style.cursor = previousCursor;
-              document.body.style.userSelect = previousUserSelect;
-              if (moved) setWidth(column.key, finalWidth, context, true);
-            };
-            document.addEventListener("mousemove", move);
-            document.addEventListener("mouseup", up);
-            window.addEventListener("blur", up);
-            document.body.style.cursor = "ew-resize";
-            document.body.style.userSelect = "none";
-          } })
-        ] }) };
+        return {
+          ...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(
+              "span",
+              {
+                className: "sia-table__resize-handle",
+                role: "separator",
+                "aria-label": `\u8C03\u6574${getColumnLabel(currentColumn)}\u5217\u5BBD`,
+                onMouseDown: (event) => {
+                  if (event.button !== 0) return;
+                  event.preventDefault();
+                  event.stopPropagation();
+                  const startX = event.clientX;
+                  const header = event.currentTarget.closest("th");
+                  const table = header?.closest("table");
+                  const viewport = table?.closest(
+                    ".sia-table__viewport"
+                  );
+                  const renderedWidths = {};
+                  table?.querySelectorAll(
+                    "colgroup > col[data-column-key]"
+                  ).forEach((element) => {
+                    const measured = element.getBoundingClientRect().width;
+                    if (measured > 0)
+                      renderedWidths[element.dataset.columnKey] = measured;
+                  });
+                  const startWidth = header?.getBoundingClientRect().width ?? currentColumn.width ?? width ?? 160;
+                  const startScrollLeft = viewport?.scrollLeft ?? 0;
+                  const minWidth = column.minWidth ?? 56;
+                  const maxWidth = column.maxWidth ?? Number.POSITIVE_INFINITY;
+                  let finalWidth = startWidth;
+                  let moved = false;
+                  const previousCursor = document.body.style.cursor;
+                  const previousUserSelect = document.body.style.userSelect;
+                  const move = (moveEvent) => {
+                    const scrollDelta = normalizeFixed(column.fixed) ? 0 : (viewport?.scrollLeft ?? 0) - startScrollLeft;
+                    finalWidth = Math.min(
+                      maxWidth,
+                      Math.max(
+                        minWidth,
+                        startWidth + moveEvent.clientX - startX + scrollDelta
+                      )
+                    );
+                    moved = true;
+                    context.setState((state) => ({
+                      ...state,
+                      manualLayout: true,
+                      widths: {
+                        ...state.widths,
+                        ...renderedWidths,
+                        [column.key]: finalWidth
+                      }
+                    }));
+                  };
+                  const up = () => {
+                    document.removeEventListener("mousemove", move);
+                    document.removeEventListener("mouseup", up);
+                    window.removeEventListener("blur", up);
+                    document.body.style.cursor = previousCursor;
+                    document.body.style.userSelect = previousUserSelect;
+                    if (moved) setWidth(column.key, finalWidth, context, true);
+                  };
+                  document.addEventListener("mousemove", move);
+                  document.addEventListener("mouseup", up);
+                  window.addEventListener("blur", up);
+                  document.body.style.cursor = "ew-resize";
+                  document.body.style.userSelect = "none";
+                }
+              }
+            )
+          ] })
+        };
       });
     },
-    getApi: (context) => ({ getWidths: () => context.state.widths, setWidth: (columnKey, width) => setWidth(columnKey, width, context, true) })
+    getApi: (context) => ({
+      getWidths: () => context.state.widths,
+      setWidth: (columnKey, width) => setWidth(columnKey, width, context, true)
+    })
   };
 }
 function createColumnSettingItems(columns, visibleKeys) {
-  return flattenTableColumns(columns).map((column, order) => ({ key: column.key, width: column.width, fixed: normalizeFixed(column.fixed), visible: !column.hidden && (!visibleKeys || visibleKeys.includes(column.key)), order }));
+  return flattenTableColumns(columns).map((column, order) => ({
+    key: column.key,
+    width: column.width,
+    fixed: normalizeFixed(column.fixed),
+    visible: !column.hidden && (!visibleKeys || visibleKeys.includes(column.key)),
+    order
+  }));
 }
 function applyColumnSettingsToTree(columns, items) {
   const itemMap = new Map(items.map((item) => [item.key, item]));
@@ -5791,17 +6304,28 @@ function applyColumnSettingsToTree(columns, items) {
     if (column.children?.length) {
       const children = walk(column.children);
       if (children.length === 0) return [];
-      return [{
-        column: { ...column, children: children.map((entry) => entry.column) },
-        order: Math.min(...children.map((entry) => entry.order))
-      }];
+      return [
+        {
+          column: {
+            ...column,
+            children: children.map((entry) => entry.column)
+          },
+          order: Math.min(...children.map((entry) => entry.order))
+        }
+      ];
     }
     const item = itemMap.get(column.key);
     if (item && !item.visible) return [];
-    return [{
-      column: item ? { ...column, width: item.width ?? column.width, fixed: item.fixed } : column,
-      order: item?.order ?? items.length + sourceOrder
-    }];
+    return [
+      {
+        column: item ? {
+          ...column,
+          width: item.width ?? column.width,
+          fixed: item.fixed
+        } : column,
+        order: item?.order ?? items.length + sourceOrder
+      }
+    ];
   }).sort((left, right) => left.order - right.order);
   return walk(columns).map((entry) => entry.column);
 }
@@ -5809,17 +6333,31 @@ function orderColumnSettings(items) {
   const rank = (item) => item.fixed === "left" ? 0 : item.fixed === "right" ? 2 : 1;
   return [...items].sort((a, b) => rank(a) - rank(b)).map((item, order) => ({ ...item, order }));
 }
-function ColumnSettingPanel({ open, items, columns, loading, loadError, onRetry, onClose, onApply }) {
+function ColumnSettingPanel({
+  open,
+  items,
+  columns,
+  loading,
+  loadError,
+  onRetry,
+  onClose,
+  onApply
+}) {
   const [draft, setDraft] = useState16(items);
   const listRef = useRef14(null);
   const cancelDrag = useRef14(null);
   const [preview, setPreview] = useState16(null);
-  useEffect12(() => {
+  useEffect11(() => {
     cancelDrag.current?.();
     if (open) setDraft(orderColumnSettings(items));
   }, [items, open]);
-  useEffect12(() => () => cancelDrag.current?.(), []);
-  const labels = new Map(flattenTableColumns(columns).map((column) => [column.key, getColumnLabel(column)]));
+  useEffect11(() => () => cancelDrag.current?.(), []);
+  const labels = new Map(
+    flattenTableColumns(columns).map((column) => [
+      column.key,
+      getColumnLabel(column)
+    ])
+  );
   const visibleCount = draft.filter((item) => item.visible).length;
   function setFixed(key, fixed) {
     setDraft((previous) => {
@@ -5833,13 +6371,16 @@ function ColumnSettingPanel({ open, items, columns, loading, loadError, onRetry,
     });
   }
   function startSort(event, key) {
-    if (loading || loadError || event.button !== 0 || event.target.closest("button, input, label")) return;
+    if (loading || loadError || event.button !== 0 || event.target.closest("button, input, label"))
+      return;
     const list = listRef.current;
     if (!list) return;
     cancelDrag.current?.();
     const original = [...draft];
     const from = original.findIndex((item) => item.key === key);
-    const elements = Array.from(list.querySelectorAll(".sia-table-settings__item"));
+    const elements = Array.from(
+      list.querySelectorAll(".sia-table-settings__item")
+    );
     const rects = elements.map((element) => element.getBoundingClientRect());
     const gap = parseFloat(getComputedStyle(list).rowGap) || 0;
     const positions = original.map((_, index) => index);
@@ -5849,7 +6390,8 @@ function ColumnSettingPanel({ open, items, columns, loading, loadError, onRetry,
     let next = original;
     let frame = 0;
     let scrollParent = list.parentElement;
-    while (scrollParent && !(scrollParent.scrollHeight > scrollParent.clientHeight && /auto|scroll/.test(getComputedStyle(scrollParent).overflowY))) scrollParent = scrollParent.parentElement;
+    while (scrollParent && !(scrollParent.scrollHeight > scrollParent.clientHeight && /auto|scroll/.test(getComputedStyle(scrollParent).overflowY)))
+      scrollParent = scrollParent.parentElement;
     const initialScroll = scrollParent?.scrollTop ?? 0;
     const target = event.currentTarget;
     target.setPointerCapture(event.pointerId);
@@ -5862,7 +6404,8 @@ function ColumnSettingPanel({ open, items, columns, loading, loadError, onRetry,
       const center = rects[from].top + rects[from].height / 2 + dy;
       let to = from;
       for (const index of positions) {
-        if (index > from && center > rects[index].top + rects[index].height / 2) to = index;
+        if (index > from && center > rects[index].top + rects[index].height / 2)
+          to = index;
         if (index < from && center < rects[index].top + rects[index].height / 2) {
           to = index;
           break;
@@ -5903,7 +6446,8 @@ function ColumnSettingPanel({ open, items, columns, loading, loadError, onRetry,
       document.removeEventListener("keydown", escape, true);
       window.removeEventListener("blur", cancel);
       cancelAnimationFrame(frame);
-      if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
+      if (target.hasPointerCapture(event.pointerId))
+        target.releasePointerCapture(event.pointerId);
       document.body.style.userSelect = previousUserSelect;
       cancelDrag.current = null;
       setPreview(null);
@@ -5934,49 +6478,135 @@ function ColumnSettingPanel({ open, items, columns, loading, loadError, onRetry,
     window.addEventListener("blur", cancel);
     frame = requestAnimationFrame(tick);
   }
-  return /* @__PURE__ */ jsxs19(Drawer2, { open, title: "\u5217\u8BBE\u7F6E", size: 440, onOpenChange: (next) => {
-    if (!next) onClose();
-  }, footer: /* @__PURE__ */ jsxs19(Fragment6, { children: [
-    /* @__PURE__ */ jsx20(Button, { onClick: onClose, children: "\u53D6\u6D88" }),
-    /* @__PURE__ */ jsx20(Button, { variant: "primary", disabled: loading || loadError, onClick: () => onApply(draft), children: "\u5E94\u7528" })
-  ] }), children: [
-    loading ? /* @__PURE__ */ jsx20("p", { role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u5217\u914D\u7F6E\u2026" }) : null,
-    loadError ? /* @__PURE__ */ jsxs19("p", { role: "alert", children: [
-      "\u8BFB\u53D6\u5217\u914D\u7F6E\u5931\u8D25\u3002",
-      /* @__PURE__ */ jsx20(Button, { variant: "link", onClick: onRetry, children: "\u91CD\u8BD5" })
-    ] }) : null,
-    /* @__PURE__ */ jsxs19("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(TableCheckbox, { label: "\u5168\u9009\u5217", checked: visibleCount === draft.length && draft.length > 0, indeterminate: visibleCount > 0 && visibleCount < draft.length, onChange: (checked) => setDraft((previous) => previous.map((item) => ({ ...item, visible: checked }))) }),
-        /* @__PURE__ */ jsxs19("span", { children: [
-          "\u5168\u9009\uFF08",
-          visibleCount,
-          "/",
-          draft.length,
-          "\uFF09"
-        ] })
+  return /* @__PURE__ */ jsxs19(
+    Drawer2,
+    {
+      open,
+      title: "\u5217\u8BBE\u7F6E",
+      size: 440,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      footer: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+        /* @__PURE__ */ jsx20(Button, { onClick: onClose, children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ jsx20(
+          Button,
+          {
+            variant: "primary",
+            disabled: loading || loadError,
+            onClick: () => onApply(draft),
+            children: "\u5E94\u7528"
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx20("div", { ref: listRef, className: `sia-table-settings__list${preview ? " is-sorting" : ""}`, children: draft.map((item) => /* @__PURE__ */ jsxs19(
-        "div",
-        {
-          "data-column-key": item.key,
-          className: `sia-table-settings__item${preview?.key === item.key ? " is-dragging" : ""}`,
-          style: preview ? { transform: `translateY(${preview.offsets[item.key] ?? 0}px)` } : void 0,
-          onPointerDown: (event) => startSort(event, item.key),
-          children: [
-            /* @__PURE__ */ jsx20(Icon, { name: "menu", size: 15 }),
-            /* @__PURE__ */ jsx20(TableCheckbox, { label: `\u663E\u793A${labels.get(item.key) ?? item.key}\u5217`, checked: item.visible, onChange: (checked) => setDraft((previous) => previous.map((entry) => entry.key === item.key ? { ...entry, visible: checked } : entry)) }),
-            /* @__PURE__ */ jsx20("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(Button, { size: "small", variant: (preview?.key === item.key ? preview.fixed : item.fixed) === "left" ? "primary" : "text", "aria-label": "\u5DE6\u56FA\u5B9A", onClick: () => setFixed(item.key, item.fixed === "left" ? void 0 : "left"), children: "\u5DE6" }),
-              /* @__PURE__ */ jsx20(Button, { size: "small", variant: (preview?.key === item.key ? preview.fixed : item.fixed) === "right" ? "primary" : "text", "aria-label": "\u53F3\u56FA\u5B9A", onClick: () => setFixed(item.key, item.fixed === "right" ? void 0 : "right"), children: "\u53F3" })
-            ] })
-          ]
-        },
-        item.key
-      )) })
-    ] })
-  ] });
+      children: [
+        loadError ? /* @__PURE__ */ jsxs19("p", { role: "alert", children: [
+          "\u8BFB\u53D6\u5217\u914D\u7F6E\u5931\u8D25\u3002",
+          /* @__PURE__ */ jsx20(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(
+          "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(
+                  TableCheckbox,
+                  {
+                    label: "\u5168\u9009\u5217",
+                    checked: visibleCount === draft.length && draft.length > 0,
+                    indeterminate: visibleCount > 0 && visibleCount < draft.length,
+                    onChange: (checked) => setDraft(
+                      (previous) => previous.map((item) => ({ ...item, visible: checked }))
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs19("span", { children: [
+                  "\u5168\u9009\uFF08",
+                  visibleCount,
+                  "/",
+                  draft.length,
+                  "\uFF09"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx20(
+                "div",
+                {
+                  ref: listRef,
+                  className: `sia-table-settings__list${preview ? " is-sorting" : ""}`,
+                  children: draft.map((item) => /* @__PURE__ */ jsxs19(
+                    "div",
+                    {
+                      "data-column-key": item.key,
+                      className: `sia-table-settings__item${preview?.key === item.key ? " is-dragging" : ""}`,
+                      style: preview ? {
+                        transform: `translateY(${preview.offsets[item.key] ?? 0}px)`
+                      } : void 0,
+                      onPointerDown: (event) => startSort(event, item.key),
+                      children: [
+                        /* @__PURE__ */ jsx20(Icon, { name: "menu", size: 15 }),
+                        /* @__PURE__ */ jsx20(
+                          TableCheckbox,
+                          {
+                            label: `\u663E\u793A${labels.get(item.key) ?? item.key}\u5217`,
+                            checked: item.visible,
+                            onChange: (checked) => setDraft(
+                              (previous) => previous.map(
+                                (entry) => entry.key === item.key ? { ...entry, visible: checked } : entry
+                              )
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx20(
+                          "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(
+                            Button,
+                            {
+                              size: "small",
+                              variant: (preview?.key === item.key ? preview.fixed : item.fixed) === "left" ? "primary" : "text",
+                              "aria-label": "\u5DE6\u56FA\u5B9A",
+                              onClick: () => setFixed(
+                                item.key,
+                                item.fixed === "left" ? void 0 : "left"
+                              ),
+                              children: "\u5DE6"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx20(
+                            Button,
+                            {
+                              size: "small",
+                              variant: (preview?.key === item.key ? preview.fixed : item.fixed) === "right" ? "primary" : "text",
+                              "aria-label": "\u53F3\u56FA\u5B9A",
+                              onClick: () => setFixed(
+                                item.key,
+                                item.fixed === "right" ? void 0 : "right"
+                              ),
+                              children: "\u53F3"
+                            }
+                          )
+                        ] })
+                      ]
+                    },
+                    item.key
+                  ))
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
 }
 var columnSettingLoadTokens = /* @__PURE__ */ new WeakMap();
 function createColumnSettingPlugin(options = {}) {
@@ -5984,12 +6614,28 @@ function createColumnSettingPlugin(options = {}) {
   const currentItems = (context) => context.state.items?.length ? context.state.items : baseItems(context);
   const save = (snapshot) => options.adapter && options.scope ? options.adapter.save(options.scope, snapshot).catch(() => void 0) : Promise.resolve();
   function apply(items, context, persist = true) {
-    const normalized = orderColumnSettings([...items].sort((a, b) => a.order - b.order));
+    const normalized = orderColumnSettings(
+      [...items].sort((a, b) => a.order - b.order)
+    );
     context.setState((state) => ({ ...state, items: normalized, open: false }));
-    const columnMap = new Map(flattenTableColumns(context.baseColumns).map((column) => [column.key, column]));
-    options.onVisibleChange?.(normalized.filter((item) => item.visible).map((item) => columnMap.get(item.key)).filter(Boolean));
-    options.onOrderChange?.(normalized.map((item) => columnMap.get(item.key)).filter(Boolean));
-    if (persist) void save({ columns: normalized, pageSize: context.state.pageSize, version: 1 });
+    const columnMap = new Map(
+      flattenTableColumns(context.baseColumns).map((column) => [
+        column.key,
+        column
+      ])
+    );
+    options.onVisibleChange?.(
+      normalized.filter((item) => item.visible).map((item) => columnMap.get(item.key)).filter(Boolean)
+    );
+    options.onOrderChange?.(
+      normalized.map((item) => columnMap.get(item.key)).filter(Boolean)
+    );
+    if (persist)
+      void save({
+        columns: normalized,
+        pageSize: context.state.pageSize,
+        version: 1
+      });
   }
   function loadSettings(context, open = false) {
     const fallback = baseItems(context);
@@ -6006,20 +6652,31 @@ function createColumnSettingPlugin(options = {}) {
       loadError: false,
       loadToken: token
     }));
-    if (hasAdapter) void Promise.resolve().then(() => options.adapter.load(options.scope)).then((snapshot) => {
-      if (cancelled || columnSettingLoadTokens.get(context.setPluginState) !== token) return;
-      if (snapshot?.pageSize) context.setPluginState("pagination", (state) => ({ ...state, pageSize: snapshot.pageSize }));
-      context.setState((state) => state.loadToken !== token ? state : {
-        ...state,
-        items: snapshot?.columns?.length ? snapshot.columns : fallback,
-        pageSize: snapshot?.pageSize,
-        loaded: true,
-        loading: false,
-        loadError: false
+    if (hasAdapter)
+      void Promise.resolve().then(() => options.adapter.load(options.scope)).then((snapshot) => {
+        if (cancelled || columnSettingLoadTokens.get(context.setPluginState) !== token)
+          return;
+        if (snapshot?.pageSize)
+          context.setPluginState("pagination", (state) => ({
+            ...state,
+            pageSize: snapshot.pageSize
+          }));
+        context.setState(
+          (state) => state.loadToken !== token ? state : {
+            ...state,
+            items: snapshot?.columns?.length ? snapshot.columns : fallback,
+            pageSize: snapshot?.pageSize,
+            loaded: true,
+            loading: false,
+            loadError: false
+          }
+        );
+      }).catch(() => {
+        if (!cancelled)
+          context.setState(
+            (state) => state.loadToken !== token ? state : { ...state, loading: false, loaded: true, loadError: true }
+          );
       });
-    }).catch(() => {
-      if (!cancelled) context.setState((state) => state.loadToken !== token ? state : { ...state, loading: false, loaded: true, loadError: true });
-    });
     return () => {
       cancelled = true;
     };
@@ -6037,9 +6694,15 @@ function createColumnSettingPlugin(options = {}) {
     onEvent(event, context) {
       if (event.type === "columnResize") {
         const { columnKey, width } = event.payload;
-        const next = currentItems(context).map((item) => item.key === columnKey ? { ...item, width } : item);
+        const next = currentItems(context).map(
+          (item) => item.key === columnKey ? { ...item, width } : item
+        );
         context.setState((state) => ({ ...state, items: next }));
-        void save({ columns: next, pageSize: context.state.pageSize, version: 1 });
+        void save({
+          columns: next,
+          pageSize: context.state.pageSize,
+          version: 1
+        });
       }
       if (event.type === "pageSizeChange") {
         const pageSize = event.payload;
@@ -6048,15 +6711,30 @@ function createColumnSettingPlugin(options = {}) {
       }
     },
     renderToolbarEnd: options.showButton === false ? void 0 : (context) => {
-      const exportApi = () => context.getPluginApi("export") ?? createExportPlugin().getApi({ ...context, state: void 0, setState: () => {
-      } });
-      const customItems = (options.menuItems ?? []).filter((item) => !(item.hidden === true || typeof item.hidden === "function" && item.hidden(context)));
+      const exportApi = () => context.getPluginApi("export") ?? createExportPlugin().getApi({
+        ...context,
+        state: void 0,
+        setState: () => {
+        }
+      });
+      const customItems = (options.menuItems ?? []).filter(
+        (item) => !(item.hidden === true || typeof item.hidden === "function" && item.hidden(context))
+      );
       const items = [
         ...options.showExport === false ? [] : [
-          { key: "builtin:export", label: "\u8868\u683C\u5BFC\u51FA", icon: /* @__PURE__ */ jsx20(Icon, { name: "download", size: 18 }), disabled: exportApi().getRows().length === 0 },
+          {
+            key: "builtin:export",
+            label: "\u8868\u683C\u5BFC\u51FA",
+            icon: /* @__PURE__ */ jsx20(Icon, { name: "download", size: 18 }),
+            disabled: exportApi().getRows().length === 0
+          },
           { key: "builtin:divider", type: "divider" }
         ],
-        { key: "builtin:columns", label: "\u5217\u8BBE\u7F6E", icon: /* @__PURE__ */ jsx20(Icon, { name: "settings", size: 18 }) },
+        {
+          key: "builtin:columns",
+          label: "\u5217\u8BBE\u7F6E",
+          icon: /* @__PURE__ */ jsx20(Icon, { name: "settings", size: 18 })
+        },
         ...customItems.map((item) => ({
           key: "custom:" + item.key,
           label: item.label,
@@ -6065,33 +6743,67 @@ function createColumnSettingPlugin(options = {}) {
           disabled: item.disabled === true || typeof item.disabled === "function" && item.disabled(context)
         }))
       ];
-      return /* @__PURE__ */ jsx20(Dropdown, { disabled: options.buttonProps?.disabled || options.buttonProps?.loading, trigger: ["hover", "click"], placement: "bottomRight", popupClassName: "sia-table__settings-dropdown", menu: { items, onClick: ({ key }) => {
-        if (key === "builtin:export") void exportApi().download();
-        else if (key === "builtin:columns") loadSettings(context, true);
-        else void customItems.find((item) => "custom:" + item.key === key)?.onClick?.(context);
-      } }, children: /* @__PURE__ */ jsx20(
-        Button,
+      return /* @__PURE__ */ jsx20(
+        Dropdown,
         {
-          size: "small",
-          variant: "text",
-          icon: /* @__PURE__ */ jsx20(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()
+          disabled: options.buttonProps?.disabled || options.buttonProps?.loading,
+          trigger: ["hover", "click"],
+          placement: "bottomRight",
+          popupClassName: "sia-table__settings-dropdown",
+          menu: {
+            items,
+            onClick: ({ key }) => {
+              if (key === "builtin:export") void exportApi().download();
+              else if (key === "builtin:columns")
+                loadSettings(context, true);
+              else
+                void customItems.find((item) => "custom:" + item.key === key)?.onClick?.(context);
+            }
+          },
+          children: /* @__PURE__ */ jsx20(
+            Button,
+            {
+              size: "small",
+              variant: "text",
+              icon: /* @__PURE__ */ jsx20(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()
+            }
+          )
         }
-      ) });
+      );
     },
-    renderOverlay: (context) => /* @__PURE__ */ jsx20(ColumnSettingPanel, { open: context.state.open, loading: context.state.loading, loadError: context.state.loadError, onRetry: () => loadSettings(context, true), items: currentItems(context), columns: context.baseColumns, onClose: () => context.setState((state) => ({ ...state, open: false })), onApply: (items) => apply(items, context) }),
-    getApi: (context) => ({ open: () => {
-      loadSettings(context, true);
-    }, close: () => context.setState((state) => ({ ...state, open: false })), getSettings: () => currentItems(context), apply: (items) => apply(items, context) })
+    renderOverlay: (context) => /* @__PURE__ */ jsx20(
+      ColumnSettingPanel,
+      {
+        open: context.state.open,
+        loading: context.state.loading,
+        loadError: context.state.loadError,
+        onRetry: () => loadSettings(context, true),
+        items: currentItems(context),
+        columns: context.baseColumns,
+        onClose: () => context.setState((state) => ({ ...state, open: false })),
+        onApply: (items) => apply(items, context)
+      }
+    ),
+    getApi: (context) => ({
+      open: () => {
+        loadSettings(context, true);
+      },
+      close: () => context.setState((state) => ({ ...state, open: false })),
+      getSettings: () => currentItems(context),
+      apply: (items) => apply(items, context)
+    })
   };
 }
 function createLocalStorageTableSettingsAdapter(prefix = "sia-table") {
   return {
     async load(scope) {
       if (typeof localStorage === "undefined") return null;
-      const raw = localStorage.getItem(`${prefix}:${scope.moduleName}:${scope.businessKey}`);
+      const raw = localStorage.getItem(
+        `${prefix}:${scope.moduleName}:${scope.businessKey}`
+      );
       if (!raw) return null;
       try {
         return JSON.parse(raw);
@@ -6101,20 +6813,41 @@ function createLocalStorageTableSettingsAdapter(prefix = "sia-table") {
     },
     async save(scope, settings) {
       if (typeof localStorage === "undefined") return;
-      localStorage.setItem(`${prefix}:${scope.moduleName}:${scope.businessKey}`, JSON.stringify(settings));
+      localStorage.setItem(
+        `${prefix}:${scope.moduleName}:${scope.businessKey}`,
+        JSON.stringify(settings)
+      );
     }
   };
 }
-function ToolbarItems({ items, context }) {
+function ToolbarItems({
+  items,
+  context
+}) {
   return /* @__PURE__ */ jsx20(Fragment6, { children: items.map((item) => {
-    if (item.hidden === true || typeof item.hidden === "function" && item.hidden(context)) return null;
+    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(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 }, item.key);
+    return /* @__PURE__ */ jsx20(
+      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
+      },
+      item.key
+    );
   }) });
 }
 function createToolbarPlugin(options) {
   const allowed = (item) => options.canAccess?.(item) ?? true;
-  const items = (position, inSettings = false) => (options.items ?? []).filter((item) => allowed(item) && (item.position ?? "start") === position && Boolean(item.inSettings) === inSettings);
+  const items = (position, inSettings = false) => (options.items ?? []).filter(
+    (item) => allowed(item) && (item.position ?? "start") === position && Boolean(item.inSettings) === inSettings
+  );
   return {
     id: "toolbar",
     order: 5,
@@ -6133,10 +6866,13 @@ function createToolbarPlugin(options) {
   };
 }
 function tableExportText(node) {
-  if (node === null || node === void 0 || typeof node === "boolean") return "";
-  if (typeof node === "string" || typeof node === "number" || typeof node === "bigint") return String(node);
+  if (node === null || node === void 0 || typeof node === "boolean")
+    return "";
+  if (typeof node === "string" || typeof node === "number" || typeof node === "bigint")
+    return String(node);
   if (Array.isArray(node)) return node.map(tableExportText).join("");
-  if (isValidElement3(node)) return tableExportText(node.props.children);
+  if (isValidElement3(node))
+    return tableExportText(node.props.children);
   return "";
 }
 function tableExportCell(value, sanitizeFormula) {
@@ -6149,7 +6885,8 @@ function tableExportEscape(value, delimiter) {
 function createExportPlugin(options = {}) {
   function getRows(context, scope = options.scope ?? "visible") {
     if (scope === "all") return context.sourceData;
-    if (scope === "selected") return context.getPluginApi("selection")?.getSelectedRows() ?? [];
+    if (scope === "selected")
+      return context.getPluginApi("selection")?.getSelectedRows() ?? [];
     return context.rows.map((row) => row.record);
   }
   function getCsv(context, scope) {
@@ -6169,8 +6906,16 @@ function createExportPlugin(options = {}) {
         meta: {}
       };
       return columns.map((column) => {
-        const value = getTableValue(record, column.dataIndex, column.code ?? column.key);
-        const rendered = column.exportRender?.(value, record, rowIndex, { row, rowIndex, column });
+        const value = getTableValue(
+          record,
+          column.dataIndex,
+          column.code ?? column.key
+        );
+        const rendered = column.exportRender?.(value, record, rowIndex, {
+          row,
+          rowIndex,
+          column
+        });
         const text = rendered === void 0 ? tableExportCell(value, sanitizeFormula) : tableExportText(rendered);
         return tableExportEscape(text, delimiter);
       }).join(delimiter);
@@ -6488,7 +7233,7 @@ function TableInner(props, ref) {
   });
   pluginApisRef.current = nextApis;
   contextsRef.current = contexts;
-  useEffect13(() => {
+  useEffect12(() => {
     const activePlugins2 = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
     for (const [pluginId, mounted] of mountedPluginsRef.current) {
       if (activePlugins2.get(pluginId) === mounted.plugin) continue;
@@ -6500,7 +7245,7 @@ function TableInner(props, ref) {
       mountedPluginsRef.current.set(plugin.id, { plugin, cleanup: plugin.onMount(contextsRef.current.get(plugin.id)) });
     }
   }, [sortedPlugins]);
-  useEffect13(() => () => {
+  useEffect12(() => () => {
     for (const mounted of mountedPluginsRef.current.values()) mounted.cleanup?.();
     mountedPluginsRef.current.clear();
   }, []);
@@ -6540,7 +7285,7 @@ function TableInner(props, ref) {
     root.style.setProperty("--sia-table-scrollbar-y-size", `${verticalThumb}px`);
     root.style.setProperty("--sia-table-scrollbar-y-position", `${verticalPosition}px`);
   }, []);
-  useEffect13(() => {
+  useEffect12(() => {
     const element = scrollRef.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
@@ -6553,13 +7298,13 @@ function TableInner(props, ref) {
     updateScrollMetrics();
     return () => observer.disconnect();
   }, [updateScrollMetrics]);
-  useEffect13(() => {
+  useEffect12(() => {
     updateScrollMetrics();
   });
   const orderedColumns = useMemo9(() => sortTableColumnsByFixed(pipeline.columns), [pipeline.columns]);
   const leafColumns = useMemo9(() => flattenTableColumns(orderedColumns), [orderedColumns]);
   const headerRows = useMemo9(() => buildHeaderRows(orderedColumns), [orderedColumns]);
-  useEffect13(() => {
+  useEffect12(() => {
     const autoWidthColumns = leafColumns.filter((column) => column.autoWidth && resizedWidths[column.key] === void 0);
     const root = rootRef.current;
     if (!root || autoWidthColumns.length === 0) return;
@@ -7011,317 +7756,6 @@ var ThemeSwitch = forwardRef6(function ThemeSwitch2({
   );
 });
 
-// src/components/FloatingScrollbarProvider.tsx
-import { useEffect as useEffect14 } from "react";
-var scrollableOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
-var clippingOverflow = /* @__PURE__ */ new Set(["auto", "scroll", "overlay", "hidden", "clip"]);
-function isRootScroller(target) {
-  return target === document.scrollingElement || target === document.documentElement;
-}
-function canScroll(target, axis) {
-  if (target.matches(".sia-table__viewport, [data-sia-native-scrollbar]")) return false;
-  if (isRootScroller(target)) {
-    return axis === "horizontal" ? target.scrollWidth > target.clientWidth + 1 : target.scrollHeight > target.clientHeight + 1;
-  }
-  const style = getComputedStyle(target);
-  const overflow = axis === "horizontal" ? style.overflowX : style.overflowY;
-  const hasOverflow = axis === "horizontal" ? target.scrollWidth > target.clientWidth + 1 : target.scrollHeight > target.clientHeight + 1;
-  return hasOverflow && scrollableOverflow.has(overflow);
-}
-function visibleRect(target) {
-  if (isRootScroller(target)) {
-    return { top: 0, right: window.innerWidth, bottom: window.innerHeight, left: 0, width: window.innerWidth, height: window.innerHeight };
-  }
-  const ownRect = target.getBoundingClientRect();
-  let top = Math.max(0, ownRect.top);
-  let right = Math.min(window.innerWidth, ownRect.right);
-  let bottom = Math.min(window.innerHeight, ownRect.bottom);
-  let left = Math.max(0, ownRect.left);
-  let parent = target.parentElement;
-  while (parent && parent !== document.body && parent !== document.documentElement) {
-    const style = getComputedStyle(parent);
-    const clipX = clippingOverflow.has(style.overflowX);
-    const clipY = clippingOverflow.has(style.overflowY);
-    if (clipX || clipY) {
-      const rect = parent.getBoundingClientRect();
-      if (clipX) {
-        left = Math.max(left, rect.left);
-        right = Math.min(right, rect.right);
-      }
-      if (clipY) {
-        top = Math.max(top, rect.top);
-        bottom = Math.min(bottom, rect.bottom);
-      }
-    }
-    parent = parent.parentElement;
-  }
-  return {
-    top,
-    right,
-    bottom,
-    left,
-    width: Math.max(0, right - left),
-    height: Math.max(0, bottom - top)
-  };
-}
-function createTrack(axis) {
-  const track = document.createElement("div");
-  const thumb = document.createElement("div");
-  track.className = `sia-scrollbar-track sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
-  thumb.className = "sia-floating-scrollbar__thumb";
-  track.dataset.axis = axis;
-  track.setAttribute("aria-hidden", "true");
-  track.append(thumb);
-  return { track, thumb };
-}
-function FloatingScrollbarProvider({ disabled = false }) {
-  useScrollbarProximity();
-  useEffect14(() => {
-    if (disabled) return;
-    const layer = document.createElement("div");
-    layer.className = "sia-floating-scrollbar-layer";
-    layer.setAttribute("aria-hidden", "true");
-    document.body.append(layer);
-    const entries = /* @__PURE__ */ new Map();
-    let scanFrame = 0;
-    let updateFrame = 0;
-    const setEntryVisible = (entry, visible) => {
-      entry.horizontalTrack.classList.toggle("sia-floating-scrollbar--visible", visible);
-      entry.verticalTrack.classList.toggle("sia-floating-scrollbar--visible", visible);
-    };
-    const showEntry = (entry) => {
-      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
-      entry.hideTimer = null;
-      setEntryVisible(entry, true);
-    };
-    const scheduleHide = (entry, delay = 500) => {
-      if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
-      entry.hideTimer = window.setTimeout(() => {
-        entry.hideTimer = null;
-        if (!entry.hoveringTarget && !entry.hoveringTrack && !entry.dragging) setEntryVisible(entry, false);
-      }, delay);
-    };
-    const updateEntry = (entry) => {
-      const { target, horizontalTrack, horizontalThumb, verticalTrack, verticalThumb } = entry;
-      const hasHorizontal = canScroll(target, "horizontal");
-      const hasVertical = canScroll(target, "vertical");
-      const rect = visibleRect(target);
-      const thickness = 10;
-      horizontalTrack.hidden = !hasHorizontal || rect.width <= thickness || rect.height <= 0;
-      verticalTrack.hidden = !hasVertical || rect.height <= thickness || rect.width <= 0;
-      if (!horizontalTrack.hidden) {
-        const trackWidth = Math.max(0, rect.width - (hasVertical ? thickness : 0));
-        const thumbWidth = Math.max(24, Math.min(trackWidth, trackWidth * target.clientWidth / target.scrollWidth));
-        const travel = Math.max(0, trackWidth - thumbWidth);
-        const maxScroll = Math.max(1, target.scrollWidth - target.clientWidth);
-        horizontalTrack.style.left = `${rect.left}px`;
-        horizontalTrack.style.top = `${rect.bottom - thickness}px`;
-        horizontalTrack.style.width = `${trackWidth}px`;
-        horizontalTrack.style.height = `${thickness}px`;
-        horizontalThumb.style.width = `${thumbWidth}px`;
-        horizontalThumb.style.transform = `translate3d(${travel * target.scrollLeft / maxScroll}px, 0, 0)`;
-      }
-      if (!verticalTrack.hidden) {
-        const trackHeight = Math.max(0, rect.height - (hasHorizontal ? thickness : 0));
-        const thumbHeight = Math.max(24, Math.min(trackHeight, trackHeight * target.clientHeight / target.scrollHeight));
-        const travel = Math.max(0, trackHeight - thumbHeight);
-        const maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
-        verticalTrack.style.left = `${rect.right - thickness}px`;
-        verticalTrack.style.top = `${rect.top}px`;
-        verticalTrack.style.width = `${thickness}px`;
-        verticalTrack.style.height = `${trackHeight}px`;
-        verticalThumb.style.height = `${thumbHeight}px`;
-        verticalThumb.style.transform = `translate3d(0, ${travel * target.scrollTop / maxScroll}px, 0)`;
-      }
-    };
-    const scheduleUpdateAll = () => {
-      if (updateFrame) return;
-      updateFrame = window.requestAnimationFrame(() => {
-        updateFrame = 0;
-        entries.forEach(updateEntry);
-      });
-    };
-    const bindTrackDrag = (entry, axis, track, thumb) => {
-      const target = entry.target;
-      const onTrackPointerEnter = () => {
-        entry.hoveringTrack = true;
-        showEntry(entry);
-      };
-      const onTrackPointerLeave = () => {
-        entry.hoveringTrack = false;
-        scheduleHide(entry);
-      };
-      const onTrackPointerDown = (event) => {
-        if (event.target === thumb || event.button !== 0) return;
-        event.preventDefault();
-        event.stopPropagation();
-        const trackRect = track.getBoundingClientRect();
-        const thumbRect = thumb.getBoundingClientRect();
-        const trackLength = axis === "vertical" ? trackRect.height : trackRect.width;
-        const thumbLength = axis === "vertical" ? thumbRect.height : thumbRect.width;
-        const pointer = axis === "vertical" ? event.clientY - trackRect.top : event.clientX - trackRect.left;
-        const ratio = Math.max(0, Math.min(1, (pointer - thumbLength / 2) / Math.max(1, trackLength - thumbLength)));
-        if (axis === "vertical") target.scrollTop = ratio * (target.scrollHeight - target.clientHeight);
-        else target.scrollLeft = ratio * (target.scrollWidth - target.clientWidth);
-      };
-      const onThumbPointerDown = (event) => {
-        if (event.button !== 0) return;
-        event.preventDefault();
-        event.stopPropagation();
-        entry.dragging = true;
-        showEntry(entry);
-        thumb.setPointerCapture(event.pointerId);
-        const startPointer = axis === "vertical" ? event.clientY : event.clientX;
-        const startScroll = axis === "vertical" ? target.scrollTop : target.scrollLeft;
-        const trackRect = track.getBoundingClientRect();
-        const thumbRect = thumb.getBoundingClientRect();
-        const trackLength = axis === "vertical" ? trackRect.height : trackRect.width;
-        const thumbLength = axis === "vertical" ? thumbRect.height : thumbRect.width;
-        const maxScroll = axis === "vertical" ? target.scrollHeight - target.clientHeight : target.scrollWidth - target.clientWidth;
-        const travel = Math.max(1, trackLength - thumbLength);
-        const onPointerMove = (moveEvent) => {
-          if (moveEvent.pointerId !== event.pointerId) return;
-          const pointer = axis === "vertical" ? moveEvent.clientY : moveEvent.clientX;
-          const nextScroll = startScroll + (pointer - startPointer) * maxScroll / travel;
-          if (axis === "vertical") target.scrollTop = nextScroll;
-          else target.scrollLeft = nextScroll;
-        };
-        const onPointerUp = (upEvent) => {
-          if (upEvent.pointerId !== event.pointerId) return;
-          entry.dragging = false;
-          thumb.releasePointerCapture(event.pointerId);
-          window.removeEventListener("pointermove", onPointerMove);
-          window.removeEventListener("pointerup", onPointerUp);
-          window.removeEventListener("pointercancel", onPointerUp);
-          scheduleHide(entry);
-        };
-        window.addEventListener("pointermove", onPointerMove);
-        window.addEventListener("pointerup", onPointerUp);
-        window.addEventListener("pointercancel", onPointerUp);
-      };
-      track.addEventListener("pointerenter", onTrackPointerEnter);
-      track.addEventListener("pointerleave", onTrackPointerLeave);
-      track.addEventListener("pointerdown", onTrackPointerDown);
-      thumb.addEventListener("pointerdown", onThumbPointerDown);
-      return () => {
-        track.removeEventListener("pointerenter", onTrackPointerEnter);
-        track.removeEventListener("pointerleave", onTrackPointerLeave);
-        track.removeEventListener("pointerdown", onTrackPointerDown);
-        thumb.removeEventListener("pointerdown", onThumbPointerDown);
-      };
-    };
-    const resizeObserver = new ResizeObserver((observedEntries) => {
-      observedEntries.forEach(({ target }) => {
-        const entry = entries.get(target);
-        if (entry) updateEntry(entry);
-      });
-    });
-    const addTarget = (target) => {
-      if (entries.has(target)) return;
-      const horizontal = createTrack("horizontal");
-      const vertical = createTrack("vertical");
-      layer.append(horizontal.track, vertical.track);
-      const onPointerEnter = () => {
-        const entry2 = entries.get(target);
-        if (!entry2) return;
-        entry2.hoveringTarget = true;
-        showEntry(entry2);
-      };
-      const onPointerLeave = () => {
-        const entry2 = entries.get(target);
-        if (!entry2) return;
-        entry2.hoveringTarget = false;
-        scheduleHide(entry2);
-      };
-      const onScroll = () => {
-        const entry2 = entries.get(target);
-        if (!entry2) return;
-        updateEntry(entry2);
-        showEntry(entry2);
-        scheduleHide(entry2, 700);
-      };
-      target.addEventListener("pointerenter", onPointerEnter);
-      target.addEventListener("pointerleave", onPointerLeave);
-      target.addEventListener("scroll", onScroll, { passive: true });
-      const entry = {
-        target,
-        horizontalTrack: horizontal.track,
-        horizontalThumb: horizontal.thumb,
-        verticalTrack: vertical.track,
-        verticalThumb: vertical.thumb,
-        hideTimer: null,
-        hoveringTarget: target.matches(":hover"),
-        hoveringTrack: false,
-        dragging: false,
-        cleanup: () => void 0
-      };
-      const cleanupHorizontal = bindTrackDrag(entry, "horizontal", horizontal.track, horizontal.thumb);
-      const cleanupVertical = bindTrackDrag(entry, "vertical", vertical.track, vertical.thumb);
-      entry.cleanup = () => {
-        if (entry.hideTimer !== null) window.clearTimeout(entry.hideTimer);
-        cleanupHorizontal();
-        cleanupVertical();
-        target.removeEventListener("pointerenter", onPointerEnter);
-        target.removeEventListener("pointerleave", onPointerLeave);
-        target.removeEventListener("scroll", onScroll);
-        resizeObserver.unobserve(target);
-        target.removeAttribute("data-sia-floating-scrollbar");
-        horizontal.track.remove();
-        vertical.track.remove();
-      };
-      entries.set(target, entry);
-      target.setAttribute("data-sia-floating-scrollbar", "");
-      resizeObserver.observe(target);
-      updateEntry(entry);
-      if (entry.hoveringTarget) showEntry(entry);
-    };
-    const removeTarget = (target) => {
-      const entry = entries.get(target);
-      if (!entry) return;
-      entry.cleanup();
-      entries.delete(target);
-    };
-    const scanTargets = () => {
-      scanFrame = 0;
-      const candidates = [document.scrollingElement, ...document.querySelectorAll("*")].filter((target) => target instanceof HTMLElement);
-      const nextTargets = /* @__PURE__ */ new Set();
-      candidates.forEach((target) => {
-        if (canScroll(target, "horizontal") || canScroll(target, "vertical")) {
-          nextTargets.add(target);
-          addTarget(target);
-        }
-      });
-      entries.forEach((_entry, target) => {
-        if (!target.isConnected || !nextTargets.has(target)) removeTarget(target);
-        else updateEntry(_entry);
-      });
-    };
-    const scheduleScan = () => {
-      if (scanFrame) return;
-      scanFrame = window.requestAnimationFrame(scanTargets);
-    };
-    const mutationObserver = new MutationObserver((mutations) => {
-      if (mutations.some((mutation) => !layer.contains(mutation.target))) scheduleScan();
-    });
-    mutationObserver.observe(document.documentElement, { subtree: true, childList: true, attributes: true });
-    window.addEventListener("resize", scheduleScan);
-    window.addEventListener("scroll", scheduleUpdateAll, true);
-    scheduleScan();
-    return () => {
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      window.removeEventListener("resize", scheduleScan);
-      window.removeEventListener("scroll", scheduleUpdateAll, true);
-      if (scanFrame) window.cancelAnimationFrame(scanFrame);
-      if (updateFrame) window.cancelAnimationFrame(updateFrame);
-      entries.forEach((entry) => entry.cleanup());
-      entries.clear();
-      layer.remove();
-    };
-  }, [disabled]);
-  return null;
-}
-
 // src/theme.ts
 var SIA_THEME = {
   colorPrimary: "#1677ff",
@@ -7345,7 +7779,7 @@ function applySiaTheme(mode, target = document.documentElement) {
 }
 
 // src/components/InputSelect.tsx
-import { forwardRef as forwardRef7, useEffect as useEffect15, useRef as useRef16, useState as useState18 } from "react";
+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";
 var InputSelect = forwardRef7(function InputSelect2({
   options,
@@ -7378,7 +7812,7 @@ var InputSelect = forwardRef7(function InputSelect2({
   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);
-  useEffect15(() => {
+  useEffect13(() => {
     setDraft(text);
   }, [text, current]);
   const [open, setOpen] = useState18(false);
@@ -7408,7 +7842,7 @@ var InputSelect = forwardRef7(function InputSelect2({
       inputRef.current?.focus();
     }
   }
-  useEffect15(() => {
+  useEffect13(() => {
     if (!open) return;
     const outside = (event) => {
       if (!rootRef.current?.contains(event.target) && !popupRef.current?.contains(event.target)) changeOpen(false);
@@ -7416,7 +7850,7 @@ var InputSelect = forwardRef7(function InputSelect2({
     document.addEventListener("pointerdown", outside);
     return () => document.removeEventListener("pointerdown", outside);
   }, [open, onOpenChange]);
-  useEffect15(() => {
+  useEffect13(() => {
     if (disabled || loading) {
       changeOpen(false);
       setModalOpen(false);
@@ -7547,6 +7981,293 @@ 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";
+function QueryForm({
+  fields,
+  children,
+  form: providedForm,
+  onSearch,
+  loading = false,
+  fieldWidth = 220,
+  collapsible = true,
+  collapsed: controlledCollapsed,
+  defaultCollapsed = false,
+  collapsedCount = 3,
+  onCollapsedChange,
+  quickQueries = [],
+  quickQuerySize = "small",
+  savedQueries = [],
+  shortcutsLoading = false,
+  onSaveQuery,
+  onRemoveQuery,
+  onError,
+  searchText = "\u67E5\u8BE2",
+  resetText = "\u91CD\u7F6E",
+  saveText = "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2",
+  resetSearch = true,
+  actionsExtra,
+  disabled = false,
+  className = "",
+  placeholderMode = "floating",
+  onValuesChange,
+  onFinishFailed,
+  ...formProps
+}) {
+  const [form] = useForm(providedForm);
+  const [internalCollapsed, setInternalCollapsed] = useState19(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 source = useRef17({ source: "submit" });
+  const searchLock = useRef17(false);
+  const saveLock = useRef17(false);
+  const removeLock = useRef17(false);
+  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 limit = Math.max(1, Math.floor(collapsedCount));
+  const rowRef = useRef17(null);
+  const actionsRef = useRef17(null);
+  const [fittingCount, setFittingCount] = useState19(limit);
+  useLayoutEffect3(() => {
+    if (!collapsed) return;
+    const row = rowRef.current;
+    const actions = actionsRef.current;
+    if (!row || !actions) return;
+    function measure() {
+      if (!row || !actions) return;
+      const gap = parseFloat(getComputedStyle(row).columnGap) || 0;
+      let remaining = row.clientWidth - actions.getBoundingClientRect().width;
+      let count = 0;
+      for (const field of Array.from(row.querySelectorAll(":scope > .sia-query-form__field")).slice(0, limit)) {
+        const width = parseFloat(getComputedStyle(field).width) || 220;
+        if (remaining + 0.5 < width + gap) break;
+        remaining -= width + gap;
+        count++;
+      }
+      setFittingCount(count);
+    }
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(row);
+    observer.observe(actions);
+    row.querySelectorAll(":scope > .sia-query-form__field").forEach((field) => observer.observe(field));
+    return () => observer.disconnect();
+  }, [collapsed, limit, fieldWidth, fields, children]);
+  async function search(values) {
+    const info = source.current;
+    source.current = { source: "submit" };
+    if (searchLock.current || disabled || loading) return;
+    searchLock.current = true;
+    setSearching(true);
+    setError("");
+    try {
+      await onSearch(values, info);
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u67E5\u8BE2\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "search");
+    } finally {
+      searchLock.current = false;
+      setSearching(false);
+    }
+  }
+  function applyShortcut(query, kind) {
+    if (shortcutBusy || query.disabled) return;
+    form.resetFields();
+    form.setFieldsValue(query.values);
+    source.current = { source: kind, shortcutKey: query.key };
+    setActiveShortcut(`${kind}:${query.key}`);
+    form.submit();
+  }
+  function reset() {
+    if (busy) return;
+    form.resetFields();
+    setActiveShortcut("");
+    setError("");
+    if (resetSearch) {
+      source.current = { source: "reset" };
+      form.submit();
+    }
+  }
+  async function save() {
+    if (!onSaveQuery || saveLock.current) return false;
+    const name = saveName.trim();
+    if (!name) {
+      setSaveError("\u8BF7\u8F93\u5165\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0");
+      return false;
+    }
+    if (!snapshot.current) return false;
+    saveLock.current = true;
+    setSaving(true);
+    setSaveError("");
+    try {
+      await onSaveQuery({ name, values: snapshot.current });
+      setSaveOpen(false);
+    } catch (reason) {
+      setSaveError(reason instanceof Error ? reason.message : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "save");
+      return false;
+    } finally {
+      saveLock.current = false;
+      setSaving(false);
+    }
+  }
+  async function remove(query) {
+    if (!onRemoveQuery || shortcutBusy || removeLock.current) return;
+    removeLock.current = true;
+    setRemoving(true);
+    setError("");
+    try {
+      await onRemoveQuery(query);
+      if (activeShortcut === `saved:${query.key}`) setActiveShortcut("");
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u5220\u9664\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "remove");
+    } finally {
+      removeLock.current = false;
+      setRemoving(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs23("div", { className: `sia-query-form ${className}`.trim(), children: [
+    /* @__PURE__ */ jsxs23(
+      Form,
+      {
+        ...formProps,
+        form,
+        placeholderMode,
+        disabled,
+        onFinish: (values) => {
+          void search(values);
+        },
+        onFinishFailed: (info) => {
+          source.current = { source: "submit" };
+          onFinishFailed?.(info);
+        },
+        onValuesChange: (changed, values) => {
+          setActiveShortcut("");
+          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(
+              Button,
+              {
+                size: query.size ?? quickQuerySize,
+                "aria-pressed": activeShortcut === `quick:${query.key}`,
+                variant: activeShortcut === `quick:${query.key}` ? "primary" : "default",
+                disabled: shortcutBusy || query.disabled,
+                onClick: () => applyShortcut(query, "quick"),
+                children: query.label
+              }
+            ) }, 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(
+              "div",
+              {
+                className: "sia-query-form__field",
+                hidden: collapsed && index >= Math.min(limit, fittingCount),
+                style: entry.width !== void 0 ? { flexBasis: entry.width, width: entry.width } : void 0,
+                children: entry.content
+              },
+              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: () => {
+                  snapshot.current = form.getFieldsValue();
+                  setSaveName("");
+                  setSaveError("");
+                  setSaveOpen(true);
+                }, children: saveText }) : null
+              ] }),
+              collapsible && entries.length > 0 ? /* @__PURE__ */ jsx24(
+                Button,
+                {
+                  variant: "link",
+                  "aria-expanded": !collapsed,
+                  icon: /* @__PURE__ */ jsx24(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
+                  iconPosition: "end",
+                  onClick: () => {
+                    setInternalCollapsed(!collapsed);
+                    onCollapsedChange?.(!collapsed);
+                  },
+                  children: collapsed ? "\u5C55\u5F00" : "\u6536\u8D77"
+                }
+              ) : null,
+              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(
+              Tag,
+              {
+                status: query.status ?? ["processing", "success", "warning", "error"][index % 4],
+                variant: "soft",
+                disabled: shortcutBusy || query.disabled,
+                tabIndex: shortcutBusy || query.disabled ? -1 : 0,
+                className: activeShortcut === `saved:${query.key}` ? "is-active" : "",
+                closable: Boolean(onRemoveQuery),
+                closeOnHover: true,
+                onClose: () => {
+                  void remove(query);
+                },
+                onClick: () => applyShortcut(query, "saved"),
+                onKeyDown: (event) => {
+                  if (event.target === event.currentTarget && (event.key === "Enter" || event.key === " ")) {
+                    event.preventDefault();
+                    applyShortcut(query, "saved");
+                  }
+                },
+                children: query.label
+              },
+              query.key
+            )),
+            " "
+          ] }) : null,
+          error ? /* @__PURE__ */ jsx24("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) => {
+      if (!saveLock.current) setSaveOpen(next);
+    }, children: [
+      /* @__PURE__ */ jsx24(
+        Input,
+        {
+          autoFocus: true,
+          "aria-label": "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+          placeholder: "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+          value: saveName,
+          maxLength: 80,
+          disabled: saving,
+          status: saveError ? "error" : "default",
+          onChange: (event) => setSaveName(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              void save();
+            }
+          }
+        }
+      ),
+      saveError ? /* @__PURE__ */ jsx24("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
+    ] })
+  ] });
+}
 export {
   Alert,
   Badge,
@@ -7619,6 +8340,7 @@ export {
   Popconfirm,
   Popover,
   Progress,
+  QueryForm,
   RadarChart,
   Radio2 as Radio,
   Rate,