@hw-component/table 0.0.2-beta-v4 → 0.0.2-beta-v6

package/es/Body/index.d.ts

@@ -1,2 +1,13 @@
-declare const _default: () => JSX.Element;
+import type { ProTableProps } from "@ant-design/pro-table";
+import type { ConfigDataModal, ParamsModal } from "../modal";
+import React from "react";
+import type { HTableInstance } from "../modal";
+interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
+    configData: ConfigDataModal;
+    onPageChange?: (params: ParamsModal) => void;
+    emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
+    tableStyle?: React.CSSProperties;
+}
+declare const _default: ({ loading, configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/Body/index.js

@@ -1,10 +1,57 @@
 // welcome to hoo hoo hoo
+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';
+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';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx } from 'react/jsx-runtime';
-import 'antd';
+import ProTable from '@ant-design/pro-table';
+import { ConfigProvider } from 'antd';
 
-var Body = (function () {
+var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
+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 Body = (function (_ref) {
+  var loading = _ref.loading;
+    _ref.configData;
+    _ref.pagination;
+    var onPageChange = _ref.onPageChange;
+    _ref.rowSelection;
+    var _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
+    _ref.emptyRender;
+    _ref.errorRender;
+    var tableStyle = _ref.tableStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", {
-    children: "fff"
+    style: _objectSpread({
+      borderRadius: 4,
+      overflow: "hidden"
+    }, tableStyle),
+    className: "hw_table_body",
+    children: jsx(ConfigProvider, {
+      children: jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
+        columns: [],
+        tableAlertRender: false,
+        search: false,
+        loading: loading,
+        rowKey: rowKey,
+        dataSource: [],
+        onChange: function onChange(paginationData) {
+          var ps = paginationData.pageSize,
+            pn = paginationData.current;
+          onPageChange === null || onPageChange === void 0 || onPageChange({
+            size: ps,
+            current: pn
+          });
+        }
+      }))
+    })
   });
 });
 

package/es/Table.js

