@aloudata/aloudata-design 2.14.1 → 2.14.3

package/dist/AldSelect/BaseSelect.js

@@ -67,7 +67,9 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$popupMatchSele = props.popupMatchSelectWidth,
     popupMatchSelectWidth = _props$popupMatchSele === void 0 ? true : _props$popupMatchSele,
     placement = props.placement,
-    popupClassName = props.popupClassName;
+    popupClassName = props.popupClassName,
+    style = props.style,
+    listHeight = props.listHeight;
   var setClassNames = prefixCls('select');
   var selectRef = useRef(null);
   var widthStyle = getWidthStyle(width);
@@ -124,6 +126,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!nextOpen) {
       setShowResponsiveSelectedSection(false);
       setInnerSearchValue === null || setInnerSearchValue === void 0 ? void 0 : setInnerSearchValue('');
+      setFocus(false);
     }
     if (mergedOpen !== nextOpen && !disabled) {
       setInnerOpen(nextOpen);
@@ -163,6 +166,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         displayMenu === null || displayMenu === void 0 ? void 0 : (_displayMenu$onClick = displayMenu.onClick) === null || _displayMenu$onClick === void 0 ? void 0 : _displayMenu$onClick.call(displayMenu, info);
         if (displayMenu && !isMultipleMode) {
           onToggleOpen(false);
+          setFocus(false);
         }
         setIsHover(false);
         onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(info.key);
@@ -171,7 +175,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [displayMenu, isMultipleMode, onToggleOpen, onOptionSelect]);
   return /*#__PURE__*/React.createElement("div", {
     className: mergedClassName,
-    style: widthStyle,
+    style: _objectSpread(_objectSpread({}, widthStyle), style),
     ref: selectRef,
     id: id,
     onClick: onClick,
@@ -192,6 +196,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     overlayClassName: popupClassName,
     dropdownRender: dropdownRender,
     overlayStyle: overlayStyle || dropdownStyle,
+    listHeight: listHeight,
     placement: placement,
     onOpenChange: function onOpenChange(open) {
       if (isResponsiveMode) {

package/dist/AldSelect/SelectTrigger.d.ts

@@ -18,6 +18,7 @@ export interface SelectTriggerProps extends DropdownProps {
     searchValue?: string;
     setInnerSearchValue?: (value: string) => void;
     filterOption?: (inputValue: string, option: SelectOptionType) => boolean;
+    listHeight?: number;
 }
 declare const RefSelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<RefTriggerProps>>;
 export default RefSelectTrigger;

package/dist/AldSelect/SelectTrigger.js

@@ -1,13 +1,13 @@
-var _excluded = ["overlayStyle", "disabled", "open", "children", "dropdownRender", "getPopupContainer", "onOpenChange", "showSearch", "searchValue", "setInnerSearchValue", "menu", "overlayClassName", "popupMatchSelectWidth", "notFoundContent"];
+var _excluded = ["overlayStyle", "disabled", "open", "children", "dropdownRender", "getPopupContainer", "onOpenChange", "showSearch", "searchValue", "setInnerSearchValue", "menu", "overlayClassName", "placement", "popupMatchSelectWidth", "listHeight", "notFoundContent"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback } from 'react';
 import Dropdown from "../Dropdown";
 import classnames from 'classnames';
-import { Empty } from '..';
 import SearchBox from "./components/SearchBox";
 import PopupContent from "./components/PopupContent";
+import Empty from "../Empty";
 var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var overlayStyle = props.overlayStyle,
     disabled = props.disabled,
@@ -21,7 +21,10 @@ var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setInnerSearchValue = props.setInnerSearchValue,
     menuProps = props.menu,
     overlayClassName = props.overlayClassName,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
     popupMatchSelectWidth = props.popupMatchSelectWidth,
+    listHeight = props.listHeight,
     _props$notFoundConten = props.notFoundContent,
     notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
       size: "small"
@@ -40,7 +43,11 @@ var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customDropdownRender = useCallback(function (menu) {
     return /*#__PURE__*/React.createElement("div", {
       className: "beta-ald-select-popup",
-      ref: popupRef
+      ref: popupRef,
+      style: {
+        height: listHeight,
+        overflow: 'auto'
+      }
     }, /*#__PURE__*/React.createElement(SearchBox, {
       showSearch: showSearch,
       value: searchValue,
@@ -53,11 +60,12 @@ var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       dropdownRender: dropdownRender,
       menuProps: menuProps
     }));
-  }, [dropdownRender, menuProps, notFoundContent, searchValue, setInnerSearchValue, showSearch]);
+  }, [dropdownRender, listHeight, menuProps, notFoundContent, searchValue, setInnerSearchValue, showSearch]);
   return /*#__PURE__*/React.createElement(Dropdown, _extends({}, restProps, {
     disabled: disabled,
     open: open,
     menu: menuProps,
+    placement: placement,
     popupMatchTriggerWidth: popupMatchSelectWidth,
     overlayStyle: overlayStyle,
     overlayClassName: classnames('beta-ald-select-popup-container', overlayClassName),

package/dist/AldSelect/interface.d.ts

@@ -17,6 +17,7 @@ export interface ISelectProps<ValueType = any, OptionType extends BaseOptionType
     allowClear?: boolean;
     showArrow?: boolean;
     borderLess?: boolean;
+    listHeight?: number;
     width?: 'auto' | 'fill' | number;
     dropdownClassName?: string;
     popupClassName?: string;

package/dist/AldSelect/style/index.less

@@ -15,6 +15,12 @@
   &-disabled {
     cursor: not-allowed;
 
+    .beta-ald-select-prefix {
+      svg {
+        opacity: 0.24;
+      }
+    }
+
     .beta-ald-select-suffix {
       opacity: 0.24;
     }

package/dist/AldSelect/style/size.less

@@ -37,6 +37,7 @@
       margin-right: 4px;
       flex-shrink: 0;
       flex-grow: 0;
+      min-height: @lineHeight;
     }
 
     .beta-ald-select-placeholder {
@@ -45,6 +46,7 @@
     }
 
     .beta-ald-select-selector {
+      min-height: @lineHeight;
       flex: 1;
 
       .beta-ald-select-selector-multiple-responsive-selected-section {