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

package/es/HTableBody/index.js

@@ -17,6 +17,7 @@ import { useHTableContext } from '../context.js';
 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"];
 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; }
@@ -75,12 +76,10 @@ var Body = (function (_ref) {
     records: records,
     rowKey: rowKey
   });
+  var className = useClassName("hw-table-body");
   return jsx("div", {
-    style: _objectSpread({
-      borderRadius: 4,
-      overflow: "hidden"
-    }, tableStyle),
-    className: "hw_table_body",
+    style: tableStyle,
+    className: "hw_table_body  ".concat(className),
     children: jsxs(ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {

package/es/hooks/index.d.ts

@@ -0,0 +1 @@
+export declare const useClassName: (className: string | string[]) => string;

package/es/hooks/index.js

@@ -0,0 +1,25 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.array.join.js';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import { useContext, useMemo } from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
+
+var useClassName = function useClassName(className) {
+  var config = useContext(ConfigContext);
+  return useMemo(function () {
+    var _context2;
+    if (_Array$isArray(className)) {
+      var classNames = _mapInstanceProperty(className).call(className, function (item) {
+        var _context;
+        return _concatInstanceProperty(_context = "".concat(config.getPrefixCls(), "-")).call(_context, item);
+      });
+      return classNames.join(" ");
+    }
+    return _concatInstanceProperty(_context2 = "".concat(config.getPrefixCls(), "-")).call(_context2, className);
+  }, [className]);
+};
+
+export { useClassName };
+// powered by hdj

package/es/index.css

@@ -0,0 +1,5 @@
+.ant-hw-table-body {
+  border-radius: 4px;
+  background-color: #fff;
+  overflow: hidden;
+}

package/es/index.d.ts

@@ -1,3 +1,4 @@
+import "./index.less";
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
@@ -5,3 +6,4 @@ export { default as TableCustomize } from "./TableCustomize";
 export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";
+export { default as HTablePagination } from "./HTablePagination";

package/es/index.js

@@ -6,4 +6,5 @@ export { default as TableCustomize } from './TableCustomize.js';
 export { default as HTableBody } from './HTableBody/index.js';
 export { default as HTableFooter } from './HTableFooter/index.js';
 export { default as HTableHeader } from './HTableHeader/index.js';
+export { default as HTablePagination } from './HTablePagination/index.js';
 // powered by hdj

package/lib/HTableBody/index.js

@@ -19,7 +19,8 @@ var hooks = require('./hooks.js');
 var context = require('../context.js');
 var antd = require('antd');
 var TableConfig = require('../TableConfig.js');
-var index = require('../HTablePagination/index.js');
+var index$1 = require('../HTablePagination/index.js');
+var index = require('../hooks/index.js');
 
 var _excluded = ["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; }
@@ -78,12 +79,10 @@ var Body = (function (_ref) {
     records: records,
     rowKey: rowKey
   });
+  var className = index.useClassName("hw-table-body");
   return jsxRuntime.jsx("div", {
-    style: _objectSpread({
-      borderRadius: 4,
-      overflow: "hidden"
-    }, tableStyle),
-    className: "hw_table_body",
+    style: tableStyle,
+    className: "hw_table_body  ".concat(className),
     children: jsxRuntime.jsxs(antd.ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {
@@ -106,7 +105,7 @@ var Body = (function (_ref) {
         rowKey: rowKey,
         dataSource: records,
         pagination: false
-      })), pagination !== false && jsxRuntime.jsx(index.default, _objectSpread({
+      })), pagination !== false && jsxRuntime.jsx(index$1.default, _objectSpread({
         onPageChange: onPageChange
       }, pagination))]
     })

package/lib/hooks/index.d.ts

@@ -0,0 +1 @@
+export declare const useClassName: (className: string | string[]) => string;

package/lib/hooks/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+require('core-js/modules/es.array.join.js');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var React = require('react');
+var configProvider = require('antd/es/config-provider');
+
+var useClassName = function useClassName(className) {
+  var config = React.useContext(configProvider.ConfigContext);
+  return React.useMemo(function () {
+    var _context2;
+    if (_Array$isArray(className)) {
+      var classNames = _mapInstanceProperty(className).call(className, function (item) {
+        var _context;
+        return _concatInstanceProperty(_context = "".concat(config.getPrefixCls(), "-")).call(_context, item);
+      });
+      return classNames.join(" ");
+    }
+    return _concatInstanceProperty(_context2 = "".concat(config.getPrefixCls(), "-")).call(_context2, className);
+  }, [className]);
+};
+
+exports.useClassName = useClassName;
+// powered by h

package/lib/index.css

@@ -0,0 +1,5 @@
+.ant-hw-table-body {
+  border-radius: 4px;
+  background-color: #fff;
+  overflow: hidden;
+}

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import "./index.less";
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
@@ -5,3 +6,4 @@ export { default as TableCustomize } from "./TableCustomize";
 export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";
+export { default as HTablePagination } from "./HTablePagination";

package/lib/index.js

@@ -7,6 +7,7 @@ var TableCustomize = require('./TableCustomize.js');
 var index = require('./HTableBody/index.js');
 var index$1 = require('./HTableFooter/index.js');
 var index$2 = require('./HTableHeader/index.js');
+var index$3 = require('./HTablePagination/index.js');
 
 
 
@@ -17,4 +18,5 @@ exports.TableCustomize = TableCustomize.default;
 exports.HTableBody = index.default;
 exports.HTableFooter = index$1.default;
 exports.HTableHeader = index$2.default;
+exports.HTablePagination = index$3.default;
 // powered by h

package/package.json

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

package/src/components/HTableBody/index.tsx

@@ -8,6 +8,7 @@ import { ConfigProvider, Empty } from "antd";
 import type { HTableInstance } from "../modal";
 import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
+import { useClassName } from "../hooks";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   configData?: ConfigDataModal;
   onPageChange?: (params: ParamsModal) => void;
@@ -57,11 +58,9 @@ export default ({
     rowOnChange(key, rowData);
   };
   useSynchronousKeys({ selectedRowKeys, records, rowKey });
+  const className = useClassName("hw-table-body");
   return (
-    <div
-      style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
-      className="hw_table_body"
-    >
+    <div style={tableStyle} className={`hw_table_body  ${className}`}>
       <ConfigProvider
         renderEmpty={() => {
           if (error) {

package/src/components/hooks/index.ts

@@ -0,0 +1,14 @@
+import { useContext, useMemo } from "react";
+import { ConfigContext } from "antd/es/config-provider";
+export const useClassName = (className: string | string[]) => {
+  const config = useContext(ConfigContext);
+  return useMemo(() => {
+    if (Array.isArray(className)) {
+      const classNames = className.map((item) => {
+        return `${config.getPrefixCls()}-${item}`;
+      });
+      return classNames.join(" ");
+    }
+    return `${config.getPrefixCls()}-${className}`;
+  }, [className]);
+};

package/src/components/index.less

@@ -0,0 +1,6 @@
+@import "./styles/local.less";
+.@{ant-prefix}-hw-table-body{
+  border-radius: 4px;
+  background-color: #fff;
+  overflow: hidden;
+}

package/src/components/index.tsx

@@ -1,3 +1,4 @@
+import "./index.less";
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
@@ -5,3 +6,4 @@ export { default as TableCustomize } from "./TableCustomize";
 export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";
+export { default as HTablePagination } from "./HTablePagination";

package/src/components/styles/local.less

@@ -0,0 +1 @@
+@ant-prefix: ant;

package/src/pages/Table/index.tsx

@@ -22,10 +22,6 @@ export default () => {
       <HTable
         configData={configData}
         rowKey={"id"}
-        headerStyle={{ borderRadius: 0 }}
-        tableStyle={{ borderRadius: 0, background: "#fff" }}
-        spaceSize={0}
-        footerStyle={{ marginTop: 20 }}
         table={hTable}
         actionRender={(allCheck, selectedRowKeys, xjTable) => {
           console.log(allCheck, selectedRowKeys, xjTable);

package/src/pages/TableCustomize/index.tsx

@@ -3,6 +3,7 @@ import {
   HTableHeader,
   HTableBody,
   HTableFooter,
+  HTablePagination,
 } from "../../components";
 
 const configData = [
@@ -44,7 +45,8 @@ export default () => {
       }}
     >
       <HTableHeader />
-      <HTableBody />
+      <HTableBody pagination={false} />
+      <HTablePagination />
       <HTableFooter />
     </TableCustomize>
   );