@hw-component/table 0.0.3-beta-v12 → 0.0.3-beta-v14

package/es/HTableFooter/index.d.ts

@@ -1,10 +1,12 @@
 import type { ActionRenderFn } from "../modal";
 import React from "react";
 import type { HTableInstance, ResultModal, RowObj } from "../modal";
+import type { FooterBtnRenderFn } from "../modal";
 interface IFooterProps {
     actionRender?: ActionRenderFn;
     footerRender?: (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
     footerStyle?: React.CSSProperties;
+    footerBtnRender?: FooterBtnRenderFn;
 }
-declare const _default: ({ actionRender, footerRender, footerStyle }: IFooterProps) => JSX.Element;
+declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender }: IFooterProps) => JSX.Element;
 export default _default;

package/es/HTableFooter/index.js

@@ -12,7 +12,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/ob
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Typography, Card, Row, Space, Button, Affix } from 'antd';
+import { Typography, Space, Button, Card, Row, Affix } from 'antd';
 import { useHTableContext } from '../context.js';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -22,14 +22,14 @@ var Text = Typography.Text,
 var Footer = (function (_ref) {
   var actionRender = _ref.actionRender,
     footerRender = _ref.footerRender,
-    footerStyle = _ref.footerStyle;
+    footerStyle = _ref.footerStyle,
+    footerBtnRender = _ref.footerBtnRender;
   var _useHTableContext = useHTableContext(),
     data = _useHTableContext.data,
     _useHTableContext$sel = _useHTableContext.selectedRowData,
     selectedRowData = _useHTableContext$sel === void 0 ? {} : _useHTableContext$sel,
     allSelectChange = _useHTableContext.allSelectChange,
     tableInstance = _useHTableContext.tableInstance;
-    _useHTableContext.error;
   var _ref2 = data || {},
     _ref2$total = _ref2.total,
     total = _ref2$total === void 0 ? "0" : _ref2$total;
@@ -45,6 +45,33 @@ var Footer = (function (_ref) {
       children: footerRender(tableInstance, selectedRowData, data)
     });
   }
+  var allCheck = function allCheck(checked) {
+    allSelectChange === null || allSelectChange === void 0 || allSelectChange(checked);
+  };
+  var btnDom = jsxs(Space, {
+    size: 20,
+    children: [jsx(Button, {
+      type: "primary",
+      ghost: true,
+      disabled: showTotalNum == 0,
+      style: {
+        padding: "4px 24px",
+        borderRadius: "4px"
+      },
+      onClick: function onClick() {
+        allSelectChange === null || allSelectChange === void 0 || allSelectChange();
+      },
+      children: !selectAll ? "选择全部" : "取消选择"
+    }), jsxs(Text, {
+      type: "secondary",
+      children: ["\u5171", total, "\u6761"]
+    }), jsxs(Text, {
+      type: "secondary",
+      children: ["\u5DF2\u9009\u62E9", jsx(Link, {
+        children: num
+      }), "\u6761"]
+    })]
+  });
   var dom = jsx(Card, {
     style: _objectSpread({
       borderRadius: 4
@@ -53,28 +80,8 @@ var Footer = (function (_ref) {
     className: "hw_table_footer",
     children: jsxs(Row, {
       justify: "space-between",
-      children: [jsxs(Space, {
-        size: 20,
-        children: [jsx(Button, {
-          type: "primary",
-          ghost: true,
-          disabled: showTotalNum == 0,
-          style: {
-            padding: "4px 24px",
-            borderRadius: "4px"
-          },
-          onClick: allSelectChange,
-          children: !selectAll ? "选择全部" : "取消选择"
-        }), jsxs(Text, {
-          type: "secondary",
-          children: ["\u5171", total, "\u6761"]
-        }), jsxs(Text, {
-          type: "secondary",
-          children: ["\u5DF2\u9009\u62E9", jsx(Link, {
-            children: num
-          }), "\u6761"]
-        })]
-      }), actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance)]
+      align: "middle",
+      children: [footerBtnRender ? footerBtnRender(btnDom, total, selectedRowData, allCheck) : btnDom, actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance)]
     })
   });
   if (!data) {

package/es/HTableHeader/utils.js

@@ -1,10 +1,20 @@
 // welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
 import 'core-js/modules/es.function.name.js';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
 
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultSubItem = {
   type: "submit",
   itemProps: {
@@ -52,10 +62,15 @@ function formConfigDataItemProvider(_ref) {
     title = _ref.title,
     name = _ref.name,
     dataIndex = _ref.dataIndex,
-    itemProps = _ref.itemProps,
+    _ref$itemProps = _ref.itemProps,
+    itemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
     searchRender = _ref.searchRender;
+  var _itemProps$allowClear = itemProps.allowClear,
+    allowClear = _itemProps$allowClear === void 0 ? true : _itemProps$allowClear;
   return {
-    itemProps: itemProps,
+    itemProps: _objectSpread(_objectSpread({}, itemProps), {}, {
+      allowClear: allowClear
+    }),
     label: title,
     colon: colon,
     type: searchType,

package/es/Table.d.ts

@@ -1,3 +1,3 @@
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, className, paginationStyle, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, className, paginationStyle, footerBtnRender, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/es/Table.js

@@ -20,7 +20,7 @@ import { Space } from 'antd';
 import useReq from './hooks/useReq.js';
 import useDispatch from './hooks/useDispatch.js';
 
-var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle"];
+var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "footerBtnRender"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = (function (_ref) {
@@ -43,6 +43,7 @@ var Table = (function (_ref) {
     spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize,
     className = _ref.className,
     paginationStyle = _ref.paginationStyle,
+    footerBtnRender = _ref.footerBtnRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq({
       request: request
@@ -107,7 +108,8 @@ var Table = (function (_ref) {
       }, props)), footerRender !== false && jsx(Footer, {
         actionRender: actionRender,
         footerRender: footerRender,
-        footerStyle: footerStyle
+        footerStyle: footerStyle,
+        footerBtnRender: footerBtnRender
       })]
     })
   });

package/es/context.d.ts

@@ -8,7 +8,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
     rowOnChange: (keys: React.Key[], rowData: any[]) => void;
     error?: Error;
     loading?: boolean;
-    allSelectChange?: VoidFunction;
+    allSelectChange?: (checked?: boolean) => void;
     params?: any;
     onFinish: (value: Record<string, any>) => Promise<any>;
     onPageChange: (value: Record<string, any>) => Promise<any>;

package/es/hooks/useRowObj.d.ts

@@ -3,6 +3,6 @@ import type { RowObj } from "../modal";
 declare const _default: () => {
     rowOnChange: (keys: React.Key[], rowData: any[]) => void;
     selectedRowData: RowObj;
-    allSelectChange: () => void;
+    allSelectChange: (checked?: boolean) => void;
 };
 export default _default;

package/es/hooks/useRowObj.js

@@ -15,9 +15,10 @@ var useRowObj = (function () {
       rowData: rowData
     });
   };
-  var allSelectChange = function allSelectChange() {
+  var allSelectChange = function allSelectChange(checked) {
+    var newChecked = typeof checked === "undefined" ? !selectAll : checked;
     setSelectedRowData({
-      selectAll: !selectAll
+      selectAll: newChecked
     });
   };
   return {

package/es/modal.d.ts

@@ -27,6 +27,7 @@ interface HColumns extends Omit<ProColumns, "render"> {
 export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
 export type ConfigDataModal = ConfigItemModal[];
 export type ActionRenderFn = (selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
+export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (checked: boolean) => void) => React.ReactNode;
 export type actionFn = (...arg: any[]) => void;
 type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource"> {
@@ -35,6 +36,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     searchSpan?: ColProps;
     table?: HTableInstance;
     actionRender?: ActionRenderFn;
+    footerBtnRender?: FooterBtnRenderFn;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
     errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
     footerRender?: FooterRenderFn | false;

package/lib/HTableFooter/index.d.ts

@@ -1,10 +1,12 @@
 import type { ActionRenderFn } from "../modal";
 import React from "react";
 import type { HTableInstance, ResultModal, RowObj } from "../modal";
+import type { FooterBtnRenderFn } from "../modal";
 interface IFooterProps {
     actionRender?: ActionRenderFn;
     footerRender?: (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
     footerStyle?: React.CSSProperties;
+    footerBtnRender?: FooterBtnRenderFn;
 }
-declare const _default: ({ actionRender, footerRender, footerStyle }: IFooterProps) => JSX.Element;
+declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender }: IFooterProps) => JSX.Element;
 export default _default;

package/lib/HTableFooter/index.js

@@ -25,14 +25,14 @@ var Text = antd.Typography.Text,
 var Footer = (function (_ref) {
   var actionRender = _ref.actionRender,
     footerRender = _ref.footerRender,
-    footerStyle = _ref.footerStyle;
+    footerStyle = _ref.footerStyle,
+    footerBtnRender = _ref.footerBtnRender;
   var _useHTableContext = context.useHTableContext(),
     data = _useHTableContext.data,
     _useHTableContext$sel = _useHTableContext.selectedRowData,
     selectedRowData = _useHTableContext$sel === void 0 ? {} : _useHTableContext$sel,
     allSelectChange = _useHTableContext.allSelectChange,
     tableInstance = _useHTableContext.tableInstance;
-    _useHTableContext.error;
   var _ref2 = data || {},
     _ref2$total = _ref2.total,
     total = _ref2$total === void 0 ? "0" : _ref2$total;
@@ -48,6 +48,33 @@ var Footer = (function (_ref) {
       children: footerRender(tableInstance, selectedRowData, data)
     });
   }
+  var allCheck = function allCheck(checked) {
+    allSelectChange === null || allSelectChange === void 0 || allSelectChange(checked);
+  };
+  var btnDom = jsxRuntime.jsxs(antd.Space, {
+    size: 20,
+    children: [jsxRuntime.jsx(antd.Button, {
+      type: "primary",
+      ghost: true,
+      disabled: showTotalNum == 0,
+      style: {
+        padding: "4px 24px",
+        borderRadius: "4px"
+      },
+      onClick: function onClick() {
+        allSelectChange === null || allSelectChange === void 0 || allSelectChange();
+      },
+      children: !selectAll ? "选择全部" : "取消选择"
+    }), jsxRuntime.jsxs(Text, {
+      type: "secondary",
+      children: ["\u5171", total, "\u6761"]
+    }), jsxRuntime.jsxs(Text, {
+      type: "secondary",
+      children: ["\u5DF2\u9009\u62E9", jsxRuntime.jsx(Link, {
+        children: num
+      }), "\u6761"]
+    })]
+  });
   var dom = jsxRuntime.jsx(antd.Card, {
     style: _objectSpread({
       borderRadius: 4
@@ -56,28 +83,8 @@ var Footer = (function (_ref) {
     className: "hw_table_footer",
     children: jsxRuntime.jsxs(antd.Row, {
       justify: "space-between",
-      children: [jsxRuntime.jsxs(antd.Space, {
-        size: 20,
-        children: [jsxRuntime.jsx(antd.Button, {
-          type: "primary",
-          ghost: true,
-          disabled: showTotalNum == 0,
-          style: {
-            padding: "4px 24px",
-            borderRadius: "4px"
-          },
-          onClick: allSelectChange,
-          children: !selectAll ? "选择全部" : "取消选择"
-        }), jsxRuntime.jsxs(Text, {
-          type: "secondary",
-          children: ["\u5171", total, "\u6761"]
-        }), jsxRuntime.jsxs(Text, {
-          type: "secondary",
-          children: ["\u5DF2\u9009\u62E9", jsxRuntime.jsx(Link, {
-            children: num
-          }), "\u6761"]
-        })]
-      }), actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance)]
+      align: "middle",
+      children: [footerBtnRender ? footerBtnRender(btnDom, total, selectedRowData, allCheck) : btnDom, actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance)]
     })
   });
   if (!data) {

package/lib/HTableHeader/utils.js

@@ -1,11 +1,21 @@
 'use strict';
 
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('core-js/modules/es.function.name.js');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
 
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultSubItem = {
   type: "submit",
   itemProps: {
@@ -53,10 +63,15 @@ function formConfigDataItemProvider(_ref) {
     title = _ref.title,
     name = _ref.name,
     dataIndex = _ref.dataIndex,
-    itemProps = _ref.itemProps,
+    _ref$itemProps = _ref.itemProps,
+    itemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
     searchRender = _ref.searchRender;
+  var _itemProps$allowClear = itemProps.allowClear,
+    allowClear = _itemProps$allowClear === void 0 ? true : _itemProps$allowClear;
   return {
-    itemProps: itemProps,
+    itemProps: _objectSpread(_objectSpread({}, itemProps), {}, {
+      allowClear: allowClear
+    }),
     label: title,
     colon: colon,
     type: searchType,

package/lib/Table.d.ts

@@ -1,3 +1,3 @@
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, className, paginationStyle, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, className, paginationStyle, footerBtnRender, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/lib/Table.js

@@ -23,7 +23,7 @@ var antd = require('antd');
 var useReq = require('./hooks/useReq.js');
 var useDispatch = require('./hooks/useDispatch.js');
 
-var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle"];
+var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "footerBtnRender"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = (function (_ref) {
@@ -46,6 +46,7 @@ var Table = (function (_ref) {
     spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize,
     className = _ref.className,
     paginationStyle = _ref.paginationStyle,
+    footerBtnRender = _ref.footerBtnRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq.default({
       request: request
@@ -110,7 +111,8 @@ var Table = (function (_ref) {
       }, props)), footerRender !== false && jsxRuntime.jsx(index$2.default, {
         actionRender: actionRender,
         footerRender: footerRender,
-        footerStyle: footerStyle
+        footerStyle: footerStyle,
+        footerBtnRender: footerBtnRender
       })]
     })
   });

package/lib/context.d.ts

@@ -8,7 +8,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
     rowOnChange: (keys: React.Key[], rowData: any[]) => void;
     error?: Error;
     loading?: boolean;
-    allSelectChange?: VoidFunction;
+    allSelectChange?: (checked?: boolean) => void;
     params?: any;
     onFinish: (value: Record<string, any>) => Promise<any>;
     onPageChange: (value: Record<string, any>) => Promise<any>;

package/lib/hooks/useRowObj.d.ts

@@ -3,6 +3,6 @@ import type { RowObj } from "../modal";
 declare const _default: () => {
     rowOnChange: (keys: React.Key[], rowData: any[]) => void;
     selectedRowData: RowObj;
-    allSelectChange: () => void;
+    allSelectChange: (checked?: boolean) => void;
 };
 export default _default;

package/lib/hooks/useRowObj.js

@@ -18,9 +18,10 @@ var useRowObj = (function () {
       rowData: rowData
     });
   };
-  var allSelectChange = function allSelectChange() {
+  var allSelectChange = function allSelectChange(checked) {
+    var newChecked = typeof checked === "undefined" ? !selectAll : checked;
     setSelectedRowData({
-      selectAll: !selectAll
+      selectAll: newChecked
     });
   };
   return {

package/lib/modal.d.ts

@@ -27,6 +27,7 @@ interface HColumns extends Omit<ProColumns, "render"> {
 export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
 export type ConfigDataModal = ConfigItemModal[];
 export type ActionRenderFn = (selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
+export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (checked: boolean) => void) => React.ReactNode;
 export type actionFn = (...arg: any[]) => void;
 type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource"> {
@@ -35,6 +36,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     searchSpan?: ColProps;
     table?: HTableInstance;
     actionRender?: ActionRenderFn;
+    footerBtnRender?: FooterBtnRenderFn;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
     errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
     footerRender?: FooterRenderFn | false;

package/package.json

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

package/src/components/HTableFooter/index.tsx

@@ -2,8 +2,9 @@ import { Card, Affix, Row, Space, Button } from "antd";
 import { Typography } from "antd";
 import type { ActionRenderFn } from "../modal";
 import { useHTableContext } from "../context";
-import React, { useEffect, useState } from "react";
+import React from "react";
 import type { HTableInstance, ResultModal, RowObj } from "../modal";
+import type {FooterBtnRenderFn} from "../modal";
 
 const { Text, Link } = Typography;
 interface IFooterProps {
@@ -14,14 +15,14 @@ interface IFooterProps {
     data?: ResultModal
   ) => React.ReactNode;
   footerStyle?: React.CSSProperties;
+  footerBtnRender?: FooterBtnRenderFn
 }
-export default ({ actionRender, footerRender, footerStyle }: IFooterProps) => {
+export default ({ actionRender, footerRender, footerStyle ,footerBtnRender}: IFooterProps) => {
   const {
     data,
     selectedRowData = {},
     allSelectChange,
     tableInstance,
-    error,
   } = useHTableContext();
   const { total = "0" } = data || {};
   const totalNum = Number.parseInt(total, 10);
@@ -31,28 +32,32 @@ export default ({ actionRender, footerRender, footerStyle }: IFooterProps) => {
   if (footerRender) {
     return <>{footerRender(tableInstance, selectedRowData, data)}</>;
   }
+  const allCheck=(checked: boolean)=>{
+    allSelectChange?.(checked);
+  }
+  const btnDom=  <Space size={20}>
+    <Button
+        type={"primary"}
+        ghost
+        disabled={showTotalNum == 0}
+        style={{ padding: "4px 24px", borderRadius: "4px" }}
+        onClick={()=>{allSelectChange?.()}}
+    >
+      {!selectAll ? "选择全部" : "取消选择"}
+    </Button>
+    <Text type={"secondary"}>共{total}条</Text>
+    <Text type={"secondary"}>
+      已选择<Link>{num}</Link>条
+    </Text>
+  </Space>;
   const dom = (
     <Card
       style={{ borderRadius: 4, ...footerStyle }}
       bordered={false}
       className="hw_table_footer"
     >
-      <Row justify="space-between">
-        <Space size={20}>
-          <Button
-            type={"primary"}
-            ghost
-            disabled={showTotalNum == 0}
-            style={{ padding: "4px 24px", borderRadius: "4px" }}
-            onClick={allSelectChange}
-          >
-            {!selectAll ? "选择全部" : "取消选择"}
-          </Button>
-          <Text type={"secondary"}>共{total}条</Text>
-          <Text type={"secondary"}>
-            已选择<Link>{num}</Link>条
-          </Text>
-        </Space>
+      <Row justify="space-between" align="middle">
+        {footerBtnRender?footerBtnRender(btnDom,total,selectedRowData,allCheck):btnDom}
         {actionRender?.(selectedRowData, tableInstance)}
       </Row>
     </Card>

package/src/components/HTableHeader/utils.ts

@@ -45,11 +45,15 @@ function formConfigDataItemProvider({
   title,
   name,
   dataIndex,
-  itemProps,
+  itemProps={},
   searchRender,
 }: ConfigItemModal): HItemProps {
+  const {allowClear=true}=(itemProps as any);
   return {
-    itemProps,
+    itemProps:{
+      ...itemProps,
+      allowClear,
+    },
     label: title,
     colon,
     type: searchType,

package/src/components/Table.tsx

@@ -23,6 +23,7 @@ export default ({
   spaceSize = 15,
   className,
   paginationStyle,
+                    footerBtnRender,
   ...props
 }: HTableProps) => {
   const { run, loading, data, error, saveParams } = useReq({ request });
@@ -82,6 +83,7 @@ export default ({
             actionRender={actionRender}
             footerRender={footerRender}
             footerStyle={footerStyle}
+            footerBtnRender={footerBtnRender}
           />
         )}
       </Space>

package/src/components/context.ts

@@ -9,7 +9,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
   rowOnChange: (keys: React.Key[], rowData: any[]) => void;
   error?: Error;
   loading?: boolean;
-  allSelectChange?: VoidFunction;
+  allSelectChange?: (checked?: boolean) => void;
   params?: any;
   onFinish: (value: Record<string, any>) => Promise<any>;
   onPageChange: (value: Record<string, any>) => Promise<any>;

package/src/components/hooks/useRowObj.ts

@@ -11,9 +11,10 @@ export default () => {
       rowData,
     });
   };
-  const allSelectChange = () => {
+  const allSelectChange = (checked?: boolean) => {
+    const newChecked=typeof checked==="undefined"?!selectAll:checked;
     setSelectedRowData({
-      selectAll: !selectAll,
+      selectAll: newChecked,
     });
   };
   return {

package/src/components/modal.ts

@@ -39,6 +39,12 @@ export type ActionRenderFn = (
   selectedRowKeys: RowObj,
   tableInstance: HTableInstance
 ) => React.ReactNode;
+export type FooterBtnRenderFn = (
+    dom: React.ReactNode,
+    total: string,
+    selectedRowKeys: RowObj,
+    setAllCheck: (checked: boolean) => void
+) => React.ReactNode;
 export type actionFn = (...arg) => void;
 type FooterRenderFn = (
   tableInstance: HTableInstance,
@@ -52,6 +58,7 @@ export interface HTableProps
   searchSpan?: ColProps;
   table?: HTableInstance;
   actionRender?: ActionRenderFn;
+  footerBtnRender?: FooterBtnRenderFn;
   emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
   errorRender?: (
     tableInstance: HTableInstance,

package/src/pages/Table/index.tsx

@@ -28,7 +28,6 @@ export default () => {
           return <Button>点我</Button>;
         }}
         request={(params) => {
-          console.log(params,"params")
           const { current = 1 } = params;
           return new Promise((resolve, reject) => {
             setTimeout(() => {