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

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(
@@ -13137,7 +13137,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 +13153,7 @@ function createSelectionPlugin(options = {}) {
         (key) => pageKeys.has(key)
       );
       setKeys(currentPageKeys, context);
-      preservedRows.clear();
+      context.state.preservedRows.clear();
     }
     context.setState((state) => ({
       ...state,
@@ -13175,11 +13175,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 = {
@@ -13327,7 +13329,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

@@ -2430,7 +2430,9 @@ interface TableSelectionPluginOptions<T> {
     childrenColumnName?: string;
 }
 /** 行勾选和已选面板状态。 */
-interface SelectionState {
+interface SelectionState<T> {
+    /** 当前表格独立保存的跨页行缓存，重建插件时保留，表格卸载后释放。 */
+    preservedRows: Map<TableKey, T>;
     /** 当前选中的行标识。 */
     selectedKeys: readonly TableKey[];
     /** 是否跨页保留选中行。 */
@@ -2455,8 +2457,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

@@ -2430,7 +2430,9 @@ interface TableSelectionPluginOptions<T> {
     childrenColumnName?: string;
 }
 /** 行勾选和已选面板状态。 */
-interface SelectionState {
+interface SelectionState<T> {
+    /** 当前表格独立保存的跨页行缓存，重建插件时保留，表格卸载后释放。 */
+    preservedRows: Map<TableKey, T>;
     /** 当前选中的行标识。 */
     selectedKeys: readonly TableKey[];
     /** 是否跨页保留选中行。 */
@@ -2455,8 +2457,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(
@@ -5764,7 +5764,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 +5780,7 @@ function createSelectionPlugin(options = {}) {
         (key) => pageKeys.has(key)
       );
       setKeys(currentPageKeys, context);
-      preservedRows.clear();
+      context.state.preservedRows.clear();
     }
     context.setState((state) => ({
       ...state,
@@ -5802,11 +5802,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 = {
@@ -5954,7 +5956,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.65",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",