@@ -35,14 +35,15 @@ var Table = (function (_ref) {
     _ref$headerStyle = _ref.headerStyle,
     headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
     _ref$footerStyle = _ref.footerStyle,
-    footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle;
-    _ref.tableStyle;
-    var _ref$action = _ref.action,
+    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,
-    className = _ref.className;
-    _objectWithoutProperties(_ref, _excluded);
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   var saveParams = useMemo(function () {
     return {
       params: {}
@@ -103,7 +104,14 @@ var Table = (function (_ref) {
         loading: loading,
         searchSpan: searchSpan,
         headerStyle: headerStyle
-      }), jsx(Body, {}), footerRender !== false && jsx(Footer, {
+      }), jsx(Body, _objectSpread({
+        loading: loading,
+        configData: configData,
+        tableStyle: tableStyle,
+        onPageChange: function onPageChange(page) {
+          run(_objectSpread(_objectSpread({}, saveParams.params), page));
+        }
+      }, props)), footerRender !== false && jsx(Footer, {
         actionRender: actionRender,
         footerRender: footerRender,
         footerStyle: footerStyle

package/lib/Body/index.d.ts

@@ -1,2 +1,13 @@
-declare const _default: () => JSX.Element;
+import type { ProTableProps } from "@ant-design/pro-table";
+import type { ConfigDataModal, ParamsModal } from "../modal";
+import React from "react";
+import type { HTableInstance } from "../modal";
+interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
+    configData: ConfigDataModal;
+    onPageChange?: (params: ParamsModal) => void;
+    emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
+    tableStyle?: React.CSSProperties;
+}
+declare const _default: ({ loading, configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/Body/index.js

@@ -2,12 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+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');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
-require('antd');
+var ProTable = require('@ant-design/pro-table');
+var antd = require('antd');
 
-var Body = (function () {
+var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
+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 Body = (function (_ref) {
+  var loading = _ref.loading;
+    _ref.configData;
+    _ref.pagination;
+    var onPageChange = _ref.onPageChange;
+    _ref.rowSelection;
+    var _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
+    _ref.emptyRender;
+    _ref.errorRender;
+    var tableStyle = _ref.tableStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
   return jsxRuntime.jsx("div", {
-    children: "fff"
+    style: _objectSpread({
+      borderRadius: 4,
+      overflow: "hidden"
+    }, tableStyle),
+    className: "hw_table_body",
+    children: jsxRuntime.jsx(antd.ConfigProvider, {
+      children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
+        columns: [],
+        tableAlertRender: false,
+        search: false,
+        loading: loading,
+        rowKey: rowKey,
+        dataSource: [],
+        onChange: function onChange(paginationData) {
+          var ps = paginationData.pageSize,
+            pn = paginationData.current;
+          onPageChange === null || onPageChange === void 0 || onPageChange({
+            size: ps,
+            current: pn
+          });
+        }
+      }))
+    })
   });
 });
 

package/lib/Table.js

@@ -38,14 +38,15 @@ var Table = (function (_ref) {
     _ref$headerStyle = _ref.headerStyle,
     headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
     _ref$footerStyle = _ref.footerStyle,
-    footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle;
-    _ref.tableStyle;
-    var _ref$action = _ref.action,
+    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,
-    className = _ref.className;
-    _objectWithoutProperties(_ref, _excluded);
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   var saveParams = React.useMemo(function () {
     return {
       params: {}
@@ -106,7 +107,14 @@ var Table = (function (_ref) {
         loading: loading,
         searchSpan: searchSpan,
         headerStyle: headerStyle
-      }), jsxRuntime.jsx(index$1.default, {}), footerRender !== false && jsxRuntime.jsx(index$2.default, {
+      }), jsxRuntime.jsx(index$1.default, _objectSpread({
+        loading: loading,
+        configData: configData,
+        tableStyle: tableStyle,
+        onPageChange: function onPageChange(page) {
+          run(_objectSpread(_objectSpread({}, saveParams.params), page));
+        }
+      }, props)), footerRender !== false && jsxRuntime.jsx(index$2.default, {
         actionRender: actionRender,
         footerRender: footerRender,
         footerStyle: footerStyle

package/package.json

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

package/src/components/Body/index.tsx

@@ -10,7 +10,7 @@ import { useHTableConfigContext } from "../TableConfig";
 
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   configData: ConfigDataModal;
-  onPageChange: (params: ParamsModal) => void;
+  onPageChange?: (params: ParamsModal) => void;
   emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
   errorRender?: (
     tableInstance: HTableInstance,
@@ -21,8 +21,41 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
 };
-export default () => {
+export default ({
+  loading,
+  configData,
+  pagination = {},
+  onPageChange,
+  rowSelection = {},
+  rowKey = "id",
+  emptyRender,
+  errorRender,
+  tableStyle,
+  ...props
+}: HTableBodyProps) => {
+  // @ts-ignore
   return (
-    <div>fff</div>
+    <div
+      style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
+      className="hw_table_body"
+    >
+      <ConfigProvider
+
+      >
+        <ProTable
+          {...props}
+          columns={[]}
+          tableAlertRender={false}
+          search={false}
+          loading={loading}
+          rowKey={rowKey}
+          dataSource={[]}
+          onChange={(paginationData) => {
+            const { pageSize: ps, current: pn } = paginationData;
+            onPageChange?.({ size: ps, current: pn });
+          }}
+        />
+      </ConfigProvider>
+    </div>
   );
 };

package/src/components/Table.tsx

@@ -74,7 +74,15 @@ export default ({
             headerStyle={headerStyle}
           />
         )}
-        <Body/>
+        <Body
+          loading={loading}
+          configData={configData}
+          tableStyle={tableStyle}
+          onPageChange={(page) => {
+            run({ ...saveParams.params, ...page });
+          }}
+          {...props}
+        />
         {footerRender !== false && (
           <Footer
             actionRender={actionRender}