bhd-components 0.2.0 → 0.2.2

package/es2017/table/index.js

@@ -8,25 +8,43 @@ import { Table as AntdTable } from "antd";
 import TextTootip from "../textTootip";
 const widthPercentage = /^\d+%$/;
 const widthPx = /^\d+px$/;
+/* 获取元素的宽度 */ const getElementPadding = (node)=>{
+    let computedStyle = {};
+    if (window.getComputedStyle) computedStyle = getComputedStyle(node, null);
+    else computedStyle = node.currentStyle; //兼容IE的写法
+    return parseFloat(computedStyle["padding-left"]) + parseFloat(computedStyle["padding-right"]);
+};
+//获取宽度
+const getParentWidth = (node)=>{
+    try {
+        while(node && node.nodeName !== "TD")node = node.parentElement;
+        let padding = getElementPadding(node);
+        return node.clientWidth - padding;
+    } catch (error) {
+        return null;
+    }
+};
 // const defaultWidthRang: widthRangType = [180, 240, 320]; //默认自适应的值  [最小值,最佳值,最大值]
 //传入的参数为onCell==>需要进行函数合并
 const Table = (props)=>{
-    const ref = useRef(null);
+    const tableRef = useRef(null);
+    const timerRef = useRef({
+        timer: null
+    });
     const { defaultWidthRang =[
         180,
         240,
         320
-    ]  } = props;
+    ] , isFixedLeft =true , isFixedRight =true  } = props;
     const [columns, setColumns] = useState(props.columns || []);
     const [scrollObject, setScrollObject] = useState(props.scroll || undefined);
     let { columnTootipClassName , columnTootipColor  } = props;
     const initColumns = ()=>{
-        let { columns: selfColumns , scrollWidth  } = initColumnsWidth(props.columns, ref.current.offsetWidth);
+        let { columns: selfColumns  } = initColumnsWidth(props.columns, tableRef.current.offsetWidth);
         setColumns(selfColumns);
         let obj = scrollObject ? scrollObject : {};
         obj = _object_spread_props(_object_spread({}, obj), {
-            // x: scrollWidth,
-            x: ref.current.offsetWidth
+            x: tableRef.current.offsetWidth
         });
         setScrollObject(obj);
     };
@@ -62,7 +80,7 @@ const Table = (props)=>{
                 };
                 item.render = (text)=>{
                     return /*#__PURE__*/ _jsx(TextTootip, {
-                        width: item.width,
+                        width: (e)=>getParentWidth(e.target),
                         title: text,
                         trigger: "hover",
                         overlayClassName: columnTootipClassName || styles.columnTootipClassName,
@@ -91,6 +109,7 @@ const Table = (props)=>{
                 }
                 return item;
             });
+            // console.log("diffdiff",diff,tableWidth,minWidth,avgWidth,columns,autoNum)
             columns = columns.map((item, index)=>{
                 //存在适应自适应列侯 多余宽度 则平均分配每一列(除最后一列)
                 if (avgWidth > 0 && index !== columns.length - 1) item.width += avgWidth / columns.length - 1;
@@ -98,7 +117,8 @@ const Table = (props)=>{
             });
         } else if (diff < 0) //宽度不足  自适应列取最佳宽度  并出现滚动条 且第一列 最后一列 固定
         columns = columns.map((item, index)=>{
-            if (index === 0 || index === columns.length - 1) item.fixed = index === 0 ? "left" : "right";
+            if (isFixedLeft && index === 0) item.fixed = "left";
+            if (isFixedRight && index === columns.length - 1) item.fixed = "right";
             if (item.width === "auto") item.width = item.widthRang[1];
             return item;
         });
@@ -117,6 +137,7 @@ const Table = (props)=>{
                     }, obj.style)
                 });
             };
+            console.log("宽度宽度", item, item.width, item.widthRang);
             return item;
         });
         return {
@@ -124,11 +145,18 @@ const Table = (props)=>{
             scrollWidth
         };
     };
