bhd-components 0.2.0 → 0.2.1

package/dist/{6a77b797.esm.es5.development.js → 17d83214.esm.es5.development.js}

@@ -10611,6 +10611,7 @@ ConfigProvider.config = setGlobalConfig;
 {
   ConfigProvider.displayName = 'ConfigProvider';
 }
+var ConfigProvider$1 = ConfigProvider;
 
 var raf = function raf(callback) {
   return +setTimeout(callback, 16);
@@ -21418,7 +21419,7 @@ function genPurePanel(Component, defaultPrefixCls, getDropdownCls) {
         };
       }
     }, []);
-    return /*#__PURE__*/React.createElement(ConfigProvider, {
+    return /*#__PURE__*/React.createElement(ConfigProvider$1, {
       theme: {
         token: {
           motionDurationFast: '0.01s',

package/dist/table.esm.es5.development.js

@@ -2,7 +2,7 @@ import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.fixed.js';
 import { useState, useRef, useEffect } from 'react';
-import { j as jsx, T as Tooltip, a as Table$1 } from './6a77b797.esm.es5.development.js';
+import { j as jsx, T as Tooltip, a as Table$1 } from './17d83214.esm.es5.development.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 
@@ -250,25 +250,48 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 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 = _slicedToArray(useState(props.columns || []), 2), columns = _useState[0], setColumns = _useState[1];
     var _useState1 = _slicedToArray(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;
+        var _initColumnsWidth = initColumnsWidth(props.columns, tableRef.current.offsetWidth), selfColumns = _initColumnsWidth.columns;
         setColumns(selfColumns);
         var obj = scrollObject ? scrollObject : {};
         obj = _objectSpreadProps(_objectSpread({}, obj), {
-            // x: scrollWidth,
-            x: ref.current.offsetWidth
+            x: tableRef.current.offsetWidth
         });
         setScrollObject(obj);
     };
@@ -315,7 +338,9 @@ var Table = function(props) {
                 };
                 item.render = function(text) {
                     return /*#__PURE__*/ jsx(TextTootip$1, {
-                        width: item.width,
+                        width: function(e) {
+                            return getParentWidth(e.target);
+                        },
                         title: text,
                         trigger: "hover",
                         overlayClassName: columnTootipClassName || modules_63b47c51.columnTootipClassName,
@@ -344,6 +369,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) {
@@ -354,8 +380,11 @@ 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];
@@ -381,6 +410,7 @@ var Table = function(props) {
                     }, obj.style)
                 });
             };
+            console.log("宽度宽度", item, item.width, item.widthRang);
             return item;
         });
         return {
@@ -388,11 +418,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
@@ -402,15 +439,22 @@ var Table = function(props) {
     }, props), {
         columns: columns,
         scroll: scrollObject || {
-            x: "none"
+            x: "auto"
         }
     });
-    console.log("scrollObjectscrollObject", scrollObject, config);
     return /*#__PURE__*/ jsx("div", {
         className: modules_63b47c51.Table,
-        ref: ref,
+        ref: tableRef,
         children: /*#__PURE__*/ jsx(Table$1, _objectSpread({}, config))
     });
 };
+// let BhdTable=Provider(Table)
+Table.SELECTION_COLUMN = Table$1.SELECTION_COLUMN;
+Table.EXPAND_COLUMN = Table$1.EXPAND_COLUMN;
+Table.SELECTION_ALL = Table$1.SELECTION_ALL;
+Table.SELECTION_INVERT = Table$1.SELECTION_INVERT;
+Table.SELECTION_NONE = Table$1.SELECTION_NONE;
+Table.Column = Table$1.Column;
+Table.ColumnGroup = Table$1.ColumnGroup;
 
 export { Table as default };

package/dist/table.esm.es5.production.js

