@hw-component/table 1.9.76 → 1.9.79

package/es/index.css

@@ -118,17 +118,15 @@
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  padding: 10px;
-  margin: -10px;
-  overflow-x: auto;
   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;
 }
-.ant-hw-table-header-right-node {
-  padding-left: 12px;
-}
 .ant-hw-table-render-copy {
   margin-bottom: 0 !important;
   color: #1890ff !important;

package/es/render/CopyComponent.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import copy from 'copy-to-clipboard';
 import { Typography, message } from 'antd';
 import { useClassName } from '../hooks/index.js';
+import { useMemo } from 'react';
 
 var Paragraph = Typography.Paragraph;
 var CopyComponent = (function (_ref) {
@@ -11,8 +12,16 @@ var CopyComponent = (function (_ref) {
     successMsg = _ref.successMsg,
     ellipsis = _ref.ellipsis;
   var className = useClassName("hw-table-render-copy");
+  var propsEllipsis = useMemo(function () {
+    if (ellipsis === true) {
+      return {
+        tooltip: text
+      };
+    }
+    return ellipsis;
+  }, [ellipsis, text]);
   return jsx(Paragraph, {
-    ellipsis: ellipsis,
+    ellipsis: propsEllipsis,
     className: className,
     style: {
       margin: 0,

package/lib/index.css

@@ -118,17 +118,15 @@
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  padding: 10px;
-  margin: -10px;
-  overflow-x: auto;
   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;
 }
-.ant-hw-table-header-right-node {
-  padding-left: 12px;
-}
 .ant-hw-table-render-copy {
   margin-bottom: 0 !important;
   color: #1890ff !important;

package/lib/render/CopyComponent.js

@@ -6,6 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var copy = require('copy-to-clipboard');
 var antd = require('antd');
 var index = require('../hooks/index.js');
+var React = require('react');
 
 var Paragraph = antd.Typography.Paragraph;
 var CopyComponent = (function (_ref) {
@@ -14,8 +15,16 @@ var CopyComponent = (function (_ref) {
     successMsg = _ref.successMsg,
     ellipsis = _ref.ellipsis;
   var className = index.useClassName("hw-table-render-copy");
+  var propsEllipsis = React.useMemo(function () {
+    if (ellipsis === true) {
+      return {
+        tooltip: text
+      };
+    }
+    return ellipsis;
+  }, [ellipsis, text]);
   return jsxRuntime.jsx(Paragraph, {
-    ellipsis: ellipsis,
+    ellipsis: propsEllipsis,
     className: className,
     style: {
       margin: 0,

package/package.json

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

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

@@ -20,7 +20,7 @@ export default ({ headerTitle, contentStyle, rNode }: IProps) => {
   }
   return (
     <Row justify={"space-between"} align={"middle"} style={contentStyle}>
-      <div className={headerBox}>
+      <div className={headerBox} >
         <div className={headerBoxContent}>
           {headerTitle &&
             React.cloneElement(

package/src/components/index.less

@@ -106,24 +106,25 @@
     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;
-  padding: 10px;
-  margin: -10px;
-  overflow-x: auto;
   box-sizing: border-box;
- .@{ant-prefix}-hw-table-header-title-box-content{
+  overflow: auto;
+  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{
-  padding-left: 12px;
+
 }
 
 .@{ant-prefix}-hw-table-render-copy{

package/src/components/render/CopyComponent.tsx

@@ -2,6 +2,7 @@ import copy from "copy-to-clipboard";
 import { message, Typography } from "antd";
 import type { EllipsisConfig } from "antd/lib/typography/Base";
 import { useClassName } from "../hooks";
+import {useMemo} from "react";
 const { Paragraph } = Typography;
 interface IProps {
   text: string;
@@ -11,9 +12,17 @@ interface IProps {
 }
 export default ({ cpText, text, successMsg, ellipsis }: IProps) => {
   const className = useClassName("hw-table-render-copy");
+  const propsEllipsis=useMemo(()=>{
+       if (ellipsis===true){
+          return  {
+               tooltip:text
+           }
+       }
+       return ellipsis;
+  },[ellipsis,text]);
   return (
     <Paragraph
-      ellipsis={ellipsis}
+      ellipsis={propsEllipsis}
       className={className}
       style={{ margin: 0, width: "100%", padding: 0 }}
       onClick={() => {

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

@@ -231,7 +231,7 @@ export default () => {
             });
           }}
           headerTitle={
-            <Space size={8} style={{backgroundColor:"red"}}>
+            <Space size={8}>
              <div style={{width:2000}}>
                <Button
                    onClick={() => {