+    const onResize = ()=>{
+        clearTimeout(timerRef.current.timer);
+        timerRef.current.timer = setTimeout(()=>{
+            initColumns();
+        }, 1000);
+    };
     useEffect(()=>{
         initColumns();
-        // window.addEventListener("resize", initColumns);
+        window.addEventListener("resize", onResize);
         return ()=>{
-        // window.removeEventListener("resize", initColumns);
+            clearTimeout(timerRef.current.timer);
+            window.removeEventListener("resize", onResize);
         };
     }, [
         props.columns
@@ -138,23 +166,22 @@ const Table = (props)=>{
     }, props), {
         columns,
         scroll: scrollObject || {
-            x: "none"
+            x: "auto"
         }
     });
-    console.log("scrollObjectscrollObject", scrollObject, config);
     return /*#__PURE__*/ _jsx("div", {
         className: styles.Table,
-        ref: ref,
+        ref: tableRef,
         children: /*#__PURE__*/ _jsx(AntdTable, _object_spread({}, config))
     });
 };
 // let BhdTable=Provider(Table)
-// Table.SELECTION_COLUMN = AntdTable.SELECTION_COLUMN;
-// Table.EXPAND_COLUMN = AntdTable.EXPAND_COLUMN;
-// Table.SELECTION_ALL = AntdTable.SELECTION_ALL;
-// Table.SELECTION_INVERT = AntdTable.SELECTION_INVERT;
-// Table.SELECTION_NONE = AntdTable.SELECTION_NONE;
-// Table.Column = AntdTable.Column;
-// Table.ColumnGroup = AntdTable.ColumnGroup;
+Table.SELECTION_COLUMN = AntdTable.SELECTION_COLUMN;
+Table.EXPAND_COLUMN = AntdTable.EXPAND_COLUMN;
+Table.SELECTION_ALL = AntdTable.SELECTION_ALL;
+Table.SELECTION_INVERT = AntdTable.SELECTION_INVERT;
+Table.SELECTION_NONE = AntdTable.SELECTION_NONE;
+Table.Column = AntdTable.Column;
+Table.ColumnGroup = AntdTable.ColumnGroup;
 // Table.Summary = AntdTable.Summary;
 export default Table;

package/es2017/table/index.module.less

@@ -54,6 +54,10 @@
             &:last-child {
               padding-right: 40px;
             }
+            /* 多选框 距右的距离 */
+            &.bhd-table-selection-column{
+              padding-inline-end:16px;
+            }
           }
         }
       }
@@ -67,6 +71,14 @@
       .bhd-table-tbody > tr.bhd-table-row-selected > td {
         background: #ffffff;
       }
+
+      /* scroll 固定列 设置overflow:hidden 阴影消失问题 */
+      .bhd-table-cell-fix-left-first::after,.bhd-table-cell-fix-left-last::after{
+        right: 2px;
+      }
+      .bhd-table-cell-fix-right-first::after,.bhd-table-cell-fix-right-last::after{
+        left: 2px;
+      }
     }
   }
 }

package/es2017/table/{index/347/232/204/345/211/257/346/234/254.js → index22.js}

@@ -8,43 +8,25 @@ import { Table as AntdTable } from "antd";
 import TextTootip from "../textTootip";
 const widthPercentage = /^\d+%$/;
 const widthPx = /^\d+px$/;
