@hsu-react/ui 0.0.3 → 0.0.4

package/es/components/Panel/ListPanel/index.d.ts

@@ -15,6 +15,8 @@ interface TableTools {
     columnMgt?: IColumnMgt;
 }
 export interface ListPanelTabelProps extends Omit<TableProps, "title"> {
+    /** 透传给内部 Table 的 key，用于在异构列集切换时强制重挂载表格 */
+    key?: React.Key;
     title?: string;
     buttonGroup?: ButtonProps[];
     tabBarProps?: TabBarProps;

package/es/components/Panel/ListPanel/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["title", "buttonGroup", "className", "columns", "tabBarProps", "tableTools", "tableContainerClassName", "tips", "otherTool"],
+var _excluded = ["title", "buttonGroup", "className", "columns", "tabBarProps", "tableTools", "tableContainerClassName", "tips", "otherTool", "key"],
   _excluded2 = ["className"];
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -75,6 +75,7 @@ var ListPanel = function ListPanel(props) {
     tableContainerClassName = tableProps.tableContainerClassName,
     tips = tableProps.tips,
     otherTool = tableProps.otherTool,
+    tableInstanceKey = tableProps.key,
     tableConfig = _objectWithoutProperties(tableProps, _excluded);
   var treeClassName = treeProps.className,
     treeConfig = _objectWithoutProperties(treeProps, _excluded2);
@@ -314,7 +315,7 @@ var ListPanel = function ListPanel(props) {
             fillPanel: true
           }, tableConfig), {}, {
             columns: _columns
-          })))]
+          })), tableInstanceKey)]
         })]
       })]
     }), /*#__PURE__*/_jsx(ColumnMgt, _objectSpread({

package/lib/components/Panel/ListPanel/index.d.ts

@@ -15,6 +15,8 @@ interface TableTools {
     columnMgt?: IColumnMgt;
 }
 export interface ListPanelTabelProps extends Omit<TableProps, "title"> {
+    /** 透传给内部 Table 的 key，用于在异构列集切换时强制重挂载表格 */
+    key?: React.Key;
     title?: string;
     buttonGroup?: ButtonProps[];
     tabBarProps?: TabBarProps;

package/lib/components/Panel/ListPanel/index.js

@@ -56,6 +56,9 @@ const ListPanel = props => {
     tableContainerClassName,
     tips,
     otherTool,
+    // 异构列集切换时用于强制重挂载表格的 key；显式提取，避免随 ...tableConfig
+    // 展开进 JSX 触发 React "key prop being spread" 警告
+    key: tableInstanceKey,
     ...tableConfig
   } = tableProps;
   const {
@@ -286,7 +289,7 @@ const ListPanel = props => {
             fillPanel: true,
             ...tableConfig,
             columns: _columns
-          })]
+          }, tableInstanceKey)]
         })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnMgt.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hsu-react/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "一套基于 React + Ant Design 的中后台业务组件库",
   "license": "MIT",
   "type": "module",

package/src/components/Panel/ListPanel/index.tsx

@@ -36,6 +36,8 @@ interface TableTools {
 }
 
 export interface ListPanelTabelProps extends Omit<TableProps, "title"> {
+  /** 透传给内部 Table 的 key，用于在异构列集切换时强制重挂载表格 */
+  key?: React.Key;
   title?: string;
   buttonGroup?: ButtonProps[];
   tabBarProps?: TabBarProps;
@@ -127,6 +129,9 @@ const ListPanel: ListPanelFC = (props) => {
     tableContainerClassName,
     tips,
     otherTool,
+    // 异构列集切换时用于强制重挂载表格的 key；显式提取，避免随 ...tableConfig
+    // 展开进 JSX 触发 React "key prop being spread" 警告
+    key: tableInstanceKey,
     ...tableConfig
   } = tableProps;
   const { className: treeClassName, ...treeConfig } = treeProps;
@@ -435,6 +440,7 @@ const ListPanel: ListPanelFC = (props) => {
               otherTool={otherTool}
             />
             <Table
+              key={tableInstanceKey}
               className={`${styles.table} ${tableClassName ?? ""}`}
               {...{
                 scroll: true,