@hw-component/table 1.10.47 → 1.10.50

package/es/HTableBody/AlertMsg.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ActionRenderFn } from "src/components/modal";
+import type { ActionRenderFn } from "../modal";
 interface IProps {
     actionRender?: ActionRenderFn;
 }

package/es/HTableBody/hooks/useControl.d.ts

@@ -13,7 +13,8 @@ interface FilterKeysModal {
     records?: any[];
     rowKey?: string | GetRowKey<any>;
     preserveSelectedRowKeys?: boolean;
+    selectedRowData?: Record<string, any>[];
 }
-export declare const useSynchronousKeys: ({ selectedRowKeys, records, rowKey, preserveSelectedRowKeys }: FilterKeysModal) => void;
+export declare const useSynchronousKeys: ({ selectedRowKeys, records, rowKey, preserveSelectedRowKeys, }: FilterKeysModal) => void;
 export declare const useAlwaysShowAlert: (selectedRowData: RowObj, alwaysShowAlert?: boolean) => boolean | undefined;
 export {};

package/es/HTableBody/hooks/useControl.js

@@ -1,9 +1,11 @@
 // welcome to hoo hoo hoo
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _findIndexInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find-index';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
 import { useState, useEffect, useMemo } from 'react';
@@ -92,8 +94,10 @@ var useSynchronousKeys = function useSynchronousKeys(_ref4) {
   var _useHTableContext = useHTableContext(),
     rowOnChange = _useHTableContext.rowOnChange;
   var findId = function findId(key) {
+    var _context, _context2;
+    var mgArray = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var msRecords = records;
-    var rowIndex = _findIndexInstanceProperty(msRecords).call(msRecords, function (item, index) {
+    var rowIndex = _findIndexInstanceProperty(_context = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(mgArray), _toConsumableArray(msRecords))).call(_context, function (item, index) {
       var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
       return id === key;
     });
@@ -108,6 +112,7 @@ var useSynchronousKeys = function useSynchronousKeys(_ref4) {
         return findId(key);
       });
       rowOnChange(selectedRowKeys, resultData);
+      return;
     }
   }, [selectedRowKeys, records, rowKey, preserveSelectedRowKeys]);
 };

package/es/HTableBody/index.js

