@aloudata/aloudata-design 2.17.4 → 2.17.6

package/dist/AldSelect/BaseSelect.js

@@ -136,14 +136,13 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
     if (!nextOpen) {
       setShowResponsiveSelectedSection(false);
-      setInnerSearchValue === null || setInnerSearchValue === void 0 ? void 0 : setInnerSearchValue('');
       setFocus(false);
     }
     if (mergedOpen !== nextOpen && !disabled) {
       setInnerOpen(nextOpen);
       onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
     }
-  }, [mergedOpen, disabled, setInnerSearchValue, setInnerOpen, onOpenChange]);
+  }, [mergedOpen, disabled, setInnerOpen, onOpenChange]);
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     showResponsiveSelectedSection = _useState6[0],
@@ -190,18 +189,29 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
   }, [disabled, onClick]);
+  React.useEffect(function () {
+    var element = selectRef.current;
+    if (element) {
+      var handleMouseOver = function handleMouseOver() {
+        return setIsHover(true);
+      };
+      var handleMouseOut = function handleMouseOut() {
+        return setIsHover(false);
+      };
+      element.addEventListener('mouseover', handleMouseOver);
+      element.addEventListener('mouseout', handleMouseOut);
+      return function () {
+        element.removeEventListener('mouseover', handleMouseOver);
+        element.removeEventListener('mouseout', handleMouseOut);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: mergedClassName,
     style: _objectSpread(_objectSpread({}, widthStyle), style),
     ref: selectRef,
     id: id,
-    onClick: onSelectClick,
-    onMouseEnter: function onMouseEnter() {
-      setIsHover(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      setIsHover(false);
-    }
+    onClick: onSelectClick
   }, /*#__PURE__*/React.createElement(SelectTrigger, {
     open: !!mergedOpen,
     notFoundContent: notFoundContent,

package/dist/AldSelect/components/SearchBox.js

@@ -13,6 +13,7 @@ function SearchBox(_ref) {
     className: "beta-ald-select-search-box",
     value: value,
     size: "small",
+    allowClear: true,
     bordered: false,
     onBlur: onBlur,
     prefix: /*#__PURE__*/React.createElement(SearchLine, {

package/dist/AldSelect/index.js

@@ -18,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { forwardRef, useCallback, useContext, useMemo } from 'react';
 import useOptions, { isRawValue } from "./hooks/useOptions";
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import { toArray } from "./utils/commonUtil";
+import { noOpFilter, toArray } from "./utils/commonUtil";
 import useCache from "./hooks/useCache";
 import BaseSelect, { isMultiple } from "./BaseSelect";
 import { injectPropsWithOption } from "./utils/valueUtil";
@@ -33,6 +33,7 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     options = props.options,
     onChange = props.onChange,
     onSelect = props.onSelect,
+    onSearch = props.onSearch,
     onDeselect = props.onDeselect,
     labelInValue = props.labelInValue,
     filterOption = props.filterOption,
@@ -205,6 +206,12 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
       });
     }
   };
+  var handleSearch = function handleSearch(value) {
+    setInnerSearchValue(value);
+    if (onSearch) {
+      onSearch(value);
+    }
+  };
   var selectMenu = useMemo(function () {
     return _objectSpread(_objectSpread({}, mergedMenu), {}, {
       items: (mergedMenu === null || mergedMenu === void 0 ? void 0 : mergedMenu.items) || [],
@@ -229,14 +236,16 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
       }
     });
   }, [mergedMenu, mode, displayValues, triggerChange]);
-  var displayMenu = useDisplayMenu(selectMenu, filterOption, innerSearchValue);
+  var displayMenu = useDisplayMenu(selectMenu,
+  // 如果用户接管了搜索，则默认不做搜索过滤
+  onSearch ? filterOption || noOpFilter : filterOption, innerSearchValue);
   return /*#__PURE__*/React.createElement(BaseSelect, _extends({}, props, {
     ref: ref,
     disabled: mergedDisabled,
     displayValues: displayValues,
     onDisplayValuesChange: onDisplayValuesChange,
-    setInnerSearchValue: setInnerSearchValue,
-    innerSearchValue: innerSearchValue,
+    setInnerSearchValue: handleSearch,
+    innerSearchValue: searchValue === undefined ? innerSearchValue : searchValue,
     onOptionSelect: onOptionSelect,
     menu: selectMenu,
     displayMenu: displayMenu

package/dist/AldSelect/interface.d.ts

@@ -42,6 +42,7 @@ export interface ISelectProps<ValueType = any, OptionType extends BaseOptionType
     onSelect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;
     onDeselect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;
     notFoundContent?: React.ReactNode;
+    onSearch?: (value: string) => void;
     filterOption?: (inputValue: string, option: OptionType) => boolean;
     tagRender?: (props: CustomTagProps, isPreview?: boolean) => React.ReactNode;
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);

package/dist/AldSelect/utils/commonUtil.d.ts

@@ -6,3 +6,4 @@ export declare const toString: (value: any) => string;
 /** Is client side and not jsdom */
 export declare const isBrowserClient: false | HTMLElement;
 export declare function convertOptionsToMenu(options: DefaultOptionType[], selectedKeys: React.Key[]): SelectMenuProps;
+export declare function noOpFilter(): boolean;

package/dist/AldSelect/utils/commonUtil.js

@@ -32,4 +32,7 @@ export function convertOptionsToMenu(options, selectedKeys) {
     }),
     selectedKeys: selectedKeys
   };
+}
+export function noOpFilter() {
+  return true;
 }

package/dist/MemberPicker/index.js

@@ -320,7 +320,7 @@ var Component = function Component(props) {
       }
       _onClear === null || _onClear === void 0 ? void 0 : _onClear();
     },
-    popupClassName: "ald-member-picker-popup",
+    popupClassName: classNames('ald-member-picker-popup', props.popupClassName),
     mode: mode,
     options: selectedUserList.map(function (item) {
       if (item.type === EUserType.USER_GROUP) return {

package/dist/Modal/style/polyfill/index.less

@@ -13,15 +13,12 @@
 }
 
 .ant-modal-wrap {
-  position: fixed;
-  inset: 0;
-  top: 0;
-  inset-inline-end: 0;
-  bottom: 0;
-  inset-inline-start: 0;
-  overflow: auto;
   outline: 0;
   z-index: 1000;
+  display: grid;
+  grid-template-rows: minmax(0, 100px) auto 1fr;
+  place-items: center;
+  height: 100vh;
 }
 
 .ant-modal.ald-modal {
@@ -34,10 +31,10 @@
   list-style: none;
   pointer-events: none;
   position: relative;
-  top: 100px;
+  grid-row: 2;
+  top: 0;
   width: auto;
   max-width: calc(100vw - 32px);
-  padding-bottom: 24px;
 }
 
 .ant-modal-content {