-/* 获取元素的宽度 */ const getElementPadding = (node)=>{
-    let computedStyle = {};
-    if (window.getComputedStyle) computedStyle = getComputedStyle(node, null);
-    else computedStyle = node.currentStyle; //兼容IE的写法
-    return parseFloat(computedStyle["padding-left"]) + parseFloat(computedStyle["padding-right"]);
-};
-//获取宽度
-const getParentWidth = (node)=>{
-    try {
-        while(node && node.nodeName !== "TD")node = node.parentElement;
-        let padding = getElementPadding(node);
-        return node.clientWidth - padding;
-    } catch (error) {
-        return null;
-    }
-};
 // const defaultWidthRang: widthRangType = [180, 240, 320]; //默认自适应的值  [最小值,最佳值,最大值]
 //传入的参数为onCell==>需要进行函数合并
 const Table = (props)=>{
-    const tableRef = useRef(null);
-    const timerRef = useRef({
-        timer: null
-    });
+    const ref = useRef(null);
     const { defaultWidthRang =[
         180,
         240,
         320
-    ] , isFixedLeft =true , isFixedRight =true  } = props;
+    ]  } = props;
     const [columns, setColumns] = useState(props.columns || []);
     const [scrollObject, setScrollObject] = useState(props.scroll || undefined);
     let { columnTootipClassName , columnTootipColor  } = props;
     const initColumns = ()=>{
-        let { columns: selfColumns  } = initColumnsWidth(props.columns, tableRef.current.offsetWidth);
+        let { columns: selfColumns , scrollWidth  } = initColumnsWidth(props.columns, ref.current.offsetWidth);
         setColumns(selfColumns);
         let obj = scrollObject ? scrollObject : {};
         obj = _object_spread_props(_object_spread({}, obj), {
-            x: tableRef.current.offsetWidth
+            // x: scrollWidth,
+            x: ref.current.offsetWidth
         });
         setScrollObject(obj);
     };
@@ -80,7 +62,7 @@ const Table = (props)=>{
                 };
                 item.render = (text)=>{
                     return /*#__PURE__*/ _jsx(TextTootip, {
-                        width: (e)=>getParentWidth(e.target),
+                        width: item.width,
                         title: text,
                         trigger: "hover",
                         overlayClassName: columnTootipClassName || styles.columnTootipClassName,
@@ -109,7 +91,6 @@ const Table = (props)=>{
                 }
                 return item;
             });
-            console.log("diffdiff", diff, tableWidth, minWidth, avgWidth, columns, autoNum);
             columns = columns.map((item, index)=>{
                 //存在适应自适应列侯 多余宽度 则平均分配每一列(除最后一列)
                 if (avgWidth > 0 && index !== columns.length - 1) item.width += avgWidth / columns.length - 1;
@@ -117,8 +98,7 @@ const Table = (props)=>{
             });
         } else if (diff < 0) //宽度不足  自适应列取最佳宽度  并出现滚动条 且第一列 最后一列 固定
         columns = columns.map((item, index)=>{
-            if (isFixedLeft && index === 0) item.fixed = "left";
-            if (isFixedRight && index === columns.length - 1) item.fixed = "right";
+            if (index === 0 || index === columns.length - 1) item.fixed = index === 0 ? "left" : "right";
             if (item.width === "auto") item.width = item.widthRang[1];
             return item;
         });
@@ -137,7 +117,6 @@ const Table = (props)=>{
                     }, obj.style)
                 });
             };
-            console.log("宽度宽度", item, item.width, item.widthRang);
             return item;
         });
         return {
@@ -145,34 +124,26 @@ const Table = (props)=>{
             scrollWidth
         };
     };
-    const onResize = ()=>{
-        clearTimeout(timerRef.current.timer);
-        timerRef.current.timer = setTimeout(()=>{
-            initColumns();
-        }, 1000);
-    };
     useEffect(()=>{
         initColumns();
-        window.addEventListener("resize", onResize);
+        window.addEventListener("resize", initColumns);
         return ()=>{
-            clearTimeout(timerRef.current.timer);
-            window.removeEventListener("resize", onResize);
+            window.removeEventListener("resize", initColumns);
         };
     }, [
         props.columns
     ]);
-    console.log("宽度宽度", scrollObject);
     let config = _object_spread_props(_object_spread({
         bordered: false
     }, props), {
         columns,
         scroll: scrollObject || {
-            x: "auto"
+            x: "none"
         }
     });
     return /*#__PURE__*/ _jsx("div", {
         className: styles.Table,
-        ref: tableRef,
+        ref: ref,
         children: /*#__PURE__*/ _jsx(AntdTable, _object_spread({}, config))
     });
 };

