@hw-component/table 0.0.9-beta-v6 → 0.0.9-beta-v7

package/es/HTableBody/index.d.ts

@@ -16,6 +16,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     affixProps?: AffixProps | false;
     goTop?: boolean;
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
+    paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/HTableBody/index.js

@@ -22,7 +22,7 @@ import AlertMsg from './AlertMsg.js';
 import Options from './Options/index.js';
 import HeaderTitle from './HeaderTitle/index.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender"];
 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() {
@@ -56,6 +56,7 @@ var Body = (function (_ref) {
     goTop = _ref$goTop === void 0 ? true : _ref$goTop,
     size = _ref.size,
     optionsRender = _ref.optionsRender,
+    paginationActionRender = _ref.paginationActionRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = rowSelection || {},
     selectedRowKeys = _ref2.selectedRowKeys,
@@ -153,7 +154,8 @@ var Body = (function (_ref) {
         onPageChange: onPageChange,
         paginationStyle: paginationStyle,
         affixProps: affixProps,
-        goTop: goTop
+        goTop: goTop,
+        actionRender: paginationActionRender
       }, pagination))]
     })]
   });

package/es/HTablePagination/index.d.ts

@@ -2,11 +2,13 @@ import type { PaginationProps } from "antd";
 import type { ParamsModal } from "../modal";
 import React from "react";
 import type { AffixProps } from "antd/lib/affix";
