bhd-components 0.6.3 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{a0cd97b9.esm.es5.development.js → 9674e68c.esm.es5.development.js} +1 -1
- package/dist/{e88a10a0.esm.es5.production.js → a57a24b2.esm.es5.production.js} +1 -1
- package/dist/index.esm.es5.development.css +21 -24
- package/dist/index.esm.es5.development.js +16 -19
- package/dist/index.esm.es5.production.css +1 -1
- package/dist/index.esm.es5.production.js +1 -1
- package/es2017/bhdSelect/index.d.ts +0 -3
- package/es2017/bhdSelect/index.js +13 -18
- package/es2017/bhdSelect/index.module.less +5 -4
- package/esm/bhdSelect/index.d.ts +0 -3
- package/esm/bhdSelect/index.js +13 -18
- package/esm/bhdSelect/index.module.less +5 -4
- package/package.json +1 -1
|
@@ -4833,48 +4833,48 @@
|
|
|
4833
4833
|
"description": "图标,六级填充色"
|
|
4834
4834
|
}
|
|
4835
4835
|
*/
|
|
4836
|
-
.
|
|
4836
|
+
.index_module_BhdSelect__d1717d73 .bhd-select-open .bhd-select-arrow {
|
|
4837
4837
|
transition: transform 0.3s;
|
|
4838
4838
|
transform: rotate(180deg);
|
|
4839
4839
|
}
|
|
4840
|
-
.
|
|
4840
|
+
.index_module_BhdSelect__d1717d73 .bhd-select-arrow {
|
|
4841
4841
|
transition: transform 0.3s;
|
|
4842
4842
|
}
|
|
4843
|
-
.
|
|
4843
|
+
.index_module_bhdSelect_option__d1717d73 {
|
|
4844
4844
|
background-color: #ffffff;
|
|
4845
4845
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
4846
4846
|
padding: 4px 0 !important;
|
|
4847
4847
|
}
|
|
4848
|
-
.
|
|
4848
|
+
.index_module_bhdSelect_option__d1717d73 .bhd-select-item {
|
|
4849
4849
|
padding: 5.5px 12px;
|
|
4850
4850
|
color: rgba(0, 0, 0, 0.65) !important;
|
|
4851
4851
|
border-radius: 0 !important;
|
|
4852
4852
|
font-weight: 400 !important;
|
|
4853
4853
|
}
|
|
4854
|
-
.
|
|
4854
|
+
.index_module_bhdSelect_option__d1717d73 .bhd-select-item:hover {
|
|
4855
4855
|
background-color: rgba(0, 0, 0, 0.04) !important;
|
|
4856
4856
|
color: rgba(0, 0, 0, 0.85) !important;
|
|
4857
4857
|
}
|
|
4858
|
-
.
|
|
4858
|
+
.index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-active {
|
|
4859
4859
|
background-color: transparent !important;
|
|
4860
4860
|
}
|
|
4861
|
-
.
|
|
4861
|
+
.index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-selected {
|
|
4862
4862
|
background-color: #fff4f0 !important;
|
|
4863
4863
|
color: #f4523b !important;
|
|
4864
4864
|
}
|
|
4865
|
-
.
|
|
4865
|
+
.index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-selected:hover {
|
|
4866
4866
|
background-color: #ffe8e0 !important;
|
|
4867
4867
|
color: #f4523b !important;
|
|
4868
4868
|
}
|
|
4869
|
-
.
|
|
4869
|
+
.index_module_bhdSelect_option__d1717d73 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
|
4870
4870
|
background-color: #fff4f0 !important;
|
|
4871
4871
|
color: #f4523b !important;
|
|
4872
4872
|
}
|
|
4873
|
-
.
|
|
4873
|
+
.index_module_bhdSelect_option__d1717d73 .ant-select-item-option-selected:not(.ant-select-item-option-disabled):hover {
|
|
4874
4874
|
background-color: #ffe8e0 !important;
|
|
4875
4875
|
color: #f4523b !important;
|
|
4876
4876
|
}
|
|
4877
|
-
.
|
|
4877
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_selectTitle__d1717d73 {
|
|
4878
4878
|
padding: 8px 12px;
|
|
4879
4879
|
color: rgba(0, 0, 0, 0.85);
|
|
4880
4880
|
font-family: PingFang SC;
|
|
@@ -4883,32 +4883,32 @@
|
|
|
4883
4883
|
font-weight: 600;
|
|
4884
4884
|
line-height: 150%;
|
|
4885
4885
|
}
|
|
4886
|
-
.
|
|
4886
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 {
|
|
4887
4887
|
padding: 4px 12px;
|
|
4888
4888
|
}
|
|
4889
|
-
.
|
|
4889
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search {
|
|
4890
4890
|
position: relative;
|
|
4891
4891
|
}
|
|
4892
|
-
.
|
|
4892
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input-affix-wrapper {
|
|
4893
4893
|
padding: 2.5px 12px;
|
|
4894
4894
|
padding-left: 24px;
|
|
4895
4895
|
border: 1px solid #f4523b;
|
|
4896
4896
|
border-radius: 4px;
|
|
4897
4897
|
}
|
|
4898
|
-
.
|
|
4898
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input {
|
|
4899
4899
|
border-radius: 4px;
|
|
4900
4900
|
padding: 2.5px;
|
|
4901
4901
|
padding-left: 30px;
|
|
4902
4902
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
4903
4903
|
box-shadow: none;
|
|
4904
4904
|
}
|
|
4905
|
-
.
|
|
4905
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input:hover {
|
|
4906
4906
|
border-color: #f4523b;
|
|
4907
4907
|
}
|
|
4908
|
-
.
|
|
4908
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-btn-icon svg:hover {
|
|
4909
4909
|
color: rgba(0, 0, 0, 0.65);
|
|
4910
4910
|
}
|
|
4911
|
-
.
|
|
4911
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input-group-addon {
|
|
4912
4912
|
position: absolute;
|
|
4913
4913
|
top: 6px;
|
|
4914
4914
|
left: 10px;
|
|
@@ -4917,16 +4917,13 @@
|
|
|
4917
4917
|
line-height: 16px;
|
|
4918
4918
|
width: 14px;
|
|
4919
4919
|
}
|
|
4920
|
-
.
|
|
4920
|
+
.index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search .bhd-input-group-addon .bhd-btn {
|
|
4921
4921
|
border: none;
|
|
4922
|
-
height:
|
|
4922
|
+
height: 10px;
|
|
4923
4923
|
line-height: 16px;
|
|
4924
4924
|
width: 14px;
|
|
4925
4925
|
}
|
|
4926
|
-
.
|
|
4927
|
-
box-shadow: none !important;
|
|
4928
|
-
}
|
|
4929
|
-
.index_module_search__0982ff78 * {
|
|
4926
|
+
.index_module_search__d1717d73 * {
|
|
4930
4927
|
transition: none!important;
|
|
4931
4928
|
}
|
|
4932
4929
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
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 './
|
|
2
|
-
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 './
|
|
1
|
+
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';
|
|
2
|
+
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';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
|
|
5
5
|
import { Fragment } from 'react/jsx-runtime';
|
|
@@ -1789,7 +1789,7 @@ var AppViewImage = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
1789
1789
|
});
|
|
1790
1790
|
var AppViewImage$1 = AppViewImage;
|
|
1791
1791
|
|
|
1792
|
-
var modules_63b47c51$2 = {"BhdSelect":"
|
|
1792
|
+
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"};
|
|
1793
1793
|
|
|
1794
1794
|
var Search = Input.Search;
|
|
1795
1795
|
var RenderDrop = function(param) {
|
|
@@ -1812,7 +1812,7 @@ var BhdSelect = function(props) {
|
|
|
1812
1812
|
var _useState1 = _sliced_to_array(useState(0), 2), optionHei = _useState1[0], setOptionHei = _useState1[1]; //option的宽度
|
|
1813
1813
|
var _useState2 = _sliced_to_array(useState(""), 2), filterValue = _useState2[0], setFilterValue = _useState2[1]; //下拉搜索的内容
|
|
1814
1814
|
var _useState3 = _sliced_to_array(useState([]), 2), filterChildren = _useState3[0], setfilterChildren = _useState3[1];
|
|
1815
|
-
|
|
1815
|
+
// const [selectWidth,setSelectWidth] = useState(0);//下拉框的宽度
|
|
1816
1816
|
var renderSuffixIcon = function() {
|
|
1817
1817
|
switch(arrowType){
|
|
1818
1818
|
case "table":
|
|
@@ -1978,9 +1978,11 @@ var BhdSelect = function(props) {
|
|
|
1978
1978
|
};
|
|
1979
1979
|
useEffect(function() {
|
|
1980
1980
|
// console.log(34343434,props);
|
|
1981
|
-
if
|
|
1982
|
-
|
|
1983
|
-
}
|
|
1981
|
+
// if(props.popupMatchSelectWidth){
|
|
1982
|
+
// setSelectWidth(props.popupMatchSelectWidth);
|
|
1983
|
+
// }else{
|
|
1984
|
+
// // console.log(bhdSelectRef.current.getBoundingClientRect(),555555555);
|
|
1985
|
+
// }
|
|
1984
1986
|
filterOption();
|
|
1985
1987
|
window.addEventListener("resize", initHeight);
|
|
1986
1988
|
return function() {
|
|
@@ -1996,11 +1998,7 @@ var BhdSelect = function(props) {
|
|
|
1996
1998
|
var config = _object_spread_props(_object_spread({}, props), {
|
|
1997
1999
|
listHeight: optionHei,
|
|
1998
2000
|
popupClassName: "".concat(modules_63b47c51$2.bhdSelect_option, " ").concat(popupClassName || "", " "),
|
|
1999
|
-
suffixIcon: suffixIcon ? suffixIcon : renderSuffixIcon()
|
|
2000
|
-
popupMatchSelectWidth: selectWidth,
|
|
2001
|
-
dropdownStyle: _object_spread_props(_object_spread({}, props.dropdownStyle), {
|
|
2002
|
-
width: selectWidth
|
|
2003
|
-
})
|
|
2001
|
+
suffixIcon: suffixIcon ? suffixIcon : renderSuffixIcon()
|
|
2004
2002
|
});
|
|
2005
2003
|
delete config.mask;
|
|
2006
2004
|
delete config.className;
|
|
@@ -2045,13 +2043,12 @@ var BhdSelect = function(props) {
|
|
|
2045
2043
|
}
|
|
2046
2044
|
//表格中使用下拉列表,定义下拉列表宽度
|
|
2047
2045
|
// console.log(props.dropdownStyle,'sdsddfdfdf');
|
|
2048
|
-
if
|
|
2049
|
-
|
|
2050
|
-
}
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
}
|
|
2046
|
+
// if(props.dropdownStyle != undefined && props.dropdownStyle.width != undefined){
|
|
2047
|
+
// setSelectWidth(props.dropdownStyle.width)
|
|
2048
|
+
// }else if( (props.dropdownStyle == undefined || props.dropdownStyle.width == undefined) && useType === 'table'){
|
|
2049
|
+
// console.log(bhdSelectRef.current.parentNode.getBoundingClientRect().width-4,33333);
|
|
2050
|
+
// setSelectWidth(bhdSelectRef.current.parentNode.getBoundingClientRect().width-4)
|
|
2051
|
+
// }
|
|
2055
2052
|
props.onMouseEnter && props.onMouseEnter(e);
|
|
2056
2053
|
},
|
|
2057
2054
|
children: filterChildren
|