@hw-component/table 0.0.4-beta-v9 → 0.0.4-beta-v16

package/es/HTableBody/index.js

@@ -1,4 +1,7 @@
 // welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
 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 _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
@@ -7,20 +10,18 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/fo
 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';
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import ProTable from '@ant-design/pro-table';
 import { useCols, useSynchronousKeys } from './hooks.js';
 import { useHTableContext } from '../context.js';
 import React from 'react';
-import { ConfigProvider, Empty } from 'antd';
+import { ConfigProvider, Row, Alert, Empty } from 'antd';
 import { useHTableConfigContext } from '../TableConfig.js';
 import HTablePagination from '../HTablePagination/index.js';
 import { useClassName } from '../hooks/index.js';
+import AlertMsg from './AlertMsg.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender"];
 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 defaultRender = function defaultRender() {
@@ -28,6 +29,11 @@ var defaultRender = function defaultRender() {
     image: Empty.PRESENTED_IMAGE_SIMPLE
   });
 };
+var contentStyle = {
+  paddingLeft: 24,
+  paddingRight: 24,
+  marginBottom: 12
+};
 var Body = (function (_ref) {
   var configData = _ref.configData,
     _ref$pagination = _ref.pagination,
@@ -42,9 +48,11 @@ var Body = (function (_ref) {
     tableStyle = _ref.tableStyle,
     paginationStyle = _ref.paginationStyle,
     headerTitle = _ref.headerTitle,
+    options = _ref.options,
+    actionRender = _ref.actionRender,
     props = _objectWithoutProperties(_ref, _excluded);
-  var selectedRowKeys = rowSelection.selectedRowKeys,
-    onChange = rowSelection.onChange;
+  var selectedRowKeys = rowSelection.selectedRowKeys;
+    rowSelection.onChange;
   var _useHTableContext = useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,
     contextConfigData = _useHTableContext.configData,
@@ -65,21 +73,20 @@ var Body = (function (_ref) {
   var bodyConfigData = configData || contextConfigData;
   var _ref2 = data || {},
     records = _ref2.records;
-    _ref2.size;
-    _ref2.current;
-    _ref2.total;
-  var cols = useCols(bodyConfigData, tableInstance);
-  var change = function change(key, rowData) {
-    if (onChange) {
-      return onChange(key, rowData);
-    }
-    rowOnChange(key, rowData);
-  };
+  var cols = useCols({
+    configData: bodyConfigData,
+    rowSelection: rowSelection,
+    table: tableInstance
+  });
   useSynchronousKeys({
     selectedRowKeys: selectedRowKeys,
     records: records,
     rowKey: rowKey
   });
+  var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys,
+    selectAll = selectedRowData.selectAll;
+  var alwaysShowAlert = keys.length > 0 || selectAll;
   var className = useClassName("hw-table-body");
   return jsx("div", {
     style: tableStyle,
@@ -91,16 +98,26 @@ var Body = (function (_ref) {
         }
         return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
       },
-      children: [jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
-        columns: cols,
-        tableAlertRender: false,
-        search: false,
-        headerTitle: headerTitle ? /*#__PURE__*/React.cloneElement(headerTitle, {
+      children: [headerTitle && jsx(Row, {
+        gutter: [0, 8],
+        style: contentStyle,
+        children: /*#__PURE__*/React.cloneElement(headerTitle, {
           selectedRowData: selectedRowData,
           allSelectChange: allSelectChange,
           rowOnChange: rowOnChange
-        }) : null,
-        options: {
+        })
+      }), alwaysShowAlert && jsx("div", {
+        style: contentStyle,
+        children: jsx(Alert, {
+          message: jsx(AlertMsg, {
+            actionRender: actionRender
+          }),
+          type: "info"
+        })
+      }), jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
+        columns: cols,
+        search: false,
+        options: options ? options : {
           reload: function reload() {
             tableInstance.table.reloadWithParams();
           }
@@ -108,10 +125,7 @@ var Body = (function (_ref) {
         tableStyle: {
           paddingBottom: 0
         },
-        rowSelection: rowSelection === false ? rowSelection : _objectSpread(_objectSpread({}, rowSelection), {}, {
-          selectedRowKeys: _keysInstanceProperty(selectedRowData),
-          onChange: change
-        }),
+        rowSelection: false,
         loading: loading,
         rowKey: rowKey,
         dataSource: records,

package/es/HTableFooter/index.js

@@ -19,7 +19,7 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 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 Text = Typography.Text,
   Link = Typography.Link;
-var Footer = (function (_ref) {
+var index = (function (_ref) {
   var actionRender = _ref.actionRender,
     footerRender = _ref.footerRender,
     footerStyle = _ref.footerStyle,
@@ -91,5 +91,5 @@ var Footer = (function (_ref) {
   });
 });
 
-export { Footer as default };
+export { index as default };
 // powered by hdj

package/es/HTableHeader/index.js

@@ -14,6 +14,7 @@ import { useHTableContext } from '../context.js';
 import { HForm } from '@hw-component/form';
 import { useMemo } from 'react';
 import { formConfigDataProvider } from './utils.js';
+import { useClassName } from '../hooks/index.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; }
 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; }
@@ -36,12 +37,11 @@ var Header = (function (_ref) {
   var nConfigData = useMemo(function () {
     return formConfigDataProvider(headerConfigData);
   }, [configData]);
+  var className = useClassName("hw-table-header");
   return jsx(Card, {
-    style: _objectSpread({
-      borderRadius: 4
-    }, headerStyle),
+    style: _objectSpread({}, headerStyle),
     bordered: false,
-    className: "hw_table_header",
+    className: "hw_table_header ".concat(className),
     bodyStyle: {
       paddingBottom: 0
     },

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, footerBtnRender, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/es/Table.js

@@ -13,14 +13,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import Header from './HTableHeader/index.js';
 import Body from './HTableBody/index.js';
 import useCurrentTable from './hooks/useCurrentTable.js';
-import Footer from './HTableFooter/index.js';
 import useRowObj from './hooks/useRowObj.js';
 import { HTableContext } from './context.js';
 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", "footerBtnRender"];
+var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey"];
 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) {
@@ -28,22 +27,18 @@ var Table = (function (_ref) {
     configData = _ref.configData,
     searchSpan = _ref.searchSpan,
     table = _ref.table,
-    actionRender = _ref.actionRender,
-    footerRender = _ref.footerRender,
     hideHeader = _ref.hideHeader,
     _ref$headerStyle = _ref.headerStyle,
     headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
-    _ref$footerStyle = _ref.footerStyle,
-    footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle,
     _ref$tableStyle = _ref.tableStyle,
     tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle,
     _ref$action = _ref.action,
-    action = _ref$action === void 0 ? {} : _ref$action,
-    _ref$spaceSize = _ref.spaceSize,
-    spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize;
+    action = _ref$action === void 0 ? {} : _ref$action;
+    _ref.spaceSize;
     _ref.className;
     var paginationStyle = _ref.paginationStyle,
-    footerBtnRender = _ref.footerBtnRender,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq({
       request: request
@@ -92,11 +87,12 @@ var Table = (function (_ref) {
         return run(value);
       },
       onPageChange: tableInstance.table.reloadWithParams,
-      setSelectedRowData: setSelectedRowData
+      setSelectedRowData: setSelectedRowData,
+      rowKey: rowKey
     },
     children: jsxs(Space, {
       direction: "vertical",
-      size: spaceSize,
+      size: 0,
       style: {
         width: "100%"
       },
@@ -105,13 +101,9 @@ var Table = (function (_ref) {
         headerStyle: headerStyle
       }), jsx(Body, _objectSpread({
         tableStyle: tableStyle,
-        paginationStyle: paginationStyle
-      }, props)), footerRender !== false && jsx(Footer, {
-        actionRender: actionRender,
-        footerRender: footerRender,
-        footerStyle: footerStyle,
-        footerBtnRender: footerBtnRender
-      })]
+        paginationStyle: paginationStyle,
+        rowKey: rowKey
+      }, props))]
     })
   });
 });

package/es/context.d.ts

@@ -13,6 +13,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
     onFinish: (value: Record<string, any>) => Promise<any>;
     onPageChange: (value: Record<string, any>) => Promise<any>;
     setSelectedRowData: (row: RowObj) => void;
+    rowKey?: string;
 }
 export declare const HTableContext: React.Context<HContextModal | null>;
 export declare const useHTableContext: () => HContextModal;

package/es/index.css

@@ -1,5 +1,6 @@
 .ant-hw-table-body {
-  border-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
   background-color: #fff;
   overflow: hidden;
 }
@@ -11,3 +12,8 @@
   border-radius: 4px;
   background-color: #ffffff;
 }
+.ant-hw-table-header {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding-bottom: 0px;
+}

package/es/index.d.ts

@@ -2,7 +2,6 @@ import "./index.less";
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
-export { default as TableCustomize } from "./TableCustomize";
 export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";

package/es/index.js

@@ -2,7 +2,6 @@
 export { default as HTable } from './Table.js';
 export { default as useHTable } from './hooks/useHTable.js';
 export { default as HTableConfig } from './TableConfig.js';
-export { default as TableCustomize } from './TableCustomize.js';
 export { default as HTableBody } from './HTableBody/index.js';
 export { default as HTableFooter } from './HTableFooter/index.js';
 export { default as HTableHeader } from './HTableHeader/index.js';

package/es/modal.d.ts

@@ -30,22 +30,22 @@ export type ConfigDataModal = ConfigItemModal[];
 export type ActionRenderFn = (selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
 export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRowKeys: RowObj, setAllCheck: (row: RowObj) => 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"> {
+export interface RowSelectionOuter {
+    allPageCheck?: boolean;
+}
+export type HRowSelection = RowSelectionOuter & ProTableProps<any, any>["rowSelection"];
+export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowKey" | "rowSelection"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;
     configData: ConfigDataModal;
     searchSpan?: ColProps;
     table?: HTableInstance;
     actionRender?: ActionRenderFn;
-    footerBtnRender?: FooterBtnRenderFn;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
     errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
-    footerRender?: FooterRenderFn | false;
     hideHeader?: boolean;
     action?: Record<string, actionFn>;
     headerStyle?: React.CSSProperties;
     tableStyle?: React.CSSProperties;
-    footerStyle?: React.CSSProperties;
     spaceSize?: number;
     className?: string;
     error?: Error;
@@ -53,6 +53,9 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     manual?: boolean;
     dataSource?: ResultModal;
     paginationStyle?: React.CSSProperties;
+    rowKey?: string;
+    allPageCheck?: boolean;
+    rowSelection?: HRowSelection;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

package/lib/HTableBody/AlertMsg.d.ts

@@ -0,0 +1,6 @@
+import type { ActionRenderFn } from "../modal";
+interface IProps {
+    actionRender?: ActionRenderFn;
+}
+declare const _default: ({ actionRender }: IProps) => JSX.Element;
+export default _default;

package/lib/HTableBody/AlertMsg.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
+var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
+var _Number$isNaN = require('@babel/runtime-corejs3/core-js/number/is-nan');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var context = require('../context.js');
+
+var Text = antd.Typography.Text,
+  Link = antd.Typography.Link;
+var AlertMsg = (function (_ref) {
+  var actionRender = _ref.actionRender;
+  var _useHTableContext = context.useHTableContext(),
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    tableInstance = _useHTableContext.tableInstance;
+  var _ref2 = data || {},
+    _ref2$total = _ref2.total,
+    total = _ref2$total === void 0 ? "0" : _ref2$total;
+  var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys,
+    selectAll = selectedRowData.selectAll;
+  var totalNum = _Number$parseInt(total, 10);
+  var showTotalNum = _Number$isNaN(totalNum) ? 0 : totalNum;
+  var num = selectAll ? showTotalNum : keys.length;
+  return jsxRuntime.jsxs(antd.Row, {
+    justify: "space-between",
+    align: "middle",
+    children: [jsxRuntime.jsxs(Text, {
+      children: ["\u5DF2\u9009\u62E9", jsxRuntime.jsx(Link, {
+        children: num
+      }), "\u6761"]
+    }), jsxRuntime.jsxs("div", {
+      children: [actionRender === null || actionRender === void 0 ? void 0 : actionRender(selectedRowData, tableInstance), jsxRuntime.jsx(antd.Button, {
+        type: "link",
+        size: "small",
+        onClick: function onClick() {
+          rowOnChange([], []);
+        },
+        children: "\u53D6\u6D88\u9009\u62E9"
+      })]
+    })]
+  });
+});
+
+exports.default = AlertMsg;
+// powered by h

package/lib/HTableBody/RowSelection.d.ts

@@ -0,0 +1,9 @@
+interface IRowSelectionTitleProps {
+    allPageCheck?: boolean;
+}
+export declare const RowSelectionTitle: ({ allPageCheck, }: IRowSelectionTitleProps) => JSX.Element;
+interface RowSelectionBoxProps {
+    data: any;
+}
+export declare const RowSelectionBox: ({ data }: RowSelectionBoxProps) => JSX.Element;
+export {};

package/lib/HTableBody/RowSelection.js

@@ -0,0 +1,137 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/splice');
+var jsxRuntime = require('react/jsx-runtime');
+var context = require('../context.js');
+var antd = require('antd');
+var React = require('react');
+
+var RowSelectionTitle = function RowSelectionTitle(_ref) {
+  var _ref$allPageCheck = _ref.allPageCheck,
+    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck;
+  var _useHTableContext = context.useHTableContext(),
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    allSelectChange = _useHTableContext.allSelectChange,
+    _useHTableContext$row = _useHTableContext.rowKey,
+    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
+  var _ref2 = data || {},
+    _ref2$records = _ref2.records,
+    records = _ref2$records === void 0 ? [] : _ref2$records;
+  var keys = _keysInstanceProperty(selectedRowData),
+    selectAll = selectedRowData.selectAll;
+  var allCheck = function allCheck() {
+    var setKeys = _mapInstanceProperty(records).call(records, function (item) {
+      return item[rowKey];
+    });
+    rowOnChange(setKeys, records);
+  };
+  var allCancel = function allCancel() {
+    rowOnChange([], []);
+  };
+  var checkChange = function checkChange(e) {
+    var checked = e.target.checked;
+    if (checked) {
+      allCheck();
+      return;
+    }
+    allCancel();
+  };
+  var change = function change(_ref3) {
+    var key = _ref3.key;
+    if (key === "check") {
+      allCheck();
+      return;
+    }
+    if (key === "cancel") {
+      allCancel();
+      return;
+    }
+    if (key === "checkAll") {
+      allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
+      return;
+    }
+    allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
+  };
+  var len = keys === null || keys === void 0 ? void 0 : keys.length;
+  var checked = len === records.length && len !== 0;
+  var configItems = React.useMemo(function () {
+    var fsArray = checked ? {
+      label: "取消此页数据",
+      key: "cancel"
+    } : {
+      label: "选择此页数据",
+      key: "check"
+    };
+    var enArray = selectAll ? {
+      label: "取消全部数据",
+      key: "cancelAll"
+    } : {
+      label: "选择全部数据",
+      key: "checkAll"
+    };
+    return [fsArray, enArray];
+  }, [checked, selectAll]);
+  var menu = function menu() {
+    var MenuEle = antd.Menu;
+    return jsxRuntime.jsx(MenuEle, {
+      onClick: change,
+      items: configItems
+    });
+  };
+  if (allPageCheck) {
+    return jsxRuntime.jsx(antd.Dropdown, {
+      overlay: menu,
+      arrow: true,
+      placement: "bottom",
+      children: jsxRuntime.jsx(antd.Checkbox, {
+        checked: checked,
+        onChange: checkChange
+      })
+    });
+  }
+  return jsxRuntime.jsx(antd.Checkbox, {
+    checked: checked,
+    onChange: checkChange
+  });
+};
+var RowSelectionBox = function RowSelectionBox(_ref4) {
+  var data = _ref4.data;
+  var _useHTableContext2 = context.useHTableContext(),
+    selectedRowData = _useHTableContext2.selectedRowData,
+    rowOnChange = _useHTableContext2.rowOnChange,
+    _useHTableContext2$ro = _useHTableContext2.rowKey,
+    rowKey = _useHTableContext2$ro === void 0 ? "id" : _useHTableContext2$ro;
+  var _selectedRowData$rowD = selectedRowData.rowData,
+    rowData = _selectedRowData$rowD === void 0 ? [] : _selectedRowData$rowD,
+    _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
+  var key = data[rowKey];
+  var check = function check(e) {
+    var checked = e.target.checked;
+    var newKeys = _toConsumableArray(keys);
+    var newRowData = _toConsumableArray(rowData);
+    if (checked) {
+      newKeys.push(key);
+      newRowData.push(data);
+      rowOnChange(newKeys, newRowData);
+      return;
+    }
+    var index = _indexOfInstanceProperty(newKeys).call(newKeys, key);
+    _spliceInstanceProperty(newKeys).call(newKeys, index, 1);
+    _spliceInstanceProperty(newRowData).call(newRowData, index, 1);
+  };
+  return jsxRuntime.jsx(antd.Checkbox, {
+    checked: _indexOfInstanceProperty(keys).call(keys, key) !== -1,
+    onChange: check
+  });
+};
+
+exports.RowSelectionBox = RowSelectionBox;
+exports.RowSelectionTitle = RowSelectionTitle;
+// powered by h