@aloudata/aloudata-design 2.14.6 → 2.14.8

package/dist/AldSelect/BaseSelect.js

@@ -1,4 +1,4 @@
-var _excluded = ["id", "className", "displayValues", "onDisplayValuesChange", "displayMenu", "notFoundContent", "onClear", "width", "mode", "status", "onOptionSelect", "onClick", "size", "borderLess", "disabled", "placeholder", "open", "defaultOpen", "onOpenChange", "showSearch", "innerSearchValue", "setInnerSearchValue", "allowClear", "showArrow", "prefix", "suffixIcon", "dropdownRender", "overlayStyle", "dropdownStyle", "popupMatchSelectWidth", "placement", "popupClassName", "style", "listHeight"];
+var _excluded = ["id", "className", "displayValues", "onDisplayValuesChange", "displayMenu", "notFoundContent", "onClear", "width", "mode", "status", "onOptionSelect", "onClick", "size", "borderLess", "disabled", "placeholder", "open", "defaultOpen", "onOpenChange", "showSearch", "innerSearchValue", "setInnerSearchValue", "allowClear", "showArrow", "prefix", "suffixIcon", "dropdownRender", "overlayStyle", "dropdownStyle", "popupMatchSelectWidth", "placement", "popupClassName", "style"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -72,7 +72,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement = props.placement,
     popupClassName = props.popupClassName,
     style = props.style,
-    listHeight = props.listHeight,
     restProps = _objectWithoutProperties(props, _excluded);
   var setClassNames = prefixCls('select');
   var selectRef = useRef(null);
@@ -105,6 +104,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return onToggleOpen(true);
       },
       close: function close() {
+        console.log('ref close');
         onToggleOpen(false);
       }
     };
