@hw-component/table 0.0.2-beta-v9 → 0.0.2-beta-v11

package/es/HwTableBody/hooks.js

@@ -0,0 +1,51 @@
+// 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 _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 _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+import { useMemo, useEffect } from 'react';
+import { useHTableContext } from '../context.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; }
+var useCols = function useCols(cols, table) {
+  return useMemo(function () {
+    return _mapInstanceProperty(cols).call(cols, function (item) {
+      var _render = item.render;
+      return _objectSpread(_objectSpread({}, item), {}, {
+        render: function render(dom, data, index) {
+          if (!_render) {
+            return dom;
+          }
+          return _render(dom, data, index, table);
+        }
+      });
+    });
+  }, [cols, table]);
+};
+var useSynchronousKeys = function useSynchronousKeys(_ref) {
+  var selectedRowKeys = _ref.selectedRowKeys,
+    records = _ref.records,
+    rowKey = _ref.rowKey;
+  var _useHTableContext = useHTableContext(),
+    rowOnChange = _useHTableContext.rowOnChange;
+  useEffect(function () {
+    if (selectedRowKeys && records && rowKey) {
+      var resultData = _filterInstanceProperty(records).call(records, function (item, index) {
+        var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
+        return _indexOfInstanceProperty(selectedRowKeys).call(selectedRowKeys, id) !== -1;
+      });
+      rowOnChange(selectedRowKeys, resultData);
+    }
+  }, [selectedRowKeys, records, rowKey]);
+};
+
+export { useCols, useSynchronousKeys };
+// powered by hdj

package/es/{Body → HwTableBody}/index.js

@@ -10,38 +10,59 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 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 { 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 Body = (function (_ref) {
-  var loading = _ref.loading;
-    _ref.configData;
+  _ref.loading;
+    var configData = _ref.configData;
     _ref.pagination;
     _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);
+    var _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,
+    tableStyle = _ref.tableStyle;
+    _objectWithoutProperties(_ref, _excluded);
+  var selectedRowKeys = rowSelection.selectedRowKeys;
+    rowSelection.onChange;
+  var _useHTableContext = useHTableContext(),
+    tableInstance = _useHTableContext.tableInstance,
+    data = _useHTableContext.data;
+    _useHTableContext.selectedRowData;
+    _useHTableContext.rowOnChange;
+    _useHTableContext.error;
+  useHTableConfigContext({
+      emptyRender: emptyRender,
+      errorRender: errorRender
+    });
+  var _ref2 = data || {},
+    records = _ref2.records;
+    _ref2.size;
+    _ref2.current;
+    _ref2.total;
+  useCols(configData, tableInstance);
+  useSynchronousKeys({
+    selectedRowKeys: selectedRowKeys,
+    records: records,
+    rowKey: rowKey
+  });
   return jsx("div", {
     style: _objectSpread({
       borderRadius: 4,
       overflow: "hidden"
     }, tableStyle),
     className: "hw_table_body",
-    children: jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
-      columns: [],
-      tableAlertRender: false,
-      search: false,
-      loading: loading,
-      rowKey: rowKey,
-      dataSource: []
-    }))
+    children: jsx("div", {
+      children: "ffff"
+    })
   });
 });
 

package/es/Table.js

@@ -10,12 +10,12 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import Header from './Header/index.js';
-import Body from './Body/index.js';
+import Header from './HwTableHeader/index.js';
+import Body from './HwTableBody/index.js';
 import { useRequest } from 'ahooks';
 import { useMemo } from 'react';
 import useCurrentTable from './hooks/useCurrentTable.js';
-import Footer from './Footer/index.js';
+import Footer from './HwTableFooter/index.js';
 import useRowObj from './hooks/useRowObj.js';
 import { HTableContext } from './context.js';
 import { Space } from 'antd';

package/es/TableConfig.js

@@ -1,10 +1,21 @@
 // welcome to hoo hoo hoo
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React, { useContext } from 'react';
 
 var _excluded = ["children"];
 var HTableConfigContext = /*#__PURE__*/React.createContext(null);
