bhd-components 0.6.4 → 0.6.5

package/dist/{9674e68c.esm.es5.development.js → d4259367.esm.es5.development.js}

@@ -120110,7 +120110,7 @@ function requireD () {
 	      + 'pragma private protected public pure ref return scope shared static struct '
 	      + 'super switch synchronized template this throw try typedef typeid typeof union '
 	      + 'unittest version void volatile while with __FILE__ __LINE__ __gshared|10 '
-	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ "0.6.4"',
+	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ "0.6.5"',
 	    built_in:
 	      'bool cdouble cent cfloat char creal dchar delegate double dstring float function '
 	      + 'idouble ifloat ireal long real short string ubyte ucent uint ulong ushort wchar '

package/dist/index.esm.es5.development.css

@@ -4833,48 +4833,48 @@
       "description": "图标，六级填充色"
     }
 */
-.index_module_BhdSelect__d1717d73 .bhd-select-open .bhd-select-arrow {
+.index_module_BhdSelect__0982ff78 .bhd-select-open .bhd-select-arrow {
   transition: transform 0.3s;
   transform: rotate(180deg);
 }
-.index_module_BhdSelect__d1717d73 .bhd-select-arrow {
+.index_module_BhdSelect__0982ff78 .bhd-select-arrow {
   transition: transform 0.3s;
 }
-.index_module_bhdSelect_option__d1717d73 {
+.index_module_bhdSelect_option__0982ff78 {
   background-color: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   padding: 4px 0 !important;
 }
-.index_module_bhdSelect_option__d1717d73 .bhd-select-item {
+.index_module_bhdSelect_option__0982ff78 .bhd-select-item {
   padding: 5.5px 12px;
   color: rgba(0, 0, 0, 0.65) !important;
   border-radius: 0 !important;
   font-weight: 400 !important;
 }
-.index_module_bhdSelect_option__d1717d73 .bhd-select-item:hover {
+.index_module_bhdSelect_option__0982ff78 .bhd-select-item:hover {
   background-color: rgba(0, 0, 0, 0.04) !important;
   color: rgba(0, 0, 0, 0.85) !important;
 }
-.index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-active {
+.index_module_bhdSelect_option__0982ff78 .bhd-select-item-option-active {
   background-color: transparent !important;
 }
-.index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-selected {
+.index_module_bhdSelect_option__0982ff78 .bhd-select-item-option-selected {
   background-color: #fff4f0 !important;
   color: #f4523b !important;
 }
-.index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-selected:hover {
+.index_module_bhdSelect_option__0982ff78 .bhd-select-item-option-selected:hover {
   background-color: #ffe8e0 !important;
   color: #f4523b !important;
 }
-.index_module_bhdSelect_option__d1717d73 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+.index_module_bhdSelect_option__0982ff78 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
   background-color: #fff4f0 !important;
   color: #f4523b !important;
 }
-.index_module_bhdSelect_option__d1717d73 .ant-select-item-option-selected:not(.ant-select-item-option-disabled):hover {
+.index_module_bhdSelect_option__0982ff78 .ant-select-item-option-selected:not(.ant-select-item-option-disabled):hover {
   background-color: #ffe8e0 !important;
   color: #f4523b !important;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_selectTitle__d1717d73 {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_selectTitle__0982ff78 {
   padding: 8px 12px;
   color: rgba(0, 0, 0, 0.85);
   font-family: PingFang SC;
@@ -4883,32 +4883,32 @@
   font-weight: 600;
   line-height: 150%;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 {
   padding: 4px 12px;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search {
   position: relative;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input-affix-wrapper {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-affix-wrapper {
   padding: 2.5px 12px;
   padding-left: 24px;
   border: 1px solid #f4523b;
   border-radius: 4px;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input {
   border-radius: 4px;
   padding: 2.5px;
   padding-left: 30px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input:hover {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input:hover {
   border-color: #f4523b;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-btn-icon svg:hover {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-btn-icon svg:hover {
   color: rgba(0, 0, 0, 0.65);
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input-group-addon {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-group-addon {
   position: absolute;
   top: 6px;
   left: 10px;
@@ -4917,13 +4917,16 @@
   line-height: 16px;
   width: 14px;
 }
-.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input-group-addon .bhd-btn {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-group-addon .bhd-btn {
   border: none;
-  height: 10px;
+  height: 16px;
   line-height: 16px;
   width: 14px;
 }
-.index_module_search__d1717d73 * {
+.index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-group-addon .bhd-btn-default {
+  box-shadow: none !important;
+}
+.index_module_search__0982ff78 * {
   transition: none!important;
 }
 

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

@@ -1,5 +1,5 @@
-import { z as zhCN, C as ConfigProvider, _ as _extends, a as _object_destructuring_empty, j as jsx, b as _object_spread_props, S as StyleProvider, t as transform, c as _object_spread, d as _sliced_to_array, T as Tooltip, e as Table$2, I as Icon, f as jsxs, m as message, E as ExclamationCircleFilled, P as Pagination, g as Select, h as CaretDownOutlined, M as Modal, i as _inherits, k as _create_super, l as _create_class, n as _class_call_check, o as _define_property, p as _assert_this_initialized, q as _async_to_generator, L as LeftOutlined, R as RightOutlined, r as MinusOutlined, s as PlusOutlined, u as __generator, v as Input, w as SearchOutlined, x as CloseOutlined, y as Remarkable, D as Drawer, H as HighlightJS } from './9674e68c.esm.es5.development.js';
-export { A as Affix, B as Alert, F as Anchor, aA as App, G as AutoComplete, J as Avatar, N as BackTop, O as Badge, Q as Breadcrumb, U as Button, V as Calendar, W as Card, X as Carousel, Y as Cascader, Z as Checkbox, $ as Col, a0 as Collapse, a1 as DatePicker, a2 as Descriptions, a3 as Divider, D as Drawer, a4 as Dropdown, a5 as Empty, K as FloatButton, a6 as Form, a7 as Grid, a8 as Image, v as Input, a9 as InputNumber, aa as Layout, ab as List, ac as Mentions, ad as Menu, M as Modal, af as Popconfirm, ag as Popover, ah as Progress, aH as QRCode, ai as Radio, aj as Rate, ak as Result, al as Row, am as Segmented, g as Select, an as Skeleton, ao as Slider, ap as Space, aq as Spin, ar as Statistic, as as Steps, at as Switch, au as Tabs, av as Tag, ax as TimePicker, ay as Timeline, T as Tooltip, az as Tour, aB as Transfer, aC as Tree, aD as TreeSelect, aE as Typography, aF as Upload, aG as Watermark, aJ as en_US, ae as notification, aw as theme, aI as version, z as zh_CN } from './9674e68c.esm.es5.development.js';
+import { z as zhCN, C as ConfigProvider, _ as _extends, a as _object_destructuring_empty, j as jsx, b as _object_spread_props, S as StyleProvider, t as transform, c as _object_spread, d as _sliced_to_array, T as Tooltip, e as Table$2, I as Icon, f as jsxs, m as message, E as ExclamationCircleFilled, P as Pagination, g as Select, h as CaretDownOutlined, M as Modal, i as _inherits, k as _create_super, l as _create_class, n as _class_call_check, o as _define_property, p as _assert_this_initialized, q as _async_to_generator, L as LeftOutlined, R as RightOutlined, r as MinusOutlined, s as PlusOutlined, u as __generator, v as Input, w as SearchOutlined, x as CloseOutlined, y as Remarkable, D as Drawer, H as HighlightJS } from './d4259367.esm.es5.development.js';
+export { A as Affix, B as Alert, F as Anchor, aA as App, G as AutoComplete, J as Avatar, N as BackTop, O as Badge, Q as Breadcrumb, U as Button, V as Calendar, W as Card, X as Carousel, Y as Cascader, Z as Checkbox, $ as Col, a0 as Collapse, a1 as DatePicker, a2 as Descriptions, a3 as Divider, D as Drawer, a4 as Dropdown, a5 as Empty, K as FloatButton, a6 as Form, a7 as Grid, a8 as Image, v as Input, a9 as InputNumber, aa as Layout, ab as List, ac as Mentions, ad as Menu, M as Modal, af as Popconfirm, ag as Popover, ah as Progress, aH as QRCode, ai as Radio, aj as Rate, ak as Result, al as Row, am as Segmented, g as Select, an as Skeleton, ao as Slider, ap as Space, aq as Spin, ar as Statistic, as as Steps, at as Switch, au as Tabs, av as Tag, ax as TimePicker, ay as Timeline, T as Tooltip, az as Tour, aB as Transfer, aC as Tree, aD as TreeSelect, aE as Typography, aF as Upload, aG as Watermark, aJ as en_US, ae as notification, aw as theme, aI as version, z as zh_CN } from './d4259367.esm.es5.development.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -1789,7 +1789,7 @@ var AppViewImage = /*#__PURE__*/ forwardRef(function(props, ref) {
 });
 var AppViewImage$1 = AppViewImage;
 
-var modules_63b47c51$2 = {"BhdSelect":"index_module_BhdSelect__d1717d73","bhdSelect_option":"index_module_bhdSelect_option__d1717d73","bhdSelectDrop":"index_module_bhdSelectDrop__d1717d73","selectTitle":"index_module_selectTitle__d1717d73","bhdSelectSearch":"index_module_bhdSelectSearch__d1717d73","search":"index_module_search__d1717d73"};
+var modules_63b47c51$2 = {"BhdSelect":"index_module_BhdSelect__0982ff78","bhdSelect_option":"index_module_bhdSelect_option__0982ff78","bhdSelectDrop":"index_module_bhdSelectDrop__0982ff78","selectTitle":"index_module_selectTitle__0982ff78","bhdSelectSearch":"index_module_bhdSelectSearch__0982ff78","search":"index_module_search__0982ff78"};
 
 var Search = Input.Search;
 var RenderDrop = function(param) {
@@ -1812,7 +1812,7 @@ var BhdSelect = function(props) {
     var _useState1 = _sliced_to_array(useState(0), 2), optionHei = _useState1[0], setOptionHei = _useState1[1]; //option的宽度
     var _useState2 = _sliced_to_array(useState(""), 2), filterValue = _useState2[0], setFilterValue = _useState2[1]; //下拉搜索的内容
     var _useState3 = _sliced_to_array(useState([]), 2), filterChildren = _useState3[0], setfilterChildren = _useState3[1];
-    // const [selectWidth,setSelectWidth] = useState(0);//下拉框的宽度
+    var _useState4 = _sliced_to_array(useState(0), 2), selectWidth = _useState4[0], setSelectWidth = _useState4[1]; //下拉框的宽度
     var renderSuffixIcon = function() {
         switch(arrowType){
             case "table":
@@ -1978,11 +1978,9 @@ var BhdSelect = function(props) {
     };
     useEffect(function() {
         // console.log(34343434,props);
-        // if(props.popupMatchSelectWidth){
-        //   setSelectWidth(props.popupMatchSelectWidth);
-        // }else{
-        //   // console.log(bhdSelectRef.current.getBoundingClientRect(),555555555);
-        // }
+        if (props.popupMatchSelectWidth) {
+            setSelectWidth(props.popupMatchSelectWidth);
+        }
         filterOption();
         window.addEventListener("resize", initHeight);
         return function() {
@@ -1998,7 +1996,11 @@ var BhdSelect = function(props) {
         var config = _object_spread_props(_object_spread({}, props), {
             listHeight: optionHei,
             popupClassName: "".concat(modules_63b47c51$2.bhdSelect_option, " ").concat(popupClassName || "", " "),
-            suffixIcon: suffixIcon ? suffixIcon : renderSuffixIcon()
+            suffixIcon: suffixIcon ? suffixIcon : renderSuffixIcon(),
+            popupMatchSelectWidth: selectWidth,
+            dropdownStyle: _object_spread_props(_object_spread({}, props.dropdownStyle), {
+                width: selectWidth
+            })
         });
         delete config.mask;
         delete config.className;
@@ -2042,13 +2044,25 @@ var BhdSelect = function(props) {
                     }
                 }
                 //表格中使用下拉列表，定义下拉列表宽度
-                // console.log(props.dropdownStyle,'sdsddfdfdf');
-                // if(props.dropdownStyle != undefined && props.dropdownStyle.width != undefined){
-                //   setSelectWidth(props.dropdownStyle.width)
-                // }else if( (props.dropdownStyle == undefined || props.dropdownStyle.width == undefined) && useType === 'table'){
-                //   console.log(bhdSelectRef.current.parentNode.getBoundingClientRect().width-4,33333);
-                //   setSelectWidth(bhdSelectRef.current.parentNode.getBoundingClientRect().width-4)
-                // }
+                //表格中使用下拉列表，定义下拉列表宽度
+                if (props.dropdownStyle != undefined && props.dropdownStyle.width != undefined) {
+                    setSelectWidth(props.dropdownStyle.width);
+                } else if (useType === "table") {
+                    try {
+                        var width = bhdSelectRef.current.parentNode.getBoundingClientRect().width + 14;
+                        var minWidth = props.popupMatchSelectWidth;
+                        //设置了最小宽度
+                        if (minWidth != undefined && minWidth >= width) {
+                            setSelectWidth(minWidth);
+                        } else if (minWidth != undefined && minWidth < width) {
+                            setSelectWidth(width);
+                        } else if (minWidth == undefined && width < 60) {
+                            setSelectWidth(60);
+                        } else {
+                            setSelectWidth(width);
+                        }
+                    } catch (error) {}
+                }
                 props.onMouseEnter && props.onMouseEnter(e);
             },
             children: filterChildren