@sia.soul/sia-react-ui 0.1.64 → 0.1.66

package/dist/index.cjs

@@ -13092,7 +13092,6 @@ function TableSelectedItemsPanel({
 }
 function createSelectionPlugin(options = {}) {
   const { mode = "multiple", childrenColumnName = "children" } = options;
-  const preservedRows = /* @__PURE__ */ new Map();
   function selected(context) {
     return options.selectedKeys ?? context.state.selectedKeys ?? [];
   }
@@ -13103,6 +13102,7 @@ function createSelectionPlugin(options = {}) {
     return flattenRecords(context.sourceData, childrenColumnName);
   }
   function entriesForKeys(keys, context) {
+    const preservedRows = context.state.preservedRows;
     const records = allRecords(context);
     const currentRows = new Map(
       records.map(
@@ -13117,6 +13117,10 @@ function createSelectionPlugin(options = {}) {
       )
     );
     if (preserving(context)) {
+      (options.selectedRows ?? []).forEach((record, index) => {
+        const key = context.getRowKey(record, index);
+        if (keys.includes(key)) preservedRows.set(key, record);
+      });
       for (const key of keys) {
         const entry = currentRows.get(key);
         if (entry) preservedRows.set(key, entry.record);
@@ -13137,7 +13141,7 @@ function createSelectionPlugin(options = {}) {
     return entriesForKeys(keys, context).map((entry) => entry.record);
   }
   function setKeys(keys, context) {
-    if (keys.length === 0) preservedRows.clear();
+    if (keys.length === 0) context.state.preservedRows.clear();
     context.setState((state) => ({
       ...state,
       selectedKeys: keys,
@@ -13153,7 +13157,7 @@ function createSelectionPlugin(options = {}) {
         (key) => pageKeys.has(key)
       );
       setKeys(currentPageKeys, context);
-      preservedRows.clear();
+      context.state.preservedRows.clear();
     }
     context.setState((state) => ({
       ...state,
@@ -13175,11 +13179,13 @@ function createSelectionPlugin(options = {}) {
   return {
     id: "selection",
     order: 20,
-    initialState: {
+    // 用工厂给每个表格创建独立缓存，避免同一插件对象被多个表格复用时串数据。
+    initialState: () => ({
+      preservedRows: /* @__PURE__ */ new Map(),
       selectedKeys: options.defaultSelectedKeys ?? [],
       preserveSelectedRowKeys: options.preserveSelectedRowKeys ?? false,
       panelOpen: false
-    },
+    }),
     transformColumns(columns, context) {
       if (mode === "row") return columns;
       const selectionColumn = {
@@ -13264,6 +13270,7 @@ function createSelectionPlugin(options = {}) {
       if (!options.showSelectedCount) return null;
       const keys = selected(context);
       const entries = entriesForKeys(keys, context);
+      const selectedCount = preserving(context) ? new Set(keys).size : entries.length;
       const columns = flattenTableColumns(context.columns).filter(
         (column) => !column.hidden && column.meta?.plugin !== "selection"
       ).slice(0, Math.max(1, options.selectionPanelColumnCount ?? 4));
@@ -13301,7 +13308,7 @@ function createSelectionPlugin(options = {}) {
                 disabled: entries.length === 0,
                 children: [
                   "\u5DF2\u9009 ",
-                  entries.length,
+                  selectedCount,
                   " \u6761"
                 ]
               }
@@ -13327,7 +13334,7 @@ function createSelectionPlugin(options = {}) {
           const records = allRecords(context);
           const record = records.find(
             (item, index) => Object.is(context.getRowKey(item, index), key)
-          ) ?? preservedRows.get(key);
+          ) ?? context.state.preservedRows.get(key);
           if (record) toggle(key, record, context, checked);
         },
         getSelectedRows: () => rowsForKeys(selected(context), context),

package/dist/index.d.cts

@@ -2408,6 +2408,8 @@ interface TableSelectionPluginOptions<T> {
     mode?: TableSelectionMode;
     /** 当前选中项目的标识集合；传入后由外部控制。 */
     selectedKeys?: readonly TableKey[];
+    /** 跨页保留时补充已选行数据，用于弹框重新挂载后恢复已选明细；按 Table.rowKey 匹配，仅缓存当前已选标识对应的行，当前数据源的同键行优先。不会添加选择或改变当前页列表。 */
+    selectedRows?: readonly T[];
     /** 非受控模式下初始选中的项目标识集合。 */
     defaultSelectedKeys?: readonly TableKey[];
     /** 值发生变化时调用；参数为新值及类型声明中列出的关联信息。 */
@@ -2430,7 +2432,9 @@ interface TableSelectionPluginOptions<T> {
     childrenColumnName?: string;
 }
 /** 行勾选和已选面板状态。 */
-interface SelectionState {
+interface SelectionState<T> {
+    /** 当前表格独立保存的跨页行缓存，重建插件时保留，表格卸载后释放。 */
+    preservedRows: Map<TableKey, T>;
     /** 当前选中的行标识。 */
     selectedKeys: readonly TableKey[];
     /** 是否跨页保留选中行。 */
@@ -2455,8 +2459,8 @@ interface TableSelectionApi<T> {
     /** 设置是否跨页保留选中行。 */
     setPreserveSelectedRowKeys: (preserve: boolean) => void;
 }
-/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效。 */
-declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState, TableSelectionApi<T>>;
+/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效；跨页行缓存属于表格实例，重新创建插件不会清空缓存，不同表格互不共享。 */
+declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState<T>, TableSelectionApi<T>>;
 /** TableSort的插件配置。 */
 interface TableSortPluginOptions {
     /** 展示或交互模式；可选值见类型定义。 */

package/dist/index.d.ts

@@ -2408,6 +2408,8 @@ interface TableSelectionPluginOptions<T> {
     mode?: TableSelectionMode;
     /** 当前选中项目的标识集合；传入后由外部控制。 */
     selectedKeys?: readonly TableKey[];
+    /** 跨页保留时补充已选行数据，用于弹框重新挂载后恢复已选明细；按 Table.rowKey 匹配，仅缓存当前已选标识对应的行，当前数据源的同键行优先。不会添加选择或改变当前页列表。 */
+    selectedRows?: readonly T[];
     /** 非受控模式下初始选中的项目标识集合。 */
     defaultSelectedKeys?: readonly TableKey[];
     /** 值发生变化时调用；参数为新值及类型声明中列出的关联信息。 */
@@ -2430,7 +2432,9 @@ interface TableSelectionPluginOptions<T> {
     childrenColumnName?: string;
 }
 /** 行勾选和已选面板状态。 */
-interface SelectionState {
+interface SelectionState<T> {
+    /** 当前表格独立保存的跨页行缓存，重建插件时保留，表格卸载后释放。 */
+    preservedRows: Map<TableKey, T>;
     /** 当前选中的行标识。 */
     selectedKeys: readonly TableKey[];
     /** 是否跨页保留选中行。 */
@@ -2455,8 +2459,8 @@ interface TableSelectionApi<T> {
     /** 设置是否跨页保留选中行。 */
     setPreserveSelectedRowKeys: (preserve: boolean) => void;
 }
-/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效。 */
-declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState, TableSelectionApi<T>>;
+/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效；跨页行缓存属于表格实例，重新创建插件不会清空缓存，不同表格互不共享。 */
+declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState<T>, TableSelectionApi<T>>;
 /** TableSort的插件配置。 */
 interface TableSortPluginOptions {
     /** 展示或交互模式；可选值见类型定义。 */

package/dist/index.js

@@ -5719,7 +5719,6 @@ function TableSelectedItemsPanel({
 }
 function createSelectionPlugin(options = {}) {
   const { mode = "multiple", childrenColumnName = "children" } = options;
-  const preservedRows = /* @__PURE__ */ new Map();
   function selected(context) {
     return options.selectedKeys ?? context.state.selectedKeys ?? [];
   }
@@ -5730,6 +5729,7 @@ function createSelectionPlugin(options = {}) {
     return flattenRecords(context.sourceData, childrenColumnName);
   }
   function entriesForKeys(keys, context) {
+    const preservedRows = context.state.preservedRows;
     const records = allRecords(context);
     const currentRows = new Map(
       records.map(
@@ -5744,6 +5744,10 @@ function createSelectionPlugin(options = {}) {
       )
     );
     if (preserving(context)) {
+      (options.selectedRows ?? []).forEach((record, index) => {
+        const key = context.getRowKey(record, index);
+        if (keys.includes(key)) preservedRows.set(key, record);
+      });
       for (const key of keys) {
         const entry = currentRows.get(key);
         if (entry) preservedRows.set(key, entry.record);
@@ -5764,7 +5768,7 @@ function createSelectionPlugin(options = {}) {
     return entriesForKeys(keys, context).map((entry) => entry.record);
   }
   function setKeys(keys, context) {
-    if (keys.length === 0) preservedRows.clear();
+    if (keys.length === 0) context.state.preservedRows.clear();
     context.setState((state) => ({
       ...state,
       selectedKeys: keys,
@@ -5780,7 +5784,7 @@ function createSelectionPlugin(options = {}) {
         (key) => pageKeys.has(key)
       );
       setKeys(currentPageKeys, context);
-      preservedRows.clear();
+      context.state.preservedRows.clear();
     }
     context.setState((state) => ({
       ...state,
@@ -5802,11 +5806,13 @@ function createSelectionPlugin(options = {}) {
   return {
     id: "selection",
     order: 20,
-    initialState: {
+    // 用工厂给每个表格创建独立缓存，避免同一插件对象被多个表格复用时串数据。
+    initialState: () => ({
+      preservedRows: /* @__PURE__ */ new Map(),
       selectedKeys: options.defaultSelectedKeys ?? [],
       preserveSelectedRowKeys: options.preserveSelectedRowKeys ?? false,
       panelOpen: false
-    },
+    }),
     transformColumns(columns, context) {
       if (mode === "row") return columns;
       const selectionColumn = {
@@ -5891,6 +5897,7 @@ function createSelectionPlugin(options = {}) {
       if (!options.showSelectedCount) return null;
       const keys = selected(context);
       const entries = entriesForKeys(keys, context);
+      const selectedCount = preserving(context) ? new Set(keys).size : entries.length;
       const columns = flattenTableColumns(context.columns).filter(
         (column) => !column.hidden && column.meta?.plugin !== "selection"
       ).slice(0, Math.max(1, options.selectionPanelColumnCount ?? 4));
@@ -5928,7 +5935,7 @@ function createSelectionPlugin(options = {}) {
                 disabled: entries.length === 0,
                 children: [
                   "\u5DF2\u9009 ",
-                  entries.length,
+                  selectedCount,
                   " \u6761"
                 ]
               }
@@ -5954,7 +5961,7 @@ function createSelectionPlugin(options = {}) {
           const records = allRecords(context);
           const record = records.find(
             (item, index) => Object.is(context.getRowKey(item, index), key)
-          ) ?? preservedRows.get(key);
+          ) ?? context.state.preservedRows.get(key);
           if (record) toggle(key, record, context, checked);
         },
         getSelectedRows: () => rowsForKeys(selected(context), context),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.64",
+  "version": "0.1.66",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",