+var useHTableConfigContext = function useHTableConfigContext(_ref) {
+  var emptyRender = _ref.emptyRender,
+    errorRender = _ref.errorRender;
+  var _ref2 = useContext(HTableConfigContext) || {},
+    configErrorRender = _ref2.errorRender,
+    configEmptyRender = _ref2.emptyRender;
+  return {
+    errorRender: errorRender || configErrorRender,
+    emptyRender: emptyRender || configEmptyRender
+  };
+};
 var Index = function Index(_ref3) {
   var children = _ref3.children,
     props = _objectWithoutProperties(_ref3, _excluded);
@@ -14,5 +25,5 @@ var Index = function Index(_ref3) {
   });
 };
 
-export { HTableConfigContext, Index as default };
+export { HTableConfigContext, Index as default, useHTableConfigContext };
 // powered by hdj

package/lib/HwTableBody/hooks.js

@@ -0,0 +1,53 @@
+'use strict';
+
+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 _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 _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var React = require('react');
+var context = require('../context.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; }
+var useCols = function useCols(cols, table) {
+  return React.useMemo(function () {
+    return _mapInstanceProperty(cols).call(cols, function (item) {
+      var _render = item.render;
+      return _objectSpread(_objectSpread({}, item), {}, {
+        render: function render(dom, data, index) {
+          if (!_render) {
+            return dom;
+          }
+          return _render(dom, data, index, table);
+        }
+      });
+    });
+  }, [cols, table]);
+};
+var useSynchronousKeys = function useSynchronousKeys(_ref) {
+  var selectedRowKeys = _ref.selectedRowKeys,
+    records = _ref.records,
+    rowKey = _ref.rowKey;
+  var _useHTableContext = context.useHTableContext(),
+    rowOnChange = _useHTableContext.rowOnChange;
+  React.useEffect(function () {
+    if (selectedRowKeys && records && rowKey) {
+      var resultData = _filterInstanceProperty(records).call(records, function (item, index) {
+        var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
+        return _indexOfInstanceProperty(selectedRowKeys).call(selectedRowKeys, id) !== -1;
+      });
+      rowOnChange(selectedRowKeys, resultData);
+    }
+  }, [selectedRowKeys, records, rowKey]);
+};
+
+exports.useCols = useCols;
+exports.useSynchronousKeys = useSynchronousKeys;
+// powered by h

package/lib/{Body → HwTableBody}/index.js

@@ -13,38 +13,59 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/defi
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 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 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 Body = (function (_ref) {
-  var loading = _ref.loading;
-    _ref.configData;
+  _ref.loading;
+    var configData = _ref.configData;
     _ref.pagination;
     _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);
+    var _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,
+    tableStyle = _ref.tableStyle;
+    _objectWithoutProperties(_ref, _excluded);
+  var selectedRowKeys = rowSelection.selectedRowKeys;
+    rowSelection.onChange;
+  var _useHTableContext = context.useHTableContext(),
+    tableInstance = _useHTableContext.tableInstance,
+    data = _useHTableContext.data;
+    _useHTableContext.selectedRowData;
+    _useHTableContext.rowOnChange;
+    _useHTableContext.error;
+  TableConfig.useHTableConfigContext({
+      emptyRender: emptyRender,
+      errorRender: errorRender
+    });
+  var _ref2 = data || {},
+    records = _ref2.records;
+    _ref2.size;
+    _ref2.current;
+    _ref2.total;
+  hooks.useCols(configData, tableInstance);
+  hooks.useSynchronousKeys({
+    selectedRowKeys: selectedRowKeys,
+    records: records,
+    rowKey: rowKey
+  });
   return jsxRuntime.jsx("div", {
     style: _objectSpread({
       borderRadius: 4,
       overflow: "hidden"
     }, tableStyle),
     className: "hw_table_body",
-    children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
-      columns: [],
-      tableAlertRender: false,
-      search: false,
-      loading: loading,
-      rowKey: rowKey,
-      dataSource: []
-    }))
+    children: jsxRuntime.jsx("div", {
+      children: "ffff"
+    })
   });
 });
 

package/lib/Table.js

