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

package/es/HTableBody/index.d.ts

@@ -10,5 +10,5 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/HTableBody/index.js

@@ -14,12 +14,13 @@ 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 { useHTableConfigContext } from '../TableConfig.js';
 import HTablePagination from '../HTablePagination/index.js';
 import { useClassName } from '../hooks/index.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle"];
 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() {
@@ -40,6 +41,7 @@ var Body = (function (_ref) {
     errorRender = _ref.errorRender,
     tableStyle = _ref.tableStyle,
     paginationStyle = _ref.paginationStyle,
+    headerTitle = _ref.headerTitle,
     props = _objectWithoutProperties(_ref, _excluded);
   var selectedRowKeys = rowSelection.selectedRowKeys,
     onChange = rowSelection.onChange;
@@ -50,7 +52,8 @@ var Body = (function (_ref) {
     selectedRowData = _useHTableContext.selectedRowData,
     rowOnChange = _useHTableContext.rowOnChange,
     error = _useHTableContext.error,
-    loading = _useHTableContext.loading;
+    loading = _useHTableContext.loading,
+    allSelectChange = _useHTableContext.allSelectChange;
   var _useHTableConfigConte = useHTableConfigContext({
       emptyRender: emptyRender,
       errorRender: errorRender
@@ -92,6 +95,11 @@ var Body = (function (_ref) {
         columns: cols,
         tableAlertRender: false,
         search: false,
+        headerTitle: headerTitle ? /*#__PURE__*/React.cloneElement(headerTitle, {
+          selectedRowData: selectedRowData,
+          allSelectChange: allSelectChange,
+          rowOnChange: rowOnChange
+        }) : null,
         options: {
           reload: function reload() {
             tableInstance.table.reloadWithParams();

package/lib/HTableBody/index.d.ts

@@ -10,5 +10,5 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/HTableBody/index.js

@@ -17,12 +17,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var ProTable = require('@ant-design/pro-table');
 var hooks = require('./hooks.js');
 var context = require('../context.js');
+var React = require('react');
 var antd = require('antd');
 var TableConfig = require('../TableConfig.js');
 var index$1 = require('../HTablePagination/index.js');
 var index = require('../hooks/index.js');
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle"];
 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() {
@@ -43,6 +44,7 @@ var Body = (function (_ref) {
     errorRender = _ref.errorRender,
     tableStyle = _ref.tableStyle,
     paginationStyle = _ref.paginationStyle,
+    headerTitle = _ref.headerTitle,
     props = _objectWithoutProperties(_ref, _excluded);
   var selectedRowKeys = rowSelection.selectedRowKeys,
     onChange = rowSelection.onChange;
@@ -53,7 +55,8 @@ var Body = (function (_ref) {
     selectedRowData = _useHTableContext.selectedRowData,
     rowOnChange = _useHTableContext.rowOnChange,
     error = _useHTableContext.error,
-    loading = _useHTableContext.loading;
+    loading = _useHTableContext.loading,
+    allSelectChange = _useHTableContext.allSelectChange;
   var _useHTableConfigConte = TableConfig.useHTableConfigContext({
       emptyRender: emptyRender,
       errorRender: errorRender
@@ -95,6 +98,11 @@ var Body = (function (_ref) {
         columns: cols,
         tableAlertRender: false,
         search: false,
+        headerTitle: headerTitle ? /*#__PURE__*/React.cloneElement(headerTitle, {
+          selectedRowData: selectedRowData,
+          allSelectChange: allSelectChange,
+          rowOnChange: rowOnChange
+        }) : null,
         options: {
           reload: function reload() {
             tableInstance.table.reloadWithParams();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "0.0.3-beta-v14",
+  "version": "0.0.3-beta-v16",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@ant-design/pro-table": "2.70.0",
-    "@hw-component/form": "0.0.9-beta-v10",
+    "@hw-component/form": "0.0.9-beta-v11",
     "ahooks": "2.10.9",
     "antd": "4.20.7",
     "core-js": "3",

package/src/components/HTableBody/index.tsx

@@ -3,12 +3,13 @@ import ProTable from "@ant-design/pro-table";
 import type { ConfigDataModal, ParamsModal } from "../modal";
 import { useCols, useSynchronousKeys } from "./hooks";
 import { useHTableContext } from "../context";
-import React from "react";
+import React, {DetailedReactHTMLElement} from "react";
 import { ConfigProvider, Empty } from "antd";
 import type { HTableInstance } from "../modal";
 import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
 import { useClassName } from "../hooks";
+import {ActionRenderFn} from "../modal";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   configData?: ConfigDataModal;
   onPageChange?: (params: ParamsModal) => void;
@@ -33,6 +34,7 @@ export default ({
   errorRender,
   tableStyle,
   paginationStyle,
+  headerTitle,
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
@@ -45,6 +47,7 @@ export default ({
     rowOnChange,
     error,
     loading,
+    allSelectChange
   } = useHTableContext();
   const {
     emptyRender: tableEmptyRender = defaultRender,
@@ -76,6 +79,7 @@ export default ({
           columns={cols}
           tableAlertRender={false}
           search={false}
+          headerTitle={headerTitle?React.cloneElement((headerTitle as DetailedReactHTMLElement<any,any>),{selectedRowData,allSelectChange,rowOnChange}):null}
           options={{
             reload:()=>{
               tableInstance.table.reloadWithParams();

package/src/pages/Table/index.tsx

@@ -8,6 +8,9 @@ const configData = [
     showSearch: true,
     searchType: "select",
     dataIndex: "name",
+    itemProps:{
+      options:[{label:"1",value:1}]
+    }
   },
   {
     title: "操作",
@@ -15,6 +18,10 @@ const configData = [
     showSearch: true,
   },
 ];
+const Test=({name,selectedRowData})=>{
+   console.log(selectedRowData);
+   return <div>{name}</div>
+}
 export default () => {
   const hTable = useHTable();
   return (
@@ -23,6 +30,7 @@ export default () => {
         configData={configData}
         rowKey={"id"}
         table={hTable}
+        headerTitle={<Test name="321321"/>}
         actionRender={(allCheck, selectedRowKeys, xjTable) => {
           console.log(allCheck, selectedRowKeys, xjTable);
           return <Button>点我</Button>;