package/esm/icons/index.d.ts

@@ -0,0 +1 @@
+export * from '@ant-design/icons';

package/esm/icons/index.js

@@ -0,0 +1 @@
+export * from "@ant-design/icons";

package/esm/index.d.ts

@@ -68,6 +68,6 @@ export { default as QRCode } from 'antd/es/qrcode';
 export { default as version } from 'antd/es/version';
 export { default as Provider } from "./provider";
 export { default as TextTootip } from "./textTootip";
-export { default as zh_CN } from "antd/locale/en_US";
-export { default as en_US } from "antd/locale/zh_CN";
+export { default as zh_CN } from "antd/locale/zh_CN";
+export { default as en_US } from "antd/locale/en_US";
 export { default as Table } from "./table";

package/esm/index.js

@@ -70,6 +70,6 @@ export { default as QRCode } from "antd/es/qrcode";
 export { default as version } from "antd/es/version";
 /* 自定义修改 */ export { default as Provider } from "./provider/index";
 export { default as TextTootip } from "./textTootip/index";
-export { default as zh_CN } from "antd/locale/en_US";
-export { default as en_US } from "antd/locale/zh_CN";
+export { default as zh_CN } from "antd/locale/zh_CN";
+export { default as en_US } from "antd/locale/en_US";
 export { default as Table } from "./table/index"; //改写table逻辑

package/esm/table/index.d.ts

@@ -1,3 +1,12 @@
 /// <reference types="react" />
-declare const Table: (props: any) => JSX.Element;
+declare const Table: {
+    (props: any): JSX.Element;
+    SELECTION_COLUMN: {};
+    EXPAND_COLUMN: {};
+    SELECTION_ALL: "SELECT_ALL";
+    SELECTION_INVERT: "SELECT_INVERT";
+    SELECTION_NONE: "SELECT_NONE";
+    Column: typeof import("antd/es/table/Column").default;
+    ColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
+};
 export default Table;

package/esm/table/index.js

@@ -9,25 +9,43 @@ import { Table as AntdTable } from "antd";
 import TextTootip from "../textTootip";
 var widthPercentage = /^\d+%$/;
 var widthPx = /^\d+px$/;
+/* 获取元素的宽度 */ var getElementPadding = function(node) {
+    var computedStyle = {};
+    if (window.getComputedStyle) computedStyle = getComputedStyle(node, null);
+    else computedStyle = node.currentStyle; //兼容IE的写法
+    return parseFloat(computedStyle["padding-left"]) + parseFloat(computedStyle["padding-right"]);
+};
+//获取宽度
+var getParentWidth = function(node) {
+    try {
+        while(node && node.nodeName !== "TD")node = node.parentElement;
+        var padding = getElementPadding(node);
+        return node.clientWidth - padding;
+    } catch (error) {
+        return null;
+    }
+};
 // const defaultWidthRang: widthRangType = [180, 240, 320]; //默认自适应的值  [最小值,最佳值,最大值]
 //传入的参数为onCell==>需要进行函数合并
 var Table = function(props) {
-    var ref = useRef(null);
+    var tableRef = useRef(null);
+    var timerRef = useRef({
+        timer: null
+    });
     var _props_defaultWidthRang = props.defaultWidthRang, defaultWidthRang = _props_defaultWidthRang === void 0 ? [
         180,
         240,
         320
-    ] : _props_defaultWidthRang;
+    ] : _props_defaultWidthRang, _props_isFixedLeft = props.isFixedLeft, isFixedLeft = _props_isFixedLeft === void 0 ? true : _props_isFixedLeft, _props_isFixedRight = props.isFixedRight, isFixedRight = _props_isFixedRight === void 0 ? true : _props_isFixedRight;
     var _useState = _sliced_to_array(useState(props.columns || []), 2), columns = _useState[0], setColumns = _useState[1];
     var _useState1 = _sliced_to_array(useState(props.scroll || undefined), 2), scrollObject = _useState1[0], setScrollObject = _useState1[1];
     var columnTootipClassName = props.columnTootipClassName, columnTootipColor = props.columnTootipColor;
     var initColumns = function() {
-        var _initColumnsWidth = initColumnsWidth(props.columns, ref.current.offsetWidth), selfColumns = _initColumnsWidth.columns, scrollWidth = _initColumnsWidth.scrollWidth;
+        var _initColumnsWidth = initColumnsWidth(props.columns, tableRef.current.offsetWidth), selfColumns = _initColumnsWidth.columns;
         setColumns(selfColumns);
         var obj = scrollObject ? scrollObject : {};
         obj = _object_spread_props(_object_spread({}, obj), {
-            // x: scrollWidth,
-            x: ref.current.offsetWidth
+            x: tableRef.current.offsetWidth
         });
         setScrollObject(obj);
     };