@@ -110,7 +110,8 @@ var Body = (function (bodyProps) {
     selectedRowKeys: selectedRowKeys,
     records: records,
     rowKey: rowKey,
-    preserveSelectedRowKeys: preserveSelectedRowKeys
+    preserveSelectedRowKeys: preserveSelectedRowKeys,
+    selectedRowData: selectedRowData.rowData
   });
   var optionsNode = options && jsx(Options, _objectSpread(_objectSpread({
     reload: function reload() {

package/es/hooks/useRowObj.js

@@ -2,6 +2,17 @@
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import { useState } from 'react';
 
+var initSelectedData = function initSelectedData(rowSelection) {
+  if (!rowSelection) {
+    return {};
+  }
+  var selectedRowKeys = rowSelection.selectedRowKeys,
+    selectedRowData = rowSelection.selectedRowData;
+  return {
+    keys: selectedRowKeys,
+    rowData: selectedRowData
+  };
+};
 var useRowObj = (function (rowSelection) {
   var change = function change(keys, rowData) {
     if (rowSelection === false) {
@@ -11,7 +22,7 @@ var useRowObj = (function (rowSelection) {
       onChange = _ref.onChange;
     onChange === null || onChange === void 0 || onChange(keys, rowData);
   };
-  var _useState = useState({}),
+  var _useState = useState(initSelectedData(rowSelection)),
     _useState2 = _slicedToArray(_useState, 2),
     selectedRowData = _useState2[0],
     setSelectedRowData = _useState2[1];
@@ -36,6 +47,7 @@ var useRowObj = (function (rowSelection) {
     }
     var _ref2 = rowSelection || {},
       preserveSelectedRowKeys = _ref2.preserveSelectedRowKeys;
+    console.log(preserveSelectedRowKeys, "preserveSelectedRowKeys");
     if (preserveSelectedRowKeys) {
       return;
     }

package/es/modal.d.ts

@@ -52,6 +52,7 @@ export interface RowSelectionOuter {
 export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
     allCheckType?: "batch" | "single";
+    selectedRowData?: Record<string, any>[];
 });
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowSelection" | "pagination"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;

package/lib/EditTable/hooks.d.ts

@@ -6,7 +6,7 @@ import { ResultModal } from "../modal";
 export declare const useListRequest: ({ request, dataSource, manual, }: HEditTableProps) => {
     loading: boolean;
     error: Error | undefined;
-    run: (params?: any) => Promise<void>;
+    run: (params?: any, sorter?: any) => Promise<void>;
     data: ResultModal;
 };
 export declare const useEditTable: () => EditTableInstance;

package/lib/EditTable/hooks.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -12,6 +11,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -39,42 +39,68 @@ var useListRequest = function useListRequest(_ref) {
       params: {
         current: 1,
         pageSize: 10
-      }
+      },
+      sorter: {}
     };
   }, []);
+  var sorterParamsFn = function sorterParamsFn() {
+    var sorter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var keysLen = _Object$keys(sorter).length;
+    if (keysLen === 0) {
+      return saveParams.sorter;
+    }
+    return sorter;
+  };
+  var sorterMk = function sorterMk(sorter) {
+    var keys = _Object$keys(sorter);
+    if (keys.length === 0) {
+      return {};
+    }
+    var orderByField = keys[0];
+    var asc = sorter[orderByField];
+    return {
+      orderByField: orderByField,
+      asc: asc === "ascend"
+    };
+  };
   var _useRequest = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var params,
+        sorter,
         newParams,
+        cuSorter,
         result,
         _args = arguments;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             params = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            sorter = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
             newParams = _objectSpread(_objectSpread({}, saveParams.params), params);
+            cuSorter = sorterParamsFn(sorter);
+            saveParams.sorter = cuSorter;
             saveParams.params = newParams;
             if (!request) {
-              _context.next = 9;
+              _context.next = 12;
               break;
             }
-            _context.next = 6;
-            return request(newParams);
-          case 6:
+            _context.next = 9;
+            return request(_objectSpread(_objectSpread({}, newParams), sorterMk(cuSorter)));
+          case 9:
             result = _context.sent;
             setTableDataSource(result);
             return _context.abrupt("return");
-          case 9:
+          case 12:
             if (!_Array$isArray(dataSource)) {
-              _context.next = 12;
+              _context.next = 15;
               break;
             }
             setTableDataSource(_objectSpread(_objectSpread({}, tableDataSource), {}, {
               records: dataSource
             }));
             return _context.abrupt("return");
-          case 12:
+          case 15:
             return _context.abrupt("return", setTableDataSource(dataSource || tableDataSource));
-          case 13:
+          case 16:
           case "end":
             return _context.stop();
         }

package/lib/EditTable/index.js

@@ -14,6 +14,7 @@ var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var jsxRuntime = require('react/jsx-runtime');
 var ProTable = require('@ant-design/pro-table');
 var index = require('../hooks/index.js');
@@ -104,6 +105,11 @@ var EditTable = (function (_ref) {
         editableFormRef: defaultEditableFormRef,
         actionRef: defaultActionRef,
         value: data === null || data === void 0 ? void 0 : data.records,
+        manualRequest: true,
+        request: function request(params, sorter) {
+          run({}, sorter);
+          return _Promise.resolve({});
+        },
         recordCreatorProps: recordCreatorProps === false ? recordCreatorProps : _objectSpread({
           position: "bottom",
           record: function record() {

package/lib/HTableBody/AlertMsg.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ActionRenderFn } from "src/components/modal";
+import type { ActionRenderFn } from "../modal";
 interface IProps {
     actionRender?: ActionRenderFn;
 }

package/lib/HTableBody/hooks/useControl.d.ts

@@ -13,7 +13,8 @@ interface FilterKeysModal {
     records?: any[];
     rowKey?: string | GetRowKey<any>;
     preserveSelectedRowKeys?: boolean;
+    selectedRowData?: Record<string, any>[];
 }
-export declare const useSynchronousKeys: ({ selectedRowKeys, records, rowKey, preserveSelectedRowKeys }: FilterKeysModal) => void;
+export declare const useSynchronousKeys: ({ selectedRowKeys, records, rowKey, preserveSelectedRowKeys, }: FilterKeysModal) => void;
 export declare const useAlwaysShowAlert: (selectedRowData: RowObj, alwaysShowAlert?: boolean) => boolean | undefined;
 export {};

package/lib/HTableBody/hooks/useControl.js

@@ -1,10 +1,12 @@
 'use strict';
 
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
 var React = require('react');
@@ -93,8 +95,10 @@ var useSynchronousKeys = function useSynchronousKeys(_ref4) {
   var _useHTableContext = context.useHTableContext(),
     rowOnChange = _useHTableContext.rowOnChange;
   var findId = function findId(key) {
+    var _context, _context2;
+    var mgArray = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var msRecords = records;
-    var rowIndex = _findIndexInstanceProperty(msRecords).call(msRecords, function (item, index) {
+    var rowIndex = _findIndexInstanceProperty(_context = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(mgArray), _toConsumableArray(msRecords))).call(_context, function (item, index) {
       var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
       return id === key;
     });
@@ -109,6 +113,7 @@ var useSynchronousKeys = function useSynchronousKeys(_ref4) {
         return findId(key);
       });
       rowOnChange(selectedRowKeys, resultData);
+      return;
     }
   }, [selectedRowKeys, records, rowKey, preserveSelectedRowKeys]);
 };

package/lib/HTableBody/index.js

@@ -113,7 +113,8 @@ var Body = (function (bodyProps) {
     selectedRowKeys: selectedRowKeys,
     records: records,
     rowKey: rowKey,
-    preserveSelectedRowKeys: preserveSelectedRowKeys
+    preserveSelectedRowKeys: preserveSelectedRowKeys,
+    selectedRowData: selectedRowData.rowData
   });
   var optionsNode = options && jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
     reload: function reload() {

package/lib/hooks/useRowObj.js

@@ -5,6 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var React = require('react');
 
+var initSelectedData = function initSelectedData(rowSelection) {
+  if (!rowSelection) {
+    return {};
+  }
+  var selectedRowKeys = rowSelection.selectedRowKeys,
+    selectedRowData = rowSelection.selectedRowData;
+  return {
+    keys: selectedRowKeys,
+    rowData: selectedRowData
+  };
+};
 var useRowObj = (function (rowSelection) {
   var change = function change(keys, rowData) {
     if (rowSelection === false) {
@@ -14,7 +25,7 @@ var useRowObj = (function (rowSelection) {
       onChange = _ref.onChange;
     onChange === null || onChange === void 0 || onChange(keys, rowData);
   };
-  var _useState = React.useState({}),
+  var _useState = React.useState(initSelectedData(rowSelection)),
     _useState2 = _slicedToArray(_useState, 2),
     selectedRowData = _useState2[0],
     setSelectedRowData = _useState2[1];
@@ -39,6 +50,7 @@ var useRowObj = (function (rowSelection) {
     }
     var _ref2 = rowSelection || {},
       preserveSelectedRowKeys = _ref2.preserveSelectedRowKeys;
+    console.log(preserveSelectedRowKeys, "preserveSelectedRowKeys");
     if (preserveSelectedRowKeys) {
       return;
     }

package/lib/modal.d.ts

@@ -52,6 +52,7 @@ export interface RowSelectionOuter {
 export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
     allCheckType?: "batch" | "single";
+    selectedRowData?: Record<string, any>[];
 });
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowSelection" | "pagination"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "1.10.47",
+  "version": "1.10.50",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"

package/src/components/EditTable/hooks.ts

@@ -23,17 +23,42 @@ export const useListRequest = ({
         current: 1,
         pageSize: 10,
       },
+      sorter: {},
     };
   }, []);
+  const sorterParamsFn = (sorter = {}) => {
+    const keysLen = Object.keys(sorter).length;
+    if (keysLen === 0) {
+      return saveParams.sorter;
+    }
+    return sorter;
+  };
+  const sorterMk = (sorter) => {
+    const keys = Object.keys(sorter);
+    if (keys.length === 0) {
+      return {};
+    }
+    const orderByField = keys[0];
+    const asc = sorter[orderByField];
+    return {
+      orderByField,
+      asc: asc === "ascend",
+    };
+  };
   const { loading, error, run } = useRequest(
-    async (params = {}) => {
+    async (params = {}, sorter = {}) => {
       const newParams = {
         ...saveParams.params,
         ...params,
       };
+      const cuSorter = sorterParamsFn(sorter);
+      saveParams.sorter = cuSorter;
       saveParams.params = newParams;
       if (request) {
-        const result = await request(newParams);
+        const result = await request({
+          ...newParams,
+          ...sorterMk(cuSorter),
+        });
         setTableDataSource(result);
         return;
       }

package/src/components/EditTable/index.tsx

@@ -77,6 +77,11 @@ export default ({
           editableFormRef={defaultEditableFormRef}
           actionRef={defaultActionRef}
           value={data?.records}
+          manualRequest
+          request={(params, sorter) => {
+            run({}, sorter);
+            return Promise.resolve({});
+          }}
           recordCreatorProps={
             recordCreatorProps === false
               ? recordCreatorProps

package/src/components/HTableBody/AlertMsg.tsx

@@ -1,7 +1,7 @@
 import { Button, Row, Typography } from "antd";
 import React from "react";
 import { useHTableContext } from "../context";
-import type { ActionRenderFn } from "src/components/modal";
+import type { ActionRenderFn } from "../modal";
 const { Text, Link } = Typography;
 interface IProps {
   actionRender?: ActionRenderFn;

package/src/components/HTableBody/hooks/useControl.tsx

@@ -79,18 +79,19 @@ interface FilterKeysModal {
   records?: any[];
   rowKey?: string | GetRowKey<any>;
   preserveSelectedRowKeys?: boolean;
+  selectedRowData?: Record<string, any>[];
 }
 
 export const useSynchronousKeys = ({
   selectedRowKeys,
   records,
   rowKey,
-  preserveSelectedRowKeys
+  preserveSelectedRowKeys,
 }: FilterKeysModal) => {
   const { rowOnChange } = useHTableContext();
-  const findId = (key) => {
+  const findId = (key, mgArray: Record<string, any>[] = []) => {
     const msRecords = records as any[];
-    const rowIndex = msRecords.findIndex((item, index) => {
+    const rowIndex = [...mgArray, ...msRecords].findIndex((item, index) => {
       const id =
         typeof rowKey === "function"
           ? rowKey(item, index)
@@ -100,16 +101,17 @@ export const useSynchronousKeys = ({
     return msRecords[rowIndex];
   };
   useEffect(() => {
-    if (!selectedRowKeys||!records||!rowKey) {
-       return;
+    if (!selectedRowKeys || !records || !rowKey) {
+      return;
     }
     if (!preserveSelectedRowKeys) {
       const resultData = selectedRowKeys.map((key) => {
         return findId(key);
       });
       rowOnChange(selectedRowKeys, resultData);
+      return;
     }
-  }, [selectedRowKeys, records, rowKey,preserveSelectedRowKeys]);
+  }, [selectedRowKeys, records, rowKey, preserveSelectedRowKeys]);
 };
 
 export const useAlwaysShowAlert = (

package/src/components/HTableBody/index.tsx

@@ -50,8 +50,11 @@ export default (bodyProps: HTableBodyProps) => {
     ...props
   } = bodyProps;
 
-  const { selectedRowKeys, alwaysShowAlert: configAlwaysShowAlert,preserveSelectedRowKeys } =
-    rowSelection || {};
+  const {
+    selectedRowKeys,
+    alwaysShowAlert: configAlwaysShowAlert,
+    preserveSelectedRowKeys,
+  } = rowSelection || {};
 
   const {
     tableInstance: contextTableInstance,
@@ -90,8 +93,13 @@ export default (bodyProps: HTableBodyProps) => {
       columnsState,
       columns: cols,
     });
-  useSynchronousKeys({ selectedRowKeys, records, rowKey,preserveSelectedRowKeys });
-
+  useSynchronousKeys({
+    selectedRowKeys,
+    records,
+    rowKey,
+    preserveSelectedRowKeys,
+    selectedRowData: selectedRowData.rowData,
+  });
   const optionsNode = options && (
     <Options
       reload={() => {

package/src/components/hooks/useRowObj.ts

@@ -3,6 +3,17 @@ import { useState } from "react";
 import type { RowObj } from "../modal";
 import type { HRowSelection } from "../modal";
 
+const initSelectedData = (rowSelection?: HRowSelection | false): RowObj => {
+  if (!rowSelection) {
+    return {};
+  }
+  const { selectedRowKeys, selectedRowData } = rowSelection;
+  return {
+    keys: selectedRowKeys,
+    rowData: selectedRowData,
+  };
+};
+
 export default (rowSelection?: HRowSelection | false) => {
   const change = (keys: React.Key[], rowData: any[]) => {
     if (rowSelection === false) {
@@ -11,7 +22,9 @@ export default (rowSelection?: HRowSelection | false) => {
     const { onChange } = rowSelection || {};
     onChange?.(keys, rowData);
   };
-  const [selectedRowData, setSelectedRowData] = useState<RowObj>({});
+  const [selectedRowData, setSelectedRowData] = useState<RowObj>(
+    initSelectedData(rowSelection)
+  );
   const { selectAll = false } = selectedRowData;
   const rowOnChange = (keys: React.Key[], rowData: any[]) => {
     setSelectedRowData({
@@ -31,6 +44,7 @@ export default (rowSelection?: HRowSelection | false) => {
       return;
     }
     const { preserveSelectedRowKeys } = rowSelection || {};
+    console.log(preserveSelectedRowKeys, "preserveSelectedRowKeys");
     if (preserveSelectedRowKeys) {
       return;
     }

package/src/components/modal.ts

@@ -81,6 +81,7 @@ export type HRowSelection = RowSelectionOuter &
   (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
     allCheckType?: "batch" | "single";
+    selectedRowData?: Record<string, any>[];
   });
 export interface HTableProps
   extends Omit<

package/src/pages/EditTable/index.tsx

@@ -33,13 +33,23 @@ export default () => {
         }}
         pagination={false}
         onEdit={async (data) => {}}
-        request={() => {
+        request={async () => {
           console.log("fffff");
-          return {};
+          return {
+            records: [{ title: "1", id: 1 }],
+            size: 10,
+            total: 1,
+            current: 1,
+          };
         }}
         configData={[
-          { title: "标题", dataIndex: "title" },
-          { title: "标题2", dataIndex: "time", valueType: "date" },
+          { title: "标题", sorter: true, dataIndex: "title" },
+          {
+            title: "标题2",
+            dataIndex: "time",
+            valueType: "date",
+            sorter: true,
+          },
           {
             title: "操作",
             valueType: "option",
@@ -54,6 +64,13 @@ export default () => {
               >
                 编辑
               </a>,
+              <a
+                onClick={() => {
+                  action.reloadAndRest();
+                }}
+              >
+                删除
+              </a>,
             ],
           },
         ]}

package/src/pages/Table/index.tsx

@@ -88,7 +88,6 @@ export const configData = () => {
   ];
 };
 const listReq = (params) => {
-  console.log(params, "params");
   return new Promise((resolve) => {
     setTimeout(() => {
       const { current } = params;
@@ -170,8 +169,17 @@ export default () => {
       },
     },
   ]);
+  const [keys, setKeys] = useState(["1-1"]);
+
   return (
     <HFormConfigProvider>
+      <div
+        onClick={() => {
+          setKeys([]);
+        }}
+      >
+        清空
+      </div>
       <ProTable
         columns={cols}
         actionRef={ref}
@@ -256,10 +264,12 @@ export default () => {
             rowSelection={{
               preserveSelectedRowKeys: true,
               allPageCheck: false,
-              onChange: (keys, rowData) => {
-                console.log(keys, rowData);
+              onChange: (changeKey, rowData) => {
+                console.log(changeKey, rowData);
               },
               allCheckType: "batch",
+              selectedRowKeys: keys,
+              selectedRowData: [{ id: "1-1" }],
             }}
             affixProps={{
               target: () => document.querySelector(".body"),

package/README.en.md

@@ -1,36 +0,0 @@
-# hw-component-table
-
-#### Description
-table组件
-
-#### Software Architecture
-Software architecture description
-
-#### Installation
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### Instructions
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### Contribution
-
-1.  Fork the repository
-2.  Create Feat_xxx branch
-3.  Commit your code
-4.  Create Pull Request
-
-
-#### Gitee Feature
-
-1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
-2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
-3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
-4.  The most valuable open source project [GVP](https://gitee.com/gvp)
-5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
-6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)