@aloudata/aloudata-design 2.14.7 → 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);
@@ -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/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/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;

package/dist/RenameInput/index.js

@@ -13,6 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 var defaultWidth = 20;
+var PADDING_WIDTH = 2;
 var RenameInput = function RenameInput(_ref) {
   var propsValue = _ref.value,
     onConfirm = _ref.onConfirm,
@@ -23,11 +24,17 @@ var RenameInput = function RenameInput(_ref) {
     focus = _ref$focus === void 0 ? false : _ref$focus,
     maxLength = _ref.maxLength,
     validateValue = _ref.validateValue,
-    onError = _ref.onError;
-  var _useState = useState(propsValue),
+    onError = _ref.onError,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly;
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
+    isEdit = _useState2[0],
+    setIsEdit = _useState2[1];
+  var _useState3 = useState(propsValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
   var divRef = useRef(null);
   var inputRef = useRef(null);
   var handleBlur = useCallback(function () {
@@ -39,60 +46,72 @@ var RenameInput = function RenameInput(_ref) {
     if (!width && divRef.current && inputRef.current) {
       var _divRef$current;
       var tempWidth = ((_divRef$current = divRef.current) === null || _divRef$current === void 0 ? void 0 : _divRef$current.offsetWidth) || defaultWidth;
-      inputRef.current.style.width = tempWidth + 'px';
+      inputRef.current.style.width = tempWidth + PADDING_WIDTH + 'px';
     }
-  }, [width, value]);
-  useEffect(function () {
-    setValue(propsValue);
-  }, [propsValue]);
+  }, [width, value, isEdit]);
   useEffect(function () {
     if (focus && inputRef.current) {
       inputRef.current.select();
     }
   }, [focus]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-rename-input"
-  }, /*#__PURE__*/React.createElement("input", {
-    className: classNames(className, 'ald-rename-input-wrapper'),
-    style: _objectSpread(_objectSpread({}, fontStyle), {}, {
-      width: width
-    }),
-    value: value,
-    ref: inputRef,
-    onChange: function onChange(e) {
-      return setValue(e.target.value.trim());
-    },
-    onBlur: function onBlur(e) {
-      if (!validateValue || validateValue(e.target.value.trim())) {
-        handleBlur();
-      } else {
-        onError === null || onError === void 0 ? void 0 : onError(value);
-        setValue(propsValue);
-      }
-    },
-    autoFocus: focus,
-    onFocus: function onFocus() {
-      var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
-    },
-    maxLength: maxLength,
-    onKeyUp: function onKeyUp(e) {
-      if (e.key === 'Enter') {
-        var _inputRef$current3;
-        if (!validateValue || validateValue(((_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value.trim()) || '')) {
-          var _inputRef$current4;
-          (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.blur();
+  if (isEdit && !readonly) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ald-rename-input"
+    }, /*#__PURE__*/React.createElement("input", {
+      className: classNames(className, 'ald-rename-input-wrapper'),
+      style: _objectSpread(_objectSpread({}, fontStyle), {}, {
+        width: width
+      }),
+      value: value,
+      ref: inputRef,
+      onChange: function onChange(e) {
+        return setValue(e.target.value);
+      },
+      onBlur: function onBlur(e) {
+        if (!validateValue || validateValue(e.target.value.trim())) {
+          handleBlur();
         } else {
-          var _inputRef$current5;
-          onError === null || onError === void 0 ? void 0 : onError(((_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.value.trim()) || '');
+          onError === null || onError === void 0 ? void 0 : onError(value);
           setValue(propsValue);
         }
+        setIsEdit(false);
+      },
+      autoFocus: focus,
+      onFocus: function onFocus() {
+        var _inputRef$current2;
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
+      },
+      maxLength: maxLength,
+      onKeyUp: function onKeyUp(e) {
+        if (e.key === 'Enter') {
+          var _inputRef$current3;
+          if (!validateValue || validateValue(((_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value.trim()) || '')) {
+            var _inputRef$current4;
+            (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.blur();
+          } else {
+            var _inputRef$current5;
+            onError === null || onError === void 0 ? void 0 : onError(((_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.value.trim()) || '');
+            setValue(propsValue);
+          }
+        }
       }
+    }), /*#__PURE__*/React.createElement("div", {
+      ref: divRef,
+      className: "ald-rename-input-div",
+      style: fontStyle
+    }, value));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, 'ald-rename-input-text'),
+    style: fontStyle,
+    onMouseEnter: function onMouseEnter() {
+      setIsEdit(true);
+    },
+    onClick: function onClick() {
+      var _inputRef$current6;
+      setValue(propsValue);
+      (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.select();
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    ref: divRef,
-    className: "ald-rename-input-div",
-    style: _objectSpread({}, fontStyle)
-  }, value));
+  }, propsValue);
 };
 export default RenameInput;

package/dist/RenameInput/style/index.less

@@ -9,6 +9,15 @@
   border: 1px solid transparent;
 }
 
+.ald-rename-input-text {
+  height: 22px;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  padding: 2px;
+  border: 1px solid transparent;
+}
+
 .ald-rename-input-wrapper {
   box-sizing: border-box;
   height: 24px;

package/dist/Table/helper.d.ts

@@ -23,7 +23,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, con
         render?: ((text: any, record: TDataItem, rowIndex: number) => import("react").ReactNode) | undefined;
         ellipsis?: boolean | undefined;
         noPadding?: boolean | undefined;
-        align?: "left" | "right" | "center" | undefined;
+        align?: "center" | "left" | "right" | undefined;
         fixed?: "left" | "right" | undefined;
         sortOrder?: "ascend" | "descend" | null | undefined;
     };

package/dist/Tag/index.d.ts

@@ -39,6 +39,10 @@ export interface TagProps {
      * 最大宽度
      */
     maxWidth?: number;
+    /**
+     * hover 上去后显示的 title
+     */
+    title?: string;
     className?: string;
 }
 export default function Tag(props: TagProps): React.JSX.Element;