@@ -65,7 +83,9 @@ var Table = function(props) {
                 };
                 item.render = function(text) {
                     return /*#__PURE__*/ _jsx(TextTootip, {
-                        width: item.width,
+                        width: function(e) {
+                            return getParentWidth(e.target);
+                        },
                         title: text,
                         trigger: "hover",
                         overlayClassName: columnTootipClassName || styles.columnTootipClassName,
@@ -94,6 +114,7 @@ var Table = function(props) {
                 }
                 return item;
             });
+            // console.log("diffdiff",diff,tableWidth,minWidth,avgWidth,columns,autoNum)
             columns = columns.map(function(item, index) {
                 //存在适应自适应列侯 多余宽度 则平均分配每一列(除最后一列)
                 if (avgWidth > 0 && index !== columns.length - 1) item.width += avgWidth / columns.length - 1;
@@ -101,7 +122,8 @@ var Table = function(props) {
             });
         } else if (diff < 0) //宽度不足  自适应列取最佳宽度  并出现滚动条 且第一列 最后一列 固定
         columns = columns.map(function(item, index) {
-            if (index === 0 || index === columns.length - 1) item.fixed = index === 0 ? "left" : "right";
+            if (isFixedLeft && index === 0) item.fixed = "left";
+            if (isFixedRight && index === columns.length - 1) item.fixed = "right";
             if (item.width === "auto") item.width = item.widthRang[1];
             return item;
         });
@@ -120,6 +142,7 @@ var Table = function(props) {
                     }, obj.style)
                 });
             };
+            console.log("宽度宽度", item, item.width, item.widthRang);
             return item;
         });
         return {
@@ -127,11 +150,18 @@ var Table = function(props) {
             scrollWidth: scrollWidth
         };
     };
+    var onResize = function() {
+        clearTimeout(timerRef.current.timer);
+        timerRef.current.timer = setTimeout(function() {
+            initColumns();
+        }, 1000);
+    };
     useEffect(function() {
         initColumns();
-        // window.addEventListener("resize", initColumns);
+        window.addEventListener("resize", onResize);
         return function() {
-        // window.removeEventListener("resize", initColumns);
+            clearTimeout(timerRef.current.timer);
+            window.removeEventListener("resize", onResize);
         };
     }, [
         props.columns
@@ -141,23 +171,22 @@ var Table = function(props) {
     }, props), {
         columns: columns,
         scroll: scrollObject || {
-            x: "none"
+            x: "auto"
         }
     });
-    console.log("scrollObjectscrollObject", scrollObject, config);
     return /*#__PURE__*/ _jsx("div", {
         className: styles.Table,
-        ref: ref,
+        ref: tableRef,
         children: /*#__PURE__*/ _jsx(AntdTable, _object_spread({}, config))
     });
 };
 // let BhdTable=Provider(Table)
