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.
@@ -4833,48 +4833,48 @@
4833
4833
  "description": "图标,六级填充色"
4834
4834
  }
4835
4835
  */
4836
- .index_module_BhdSelect__0982ff78 .bhd-select-open .bhd-select-arrow {
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
- .index_module_BhdSelect__0982ff78 .bhd-select-arrow {
4840
+ .index_module_BhdSelect__d1717d73 .bhd-select-arrow {
4841
4841
  transition: transform 0.3s;
4842
4842
  }
4843
- .index_module_bhdSelect_option__0982ff78 {
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
- .index_module_bhdSelect_option__0982ff78 .bhd-select-item {
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
- .index_module_bhdSelect_option__0982ff78 .bhd-select-item:hover {
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
- .index_module_bhdSelect_option__0982ff78 .bhd-select-item-option-active {
4858
+ .index_module_bhdSelect_option__d1717d73 .bhd-select-item-option-active {
4859
4859
  background-color: transparent !important;
4860
4860
  }
4861
- .index_module_bhdSelect_option__0982ff78 .bhd-select-item-option-selected {
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
- .index_module_bhdSelect_option__0982ff78 .bhd-select-item-option-selected:hover {
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
- .index_module_bhdSelect_option__0982ff78 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
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
- .index_module_bhdSelect_option__0982ff78 .ant-select-item-option-selected:not(.ant-select-item-option-disabled):hover {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_selectTitle__0982ff78 {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 {
4886
+ .index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 {
4887
4887
  padding: 4px 12px;
4888
4888
  }
4889
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search {
4889
+ .index_module_bhdSelect_option__d1717d73 .index_module_bhdSelectDrop__d1717d73 .index_module_bhdSelectSearch__d1717d73 .bhd-input-search {
4890
4890
  position: relative;
4891
4891
  }
4892
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-affix-wrapper {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input:hover {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-btn-icon svg:hover {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-group-addon {
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
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-group-addon .bhd-btn {
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: 16px;
4922
+ height: 10px;
4923
4923
  line-height: 16px;
4924
4924
  width: 14px;
4925
4925
  }
4926
- .index_module_bhdSelect_option__0982ff78 .index_module_bhdSelectDrop__0982ff78 .index_module_bhdSelectSearch__0982ff78 .bhd-input-search .bhd-input-group-addon .bhd-btn-default {
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 './a0cd97b9.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 './a0cd97b9.esm.es5.development.js';
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":"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"};
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
- var _useState4 = _sliced_to_array(useState(0), 2), selectWidth = _useState4[0], setSelectWidth = _useState4[1]; //下拉框的宽度
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 (props.popupMatchSelectWidth) {
1982
- setSelectWidth(props.popupMatchSelectWidth);
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 (props.dropdownStyle != undefined && props.dropdownStyle.width != undefined) {
2049
- setSelectWidth(props.dropdownStyle.width);
2050
- } else if ((props.dropdownStyle == undefined || props.dropdownStyle.width == undefined) && useType === "table") {
2051
- try {
2052
- setSelectWidth(bhdSelectRef.current.parentNode.getBoundingClientRect().width + 14);
2053
- } catch (error) {}
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