@aloudata/aloudata-design 2.14.7 → 2.14.9

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);
@@ -237,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.js

@@ -10,25 +10,25 @@ export default function MultipleResponsiveSelectedSection(params) {
     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", {

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/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/Input/components/Input/index.js

@@ -13,6 +13,7 @@ import classnames from 'classnames';
 import React, { useContext } from 'react';
 import { ConfigContext } from "../../../ConfigProvider";
 import { CloseCircleFill } from "../../../Icon";
+import useFormItemStatus from 'antd/lib/form/hooks/useFormItemStatus';
 export function getSizeType(sizeType) {
   if (['small', 'middle', 'large'].includes(sizeType || '')) {
     return sizeType;
@@ -38,9 +39,15 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   var contentSize = useContext(SizeContext);
+  var _useFormItemStatus = useFormItemStatus(),
+    formItemStatus = _useFormItemStatus.status;
+  var mergedStatus = status || formItemStatus;
   var size = compactSize || customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
-    ref: ref,
+    ref: ref
+    // @ts-ignore
+    ,
+    status: mergedStatus,
     bordered: bordered,
     disabled: disabled,
     autoComplete: "off",
@@ -51,7 +58,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       })
     } : undefined,
     spellCheck: false,
-    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(status), status), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
+    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(mergedStatus), mergedStatus), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
   }));
 });
 export default Input;

package/dist/Input/style/size.less

@@ -2,7 +2,7 @@
 @input-height-large: 36px;
 @input-padding-large: var(--alias-padding-75-minus-1, 6px)
   var(--alias-padding-150-minus-1, 12px);
-@input-font-size-large: 16px;
+@input-font-size-large: 14px;
 @input-border-radius-large: 8px;
 @input-prefix-margin-right-large: var(--alias-spacing-100, 8px);
 @input-clear-icon-large: 20px;

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

@@ -11,12 +11,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useContext, useState } from 'react';
+import React, { useCallback, useContext, useMemo, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
 import { LocaleContext, getTranslator } from "../locale/default";
 var DEFAULT_WIDTH = 68;
 export default function InputSearch(props) {
+  var _classnames, _classnames2;
   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],
@@ -51,18 +54,27 @@ export default function InputSearch(props) {
     }
     setSearchValue(newValue);
   }, [debounceSearch, debounce]);
+  var iconSize = useMemo(function () {
+    if (size === 'middle' || size === 'large') {
+      return 20;
+    }
+    return 16;
+  }, [size]);
   return /*#__PURE__*/React.createElement("div", {
-    className: 'ald-input-search',
+    className: classnames('ald-input-search', (_classnames = {}, _defineProperty(_classnames, 'input-search-size-small', size === 'small'), _defineProperty(_classnames, 'input-search-size-middle', size === 'middle'), _defineProperty(_classnames, 'input-search-size-large', size === 'large'), _classnames)),
     style: {
       '--init-width': initWidth + 'px'
     }
   }, /*#__PURE__*/React.createElement(Input, {
-    className: classnames(className, _defineProperty({}, 'input-search-has-value', searchValue.length !== 0)),
-    size: size,
+    className: classnames(className, (_classnames2 = {}, _defineProperty(_classnames2, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames2, 'inputMode', inputMode), _classnames2)),
+    size: size
+    // @ts-ignore
+    ,
+    status: 'success',
     onChange: onChangeValue,
     onPressEnter: onPressEnter,
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
-      size: 16
+      size: iconSize
     }),
     placeholder: placeholder || t.InputSearch.search,
     allowClear: true,

package/dist/InputSearch/style/index.less

@@ -15,13 +15,26 @@
       display: none;
     }
 
+    &.input-search-size-small {
+      ::placeholder {
+        font-size: 12px;
+        line-height: 16px; /* 133.333% */
+      }
+    }
+
+    &.input-search-size-middle,
+    &.input-search-size-large {
+      ::placeholder {
+        font-size: 14px;
+        line-height: 20px;
+      }
+    }
+
     ::placeholder {
       color: var(--alias-colors-text-default, #1f2937);
-      font-size: 12px;
       font-style: normal;
       font-weight: 500;
       background-color: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
-      line-height: 16px; /* 133.333% */
     }
 
     &.ant-input-affix-wrapper-focused,
@@ -31,6 +44,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/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;

package/dist/Menu/index.js

@@ -13,7 +13,8 @@ export default function Menu(props) {
   var className = props.className,
     items = props.items,
     onMenuClick = props.onClick,
-    selectedKeys = props.selectedKeys;
+    selectedKeys = props.selectedKeys,
+    menuStyle = props.menuStyle;
   var getMenuItems = function getMenuItems(items) {
     var parentPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     return items.map(function (item, index) {
@@ -92,6 +93,7 @@ export default function Menu(props) {
     ref: ref
   }), /*#__PURE__*/React.createElement(ControlledMenu, {
     state: "open",
+    menuStyle: menuStyle,
     anchorRef: ref,
     className: classNames(className, 'ald-menu'),
     position: "auto",
@@ -107,7 +109,7 @@ export function isDivideMenuItem(menuItem) {
   return 'type' in menuItem && menuItem.type === 'divider';
 }
 export function isSubMenuItem(menuItem) {
-  return 'children' in menuItem;
+  return 'children' in menuItem && !!menuItem.children;
 }
 export function isLeafMenu(menuItems) {
   return !_.some(menuItems, function (item) {

package/dist/RenameInput/index.d.ts

@@ -10,6 +10,7 @@ interface IProps {
     maxLength?: number;
     distance?: [left: number, right: number];
     validateValue?: (value: string) => boolean;
+    readonly?: boolean;
 }
-declare const RenameInput: ({ value: propsValue, onConfirm, className, width, fontStyle, focus, maxLength, validateValue, onError, }: IProps) => React.JSX.Element;
+declare const RenameInput: ({ value: propsValue, onConfirm, className, width, fontStyle, focus, maxLength, validateValue, onError, readonly, }: IProps) => React.JSX.Element;
 export default RenameInput;