-// Table.SELECTION_COLUMN = AntdTable.SELECTION_COLUMN;
-// Table.EXPAND_COLUMN = AntdTable.EXPAND_COLUMN;
-// Table.SELECTION_ALL = AntdTable.SELECTION_ALL;
-// Table.SELECTION_INVERT = AntdTable.SELECTION_INVERT;
-// Table.SELECTION_NONE = AntdTable.SELECTION_NONE;
-// Table.Column = AntdTable.Column;
-// Table.ColumnGroup = AntdTable.ColumnGroup;
+Table.SELECTION_COLUMN = AntdTable.SELECTION_COLUMN;
+Table.EXPAND_COLUMN = AntdTable.EXPAND_COLUMN;
+Table.SELECTION_ALL = AntdTable.SELECTION_ALL;
+Table.SELECTION_INVERT = AntdTable.SELECTION_INVERT;
+Table.SELECTION_NONE = AntdTable.SELECTION_NONE;
+Table.Column = AntdTable.Column;
+Table.ColumnGroup = AntdTable.ColumnGroup;
 // Table.Summary = AntdTable.Summary;
 export default Table;

package/esm/table/index.module.less

@@ -54,6 +54,10 @@
             &:last-child {
               padding-right: 40px;
             }
+            /* 多选框 距右的距离 */
+            &.bhd-table-selection-column{
+              padding-inline-end:16px;
+            }
           }
         }
       }
@@ -67,6 +71,14 @@
       .bhd-table-tbody > tr.bhd-table-row-selected > td {
         background: #ffffff;
       }
+
+      /* scroll 固定列 设置overflow:hidden 阴影消失问题 */
+      .bhd-table-cell-fix-left-first::after,.bhd-table-cell-fix-left-last::after{
+        right: 2px;
+      }
+      .bhd-table-cell-fix-right-first::after,.bhd-table-cell-fix-right-last::after{
+        left: 2px;
+      }
     }
   }
 }

package/esm/table/{index/347/232/204/345/211/257/346/234/254.js → index22.js}

@@ -9,43 +9,25 @@ import { Table as AntdTable } from "antd";
 import TextTootip from "../textTootip";
 var widthPercentage = /^\d+%$/;
 var widthPx = /^\d+px$/;
-/* 获取元素的宽度 */ var getElementPadding = function(node) {
-    var computedStyle = {};
-    if (window.getComputedStyle) computedStyle = getComputedStyle(node, null);
-    else computedStyle = node.currentStyle; //兼容IE的写法
-    return parseFloat(computedStyle["padding-left"]) + parseFloat(computedStyle["padding-right"]);
-};
-//获取宽度
-var getParentWidth = function(node) {
-    try {
-        while(node && node.nodeName !== "TD")node = node.parentElement;
-        var padding = getElementPadding(node);
-        return node.clientWidth - padding;
-    } catch (error) {
-        return null;
-    }
-};
 // const defaultWidthRang: widthRangType = [180, 240, 320]; //默认自适应的值  [最小值,最佳值,最大值]
 //传入的参数为onCell==>需要进行函数合并
 var Table = function(props) {
-    var tableRef = useRef(null);
-    var timerRef = useRef({
-        timer: null
-    });
+    var ref = useRef(null);
     var _props_defaultWidthRang = props.defaultWidthRang, defaultWidthRang = _props_defaultWidthRang === void 0 ? [
         180,
         240,
         320
-    ] : _props_defaultWidthRang, _props_isFixedLeft = props.isFixedLeft, isFixedLeft = _props_isFixedLeft === void 0 ? true : _props_isFixedLeft, _props_isFixedRight = props.isFixedRight, isFixedRight = _props_isFixedRight === void 0 ? true : _props_isFixedRight;
+    ] : _props_defaultWidthRang;
     var _useState = _sliced_to_array(useState(props.columns || []), 2), columns = _useState[0], setColumns = _useState[1];
     var _useState1 = _sliced_to_array(useState(props.scroll || undefined), 2), scrollObject = _useState1[0], setScrollObject = _useState1[1];
     var columnTootipClassName = props.columnTootipClassName, columnTootipColor = props.columnTootipColor;
     var initColumns = function() {
-        var _initColumnsWidth = initColumnsWidth(props.columns, tableRef.current.offsetWidth), selfColumns = _initColumnsWidth.columns;
+        var _initColumnsWidth = initColumnsWidth(props.columns, ref.current.offsetWidth), selfColumns = _initColumnsWidth.columns, scrollWidth = _initColumnsWidth.scrollWidth;
         setColumns(selfColumns);
         var obj = scrollObject ? scrollObject : {};
         obj = _object_spread_props(_object_spread({}, obj), {
-            x: tableRef.current.offsetWidth
+            // x: scrollWidth,
+            x: ref.current.offsetWidth
         });
         setScrollObject(obj);
     };