@@ -13,12 +13,12 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/defi
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('./Header/index.js');
-var index$1 = require('./Body/index.js');
+var index = require('./HwTableHeader/index.js');
+var index$1 = require('./HwTableBody/index.js');
 var ahooks = require('ahooks');
 var React = require('react');
 var useCurrentTable = require('./hooks/useCurrentTable.js');
-var index$2 = require('./Footer/index.js');
+var index$2 = require('./HwTableFooter/index.js');
 var useRowObj = require('./hooks/useRowObj.js');
 var context = require('./context.js');
 var antd = require('antd');

package/lib/TableConfig.js

@@ -8,6 +8,17 @@ var React = require('react');
 
 var _excluded = ["children"];
 var HTableConfigContext = /*#__PURE__*/React.createContext(null);
+var useHTableConfigContext = function useHTableConfigContext(_ref) {
+  var emptyRender = _ref.emptyRender,
+    errorRender = _ref.errorRender;
+  var _ref2 = React.useContext(HTableConfigContext) || {},
+    configErrorRender = _ref2.errorRender,
+    configEmptyRender = _ref2.emptyRender;
+  return {
+    errorRender: errorRender || configErrorRender,
+    emptyRender: emptyRender || configEmptyRender
+  };
+};
 var Index = function Index(_ref3) {
   var children = _ref3.children,
     props = _objectWithoutProperties(_ref3, _excluded);
@@ -19,4 +30,5 @@ var Index = function Index(_ref3) {
 
 exports.HTableConfigContext = HTableConfigContext;
 exports.default = Index;
+exports.useHTableConfigContext = useHTableConfigContext;
 // powered by h

package/package.json

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

package/src/components/{Body → HwTableBody}/index.tsx

@@ -1,7 +1,7 @@
 import type { ProTableProps } from "@ant-design/pro-table";
 import ProTable from "@ant-design/pro-table";
 import type { ConfigDataModal, ParamsModal } from "../modal";
-import { useCols, useSynchronousKeys } from "../Body/hooks";
+import { useCols, useSynchronousKeys } from "./hooks";
 import { useHTableContext } from "../context";
 import React from "react";
 import { ConfigProvider, Empty } from "antd";
@@ -34,21 +34,28 @@ export default ({
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
-
+  const { selectedRowKeys, onChange } = rowSelection;
+  const { tableInstance, data, selectedRowData, rowOnChange, error } =
+    useHTableContext();
+  const {
+    emptyRender: tableEmptyRender = defaultRender,
+    errorRender: tableErrorRender = defaultRender,
+  } = useHTableConfigContext({ emptyRender, errorRender });
+  const { records, size, current, total } = data || {};
+  const cols = useCols(configData, tableInstance);
+  const change = (key: React.Key[], rowData: any[]) => {
+    if (onChange) {
+      return onChange(key, rowData);
+    }
+    rowOnChange(key, rowData);
+  };
+  useSynchronousKeys({ selectedRowKeys, records, rowKey });
   return (
     <div
       style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
       className="hw_table_body"
     >
-        <ProTable
-          {...props}
-          columns={[]}
-          tableAlertRender={false}
-          search={false}
-          loading={loading}
-          rowKey={rowKey}
-          dataSource={[]}
-        />
+     <div>ffff</div>
     </div>
   );
 };

package/src/components/Table.tsx

@@ -1,9 +1,9 @@
-import Header from "./Header";
-import Body from "./Body";
+import Header from "./HwTableHeader";
+import Body from "./HwTableBody";
 import { useRequest } from "ahooks";
 import { useMemo } from "react";
 import useCurrentTable from "./hooks/useCurrentTable";
-import Footer from "./Footer";
+import Footer from "./HwTableFooter";
 import useRowObj from "./hooks/useRowObj";
 import { HTableContext } from "./context";
 import { Space } from "antd";

package/src/pages/Test/index.tsx

@@ -1,6 +1,6 @@
 import { HTable, useHTable } from "../../components";
 import { Button } from "antd";
-import Body from "../../components/Body";
+import Body from "../../components/HwTableBody";
 import {HTableContext} from "../../components/context";
 const configData = [
   {