@hw-component/table 1.9.72 → 1.9.78

package/es/HTableBody/HeaderTitle/index.js

@@ -16,6 +16,7 @@ var HeaderTitle = (function (_ref) {
     allSelectChange = _useHTableContext.allSelectChange;
   var headerBox = useClassName("hw-table-header-title-box");
   var headerBoxContent = useClassName("hw-table-header-title-box-content");
+  var rightNodeClassname = useClassName("hw-table-header-right-node");
   if (!headerTitle && !rNode) {
     return null;
   }
@@ -34,7 +35,10 @@ var HeaderTitle = (function (_ref) {
           tableInstance: tableInstance
         })
       })
-    }), rNode && rNode]
+    }), rNode && jsx("div", {
+      className: rightNodeClassname,
+      children: rNode
+    })]
   });
 });
 

package/es/index.css

@@ -118,8 +118,11 @@
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  margin-right: 12px;
+  box-sizing: border-box;
   overflow: auto;
+  margin: -10px 0px;
+  padding: 10px 0px;
+  margin-right: 12px;
 }
 .ant-hw-table-header-title-box .ant-hw-table-header-title-box-content {
   white-space: nowrap;

package/lib/HTableBody/HeaderTitle/index.js

@@ -19,6 +19,7 @@ var HeaderTitle = (function (_ref) {
     allSelectChange = _useHTableContext.allSelectChange;
   var headerBox = index.useClassName("hw-table-header-title-box");
   var headerBoxContent = index.useClassName("hw-table-header-title-box-content");
+  var rightNodeClassname = index.useClassName("hw-table-header-right-node");
   if (!headerTitle && !rNode) {
     return null;
   }
@@ -37,7 +38,10 @@ var HeaderTitle = (function (_ref) {
           tableInstance: tableInstance
         })
       })
-    }), rNode && rNode]
+    }), rNode && jsxRuntime.jsx("div", {
+      className: rightNodeClassname,
+      children: rNode
+    })]
   });
 });
 

package/lib/index.css

@@ -118,8 +118,11 @@
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  margin-right: 12px;
+  box-sizing: border-box;
   overflow: auto;
+  margin: -10px 0px;
+  padding: 10px 0px;
+  margin-right: 12px;
 }
 .ant-hw-table-header-title-box .ant-hw-table-header-title-box-content {
   white-space: nowrap;

package/package.json

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

package/src/components/HTableBody/HeaderTitle/index.tsx

@@ -14,7 +14,7 @@ export default ({ headerTitle, contentStyle, rNode }: IProps) => {
     useHTableContext();
   const headerBox = useClassName("hw-table-header-title-box");
   const headerBoxContent = useClassName("hw-table-header-title-box-content");
-
+  const rightNodeClassname=useClassName("hw-table-header-right-node");
   if (!headerTitle && !rNode) {
     return null;
   }
@@ -29,7 +29,7 @@ export default ({ headerTitle, contentStyle, rNode }: IProps) => {
             )}
         </div>
       </div>
-      {rNode && rNode}
+      {rNode && <div className={rightNodeClassname}>{rNode}</div>}
     </Row>
   );
 };

package/src/components/index.less

@@ -106,19 +106,26 @@
     color:#1890ff;
   }
 }
-.@{ant-prefix}-hw-table-pointer-not-hover{
+.@{ant-prefix}-hw-table-pointer-not-hover {
   cursor: pointer;
 }
-.@{ant-prefix}-hw-table-header-title-box{
+
+.@{ant-prefix}-hw-table-header-title-box {
   flex: 1;
   display: flex;
   position: relative;
-  margin-right: 12px;
+  box-sizing: border-box;
   overflow: auto;
- .@{ant-prefix}-hw-table-header-title-box-content{
+  margin: -10px 0px;
+  padding: 10px 0px;
+  margin-right: 12px;
+ .@{ant-prefix}-hw-table-header-title-box-content {
     white-space: nowrap;
  }
 }
+.@{ant-prefix}-hw-table-header-right-node{
+
+}
 
 .@{ant-prefix}-hw-table-render-copy{
  margin-bottom: 0 !important;

package/src/index.less

@@ -17,5 +17,10 @@
   padding: 16px;
   overflow: auto;
   background-color: #ccc;
-
+}
+.btn_test{
+  position: relative;
+  overflow: auto;
+  box-shadow: 0 0 10px rgba(0,0,0,0.5);
+ z-index: 99;
 }

package/src/pages/Table/index.tsx

@@ -5,7 +5,7 @@ import {
   HTableHeaderSubBtn,
   HTableHeader,
 } from "@/components";
-import { Button, Card, Tooltip, Typography, Tag, Row } from "antd";
+import {Button, Card, Tooltip, Typography, Tag, Row, Space} from "antd";
 import { HFormConfigProvider } from "@hw-component/form";
 import { SettingOutlined } from "@ant-design/icons";
 import ProTable from "@ant-design/pro-table";
@@ -230,22 +230,32 @@ export default () => {
               total: 100,
             });
           }}
-          tableExtraRender={() => {
-            return <div>ffff</div>;
-          }}
           headerTitle={
-            <div>
-              <div style={{ width: "2000px", backgroundColor: "red" }}>
-                <Button
-                  type={"primary"}
+            <Space size={8}>
+             <div style={{width:2000}}>
+               <Button
+                   onClick={() => {
+                     console.log(hTable.table.getColSettingKeys());
+                   }}
+               >
+                 操作
+               </Button>
+             </div>
+              <Button
+                  onClick={() => {
+                    console.log(hTable.table.getColSettingKeys());
+                  }}
+              >
+                操作
+              </Button>
+              <Button
                   onClick={() => {
                     console.log(hTable.table.getColSettingKeys());
                   }}
-                >
-                  操作
-                </Button>
-              </div>
-            </div>
+              >
+                操作
+              </Button>
+            </Space>
           }
           options={{
             settingRender: () => {