@hw-component/table 0.0.3-beta-v16 → 0.0.3-beta-v17

package/es/Table.js

@@ -9,14 +9,13 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/defi
 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, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Header from './HTableHeader/index.js';
 import Body from './HTableBody/index.js';
 import useCurrentTable from './hooks/useCurrentTable.js';
 import Footer from './HTableFooter/index.js';
 import useRowObj from './hooks/useRowObj.js';
 import { HTableContext } from './context.js';
-import { Space } from 'antd';
 import useReq from './hooks/useReq.js';
 import useDispatch from './hooks/useDispatch.js';
 
@@ -38,11 +37,10 @@ var Table = (function (_ref) {
     _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,
-    paginationStyle = _ref.paginationStyle,
+    action = _ref$action === void 0 ? {} : _ref$action;
+    _ref.spaceSize;
+    _ref.className;
+    var paginationStyle = _ref.paginationStyle,
     footerBtnRender = _ref.footerBtnRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq({
@@ -75,7 +73,7 @@ var Table = (function (_ref) {
       return saveParams.old;
     }
   });
-  return jsx(HTableContext.Provider, {
+  return jsxs(HTableContext.Provider, {
     value: {
       tableInstance: tableInstance,
       selectedRowData: selectedRowData,
@@ -92,26 +90,18 @@ var Table = (function (_ref) {
       },
       onPageChange: tableInstance.table.reloadWithParams
     },
-    children: jsxs(Space, {
-      size: spaceSize,
-      direction: "vertical",
-      style: {
-        width: "100%"
-      },
-      className: className,
-      children: [!hideHeader && jsx(Header, {
-        searchSpan: searchSpan,
-        headerStyle: headerStyle
-      }), jsx(Body, _objectSpread({
-        tableStyle: tableStyle,
-        paginationStyle: paginationStyle
-      }, props)), footerRender !== false && jsx(Footer, {
-        actionRender: actionRender,
-        footerRender: footerRender,
-        footerStyle: footerStyle,
-        footerBtnRender: footerBtnRender
-      })]
-    })
+    children: [!hideHeader && jsx(Header, {
+      searchSpan: searchSpan,
+      headerStyle: headerStyle
+    }), jsx(Body, _objectSpread({
+      tableStyle: tableStyle,
+      paginationStyle: paginationStyle
+    }, props)), footerRender !== false && jsx(Footer, {
+      actionRender: actionRender,
+      footerRender: footerRender,
+      footerStyle: footerStyle,
+      footerBtnRender: footerBtnRender
+    })]
   });
 });
 

package/lib/Table.js

@@ -19,7 +19,6 @@ var useCurrentTable = require('./hooks/useCurrentTable.js');
 var index$2 = require('./HTableFooter/index.js');
 var useRowObj = require('./hooks/useRowObj.js');
 var context = require('./context.js');
-var antd = require('antd');
 var useReq = require('./hooks/useReq.js');
 var useDispatch = require('./hooks/useDispatch.js');
 
@@ -41,11 +40,10 @@ var Table = (function (_ref) {
     _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,
-    paginationStyle = _ref.paginationStyle,
+    action = _ref$action === void 0 ? {} : _ref$action;
+    _ref.spaceSize;
+    _ref.className;
+    var paginationStyle = _ref.paginationStyle,
     footerBtnRender = _ref.footerBtnRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq.default({
@@ -78,7 +76,7 @@ var Table = (function (_ref) {
       return saveParams.old;
     }
   });
-  return jsxRuntime.jsx(context.HTableContext.Provider, {
+  return jsxRuntime.jsxs(context.HTableContext.Provider, {
     value: {
       tableInstance: tableInstance,
       selectedRowData: selectedRowData,
@@ -95,26 +93,18 @@ var Table = (function (_ref) {
       },
       onPageChange: tableInstance.table.reloadWithParams
     },
-    children: jsxRuntime.jsxs(antd.Space, {
-      size: spaceSize,
-      direction: "vertical",
-      style: {
-        width: "100%"
-      },
-      className: className,
-      children: [!hideHeader && jsxRuntime.jsx(index.default, {
-        searchSpan: searchSpan,
-        headerStyle: headerStyle
-      }), jsxRuntime.jsx(index$1.default, _objectSpread({
-        tableStyle: tableStyle,
-        paginationStyle: paginationStyle
-      }, props)), footerRender !== false && jsxRuntime.jsx(index$2.default, {
-        actionRender: actionRender,
-        footerRender: footerRender,
-        footerStyle: footerStyle,
-        footerBtnRender: footerBtnRender
-      })]
-    })
+    children: [!hideHeader && jsxRuntime.jsx(index.default, {
+      searchSpan: searchSpan,
+      headerStyle: headerStyle
+    }), jsxRuntime.jsx(index$1.default, _objectSpread({
+      tableStyle: tableStyle,
+      paginationStyle: paginationStyle
+    }, props)), footerRender !== false && jsxRuntime.jsx(index$2.default, {
+      actionRender: actionRender,
+      footerRender: footerRender,
+      footerStyle: footerStyle,
+      footerBtnRender: footerBtnRender
+    })]
   });
 });
 

package/package.json

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

package/src/components/Table.tsx

@@ -64,29 +64,22 @@ export default ({
         onPageChange: tableInstance.table.reloadWithParams,
       }}
     >
-      <Space
-        size={spaceSize}
-        direction={"vertical"}
-        style={{ width: "100%" }}
-        className={className}
-      >
         {!hideHeader && (
-          <Header searchSpan={searchSpan} headerStyle={headerStyle} />
+            <Header searchSpan={searchSpan} headerStyle={headerStyle} />
         )}
         <Body
-          tableStyle={tableStyle}
-          paginationStyle={paginationStyle}
-          {...props}
+            tableStyle={tableStyle}
+            paginationStyle={paginationStyle}
+            {...props}
         />
         {footerRender !== false && (
-          <Footer
-            actionRender={actionRender}
-            footerRender={footerRender}
-            footerStyle={footerStyle}
-            footerBtnRender={footerBtnRender}
-          />
+            <Footer
+                actionRender={actionRender}
+                footerRender={footerRender}
+                footerStyle={footerStyle}
+                footerBtnRender={footerBtnRender}
+            />
         )}
-      </Space>
     </HTableContext.Provider>
   );
 };

package/src/pages/Table/index.tsx

@@ -15,7 +15,12 @@ const configData = [
   {
     title: "操作",
     name: "aaa",
+    fixed:"right",
+    width:200,
     showSearch: true,
+    render:()=>{
+      return <div>fff</div>
+    }
   },
 ];
 const Test=({name,selectedRowData})=>{
@@ -30,6 +35,7 @@ export default () => {
         configData={configData}
         rowKey={"id"}
         table={hTable}
+        scroll={{x:1000,y:100}}
         headerTitle={<Test name="321321"/>}
         actionRender={(allCheck, selectedRowKeys, xjTable) => {
           console.log(allCheck, selectedRowKeys, xjTable);

package/src/pages/TableCustomize/index.tsx

@@ -19,6 +19,7 @@ const configData = [
     title: "操作",
     name: "aaa",
     showSearch: true,
+    fixed:"right",
     searchType: "rangePicker",
   },
 ];
@@ -53,7 +54,7 @@ export default () => {
     >
       <Space direction={"vertical"} style={{width:"100%"}}>
         <HTableHeader />
-        <HTableBody pagination={false} />
+        <HTableBody pagination={false} scroll={{x:1000,y:100}}/>
         <HTablePagination />
         <HTableFooter />
       </Space>