@@ -83,9 +65,7 @@ var Table = function(props) {
                 };
                 item.render = function(text) {
                     return /*#__PURE__*/ _jsx(TextTootip, {
-                        width: function(e) {
-                            return getParentWidth(e.target);
-                        },
+                        width: item.width,
                         title: text,
                         trigger: "hover",
                         overlayClassName: columnTootipClassName || styles.columnTootipClassName,
@@ -114,7 +94,6 @@ var Table = function(props) {
                 }
                 return item;
             });
-            console.log("diffdiff", diff, tableWidth, minWidth, avgWidth, columns, autoNum);
             columns = columns.map(function(item, index) {
                 //存在适应自适应列侯 多余宽度 则平均分配每一列(除最后一列)
                 if (avgWidth > 0 && index !== columns.length - 1) item.width += avgWidth / columns.length - 1;
@@ -122,8 +101,7 @@ var Table = function(props) {
             });
         } else if (diff < 0) //宽度不足  自适应列取最佳宽度  并出现滚动条 且第一列 最后一列 固定
         columns = columns.map(function(item, index) {
-            if (isFixedLeft && index === 0) item.fixed = "left";
-            if (isFixedRight && index === columns.length - 1) item.fixed = "right";
+            if (index === 0 || index === columns.length - 1) item.fixed = index === 0 ? "left" : "right";
             if (item.width === "auto") item.width = item.widthRang[1];
             return item;
         });
@@ -142,7 +120,6 @@ var Table = function(props) {
                     }, obj.style)
                 });
             };
-            console.log("宽度宽度", item, item.width, item.widthRang);
             return item;
         });
         return {
@@ -150,34 +127,26 @@ var Table = function(props) {
             scrollWidth: scrollWidth
         };
     };
-    var onResize = function() {
-        clearTimeout(timerRef.current.timer);
-        timerRef.current.timer = setTimeout(function() {
-            initColumns();
-        }, 1000);
-    };
     useEffect(function() {
         initColumns();
-        window.addEventListener("resize", onResize);
+        window.addEventListener("resize", initColumns);
         return function() {
-            clearTimeout(timerRef.current.timer);
-            window.removeEventListener("resize", onResize);
+            window.removeEventListener("resize", initColumns);
         };
     }, [
         props.columns
     ]);
-    console.log("宽度宽度", scrollObject);
     var config = _object_spread_props(_object_spread({
         bordered: false
     }, props), {
         columns: columns,
         scroll: scrollObject || {
-            x: "auto"
+            x: "none"
         }
     });
     return /*#__PURE__*/ _jsx("div", {
         className: styles.Table,
-        ref: tableRef,
+        ref: ref,
         children: /*#__PURE__*/ _jsx(AntdTable, _object_spread({}, config))
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -45,9 +45,10 @@
     "component"
   ],
   "dependencies": {
+    "@ant-design/icons": "^5.0.1",
     "@ice/jsx-runtime": "^0.2.0",
     "@swc/helpers": "^0.4.14",
-    "antd": "^5.2.3",
+    "antd": "^5.4.6",
     "less": "^4.1.3",
     "less-loader": "^11.1.0"
   },