@@ -127,6 +127,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setInnerOpen = _useMergedState2[1];
   var mergedOpen = innerOpen;
   var onToggleOpen = React.useCallback(function (newOpen) {
+    console.log('toggle', newOpen);
     var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
     if (!nextOpen) {
       setShowResponsiveSelectedSection(false);
@@ -170,6 +171,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var _displayMenu$onClick;
         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) {
+          console.log('menu onClick', info);
           onToggleOpen(false);
           setFocus(false);
         }
@@ -204,9 +206,9 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ,
     dropdownRender: dropdownRender,
     overlayStyle: overlayStyle || dropdownStyle,
-    listHeight: listHeight,
     placement: placement,
     onOpenChange: function onOpenChange(open) {
+      console.log('onOpenChange', open);
       if (isResponsiveMode) {
         if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0) {
           setShowResponsiveSelectedSection(true);
@@ -224,6 +226,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, prefix), _.isEmpty(displayValues) && /*#__PURE__*/React.createElement("div", {
     className: setClassNames('placeholder')
   }, placeholder), !_.isEmpty(displayValues) && /*#__PURE__*/React.createElement(Selector, _extends({}, restProps, {
+    suffixIcon: suffixIcon,
     size: size,
     mode: mode,
     dropdownRef: dropdownRef,
@@ -236,6 +239,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allowClear: allowClear,
     isHover: isHover,
     onClear: function onClear() {
+      console.log('onClear');
       onToggleOpen(false);
       onDisplayValuesChange([], {
         type: 'clear',

package/dist/AldSelect/SelectTrigger.d.ts

@@ -18,7 +18,6 @@ export interface SelectTriggerProps extends IDropdownProps {
     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,4 +1,4 @@
-var _excluded = ["overlayStyle", "disabled", "open", "children", "dropdownRender", "getPopupContainer", "onOpenChange", "showSearch", "searchValue", "setInnerSearchValue", "menu", "overlayClassName", "placement", "popupMatchSelectWidth", "listHeight", "notFoundContent"];
+var _excluded = ["overlayStyle", "disabled", "open", "children", "dropdownRender", "getPopupContainer", "onOpenChange", "showSearch", "searchValue", "setInnerSearchValue", "menu", "overlayClassName", "placement", "popupMatchSelectWidth", "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; }
@@ -24,7 +24,6 @@ var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _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"
@@ -43,11 +42,7 @@ 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,
-      style: {
-        height: listHeight,
-        overflow: 'auto'
-      }
+      ref: popupRef
     }, /*#__PURE__*/React.createElement(SearchBox, {
       showSearch: showSearch,
       value: searchValue,
@@ -60,7 +55,7 @@ var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       dropdownRender: dropdownRender,
       menuProps: menuProps
     }));
-  }, [dropdownRender, listHeight, menuProps, notFoundContent, searchValue, setInnerSearchValue, showSearch]);
+  }, [dropdownRender, menuProps, notFoundContent, searchValue, setInnerSearchValue, showSearch]);
   return /*#__PURE__*/React.createElement(Dropdown, _extends({}, restProps, {
     disabled: disabled,
     open: open,

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.d.ts

@@ -6,4 +6,6 @@ export default function MultipleResponsiveSelectedSection(params: {
     renderItem: (valueItem: DisplayValueType) => React.JSX.Element | null;
     onToggleOpen: (open: boolean) => void;
     dropdownRef: RefObject<RefTriggerProps>;
+    maxHeight?: number;
+    suffixIcon?: React.ReactNode;
 }): React.JSX.Element;

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.js

@@ -1,34 +1,50 @@
 import React, { useEffect, useRef } from 'react';
+import ScrollArea from "../../ScrollArea";
+import Suffix from "../components/Suffix";
 export default function MultipleResponsiveSelectedSection(params) {
   var displayValues = params.displayValues,
     renderItem = params.renderItem,
     onToggleOpen = params.onToggleOpen,
-    dropdownRef = params.dropdownRef;
+    dropdownRef = params.dropdownRef,
+    maxHeight = params.maxHeight,
+    suffixIcon = params.suffixIcon;
   var multipleSelectedSectionRef = useRef(null);
   useEffect(function () {
-    function getSelect() {
-      var _multipleSelectedSect, _multipleSelectedSect2, _multipleSelectedSect3;
-      var select = (_multipleSelectedSect = multipleSelectedSectionRef.current) === null || _multipleSelectedSect === void 0 ? void 0 : (_multipleSelectedSect2 = _multipleSelectedSect.parentElement) === null || _multipleSelectedSect2 === void 0 ? void 0 : (_multipleSelectedSect3 = _multipleSelectedSect2.parentElement) === null || _multipleSelectedSect3 === void 0 ? void 0 : _multipleSelectedSect3.parentElement;
-      if (select && select.classList.contains('beta-ald-select')) {
-        return select;
+    function isAncestorElement(ancestorClass, target) {
+      var currentElement = target;
+      while (currentElement) {
+        if (currentElement.classList.contains(ancestorClass)) {
+          return true;
+        }
+        currentElement = currentElement.parentElement;
       }
-      return null;
+      return false;
     }
     function close(e) {
-      var _dropdownRef$current, _dropdownRef$current$;
       var target = e.target;
-      var select = getSelect();
-      if (select && !select.contains(target) && !((_dropdownRef$current = dropdownRef.current) !== null && _dropdownRef$current !== void 0 && (_dropdownRef$current$ = _dropdownRef$current.getPopupElement()) !== null && _dropdownRef$current$ !== void 0 && _dropdownRef$current$.contains(target))) {
+      if (!isAncestorElement('beta-ald-select', target) && !isAncestorElement('beta-ald-select-popup', target)) {
         onToggleOpen(false);
       }
     }
-    document.addEventListener('click', close);
+    document.addEventListener('mousedown', close);
     return function () {
-      document.removeEventListener('click', close);
+      document.removeEventListener('mousedown', close);
     };
   }, [onToggleOpen, dropdownRef]);
   return /*#__PURE__*/React.createElement("div", {
     ref: multipleSelectedSectionRef,
     className: "beta-ald-select-selector-multiple-responsive-selected-section"
-  }, displayValues.map(renderItem));
+  }, /*#__PURE__*/React.createElement(ScrollArea, {
+    innerClassName: "beta-ald-select-selector-multiple-responsive-selected-section-inner",
+    innerStyle: {
+      maxHeight: maxHeight
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "beta-ald-select-selector-multiple-responsive-selected-section-tags"
+  }, displayValues.map(renderItem))), /*#__PURE__*/React.createElement(Suffix, {
+    showArrow: true,
+    allowClear: false,
+    icon: suffixIcon,
+    displayValues: displayValues
+  }));
 }

package/dist/AldSelect/Selector/MultipleSelector.js

@@ -33,7 +33,8 @@ export default function MultipleSelector(props) {
     disabled = props.disabled,
     maxTagPlaceholder = props.maxTagPlaceholder,
     showResponsiveSelectedSection = props.showResponsiveSelectedSection,
-    dropdownRef = props.dropdownRef;
+    dropdownRef = props.dropdownRef,
+    suffixIcon = props.suffixIcon;
   var innerMaxTagPlaceholder = function innerMaxTagPlaceholder(omittedValues) {
     return "+ ".concat(omittedValues.length === displayValues.length ? omittedValues.length - 1 : omittedValues.length);
   };
@@ -44,7 +45,6 @@ export default function MultipleSelector(props) {
   var customizeRenderSelector = function customizeRenderSelector(value, content, itemDisabled, closable, onClose, isPreview) {
     var onMouseDown = function onMouseDown(e) {
       onPreventMouseDown(e);
-      onToggleOpen(!open);
     };
     return /*#__PURE__*/React.createElement("span", {
       className: "beta-ald-select-custom-tag-render-wrapper",
@@ -106,15 +106,16 @@ export default function MultipleSelector(props) {
   };
   var maxHeight = useMemo(function () {
     if (isMultiple(mode)) {
+      var maxRows;
       if (_typeof(mode) === 'object') {
-        var maxRows = mode.maxRows;
-        if (!maxRows) {
-          // 2.5行高+2行间距
-          return 2.5 * tagHeight + 2 * gap;
-        } else {
-          // 总行高+总行间距
-          return maxRows * tagHeight + (maxRows - 1) * gap;
-        }
+        maxRows = mode.maxRows;
+      }
+      if (!maxRows) {
+        // 2.5行高+2行间距
+        return 2.5 * tagHeight + 2 * gap;
+      } else {
+        // 总行高+总行间距
+        return maxRows * tagHeight + (maxRows - 1) * gap;
       }
     }
     return undefined;
@@ -139,6 +140,8 @@ export default function MultipleSelector(props) {
     }), showResponsiveSelectedSection && /*#__PURE__*/React.createElement(MultipleResponsiveSelectedSection, {
       displayValues: displayValues,
       renderItem: renderItem,
+      maxHeight: maxHeight,
+      suffixIcon: suffixIcon,
       onToggleOpen: onToggleOpen,
       dropdownRef: dropdownRef
     }));

package/dist/AldSelect/hooks/useDisplayMenu.js

@@ -12,6 +12,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { useCallback, useMemo } from 'react';
 import { isDivideMenuItem, isHeaderMenuItem, isSubMenuItem } from "../../Menu";
+import { toString } from "../utils/commonUtil";
 export default function useDisplayMenu(menu, filterOptions, innerSearchValue) {
   var items = menu.items;
   var filter = useCallback(function (inputValue, option) {
@@ -19,7 +20,7 @@ export default function useDisplayMenu(menu, filterOptions, innerSearchValue) {
       return filterOptions(inputValue, option);
     }
     var toBeSearched = option.label || option.value || '';
-    return toBeSearched.toString().includes(inputValue);
+    return toString(toBeSearched).includes(inputValue);
   }, [filterOptions]);
   var findFilteredItems = useCallback(function (currentItems) {
     return currentItems.filter(function (item) {

package/dist/AldSelect/hooks/useOptions.d.ts

@@ -5,7 +5,13 @@ export declare function isRawValue(value: DraftValueType): value is RawValueType
  * Parse `children` to `options` if `options` is not provided.
  * Then flatten the `options`.
  */
-export default function useOptions<OptionType extends DefaultOptionType>(menu?: SelectMenuProps, options?: OptionType[], value?: DraftValueType, optionLabelProp?: string): {
+export default function useOptions<OptionType extends DefaultOptionType>({ menu, options, value, optionLabelProp, listHeight, }: {
+    menu?: SelectMenuProps;
+    options?: OptionType[];
+    value?: DraftValueType;
+    optionLabelProp?: string;
+    listHeight?: number;
+}): {
     menu: SelectMenuProps;
     keyMenuItems: Map<string, SelectItemType>;
     labelMenuItems: Map<React.ReactNode, SelectMenuItemType>;

package/dist/AldSelect/hooks/useOptions.js

@@ -6,7 +6,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import * as React from 'react';
 import { isDivideMenuItem, isHeaderMenuItem, isSubMenuItem } from "../../Menu";
-import { convertOptionsToMenu, toArray } from "../utils/commonUtil";
+import { convertOptionsToMenu, toArray, toString } from "../utils/commonUtil";
 export function isRawValue(value) {
   return !value || _typeof(value) !== 'object';
 }
@@ -14,18 +14,23 @@ export function isRawValue(value) {
  * Parse `children` to `options` if `options` is not provided.
  * Then flatten the `options`.
  */
-export default function useOptions(menu, options, value, optionLabelProp) {
+export default function useOptions(_ref) {
+  var menu = _ref.menu,
+    options = _ref.options,
+    value = _ref.value,
+    optionLabelProp = _ref.optionLabelProp,
+    listHeight = _ref.listHeight;
   return React.useMemo(function () {
     var selectedKeys = [];
     if (value) {
       var valueList = toArray(value);
       valueList.forEach(function (val) {
         if (isRawValue(val)) {
-          selectedKeys.push(val.toString());
+          selectedKeys.push(toString(val));
         } else {
           var key = val.value;
           if (key) {
-            selectedKeys.push(key.toString());
+            selectedKeys.push(toString(key));
           }
         }
       });
@@ -55,10 +60,15 @@ export default function useOptions(menu, options, value, optionLabelProp) {
       }
     }
     dig(mergedMenu.items || []);
+    if (listHeight) {
+      mergedMenu.menuStyle = {
+        maxHeight: listHeight
+      };
+    }
     return {
       menu: mergedMenu,
       keyMenuItems: keyMenuItems,
       labelMenuItems: labelMenuItems
     };
-  }, [value, menu, options, optionLabelProp]);
+  }, [value, menu, options, optionLabelProp, listHeight]);
 }

package/dist/AldSelect/index.js

@@ -23,6 +23,7 @@ import useCache from "./hooks/useCache";
 import BaseSelect, { isMultiple } from "./BaseSelect";
 import { injectPropsWithOption } from "./utils/valueUtil";
 import useDisplayMenu from "./hooks/useDisplayMenu";
+import { toString } from "./utils/commonUtil";
 export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
@@ -35,7 +36,8 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     labelInValue = props.labelInValue,
     filterOption = props.filterOption,
     searchValue = props.searchValue,
-    optionLabelProp = props.optionLabelProp;
+    optionLabelProp = props.optionLabelProp,
+    listHeight = props.listHeight;
 
   // =========================== Values ===========================
   var _useMergedState = useMergedState(defaultValue, {
@@ -44,7 +46,13 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     internalValue = _useMergedState2[0],
     setInternalValue = _useMergedState2[1];
-  var parsedOptions = useOptions(menu, options, internalValue);
+  var parsedOptions = useOptions({
+    menu: menu,
+    options: options,
+    value: internalValue,
+    optionLabelProp: optionLabelProp,
+    listHeight: listHeight
+  });
   var mergedMenu = parsedOptions.menu,
     keyMenuItems = parsedOptions.keyMenuItems;
   var multiple = mode && isMultiple(mode);
@@ -73,7 +81,7 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
         // @ts-ignore val.key是为了兼容存在key的情况
         rawValue = (_ref = val.value) !== null && _ref !== void 0 ? _ref : val.key;
       }
-      var menuItem = keyMenuItems.get(rawValue.toString());
+      var menuItem = keyMenuItems.get(toString(rawValue));
       if (menuItem) {
         // Fill missing props
         if (rawLabel === undefined) {
@@ -169,7 +177,7 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   // Used for OptionList selection
   var onOptionSelect = function onOptionSelect(val) {
     var selected = displayValues.find(function (item) {
-      return item.value.toString() === val;
+      return toString(item.value) === toString(val);
     });
     if (isMultiple(mode)) {
       if (!selected) {
@@ -200,10 +208,10 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
         var _mergedMenu$onClick;
         if (mode && isMultiple(mode)) {
           if (displayValues.find(function (item) {
-            return item.value.toString() === menuInfo.key;
+            return toString(item.value) === menuInfo.key;
           })) {
             triggerChange(displayValues.filter(function (item) {
-              return item.value.toString() !== menuInfo.key;
+              return toString(item.value) !== menuInfo.key;
             }).map(function (item) {
               return item.value;
             }));

package/dist/AldSelect/style/index.less

@@ -119,14 +119,17 @@
         position: absolute;
         top: -1px;
         left: -1px;
-        display: flex;
-        gap: 4px;
-        flex-wrap: wrap;
-        align-items: flex-start;
         border-width: 1px;
         border-style: solid;
         background-color: #fff;
         z-index: 1;
+
+        .beta-ald-select-selector-multiple-responsive-selected-section-tags {
+          align-items: flex-start;
+          display: flex !important;
+          flex-wrap: wrap;
+          gap: 4px;
+        }
       }
     }
 

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

@@ -2,6 +2,7 @@
 import { DefaultOptionType, SelectMenuProps } from '../interface';
 export declare function toArray<T>(value: T | T[]): T[];
 export declare const isClient: false | HTMLElement;
+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;

package/dist/AldSelect/utils/commonUtil.js

@@ -4,6 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import _ from 'lodash';
 export function toArray(value) {
   if (Array.isArray(value)) {
     return value;
@@ -11,16 +12,17 @@ export function toArray(value) {
   return value !== undefined ? [value] : [];
 }
 export var isClient = typeof window !== 'undefined' && window.document && window.document.documentElement;
-
+export var toString = function toString(value) {
+  return _.toString(value);
+};
 /** Is client side and not jsdom */
 export var isBrowserClient = process.env.NODE_ENV !== 'test' && isClient;
 export function convertOptionsToMenu(options, selectedKeys) {
   return {
     items: options.map(function (option) {
-      var _option$value;
       return _objectSpread(_objectSpread({}, option), {}, {
         label: option.label,
-        key: ((_option$value = option.value) === null || _option$value === void 0 ? void 0 : _option$value.toString()) || '',
+        key: toString(option.value),
         disabled: option.disabled,
         onClick: option.onClick,
         className: option.className,

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "success" | "error" | "info" | "warning" | undefined;
+    type?: "error" | "warning" | "success" | "info" | undefined;
 }) => React.JSX.Element;
 export default DoubleCircleIcon;

package/dist/Dropdown/index.js

@@ -42,7 +42,8 @@ export default function Dropdown(props) {
     delay = _props$delay === void 0 ? 0 : _props$delay,
     _props$autoUpdatePos = props.autoUpdatePos,
     autoUpdatePos = _props$autoUpdatePos === void 0 ? false : _props$autoUpdatePos,
-    initialFocus = props.initialFocus,
+    _props$initialFocus = props.initialFocus,
+    initialFocus = _props$initialFocus === void 0 ? -1 : _props$initialFocus,
     _props$popupMatchTrig = props.popupMatchTriggerWidth,
     popupMatchTriggerWidth = _props$popupMatchTrig === void 0 ? false : _props$popupMatchTrig;
   var _useState = useState(open || false),

package/dist/Form/index.d.ts

@@ -18,7 +18,7 @@ interface IFormItemProps extends FormItemProps {
 declare const AldFormItem: {
     (props: IFormItemProps): React.JSX.Element;
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating" | undefined;
+        status?: "" | "error" | "warning" | "success" | "validating" | undefined;
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/dist/InputSearch/index.d.ts

@@ -8,5 +8,6 @@ interface IProps {
     size?: 'small' | 'middle' | 'large';
     initWidth?: number;
     defaultValue?: string;
+    inputMode?: boolean;
 }
 export {};

package/dist/InputSearch/index.js

@@ -17,6 +17,7 @@ import Input from "../Input";
 import { LocaleContext, getTranslator } from "../locale/default";
 var DEFAULT_WIDTH = 68;
 export default function InputSearch(props) {
+  var _classnames;
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
@@ -29,7 +30,9 @@ export default function InputSearch(props) {
     size = _props$size === void 0 ? 'small' : _props$size,
     _props$initWidth = props.initWidth,
     initWidth = _props$initWidth === void 0 ? DEFAULT_WIDTH : _props$initWidth,
-    defaultValue = props.defaultValue;
+    defaultValue = props.defaultValue,
+    _props$inputMode = props.inputMode,
+    inputMode = _props$inputMode === void 0 ? false : _props$inputMode;
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
@@ -57,7 +60,7 @@ export default function InputSearch(props) {
       '--init-width': initWidth + 'px'
     }
   }, /*#__PURE__*/React.createElement(Input, {
-    className: classnames(className, _defineProperty({}, 'input-search-has-value', searchValue.length !== 0)),
+    className: classnames(className, (_classnames = {}, _defineProperty(_classnames, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames, 'inputMode', inputMode), _classnames)),
     size: size,
     onChange: onChangeValue,
     onPressEnter: onPressEnter,

package/dist/InputSearch/style/index.less

@@ -31,6 +31,10 @@
       transition: all 0.2s ease 0.1s !important;
       background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
 
+      &.inputMode {
+        width: 100% !important;
+      }
+
       input {
         background-color: #fff;
       }

package/dist/LogicTree/components/LogicItem/index.js

@@ -1,3 +1,4 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -6,7 +7,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useContext, useRef, useState } from 'react';
+import React, { useCallback, useContext, useRef, useState } from 'react';
 import { DragPreviewImage, useDrag, useDrop } from 'react-dnd';
 import { EPutPosition } from "../..";
 import DragLightLine from "../../../Icon/components/DragLightLine";
@@ -144,16 +145,54 @@ export default function LogicItem(_ref) {
     drop = _useDrop2[1];
   drag(drop(ref));
   var isDragOver = isOver && canDrop && !isRoot;
-  var firstRefCallback = function firstRefCallback(e) {
-    if (e) {
-      setFirstNodeHight(e.clientHeight);
-    }
-  };
-  var lastRefCallback = function lastRefCallback(e) {
-    if (e) {
-      setLastNodeHight(e.clientHeight);
-    }
-  };
+  var firstRef = useCallback(function (node) {
+    if (!node) return;
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var newHeight = entry.contentRect.height;
+          if (newHeight > 0) {
+            setFirstNodeHight(newHeight);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    resizeObserver.observe(node);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  var lastRef = useCallback(function (node) {
+    if (!node) return;
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var _iterator2 = _createForOfIteratorHelper(entries),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var entry = _step2.value;
+          var newHeight = entry.contentRect.height;
+          if (newHeight > 0) {
+            setLastNodeHight(newHeight);
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    });
+    resizeObserver.observe(node);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
   var onAddCondition = function onAddCondition() {
     var id = value.id;
     addCondition(id);
@@ -195,16 +234,16 @@ export default function LogicItem(_ref) {
       },
       ref: ref
     }, _.map(nodes, function (node, index) {
-      var ref = null;
+      var heightRef = null;
       if (index === 0) {
-        ref = firstRefCallback;
+        heightRef = firstRef;
       } else if (index === nodes.length - 1) {
-        ref = lastRefCallback;
+        heightRef = lastRef;
       }
       return /*#__PURE__*/React.createElement("div", {
         className: "ald-logic-tree-node-wrap",
-        ref: ref,
-        key: node.id
+        key: node.id,
+        ref: heightRef
       }, /*#__PURE__*/React.createElement("div", {
         className: "ald-logic-tree-horizontal-line"
       }), /*#__PURE__*/React.createElement(LogicItem, {

package/dist/Menu/index.d.ts

@@ -4,6 +4,7 @@ export interface MenuProps {
     className?: string;
     items: MenuItemType[];
     selectedKeys?: string[];
+    menuStyle?: React.CSSProperties;
 }
 export default function Menu(props: MenuProps): React.JSX.Element;
 export declare function isHeaderMenuItem(menuItem: MenuItemType): menuItem is MenuHeaderType;