@hw-component/table 0.0.2-beta-v13 → 0.0.2-beta-v15

package/es/HTableBody/index.js

@@ -1,52 +1,118 @@
 // 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 _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
+import _Number$parseInt from '@babel/runtime-corejs3/core-js/number/parse-int';
 import { jsx } from 'react/jsx-runtime';
 import ProTable from '@ant-design/pro-table';
 import { useCols, useSynchronousKeys } from './hooks.js';
 import { useHTableContext } from '../context.js';
-import 'antd';
+import { ConfigProvider, Empty } from 'antd';
 import { useHTableConfigContext } from '../TableConfig.js';
 
 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 defaultRender = function defaultRender() {
+  return jsx(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE
+  });
+};
 var Body = (function (_ref) {
-  _ref.loading;
-    var configData = _ref.configData;
-    _ref.pagination;
-    _ref.onPageChange;
-    var _ref$rowSelection = _ref.rowSelection,
+  var loading = _ref.loading,
+    configData = _ref.configData,
+    _ref$pagination = _ref.pagination,
+    pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
+    onPageChange = _ref.onPageChange,
+    _ref$rowSelection = _ref.rowSelection,
     rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
     _ref$rowKey = _ref.rowKey,
     rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
     emptyRender = _ref.emptyRender,
-    errorRender = _ref.errorRender;
-    _ref.tableStyle;
-    _objectWithoutProperties(_ref, _excluded);
-  var selectedRowKeys = rowSelection.selectedRowKeys;
-    rowSelection.onChange;
+    errorRender = _ref.errorRender,
+    tableStyle = _ref.tableStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var selectedRowKeys = rowSelection.selectedRowKeys,
+    onChange = rowSelection.onChange;
   var _useHTableContext = useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,
-    data = _useHTableContext.data;
-    _useHTableContext.selectedRowData;
-    _useHTableContext.rowOnChange;
-    _useHTableContext.error;
-  useHTableConfigContext({
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    error = _useHTableContext.error;
+  var _useHTableConfigConte = useHTableConfigContext({
       emptyRender: emptyRender,
       errorRender: errorRender
-    });
+    }),
+    _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
+    tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
+    _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
+    tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
   var _ref2 = data || {},
-    records = _ref2.records;
-    _ref2.size;
-    _ref2.current;
-    _ref2.total;
-  useCols(configData, tableInstance);
+    records = _ref2.records,
+    size = _ref2.size,
+    current = _ref2.current,
+    total = _ref2.total;
+  var cols = useCols(configData, tableInstance);
+  var change = function change(key, rowData) {
+    if (onChange) {
+      return onChange(key, rowData);
+    }
+    rowOnChange(key, rowData);
+  };
   useSynchronousKeys({
     selectedRowKeys: selectedRowKeys,
     records: records,
     rowKey: rowKey
   });
-  return jsx(ProTable, {
-    columns: [],
-    dataSource: []
+  return jsx("div", {
+    style: _objectSpread({
+      borderRadius: 4,
+      overflow: "hidden"
+    }, tableStyle),
+    className: "hw_table_body",
+    children: jsx(ConfigProvider, {
+      renderEmpty: function renderEmpty() {
+        if (error) {
+          return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
+        }
+        return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
+      },
+      children: jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
+        columns: cols,
+        tableAlertRender: false,
+        search: false,
+        rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
+          selectedRowKeys: _keysInstanceProperty(selectedRowData),
+          onChange: change
+        }),
+        loading: loading,
+        rowKey: rowKey,
+        dataSource: records,
+        onChange: function onChange(paginationData) {
+          var ps = paginationData.pageSize,
+            pn = paginationData.current;
+          onPageChange === null || onPageChange === void 0 || onPageChange({
+            size: ps,
+            current: pn
+          });
+        },
+        pagination: pagination === false ? pagination : _objectSpread({
+          current: _Number$parseInt(current || "1", 10),
+          total: _Number$parseInt(total || "0", 10),
+          pageSize: _Number$parseInt(size || "10", 10),
+          showQuickJumper: true
+        }, pagination)
+      }))
+    })
   });
 });
 

package/es/TestProTable/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/TestProTable/index.js

@@ -0,0 +1,14 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import ProTable from '@ant-design/pro-table';
+
+var index = (function () {
+  return jsx(ProTable, {
+    columns: [],
+    tableAlertRender: false,
+    search: false
+  });
+});
+
+export { index as default };
+// powered by hdj

package/es/index.d.ts

@@ -1,3 +1,4 @@
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
+export { default as TestProTable } from "./TestProTable";

package/es/index.js

@@ -2,4 +2,5 @@
 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 TestProTable } from './TestProTable/index.js';
 // powered by hdj

package/lib/HTableBody/index.js

@@ -2,54 +2,120 @@
 
 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 _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
+var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
 var jsxRuntime = require('react/jsx-runtime');
 var ProTable = require('@ant-design/pro-table');
 var hooks = require('./hooks.js');
 var context = require('../context.js');