@@ -1 +1 @@
-import"core-js/modules/es.array.map.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.fixed.js";import{useState as t,useRef as e,useEffect as r}from"react";import{j as n,T as o,a as i}from"./7fed7be7.esm.es5.production.js";import"react/jsx-runtime";import"react-dom";var l={Table:"index_module_Table__999e5203",columnTootipClassName:"index_module_columnTootipClassName__999e5203"};function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}var u=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:14,r=0,n=document.createElement("div");return n.style.position="absolute",n.style.whiteSpace="nowrap",n.style.fontSize=e+"px",n.style.opacity="0",n.innerText=t,document.body.append(n),r=n.getBoundingClientRect().width,document.body.removeChild(n),r},c=function(e){var r,i,l,c=e.children,s=e.title,f=e.width,d=function(t){if(Array.isArray(t))return t}(r=t(!1))||function(t,e){var r,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],l=!0,a=!1;try{for(o=o.call(t);!(l=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);l=!0);}catch(t){a=!0,n=t}finally{try{l||null==o.return||o.return()}finally{if(a)throw n}}return i}}(r,2)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return a(t,e)}}(r,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),p=d[0],h=d[1];return n(o,(i=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.forEach(function(e){var n,o;n=t,o=r[e],e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o})}return t}({},e),l=l={open:p,children:n("span",{onMouseEnter:function(t){var e=0;(e="function"==typeof f?f(t):f)?h(!(u(s)<e)):h(!0)},onMouseLeave:function(){h(!1)},children:c})},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(l)).forEach(function(t){Object.defineProperty(i,t,Object.getOwnPropertyDescriptor(l,t))}),i))};function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.forEach(function(e){var n,o;n=t,o=r[e],e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o})}return t}function d(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}function p(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],l=!0,a=!1;try{for(o=o.call(t);!(l=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);l=!0);}catch(t){a=!0,n=t}finally{try{l||null==o.return||o.return()}finally{if(a)throw n}}return i}}(t,e)||function(t,e){if(t){if("string"==typeof t)return s(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return s(t,e)}}(t,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=/^\d+%$/,y=/^\d+px$/,m=function(o){var a=e(null),u=o.defaultWidthRang,s=void 0===u?[180,240,320]:u,m=p(t(o.columns||[]),2),b=m[0],w=m[1],g=p(t(o.scroll||void 0),2),O=g[0],v=g[1],j=o.columnTootipClassName,P=o.columnTootipColor,C=function(){var t=S(o.columns,a.current.offsetWidth).columns;w(t);var e=O||{};v(e=d(f({},e),{x:a.current.offsetWidth}))},S=function(t,e){var r=0,o=0,i=0;t=t.map(function(t){return t.width=t.width||"auto",h.test(t.width)?t.width=parseFloat(t.width)>=100?"auto":e*t.width:"number"==typeof t.width?t.width=t.width:y.test(t.width)?t.width=parseFloat(t.width):t.width="auto","auto"===t.width?(r+=1,t.widthRang||(t.widthRang=s),o+=t.widthRang[0],i+=t.widthRang[1]):(o+=t.width,i+=t.width),t.onColumnCell||(t.onColumnCell=t.onCell||function(){return{}}),t.render||(t.ellipsis={showTitle:!1},t.render=function(e){return n(c,{width:t.width,title:e,trigger:"hover",overlayClassName:j||l.columnTootipClassName,color:P||"#FFF",children:n("span",{children:e})})}),t});var a=e-o;if(a>0){var u=0;t=(t=t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]+a/r,t.width>t.widthRang[2]&&(u+=t.width-t.widthRang[2],t.width=t.widthRang[2])),t})).map(function(e,r){return u>0&&r!==t.length-1&&(e.width+=u/t.length-1),e})}else t=a<0?t.map(function(e,r){return(0===r||r===t.length-1)&&(e.fixed=0===r?"left":"right"),"auto"===e.width&&(e.width=e.widthRang[1]),e}):t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]),t});return t.map(function(t){return t.onCell=function(e,r){var n="function"==typeof t.onColumnCell?t.onColumnCell(e,r):{};return n.style=n.style?n.style:{},d(f({},n),{style:f({maxWidth:t.width+"px"},n.style)})},t}),{columns:t,scrollWidth:i}};r(function(){return C(),function(){}},[o.columns]);var x=d(f({bordered:!1},o),{columns:b,scroll:O||{x:"none"}});return console.log("scrollObjectscrollObject",O,x),n("div",{className:l.Table,ref:a,children:n(i,f({},x))})};export{m as default};
+import"core-js/modules/es.array.map.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.fixed.js";import{useState as t,useRef as e,useEffect as r}from"react";import{j as n,T as o,a as i}from"./844d192b.esm.es5.production.js";import"react/jsx-runtime";import"react-dom";var l={Table:"index_module_Table__999e5203",columnTootipClassName:"index_module_columnTootipClassName__999e5203"};function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}var a=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:14,r=0,n=document.createElement("div");return n.style.position="absolute",n.style.whiteSpace="nowrap",n.style.fontSize=e+"px",n.style.opacity="0",n.innerText=t,document.body.append(n),r=n.getBoundingClientRect().width,document.body.removeChild(n),r},c=function(e){var r,i,l,c=e.children,s=e.title,d=e.width,f=function(t){if(Array.isArray(t))return t}(r=t(!1))||function(t,e){var r,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],l=!0,u=!1;try{for(o=o.call(t);!(l=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);l=!0);}catch(t){u=!0,n=t}finally{try{l||null==o.return||o.return()}finally{if(u)throw n}}return i}}(r,2)||function(t,e){if(t){if("string"==typeof t)return u(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return u(t,e)}}(r,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),p=f[0],m=f[1];return n(o,(i=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.forEach(function(e){var n,o;n=t,o=r[e],e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o})}return t}({},e),l=l={open:p,children:n("span",{onMouseEnter:function(t){var e=0;(e="function"==typeof d?d(t):d)?m(!(a(s)<e)):m(!0)},onMouseLeave:function(){m(!1)},children:c})},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(l)).forEach(function(t){Object.defineProperty(i,t,Object.getOwnPropertyDescriptor(l,t))}),i))};function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function d(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.forEach(function(e){var n,o;n=t,o=r[e],e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o})}return t}function f(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}function p(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],l=!0,u=!1;try{for(o=o.call(t);!(l=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);l=!0);}catch(t){u=!0,n=t}finally{try{l||null==o.return||o.return()}finally{if(u)throw n}}return i}}(t,e)||function(t,e){if(t){if("string"==typeof t)return s(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return s(t,e)}}(t,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var m=/^\d+%$/,h=/^\d+px$/,y=function(t){var e={};return parseFloat((e=window.getComputedStyle?getComputedStyle(t,null):t.currentStyle)["padding-left"])+parseFloat(e["padding-right"])},w=function(t){try{for(;t&&"TD"!==t.nodeName;)t=t.parentElement;var e=y(t);return t.clientWidth-e}catch(t){return null}},b=function(o){var u=e(null),a=e({timer:null}),s=o.defaultWidthRang,y=void 0===s?[180,240,320]:s,b=o.isFixedLeft,g=void 0===b||b,O=o.isFixedRight,v=void 0===O||O,j=p(t(o.columns||[]),2),C=j[0],E=j[1],S=p(t(o.scroll||void 0),2),T=S[0],N=S[1],P=o.columnTootipClassName,x=o.columnTootipColor,L=function(){var t=_(o.columns,u.current.offsetWidth).columns;E(t);var e=T||{};N(e=f(d({},e),{x:u.current.offsetWidth}))},_=function(t,e){var r=0,o=0,i=0;t=t.map(function(t){return t.width=t.width||"auto",m.test(t.width)?t.width=parseFloat(t.width)>=100?"auto":e*t.width:"number"==typeof t.width?t.width=t.width:h.test(t.width)?t.width=parseFloat(t.width):t.width="auto","auto"===t.width?(r+=1,t.widthRang||(t.widthRang=y),o+=t.widthRang[0],i+=t.widthRang[1]):(o+=t.width,i+=t.width),t.onColumnCell||(t.onColumnCell=t.onCell||function(){return{}}),t.render||(t.ellipsis={showTitle:!1},t.render=function(t){return n(c,{width:function(t){return w(t.target)},title:t,trigger:"hover",overlayClassName:P||l.columnTootipClassName,color:x||"#FFF",children:n("span",{children:t})})}),t});var u=e-o;if(u>0){var a=0;t=(t=t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]+u/r,t.width>t.widthRang[2]&&(a+=t.width-t.widthRang[2],t.width=t.widthRang[2])),t})).map(function(e,r){return a>0&&r!==t.length-1&&(e.width+=a/t.length-1),e})}else t=u<0?t.map(function(e,r){return g&&0===r&&(e.fixed="left"),v&&r===t.length-1&&(e.fixed="right"),"auto"===e.width&&(e.width=e.widthRang[1]),e}):t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]),t});return t.map(function(t){return t.onCell=function(e,r){var n="function"==typeof t.onColumnCell?t.onColumnCell(e,r):{};return n.style=n.style?n.style:{},f(d({},n),{style:d({maxWidth:t.width+"px"},n.style)})},console.log("宽度宽度",t,t.width,t.widthRang),t}),{columns:t,scrollWidth:i}},A=function(){clearTimeout(a.current.timer),a.current.timer=setTimeout(function(){L()},1e3)};r(function(){return L(),window.addEventListener("resize",A),function(){clearTimeout(a.current.timer),window.removeEventListener("resize",A)}},[o.columns]);var I=f(d({bordered:!1},o),{columns:C,scroll:T||{x:"auto"}});return n("div",{className:l.Table,ref:u,children:n(i,d({},I))})};b.SELECTION_COLUMN=i.SELECTION_COLUMN,b.EXPAND_COLUMN=i.EXPAND_COLUMN,b.SELECTION_ALL=i.SELECTION_ALL,b.SELECTION_INVERT=i.SELECTION_INVERT,b.SELECTION_NONE=i.SELECTION_NONE,b.Column=i.Column,b.ColumnGroup=i.ColumnGroup;export{b as default};

package/es2017/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/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/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/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/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.1",
   "description": "组件功能描述",
   "files": [
     "esm",