+import { HTableInstance } from "../modal";
 export interface IPaginationProps extends PaginationProps {
     onPageChange?: (params: ParamsModal) => void;
     paginationStyle?: React.CSSProperties;
     affixProps?: AffixProps | false;
     goTop?: boolean;
+    actionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
-declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/es/HTablePagination/index.js

@@ -19,7 +19,7 @@ import { useClassName } from '../hooks/index.js';
 import { useState } from 'react';
 import GoTop from '../GoTop/index.js';
 
-var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop"],
+var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender"],
   _excluded2 = ["offsetBottom"];
 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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -28,10 +28,12 @@ var HTablePagination = (function (_ref) {
     paginationStyle = _ref.paginationStyle,
     affixProps = _ref.affixProps,
     goTop = _ref.goTop,
+    actionRender = _ref.actionRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useHTableContext = useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
-    data = _useHTableContext.data;
+    data = _useHTableContext.data,
+    tableInstance = _useHTableContext.tableInstance;
   var tableOnPageChange = onPageChange || contextOnPageChange;
   var _ref2 = data || {},
     size = _ref2.size,
@@ -49,11 +51,14 @@ var HTablePagination = (function (_ref) {
     return jsx(Fragment, {});
   }
   if (affixProps === false) {
-    return jsx(Row, {
-      justify: "end",
+    return jsxs(Row, {
+      justify: "space-between",
+      align: "middle",
       className: className,
       style: paginationStyle,
-      children: jsx(Pagination, _objectSpread({
+      children: [jsx("div", {
+        children: actionRender === null || actionRender === void 0 ? void 0 : actionRender(tableInstance)
+      }), jsx(Pagination, _objectSpread({
         size: "small",
         showQuickJumper: true,
         pageSize: pageSize,
@@ -72,7 +77,7 @@ var HTablePagination = (function (_ref) {
             current: pn
           });
         }
-      }, props))
+      }, props))]
     });
   }
   var _ref5 = affixProps || {},
@@ -93,10 +98,13 @@ var HTablePagination = (function (_ref) {
     }
   }, afProps), {}, {
     children: jsxs(Row, {
-      justify: "end",
+      justify: "space-between",
       className: className,
+      align: "middle",
       style: _objectSpread(_objectSpread({}, paginationStyle), style),
-      children: [jsx(Pagination, _objectSpread({
+      children: [jsx("div", {
+        children: actionRender === null || actionRender === void 0 ? void 0 : actionRender(tableInstance)
+      }), jsx(Pagination, _objectSpread({
         size: "small",
         showQuickJumper: true,
         pageSize: pageSize,

package/es/modal.d.ts

@@ -70,6 +70,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     goTop?: boolean;
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     onFinish?: (value: any) => Promise<any>;
+    paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

package/lib/HTableBody/index.d.ts

@@ -16,6 +16,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     affixProps?: AffixProps | false;
     goTop?: boolean;
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
+    paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/HTableBody/index.js

@@ -25,7 +25,7 @@ var AlertMsg = require('./AlertMsg.js');
 var index = require('./Options/index.js');
 var index$2 = require('./HeaderTitle/index.js');
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender"];
 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() {
@@ -59,6 +59,7 @@ var Body = (function (_ref) {
     goTop = _ref$goTop === void 0 ? true : _ref$goTop,
     size = _ref.size,
     optionsRender = _ref.optionsRender,
+    paginationActionRender = _ref.paginationActionRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = rowSelection || {},
     selectedRowKeys = _ref2.selectedRowKeys,
@@ -156,7 +157,8 @@ var Body = (function (_ref) {
         onPageChange: onPageChange,
         paginationStyle: paginationStyle,
         affixProps: affixProps,
-        goTop: goTop
+        goTop: goTop,
+        actionRender: paginationActionRender
       }, pagination))]
     })]
   });

package/lib/HTablePagination/index.d.ts

@@ -2,11 +2,13 @@ import type { PaginationProps } from "antd";
 import type { ParamsModal } from "../modal";
 import React from "react";
 import type { AffixProps } from "antd/lib/affix";
+import { HTableInstance } from "../modal";
 export interface IPaginationProps extends PaginationProps {
     onPageChange?: (params: ParamsModal) => void;
     paginationStyle?: React.CSSProperties;
     affixProps?: AffixProps | false;
     goTop?: boolean;
+    actionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
-declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/lib/HTablePagination/index.js

@@ -22,7 +22,7 @@ var index = require('../hooks/index.js');
 var React = require('react');
 var index$1 = require('../GoTop/index.js');
 
-var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop"],
+var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender"],
   _excluded2 = ["offsetBottom"];
 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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -31,10 +31,12 @@ var HTablePagination = (function (_ref) {
     paginationStyle = _ref.paginationStyle,
     affixProps = _ref.affixProps,
     goTop = _ref.goTop,
+    actionRender = _ref.actionRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useHTableContext = context.useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
-    data = _useHTableContext.data;
+    data = _useHTableContext.data,
+    tableInstance = _useHTableContext.tableInstance;
   var tableOnPageChange = onPageChange || contextOnPageChange;
   var _ref2 = data || {},
     size = _ref2.size,
@@ -52,11 +54,14 @@ var HTablePagination = (function (_ref) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {});
   }
   if (affixProps === false) {
-    return jsxRuntime.jsx(antd.Row, {
-      justify: "end",
+    return jsxRuntime.jsxs(antd.Row, {
+      justify: "space-between",
+      align: "middle",
       className: className,
       style: paginationStyle,
-      children: jsxRuntime.jsx(antd.Pagination, _objectSpread({
+      children: [jsxRuntime.jsx("div", {
+        children: actionRender === null || actionRender === void 0 ? void 0 : actionRender(tableInstance)
+      }), jsxRuntime.jsx(antd.Pagination, _objectSpread({
         size: "small",
         showQuickJumper: true,
         pageSize: pageSize,
@@ -75,7 +80,7 @@ var HTablePagination = (function (_ref) {
             current: pn
           });
         }
-      }, props))
+      }, props))]
     });
   }
   var _ref5 = affixProps || {},
@@ -96,10 +101,13 @@ var HTablePagination = (function (_ref) {
     }
   }, afProps), {}, {
     children: jsxRuntime.jsxs(antd.Row, {
-      justify: "end",
+      justify: "space-between",
       className: className,
+      align: "middle",
       style: _objectSpread(_objectSpread({}, paginationStyle), style),
-      children: [jsxRuntime.jsx(antd.Pagination, _objectSpread({
+      children: [jsxRuntime.jsx("div", {
+        children: actionRender === null || actionRender === void 0 ? void 0 : actionRender(tableInstance)
+      }), jsxRuntime.jsx(antd.Pagination, _objectSpread({
         size: "small",
         showQuickJumper: true,
         pageSize: pageSize,

package/lib/modal.d.ts

@@ -70,6 +70,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     goTop?: boolean;
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     onFinish?: (value: any) => Promise<any>;
+    paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

package/package.json

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

package/src/components/HTableBody/index.tsx

@@ -31,6 +31,8 @@ export interface HTableBodyProps
   affixProps?: AffixProps | false;
   goTop?: boolean;
   optionsRender?: (node: React.ReactNode) => React.ReactNode;
+  paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
+
 }
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
@@ -57,6 +59,7 @@ export default ({
   goTop = true,
   size,
   optionsRender,
+                  paginationActionRender,
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
@@ -144,6 +147,7 @@ export default ({
             paginationStyle={paginationStyle}
             affixProps={affixProps}
             goTop={goTop}
+            actionRender={paginationActionRender}
             {...pagination}
           />
         )}

package/src/components/HTablePagination/index.tsx

@@ -6,20 +6,23 @@ import { useClassName } from "../hooks";
 import React, { useState } from "react";
 import type { AffixProps } from "antd/lib/affix";
 import GoTop from "../GoTop";
+import {HTableInstance} from "../modal";
 export interface IPaginationProps extends PaginationProps {
   onPageChange?: (params: ParamsModal) => void;
   paginationStyle?: React.CSSProperties;
   affixProps?: AffixProps | false;
   goTop?: boolean;
+  actionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
 export default ({
   onPageChange,
   paginationStyle,
   affixProps,
   goTop,
+                  actionRender,
   ...props
 }: IPaginationProps) => {
-  const { onPageChange: contextOnPageChange, data } = useHTableContext();
+  const { onPageChange: contextOnPageChange, data,tableInstance } = useHTableContext();
   const tableOnPageChange = onPageChange || contextOnPageChange;
   const { size, current, total } = data || {};
   const pageCurrent = Number.parseInt(current || "1", 10);
@@ -32,7 +35,10 @@ export default ({
   }
   if (affixProps === false) {
     return (
-      <Row justify={"end"} className={className} style={paginationStyle}>
+      <Row justify={"space-between"} align={"middle"} className={className} style={paginationStyle}>
+        <div>
+          {actionRender?.(tableInstance)}
+        </div>
         <Pagination
           size={"small"}
           showQuickJumper={true}
@@ -67,10 +73,14 @@ export default ({
       {...afProps}
     >
       <Row
-        justify={"end"}
+        justify={"space-between"}
         className={className}
+        align={"middle"}
         style={{ ...paginationStyle, ...style }}
       >
+        <div>
+          {actionRender?.(tableInstance)}
+        </div>
         <Pagination
           size={"small"}
           showQuickJumper={true}

package/src/components/modal.ts

@@ -103,6 +103,7 @@ export interface HTableProps
   goTop?: boolean;
   optionsRender?: (node: React.ReactNode) => React.ReactNode;
   onFinish?: (value: any) => Promise<any>;
+  paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => Promise<any>;

package/src/pages/Table/index.tsx

@@ -80,6 +80,9 @@ export default () => {
           }}
           headerTitle={<Button type={"primary"}>操作</Button>}
           options={false}
+          paginationActionRender={()=>{
+            return <div>你大爷</div>
+          }}
           request={(params) => {
             console.log(params,".....");
             const { current = 1 } = params;