-require('antd');
+var antd = require('antd');
 var TableConfig = require('../TableConfig.js');
 
 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 defaultRender = function defaultRender() {
+  return jsxRuntime.jsx(antd.Empty, {
+    image: antd.Empty.PRESENTED_IMAGE_SIMPLE
+  });
+};
 var Body = (function (_ref) {
-  _ref.loading;
-    var configData = _ref.configData;
-    _ref.pagination;
-    _ref.onPageChange;
-    var _ref$rowSelection = _ref.rowSelection,
+  var loading = _ref.loading,
+    configData = _ref.configData,
+    _ref$pagination = _ref.pagination,
+    pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
+    onPageChange = _ref.onPageChange,
+    _ref$rowSelection = _ref.rowSelection,
     rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
     _ref$rowKey = _ref.rowKey,
     rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
     emptyRender = _ref.emptyRender,
-    errorRender = _ref.errorRender;
-    _ref.tableStyle;
-    _objectWithoutProperties(_ref, _excluded);
-  var selectedRowKeys = rowSelection.selectedRowKeys;
-    rowSelection.onChange;
+    errorRender = _ref.errorRender,
+    tableStyle = _ref.tableStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var selectedRowKeys = rowSelection.selectedRowKeys,
+    onChange = rowSelection.onChange;
   var _useHTableContext = context.useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,
-    data = _useHTableContext.data;
-    _useHTableContext.selectedRowData;
-    _useHTableContext.rowOnChange;
-    _useHTableContext.error;
-  TableConfig.useHTableConfigContext({
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    error = _useHTableContext.error;
+  var _useHTableConfigConte = TableConfig.useHTableConfigContext({
       emptyRender: emptyRender,
       errorRender: errorRender
-    });
+    }),
+    _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
+    tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
+    _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
+    tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
   var _ref2 = data || {},
-    records = _ref2.records;
-    _ref2.size;
-    _ref2.current;
-    _ref2.total;
-  hooks.useCols(configData, tableInstance);
+    records = _ref2.records,
+    size = _ref2.size,
+    current = _ref2.current,
+    total = _ref2.total;
+  var cols = hooks.useCols(configData, tableInstance);
+  var change = function change(key, rowData) {
+    if (onChange) {
+      return onChange(key, rowData);
+    }
+    rowOnChange(key, rowData);
+  };
   hooks.useSynchronousKeys({
     selectedRowKeys: selectedRowKeys,
     records: records,
     rowKey: rowKey
   });
-  return jsxRuntime.jsx(ProTable, {
-    columns: [],
-    dataSource: []
+  return jsxRuntime.jsx("div", {
+    style: _objectSpread({
+      borderRadius: 4,
+      overflow: "hidden"
+    }, tableStyle),
+    className: "hw_table_body",
+    children: jsxRuntime.jsx(antd.ConfigProvider, {
+      renderEmpty: function renderEmpty() {
+        if (error) {
+          return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
+        }
+        return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
+      },
+      children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
+        columns: cols,
+        tableAlertRender: false,
+        search: false,
+        rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
+          selectedRowKeys: _keysInstanceProperty(selectedRowData),
+          onChange: change
+        }),
+        loading: loading,
+        rowKey: rowKey,
+        dataSource: records,
+        onChange: function onChange(paginationData) {
+          var ps = paginationData.pageSize,
+            pn = paginationData.current;
+          onPageChange === null || onPageChange === void 0 || onPageChange({
+            size: ps,
+            current: pn
+          });
+        },
+        pagination: pagination === false ? pagination : _objectSpread({
+          current: _Number$parseInt(current || "1", 10),
+          total: _Number$parseInt(total || "0", 10),
+          pageSize: _Number$parseInt(size || "10", 10),
+          showQuickJumper: true
+        }, pagination)
+      }))
+    })
   });
 });
 

package/lib/TestProTable/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/lib/TestProTable/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ProTable = require('@ant-design/pro-table');
+
+var index = (function () {
+  return jsxRuntime.jsx(ProTable, {
+    columns: [],
+    tableAlertRender: false,
+    search: false
+  });
+});
+
+exports.default = index;
+// powered by h

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
+export { default as TestProTable } from "./TestProTable";

package/lib/index.js

@@ -3,10 +3,12 @@
 var Table = require('./Table.js');
 var useHTable = require('./hooks/useHTable.js');
 var TableConfig = require('./TableConfig.js');
+var index = require('./TestProTable/index.js');
 
 
 
 exports.HTable = Table.default;
 exports.useHTable = useHTable.default;
 exports.HTableConfig = TableConfig.default;
+exports.TestProTable = index.default;
 // powered by h

package/package.json

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

package/src/components/HTableBody/index.tsx

@@ -51,9 +51,44 @@ export default ({
   };
   useSynchronousKeys({ selectedRowKeys, records, rowKey });
   return (
-      <ProTable
-          columns={[]}
-          dataSource={[]}
-      />
+    <div
+      style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
+      className="hw_table_body"
+    >
+      <ConfigProvider
+        renderEmpty={() => {
+          if (error) {
+            return tableErrorRender?.(tableInstance, error);
+          }
+          return tableEmptyRender?.(tableInstance);
+        }}
+      >
+        <ProTable
+          {...props}
+          columns={cols}
+          tableAlertRender={false}
+          search={false}
+          rowSelection={{
+            ...rowSelection,
+            selectedRowKeys: selectedRowData.keys,
+            onChange: change,
+          }}
+          loading={loading}
+          rowKey={rowKey}
+          dataSource={records}
+          onChange={(paginationData) => {
+            const { pageSize: ps, current: pn } = paginationData;
+            onPageChange?.({ size: ps, current: pn });
+          }}
+          pagination={pagination===false?pagination:{
+            current: Number.parseInt(current || "1", 10),
+            total: Number.parseInt(total || "0", 10),
+            pageSize: Number.parseInt(size || "10", 10),
+            showQuickJumper: true,
+            ...pagination,
+          }}
+        />
+      </ConfigProvider>
+    </div>
   );
 };

package/src/components/TestProTable/index.tsx

@@ -0,0 +1,10 @@
+import ProTable from "@ant-design/pro-table";
+import React from "react";
+
+export default ()=>{
+  return  <ProTable
+      columns={[]}
+      tableAlertRender={false}
+      search={false}
+  />
+}

package/src/components/index.tsx

@@ -1,3 +1,5 @@
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
+export { default as TestProTable } from "./TestProTable";
+