bhd-components 0.2.4 → 0.2.6

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

@@ -1,9 +1,4 @@
-import { _ as _slicedToArray, j as jsx, a as _objectSpreadProps, b as _objectSpread, T as Tooltip, c as Table$1 } from './88060020.esm.es5.development.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.regexp.test.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.fixed.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _sliced_to_array, j as jsx, a as _object_spread_props, b as _object_spread, T as Tooltip, c as Table$1 } from './d2be063c.esm.es5.development.js';
 import { useState, useRef, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -26,7 +21,7 @@ var getTextSize = function(str) {
 };
 var TextTootip = function(props) {
     var children = props.children, title = props.title, width = props.width;
-    var _useState = _slicedToArray(useState(false), 2), open = _useState[0], setOpen = _useState[1];
+    var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], setOpen = _useState[1];
     var mouseEnter = function(e) {
         var w = 0;
         if (typeof width === "function") {
@@ -43,7 +38,7 @@ var TextTootip = function(props) {
     var mouseLeave = function() {
         setOpen(false);
     };
-    return /*#__PURE__*/ jsx(Tooltip, _objectSpreadProps(_objectSpread({}, props), {
+    return /*#__PURE__*/ jsx(Tooltip, _object_spread_props(_object_spread({}, props), {
         open: open,
         children: /*#__PURE__*/ jsx("span", {
             onMouseEnter: mouseEnter,
@@ -89,8 +84,8 @@ var Table = function(props) {
         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_bordered = props.bordered, bordered = _props_bordered === void 0 ? false : _props_bordered, kind = props.kind;
-    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 _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 scrollBarDom = tableRef.current.getElementsByClassName("bhd-table-cell-scrollbar")[0];
@@ -100,7 +95,7 @@ var Table = function(props) {
         var _initColumnsWidth = initColumnsWidth(props.columns, tableWidth), selfColumns = _initColumnsWidth.columns;
         setColumns(selfColumns);
         var obj = scrollObject ? scrollObject : {};
-        obj = _objectSpreadProps(_objectSpread({}, obj), {
+        obj = _object_spread_props(_object_spread({}, obj), {
             x: tableWidth
         });
         setScrollObject(obj);
@@ -213,8 +208,8 @@ var Table = function(props) {
             item.onCell = function(record, rowIndex) {
                 var obj = typeof item.onColumnCell === "function" ? item.onColumnCell(record, rowIndex) : {};
                 obj.style = obj.style ? obj.style : {};
-                return _objectSpreadProps(_objectSpread({}, obj), {
-                    style: _objectSpread({
+                return _object_spread_props(_object_spread({}, obj), {
+                    style: _object_spread({
                         maxWidth: item.width + "px"
                     }, obj.style)
                 });
@@ -245,7 +240,7 @@ var Table = function(props) {
     }, [
         props.columns
     ]);
-    var config = _objectSpreadProps(_objectSpread({
+    var config = _object_spread_props(_object_spread({
         bordered: false
     }, props), {
         columns: columns,
@@ -256,7 +251,7 @@ var Table = function(props) {
     return /*#__PURE__*/ jsx("div", {
         className: "".concat(modules_63b47c51.Table, " ").concat(kind === "simple" ? modules_63b47c51.SmallTable : ""),
         ref: tableRef,
-        children: /*#__PURE__*/ jsx(Table$1, _objectSpread({}, config))
+        children: /*#__PURE__*/ jsx(Table$1, _object_spread({}, config))
     });
 };
 Table.SELECTION_COLUMN = Table$1.SELECTION_COLUMN;

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

@@ -1 +1 @@
-import{_ as t,j as e,a as n,b as o,T as i,c as r}from"./e40d2239.esm.es5.production.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.regexp.test.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.fixed.js";import"core-js/modules/es.array.concat.js";import{useState as l,useRef as a,useEffect as d}from"react";import"react/jsx-runtime";import"react-dom";var u={Table:"index_module_Table__5278674b",SmallTable:"index_module_SmallTable__5278674b",columnTootipClassName:"index_module_columnTootipClassName__5278674b"},s=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:14,n=0,o=document.createElement("div");return o.style.position="absolute",o.style.whiteSpace="nowrap",o.style.fontSize=e+"px",o.style.opacity="0",o.innerText=t,document.body.append(o),n=o.getBoundingClientRect().width,document.body.removeChild(o),n},c=function(r){var a=r.children,d=r.title,u=r.width,c=t(l(!1),2),m=c[0],h=c[1];return e(i,n(o({},r),{open:m,children:e("span",{onMouseEnter:function(t){var e=0;(e="function"==typeof u?u(t):u)?h(!(s(d)<e)):h(!0)},onMouseLeave:function(){h(!1)},children:a})}))},m=/^\d+%$/,h=/^\d+px$/,p=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=p(t);return t.clientWidth-e}catch(t){return null}},f=function(i){var s=a(null),p=a({timer:null}),f=i.defaultWidthRang,C=void 0===f?[180,240,320]:f,g=i.isFixedLeft,v=void 0===g||g,T=i.isFixedRight,E=void 0===T||T,N=i.bordered,y=void 0!==N&&N,_=i.kind,b=t(l(i.columns||[]),2),x=b[0],L=b[1],S=t(l(i.scroll||void 0),2),R=S[0],O=S[1],j=i.columnTootipClassName,F=i.columnTootipColor,I=function(){var t=s.current.getElementsByClassName("bhd-table-cell-scrollbar")[0],e=t?t.clientWidth:0,r=y?s.current.offsetWidth-2-e:s.current.offsetWidth-e;console.log("gaodug",e);var l=W(i.columns,r).columns;L(l);var a=R||{};a=n(o({},a),{x:r}),O(a)},W=function(t,i){var r=0,l=0,a=0;t=t.map(function(t){return t.width=t.width||"auto",m.test(t.width)?t.width=parseFloat(t.width)>=100?"auto":i*parseFloat(t.width)/100:"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=C),l+=t.widthRang[0],a+=t.widthRang[1]):(l+=t.width,a+=t.width),t.onColumnCell||(t.onColumnCell=t.onCell||function(){return{}}),t.render||(t.ellipsis={showTitle:!1},t.render=function(t){return e(c,{width:function(t){return w(t.target)},title:t,trigger:"hover",overlayClassName:j||u.columnTootipClassName,color:F||"#FFF",children:e("span",{children:t})})}),t});var d=i-l;if(d>0){var s=0;t=(t=t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]+d/r,t.width>t.widthRang[2]&&(s+=t.width-t.widthRang[2],t.width=t.widthRang[2])),t})).map(function(e,n){return s>0&&n!==t.length-1&&(e.width+=s/t.length-1),e})}else t=d<0?t.map(function(e,n){return v&&0===n&&(e.fixed="left"),E&&n===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,i){var r="function"==typeof t.onColumnCell?t.onColumnCell(e,i):{};return r.style=r.style?r.style:{},n(o({},r),{style:o({maxWidth:t.width+"px"},r.style)})},t}),{columns:t,scrollWidth:a}},M=function(){clearTimeout(p.current.timer),p.current.timer=setTimeout(function(){I()},1e3)};d(function(){return I(),window.addEventListener("resize",M),function(){clearTimeout(p.current.timer),window.removeEventListener("resize",M)}},[i.columns]);var A=n(o({bordered:!1},i),{columns:x,scroll:R||{x:"auto"}});return e("div",{className:"".concat(u.Table," ").concat("simple"===_?u.SmallTable:""),ref:s,children:e(r,o({},A))})};f.SELECTION_COLUMN=r.SELECTION_COLUMN,f.EXPAND_COLUMN=r.EXPAND_COLUMN,f.SELECTION_ALL=r.SELECTION_ALL,f.SELECTION_INVERT=r.SELECTION_INVERT,f.SELECTION_NONE=r.SELECTION_NONE,f.Column=r.Column,f.ColumnGroup=r.ColumnGroup;export{f as default};
+import{_ as t,j as e,a as n,b as o,T as i,c as r}from"./ae211df8.esm.es5.production.js";import{useState as l,useRef as a,useEffect as d}from"react";import"react/jsx-runtime";import"react-dom";var u={Table:"index_module_Table__5278674b",SmallTable:"index_module_SmallTable__5278674b",columnTootipClassName:"index_module_columnTootipClassName__5278674b"},c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:14,n=0,o=document.createElement("div");return o.style.position="absolute",o.style.whiteSpace="nowrap",o.style.fontSize=e+"px",o.style.opacity="0",o.innerText=t,document.body.append(o),n=o.getBoundingClientRect().width,document.body.removeChild(o),n},s=function(r){var a=r.children,d=r.title,u=r.width,s=t(l(!1),2),m=s[0],h=s[1];return e(i,n(o({},r),{open:m,children:e("span",{onMouseEnter:function(t){var e=0;(e="function"==typeof u?u(t):u)?h(!(c(d)<e)):h(!0)},onMouseLeave:function(){h(!1)},children:a})}))},m=/^\d+%$/,h=/^\d+px$/,w=function(t){var e={};return parseFloat((e=window.getComputedStyle?getComputedStyle(t,null):t.currentStyle)["padding-left"])+parseFloat(e["padding-right"])},f=function(t){try{for(;t&&"TD"!==t.nodeName;)t=t.parentElement;var e=w(t);return t.clientWidth-e}catch(t){return null}},p=function(i){var c=a(null),w=a({timer:null}),p=i.defaultWidthRang,C=void 0===p?[180,240,320]:p,g=i.isFixedLeft,v=void 0===g||g,T=i.isFixedRight,E=void 0===T||T,N=i.bordered,_=void 0!==N&&N,y=i.kind,b=t(l(i.columns||[]),2),L=b[0],x=b[1],S=t(l(i.scroll||void 0),2),R=S[0],O=S[1],F=i.columnTootipClassName,I=i.columnTootipColor,W=function(){var t=c.current.getElementsByClassName("bhd-table-cell-scrollbar")[0],e=t?t.clientWidth:0,r=_?c.current.offsetWidth-2-e:c.current.offsetWidth-e;console.log("gaodug",e);var l=M(i.columns,r).columns;x(l);var a=R||{};a=n(o({},a),{x:r}),O(a)},M=function(t,i){var r=0,l=0,a=0;t=t.map(function(t){return t.width=t.width||"auto",m.test(t.width)?t.width=parseFloat(t.width)>=100?"auto":i*parseFloat(t.width)/100:"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=C),l+=t.widthRang[0],a+=t.widthRang[1]):(l+=t.width,a+=t.width),t.onColumnCell||(t.onColumnCell=t.onCell||function(){return{}}),t.render||(t.ellipsis={showTitle:!1},t.render=function(t){return e(s,{width:function(t){return f(t.target)},title:t,trigger:"hover",overlayClassName:F||u.columnTootipClassName,color:I||"#FFF",children:e("span",{children:t})})}),t});var d=i-l;if(d>0){var c=0;t=(t=t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]+d/r,t.width>t.widthRang[2]&&(c+=t.width-t.widthRang[2],t.width=t.widthRang[2])),t})).map(function(e,n){return c>0&&n!==t.length-1&&(e.width+=c/t.length-1),e})}else t=d<0?t.map(function(e,n){return v&&0===n&&(e.fixed="left"),E&&n===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,i){var r="function"==typeof t.onColumnCell?t.onColumnCell(e,i):{};return r.style=r.style?r.style:{},n(o({},r),{style:o({maxWidth:t.width+"px"},r.style)})},t}),{columns:t,scrollWidth:a}},A=function(){clearTimeout(w.current.timer),w.current.timer=setTimeout(function(){W()},1e3)};d(function(){return W(),window.addEventListener("resize",A),function(){clearTimeout(w.current.timer),window.removeEventListener("resize",A)}},[i.columns]);var U=n(o({bordered:!1},i),{columns:L,scroll:R||{x:"auto"}});return e("div",{className:"".concat(u.Table," ").concat("simple"===y?u.SmallTable:""),ref:c,children:e(r,o({},U))})};p.SELECTION_COLUMN=r.SELECTION_COLUMN,p.EXPAND_COLUMN=r.EXPAND_COLUMN,p.SELECTION_ALL=r.SELECTION_ALL,p.SELECTION_INVERT=r.SELECTION_INVERT,p.SELECTION_NONE=r.SELECTION_NONE,p.Column=r.Column,p.ColumnGroup=r.ColumnGroup;export{p as default};

package/es2017/message/index.js

@@ -1,5 +1,5 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import styles from "./index.module.less";
@@ -8,31 +8,37 @@ import { ExclamationCircleFilled } from "../icons/index";
 const BhdMessage = _object_spread_props(_object_spread({}, message), {
     customSuccess: (config)=>{
         let className = styles.customSuccess;
-        if (typeof config === "string") return message.success({
-            content: config,
-            className
-        });
+        if (typeof config === "string") {
+            return message.success({
+                content: config,
+                className
+            });
+        }
         return message.success(_object_spread_props(_object_spread({}, config), {
             className: `${className} ${config.className || ""}`
         }));
     },
     customWarning: (config)=>{
         let className = styles.customWarning;
-        if (typeof config === "string") return message.warning({
-            content: config,
-            className
-        });
+        if (typeof config === "string") {
+            return message.warning({
+                content: config,
+                className
+            });
+        }
         return message.warning(_object_spread_props(_object_spread({}, config), {
             className: `${className} ${config.className || ""}`
         }));
     },
     customError: (config)=>{
         let className = styles.customError;
-        if (typeof config === "string") return message.error({
-            content: config,
-            className,
-            icon: /*#__PURE__*/ _jsx(ExclamationCircleFilled, {})
-        });
+        if (typeof config === "string") {
+            return message.error({
+                content: config,
+                className,
+                icon: /*#__PURE__*/ _jsx(ExclamationCircleFilled, {})
+            });
+        }
         return message.error(_object_spread_props(_object_spread({}, config), {
             className: `${className} ${config.className || ""}`,
             icon: config.icon || /*#__PURE__*/ _jsx(ExclamationCircleFilled, {})

package/es2017/pagination/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { PaginationProps } from "antd/es/pagination";
-declare const BhdPagination: (props: PaginationProps) => JSX.Element;
+declare const BhdPagination: (props: PaginationProps) => React.JSX.Element;
 export default BhdPagination;

package/es2017/pagination/index.js

@@ -1,5 +1,5 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import styles from "./index.module.less";

package/es2017/provider/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 declare const Provider: {
-    (Component: any, customConfig?: {}): ({ ...props }: any) => JSX.Element;
-    Component(props: any): JSX.Element;
+    (Component: any, customConfig?: {}): ({ ...props }: any) => React.JSX.Element;
+    Component(props: any): React.JSX.Element;
 };
 export default Provider;

package/es2017/provider/index.js

@@ -1,7 +1,7 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import _object_destructuring_empty from "@swc/helpers/src/_object_destructuring_empty.mjs";
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_destructuring_empty } from "@swc/helpers/_/_object_destructuring_empty";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import { ConfigProvider } from "antd";

package/es2017/table/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 declare const Table: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     SELECTION_COLUMN: {};
     EXPAND_COLUMN: {};
     SELECTION_ALL: "SELECT_ALL";

package/es2017/table/index.js

@@ -1,5 +1,5 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import { useState, useEffect, useRef } from "react";
@@ -10,14 +10,19 @@ const widthPercentage = /^\d+%$/;
 const widthPx = /^\d+px$/;
 /* 获取元素的宽度 */ const getElementPadding = (node)=>{
     let computedStyle = {};
-    if (window.getComputedStyle) computedStyle = getComputedStyle(node, null);
-    else computedStyle = node.currentStyle; //兼容IE的写法
+    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;
+        while(node && node.nodeName !== "TD"){
+            node = node.parentElement;
+        }
         let padding = getElementPadding(node);
         return node.clientWidth - padding;
     } catch (error) {
@@ -59,25 +64,34 @@ const Table = (props)=>{
         columns = columns.map((item)=>{
             item.width = item.width || "auto";
             // item.width=parseFloat(item.width)
-            if (widthPercentage.test(item.width)) //检测到宽度为百分比 则转换为具体px  如大于100%  则视为自适应
-            item.width = parseFloat(item.width) >= 100 ? "auto" : tableWidth * parseFloat(item.width) / 100;
-            else if (typeof item.width === "number") //检测为number 则为具体的像素值
-            item.width = item.width;
-            else if (widthPx.test(item.width)) //检测为 "12px" 则为具体的值
-            item.width = parseFloat(item.width);
-            else //其它为auto
-            item.width = "auto";
+            if (widthPercentage.test(item.width)) {
+                //检测到宽度为百分比 则转换为具体px  如大于100%  则视为自适应
+                item.width = parseFloat(item.width) >= 100 ? "auto" : tableWidth * parseFloat(item.width) / 100;
+            } else if (typeof item.width === "number") {
+                //检测为number 则为具体的像素值
+                item.width = item.width;
+            } else if (widthPx.test(item.width)) {
+                //检测为 "12px" 则为具体的值
+                item.width = parseFloat(item.width);
+            } else {
+                //其它为auto
+                item.width = "auto";
+            }
             if (item.width === "auto") {
                 autoNum += 1;
-                if (!item.widthRang) //没有设置自适应区间的 走默认区间
-                item.widthRang = defaultWidthRang;
+                if (!item.widthRang) {
+                    //没有设置自适应区间的 走默认区间
+                    item.widthRang = defaultWidthRang;
+                }
                 minWidth += item.widthRang[0];
                 scrollWidth += item.widthRang[1];
             } else {
                 minWidth += item.width;
                 scrollWidth += item.width;
             }
-            if (!item.onColumnCell) item.onColumnCell = item.onCell || (()=>({}));
+            if (!item.onColumnCell) {
+                item.onColumnCell = item.onCell || (()=>({}));
+            }
             if (!item.render) {
                 item.ellipsis = {
                     showTitle: false
@@ -115,21 +129,34 @@ const Table = (props)=>{
             });
             columns = columns.map((item, index)=>{
                 //存在适应自适应列侯 多余宽度 则平均分配每一列(除最后一列)
-                if (avgWidth > 0 && index !== columns.length - 1) item.width += avgWidth / columns.length - 1;
+                if (avgWidth > 0 && index !== columns.length - 1) {
+                    item.width += avgWidth / columns.length - 1;
+                }
                 return item;
             });
-        } 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 (item.width === "auto") item.width = item.widthRang[1];
-            return item;
-        });
-        else // 相等 自适应列取最小宽度
-        columns = columns.map((item)=>{
-            if (item.width === "auto") item.width = item.widthRang[0];
-            return item;
-        });
+        } 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 (item.width === "auto") {
+                    item.width = item.widthRang[1];
+                }
+                return item;
+            });
+        } else {
+            // 相等 自适应列取最小宽度
+            columns = columns.map((item)=>{
+                if (item.width === "auto") {
+                    item.width = item.widthRang[0];
+                }
+                return item;
+            });
+        }
         columns.map((item)=>{
             item.onCell = (record, rowIndex)=>{
                 let obj = typeof item.onColumnCell === "function" ? item.onColumnCell(record, rowIndex) : {};

package/es2017/tableSelect/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BhdTableSelect: (props: any) => JSX.Element;
+import * as React from "react";
+declare const BhdTableSelect: (props: any) => React.JSX.Element;
 export default BhdTableSelect;

package/es2017/tableSelect/index.js

@@ -1,8 +1,8 @@
 /*
  * @Author: xiazhi
  * @Date: 2023-06-06 14:37:48
- */ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+ */ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import { useRef } from "react";

package/es2017/textTootip/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { TooltipProps } from "antd/es/tooltip";
 type TextTootipProps = TooltipProps & {
     children: any;
     width?: number | Function;
     title: string;
 };
-declare const TextTootip: (props: TextTootipProps) => JSX.Element;
+declare const TextTootip: (props: TextTootipProps) => React.JSX.Element;
 export default TextTootip;

package/es2017/textTootip/index.js

@@ -1,5 +1,5 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import { useState } from "react";
@@ -22,10 +22,16 @@ const TextTootip = (props)=>{
     const [open, setOpen] = useState(false);
     const mouseEnter = (e)=>{
         let w = 0;
-        if (typeof width === "function") w = width(e);
-        else w = width;
-        if (!w) setOpen(true);
-        else setOpen(getTextSize(title) < w ? false : true);
+        if (typeof width === "function") {
+            w = width(e);
+        } else {
+            w = width;
+        }
+        if (!w) {
+            setOpen(true);
+        } else {
+            setOpen(getTextSize(title) < w ? false : true);
+        }
     };
     const mouseLeave = ()=>{
         setOpen(false);

package/es2017/titleBar/index.d.ts

@@ -3,9 +3,14 @@ interface TitleBarProps {
     title?: React.ReactElement;
     leftIcon?: React.ReactElement;
     subTitle?: React.ReactElement;
-    rightContent: () => React.ReactElement;
-    wrapClassName?: string;
+    rightContent: (kind?: string) => React.ReactElement;
     rightMaxWidth?: number;
+    wrapClassName?: string;
+    leftIconClassName?: string;
+    leftTitleClassName?: string;
+    leftSubTitleClassName?: string;
+    rightClassName?: string;
+    leftClassName?: string;
 }
-declare const TitleBar: (props: TitleBarProps) => JSX.Element;
+declare const TitleBar: (props: TitleBarProps) => React.JSX.Element;
 export default TitleBar;

package/es2017/titleBar/index.js

@@ -1,40 +1,70 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
-import { useEffect, useRef } from "react";
-// import {render} from "react-dom";
-import { createRoot } from "react-dom";
+import { useState, useEffect, useLayoutEffect, useRef } from "react";
 import styles from "./index.module.less";
 const TitleBar = (props)=>{
-    let { title , leftIcon , subTitle , rightContent , wrapClassName ="" , rightMaxWidth =45  } = props;
-    useRef(null);
+    let { title , leftIcon , subTitle , rightContent , wrapClassName ="" , rightMaxWidth =45 , leftIconClassName ="" , leftTitleClassName ="" , leftSubTitleClassName ="" , rightClassName ="" , leftClassName =""  } = props;
+    const titleBarRef = useRef(null);
+    const rightContentRef = useRef(null);
+    const [kind, setKind] = useState("screen"); //"screen" 全展示   minScreen:小屏展示
+    const [screenWidth, setScreenWidth] = useState(0); //screen下的宽度
     const renderRightContent = ()=>{
-        const dom = rightContent();
-        let div = document.createElement("div");
-        let root = createRoot(div);
-        root.render(dom);
-        console.log("rootroot", root, div.clientWidth);
+        const dom = rightContent(kind);
         return dom;
     };
-    useEffect(()=>{}, []);
+    // const onResize = useCallback(, [screenWidth]);
+    const onResize = ()=>{
+        const { width  } = titleBarRef.current.getBoundingClientRect();
+        const maxWidth = width * rightMaxWidth / 100;
+        console.log("resize", maxWidth, screenWidth);
+        if (screenWidth > maxWidth) {
+            // kind minScreen
+            setKind("minScreen");
+        } else {
+            setKind("screen");
+        }
+    };
+    useLayoutEffect(()=>{
+        const { width  } = titleBarRef.current.getBoundingClientRect();
+        const maxWidth = width * rightMaxWidth / 100;
+        const rightWidth = rightContentRef.current.getBoundingClientRect().width;
+        setScreenWidth(rightWidth);
+        console.log("rightWidthrightWidth", rightWidth, maxWidth);
+        if (rightWidth > maxWidth) {
+            // kind minScreen
+            setKind("minScreen");
+        } else {
+            setKind("screen");
+        }
+    }, []);
+    useEffect(()=>{
+        window.addEventListener("resize", onResize);
+        return ()=>{
+            window.removeEventListener("resize", onResize);
+        };
+    }, [
+        screenWidth
+    ]);
     return /*#__PURE__*/ _jsxs("div", {
         className: `${styles.titleBar} ${wrapClassName}`,
+        ref: titleBarRef,
         children: [
             /*#__PURE__*/ _jsxs("div", {
-                className: styles.left,
+                className: `${styles.left} ${leftClassName}`,
                 children: [
                     leftIcon && /*#__PURE__*/ _jsx("div", {
-                        className: styles.leftIcon,
+                        className: `${styles.leftIcon} ${leftIconClassName}`,
                         children: leftIcon
                     }),
                     /*#__PURE__*/ _jsxs("div", {
                         className: styles.leftContent,
                         children: [
                             /*#__PURE__*/ _jsx("div", {
-                                className: styles.leftTitle,
+                                className: `${styles.leftTitle} ${leftTitleClassName}`,
                                 children: title
                             }),
                             subTitle && /*#__PURE__*/ _jsx("div", {
-                                className: styles.leftSubTitle,
+                                className: `${styles.leftSubTitle} ${leftSubTitleClassName}`,
                                 children: subTitle
                             })
                         ]
@@ -42,7 +72,8 @@ const TitleBar = (props)=>{
                 ]
             }),
             rightContent && /*#__PURE__*/ _jsx("div", {
-                className: styles.right,
+                className: `${styles.right} ${rightClassName}`,
+                ref: rightContentRef,
                 children: renderRightContent()
             })
         ]

package/es2017/titleBar/index.module.less

@@ -15,6 +15,9 @@
     .leftContent {
       width: 100%;
       overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
       .leftTitle {
         font-weight: 500;
         font-size: 20px;

package/es2017/utils/object.js

@@ -11,16 +11,28 @@ const cloneDeep = (obj)=>{
         return new Function("return " + func)();
     }
     // 处理正则
-    if (obj instanceof RegExp) return new RegExp(obj);
+    if (obj instanceof RegExp) {
+        return new RegExp(obj);
+    }
     // 处理Set对象
-    if (obj instanceof Set) return new Set(obj);
+    if (obj instanceof Set) {
+        return new Set(obj);
+    }
     // 处理Map对象
-    if (obj instanceof Map) return new Map(obj);
+    if (obj instanceof Map) {
+        return new Map(obj);
+    }
     // 处理日期
-    if (obj instanceof Date) return new Date(obj);
+    if (obj instanceof Date) {
+        return new Date(obj);
+    }
     // 用被克隆对象的构造函数创建一个实例，这样克隆出来的对象也是那个构造函数的实例，保持相同的所属类
     let newObj = new obj.constructor();
-    for(let key in obj)if (obj.hasOwnProperty(key)) newObj[key] = cloneDeep(obj[key]);
+    for(let key in obj){
+        if (obj.hasOwnProperty(key)) {
+            newObj[key] = cloneDeep(obj[key]);
+        }
+    }
     return newObj;
 };
 export { cloneDeep };

package/es2017/viewImage/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const AppViewImage: (props: any) => JSX.Element;
+import * as React from "react";
+declare const AppViewImage: (props: any) => React.JSX.Element;
 export default AppViewImage;

package/es2017/viewImage/index.js

@@ -1,5 +1,5 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import { useState, useEffect, useImperativeHandle, useRef } from "react";
@@ -19,6 +19,15 @@ const ViewImage = (props)=>{
     const [imgError, setImgError] = useState(false); //图片是否加载出错
     const event_contextmenu = ()=>false;
     const getSrc = ()=>{};
+    const scaleChange = (value)=>{
+        if (value >= maxScale) {
+            value = maxScale;
+        }
+        if (value <= minScale) {
+            value = minScale;
+        }
+        setScaleValue(value);
+    };
     const rotate = ()=>{};
     const downloadUrl = ()=>{};
     const close = ()=>{};
@@ -37,8 +46,11 @@ const ViewImage = (props)=>{
     //   }
     };
     useEffect(()=>{
-        if (multiSelect) getSrc(0);
-        else getSrc();
+        if (multiSelect) {
+            getSrc(0);
+        } else {
+            getSrc();
+        }
         document.addEventListener("contextmenu", event_contextmenu);
         return ()=>{
             document.removeEventListener("contextmenu", event_contextmenu);