@hi-ui/dropdown 4.1.1 → 4.1.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @hi-ui/dropdown
 
+## 4.1.2
+
+### Patch Changes
+
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-latest@4.0.2
+  - @hi-ui/use-timeout@4.0.2
+  - @hi-ui/use-toggle@4.0.2
+  - @hi-ui/use-unmount-effect@4.0.2
+  - @hi-ui/icons@4.0.16
+  - @hi-ui/button@4.0.7
+  - @hi-ui/popper@4.1.1
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/dom-utils@4.0.5
+  - @hi-ui/env@4.0.2
+  - @hi-ui/react-utils@4.0.2
+  - @hi-ui/type-assertion@4.0.2
+
 ## 4.1.1
 
 ### Patch Changes

package/lib/cjs/Dropdown.js

@@ -9,97 +9,63 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var popper = require('@hi-ui/popper');
-
 var context = require('./context.js');
-
 var useDropdown = require('./use-dropdown.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var Button = require('@hi-ui/button');
-
 var icons = require('@hi-ui/icons');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
 var _role = 'dropdown';
-
 var _prefix = classname.getPrefixCls(_role);
-
 var DEFAULT_DATA = [];
 /**
  * 下拉菜单
  */
-
 var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      triggerButton = _a.children,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
-      title = _a.title,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'text' : _a$type,
-      _onClick = _a.onClick,
-      onButtonClick = _a.onButtonClick,
-      overlayClassName = _a.overlayClassName,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName", "size"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    triggerButton = _a.children,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+    title = _a.title,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'text' : _a$type,
+    _onClick = _a.onClick,
+    onButtonClick = _a.onButtonClick,
+    overlayClassName = _a.overlayClassName,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName", "size"]);
   var _b = useDropdown.useDropdown(rest),
-      rootProps = _b.rootProps,
-      providedValue = tslib.__rest(_b, ["rootProps"]);
-
+    rootProps = _b.rootProps,
+    providedValue = tslib.__rest(_b, ["rootProps"]);
   var getMenuProps = providedValue.getMenuProps,
-      getTriggerProps = providedValue.getTriggerProps,
-      disabled = providedValue.disabled,
-      menuVisibleAction = providedValue.menuVisibleAction;
+    getTriggerProps = providedValue.getTriggerProps,
+    disabled = providedValue.disabled,
+    menuVisibleAction = providedValue.menuVisibleAction;
   var cls = classname.cx(prefixCls, className, disabled && prefixCls + "--disabled");
-
   var dig = function dig(treeData) {
     return treeData.map(function (item) {
-      var menu = typeAssertion.isArrayNonEmpty(item.children) ? /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
+      var menu = typeAssertion.isArrayNonEmpty(item.children) ? /*#__PURE__*/React.createElement(DropdownMenu, {
         overlay: {
           gutterGap: 16
         },
         size: size
       }, dig(item.children)) : null;
-
       if (item.split) {
-        return /*#__PURE__*/React__default["default"].createElement("li", {
+        return /*#__PURE__*/React.createElement("li", {
           key: item.id,
           className: prefixCls + "-divider"
         });
       }
-
-      return /*#__PURE__*/React__default["default"].createElement(DropdownMenuItem, {
+      return /*#__PURE__*/React.createElement(DropdownMenuItem, {
         key: item.id,
         disabled: item.disabled,
         href: item.href,
@@ -109,7 +75,6 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         onClick: function onClick() {
           if (item.disabled) return;
           _onClick === null || _onClick === void 0 ? void 0 : _onClick(item.id);
-
           if (!typeAssertion.isArray(item.children)) {
             menuVisibleAction.off();
           }
@@ -117,43 +82,38 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       }, item.title);
     });
   };
-
   var renderButton = function renderButton() {
     if (triggerButton) {
       // @ts-ignore
       return /*#__PURE__*/React.cloneElement(triggerButton, getTriggerProps(triggerButton.props, triggerButton.ref));
     }
-
     if (type === 'text' || type === 'button') {
-      return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({}, getTriggerProps(), {
+      return /*#__PURE__*/React.createElement(Button, Object.assign({}, getTriggerProps(), {
         appearance: type === 'button' ? 'filled' : 'link'
-      }), title, /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, {
+      }), title, /*#__PURE__*/React.createElement(icons.DownOutlined, {
         style: {
           marginInlineStart: 2
         }
       }));
     }
-
     if (type === 'group') {
-      return /*#__PURE__*/React__default["default"].createElement(Button.ButtonGroup, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+      return /*#__PURE__*/React.createElement(Button.ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
         onClick: onButtonClick
-      }, title), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
+      }, title), /*#__PURE__*/React.createElement(Button, Object.assign({
         className: classname.cx(prefixCls + "__icon", prefixCls + "__icon-btn-wrap")
       }, getTriggerProps(), {
-        icon: /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null)
+        icon: /*#__PURE__*/React.createElement(icons.DownOutlined, null)
       })));
     }
-
     return null;
   };
-
-  return /*#__PURE__*/React__default["default"].createElement(context.DropDownProvider, {
+  return /*#__PURE__*/React.createElement(context.DropDownProvider, {
     value: providedValue
-  }, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+  }, /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls
-  }, rootProps), renderButton(), typeAssertion.isArrayNonEmpty(data) ? /*#__PURE__*/React__default["default"].createElement(DropdownMenu, Object.assign({}, getMenuProps({
+  }, rootProps), renderButton(), typeAssertion.isArrayNonEmpty(data) ? /*#__PURE__*/React.createElement(DropdownMenu, Object.assign({}, getMenuProps({
     overlay: {
       disabledPortal: false,
       className: overlayClassName
@@ -162,88 +122,78 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     size: size
   }), dig(data)) : null));
 });
-
 if (env.__DEV__) {
   Dropdown.displayName = 'Dropdown';
 }
-
 var dropdownMenuPrefix = classname.getPrefixCls('dropdown-menu');
 var DropdownMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls2 = _a.prefixCls,
-      prefixCls = _a$prefixCls2 === void 0 ? dropdownMenuPrefix : _a$prefixCls2,
-      overlay = _a.overlay,
-      parents = _a.parents,
-      className = _a.className,
-      children = _a.children,
-      _a$size2 = _a.size,
-      size = _a$size2 === void 0 ? 'lg' : _a$size2,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "overlay", "parents", "className", "children", "size"]);
-
+    prefixCls = _a$prefixCls2 === void 0 ? dropdownMenuPrefix : _a$prefixCls2,
+    overlay = _a.overlay,
+    parents = _a.parents,
+    className = _a.className,
+    children = _a.children,
+    _a$size2 = _a.size,
+    size = _a$size2 === void 0 ? 'lg' : _a$size2,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "overlay", "parents", "className", "children", "size"]);
   var cls = classname.cx(prefixCls, className, prefixCls + "--size-" + size);
-  return /*#__PURE__*/React__default["default"].createElement(popper.Popper, Object.assign({}, overlay), /*#__PURE__*/React__default["default"].createElement("ul", Object.assign({
+  return /*#__PURE__*/React.createElement(popper.Popper, Object.assign({}, overlay), /*#__PURE__*/React.createElement("ul", Object.assign({
     ref: ref,
     className: cls
-  }, rest), children ? React__default["default"].Children.map(children, function (child) {
+  }, rest), children ? React.Children.map(children, function (child) {
     return /*#__PURE__*/React.cloneElement(child, {
       parents: parents
     });
   }) : children));
 });
-
 if (env.__DEV__) {
   DropdownMenu.displayName = 'DropdownMenu';
 }
-
 var dropdownMenuItemPrefix = classname.getPrefixCls('dropdown-menu-item');
 var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls3 = _a.prefixCls,
-      prefixCls = _a$prefixCls3 === void 0 ? dropdownMenuItemPrefix : _a$prefixCls3,
-      className = _a.className,
-      children = _a.children,
-      href = _a.href,
-      target = _a.target,
-      disabled = _a.disabled,
-      parentsProp = _a.parents,
-      menu = _a.menu,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "href", "value", "target", "disabled", "parents", "menu"]);
-
+    prefixCls = _a$prefixCls3 === void 0 ? dropdownMenuItemPrefix : _a$prefixCls3,
+    className = _a.className,
+    children = _a.children,
+    href = _a.href,
+    target = _a.target,
+    disabled = _a.disabled,
+    parentsProp = _a.parents,
+    menu = _a.menu,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "href", "value", "target", "disabled", "parents", "menu"]);
   var _useDropDownContext = context.useDropDownContext(),
-      triggerMethods = _useDropDownContext.triggerMethods,
-      width = _useDropDownContext.width;
-
+    triggerMethods = _useDropDownContext.triggerMethods,
+    width = _useDropDownContext.width;
   var _useDropdown = useDropdown.useDropdown(Object.assign(Object.assign({
-    overlay: {
-      placement: 'right-start',
-      disabledPortal: true
-    },
-    width: width
-  }, rest), {
-    trigger: triggerMethods,
-    parents: parentsProp
-  })),
-      menuVisible = _useDropdown.menuVisible,
-      rootProps = _useDropdown.rootProps,
-      getTriggerProps = _useDropdown.getTriggerProps,
-      getMenuProps = _useDropdown.getMenuProps;
-
+      overlay: {
+        placement: 'right-start',
+        disabledPortal: true
+      },
+      width: width
+    }, rest), {
+      trigger: triggerMethods,
+      parents: parentsProp
+    })),
+    menuVisible = _useDropdown.menuVisible,
+    rootProps = _useDropdown.rootProps,
+    getTriggerProps = _useDropdown.getTriggerProps,
+    getMenuProps = _useDropdown.getMenuProps;
   var cls = classname.cx(prefixCls, className, menuVisible && prefixCls + "--active", disabled && prefixCls + "--disabled");
   var shouldUseLink = href && !disabled;
-  return /*#__PURE__*/React__default["default"].createElement("li", Object.assign({
+  return /*#__PURE__*/React.createElement("li", Object.assign({
     ref: ref,
     className: cls
-  }, rootProps), /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+  }, rootProps), /*#__PURE__*/React.createElement("div", Object.assign({
     className: prefixCls + "__trigger"
-  }, getTriggerProps()), shouldUseLink ? /*#__PURE__*/React__default["default"].createElement("a", {
+  }, getTriggerProps()), shouldUseLink ? /*#__PURE__*/React.createElement("a", {
     className: prefixCls + "__link",
     href: href,
     target: target
-  }, children) : children, menu ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, children) : children, menu ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__arrow"
-  }, /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null)) : null), menu ? /*#__PURE__*/React.cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
+  }, /*#__PURE__*/React.createElement(icons.DownOutlined, null)) : null), menu ? /*#__PURE__*/React.cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
 });
-
 if (env.__DEV__) {
   DropdownMenuItem.displayName = 'DropdownMenuItem';
 }
-
 exports.Dropdown = Dropdown;

package/lib/cjs/context.js

@@ -9,24 +9,15 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var dropDownContext = /*#__PURE__*/React.createContext(null);
 var DropDownProvider = dropDownContext.Provider;
-
 var useDropDownContext = function useDropDownContext() {
   var context = React.useContext(dropDownContext);
-
   if (!context) {
     throw new Error('The dropDownContext is not defined, Maybe it should be wrapped in Dropdown.');
   }
-
   return context;
 };
-
 exports.DropDownProvider = DropDownProvider;
 exports.useDropDownContext = useDropDownContext;

package/lib/cjs/index.js

@@ -12,13 +12,9 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var Dropdown = require('./Dropdown.js');
-
 var types = require('./types.js');
-
 exports.Dropdown = Dropdown.Dropdown;
 exports["default"] = Dropdown.Dropdown;
 exports.DropdownTriggerActionEnum = types.DropdownTriggerActionEnum;

package/lib/cjs/styles/index.scss.js

@@ -13,9 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 var css_248z = ".hi-v4-dropdown {display: inline-block;}.hi-v4-dropdown-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;background-color: var(--hi-v4-color-static-white, #fff);border-radius: var(--hi-v4-border-radius-md, 4px);font-size: var(--hi-v4-text-size-md, 0.875rem);padding: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-gray-700, #1f2733);width: var(--hi-v4-dropdown-menu-width, 180px);}.hi-v4-dropdown-menu-item {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none;margin: 0;box-sizing: border-box;overflow: visible;}.hi-v4-dropdown-menu-item__link {color: var(--hi-v4-color-gray-700, #1f2733);width: 100%;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-dropdown-menu-item__arrow {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}.hi-v4-dropdown-menu-item__trigger {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;cursor: pointer;border-radius: var(--hi-v4-border-radius-md, 4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.hi-v4-dropdown-menu--size-lg .hi-v4-dropdown-menu-item__trigger {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-5, 10px);}.hi-v4-dropdown-menu--size-md .hi-v4-dropdown-menu-item__trigger {padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-4, 8px);}.hi-v4-dropdown-menu--size-sm .hi-v4-dropdown-menu-item__trigger {padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);}.hi-v4-dropdown-menu-item:not(.hi-v4-dropdown-menu-item--disabled) > .hi-v4-dropdown-menu-item__trigger:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-dropdown-menu-item--active:not(.hi-v4-dropdown-menu-item--disabled) > .hi-v4-dropdown-menu-item__trigger {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-dropdown-menu-item--disabled > .hi-v4-dropdown-menu-item__trigger {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-dropdown-divider {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none;background-color: var(--hi-v4-color-gray-200, #ebedf0);width: 100%;height: 1px;margin: var(--hi-v4-spacing-4, 8px) 0;}";
-
 var __styleInject__ = require('style-inject')["default"];
-
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;

package/lib/cjs/types.js

@@ -9,9 +9,6 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
 var DropdownTriggerActionEnum = {
   CLICK: 'click',
   CONTEXTMENU: 'contextmenu',

package/lib/cjs/use-dropdown.js

@@ -9,95 +9,70 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var types = require('./types.js');
-
 var index = require('./utils/index.js');
-
 var useToggle = require('@hi-ui/use-toggle');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var useTimeout = require('@hi-ui/use-timeout');
-
 var useUnmountEffect = require('@hi-ui/use-unmount-effect');
-
 var classname = require('@hi-ui/classname');
-
 var reactUtils = require('@hi-ui/react-utils');
-
 var domUtils = require('@hi-ui/dom-utils');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var NOOP_ARRAY = [];
-
 var useDropdown = function useDropdown(props) {
   var _props$trigger = props.trigger,
-      triggerProp = _props$trigger === void 0 ? types.DropdownTriggerActionEnum.HOVER : _props$trigger,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$parents = props.parents,
-      parents = _props$parents === void 0 ? NOOP_ARRAY : _props$parents,
-      width = props.width,
-      overlay = props.overlay,
-      rest = tslib.__rest(props, ["trigger", "disabled", "parents", "width", "overlay"]);
-
+    triggerProp = _props$trigger === void 0 ? types.DropdownTriggerActionEnum.HOVER : _props$trigger,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$parents = props.parents,
+    parents = _props$parents === void 0 ? NOOP_ARRAY : _props$parents,
+    width = props.width,
+    overlay = props.overlay,
+    rest = tslib.__rest(props, ["trigger", "disabled", "parents", "width", "overlay"]);
   var triggerElementRef = React.useRef(null);
   var popperElementRef = React.useRef(null);
   /**
    * 抹平数组或字符串结构，同时 memo 处理，减少重渲染
    */
-
-  var trigger = index.normalizeTrigger(triggerProp); // eslint-disable-next-line react-hooks/exhaustive-deps
-
+  var trigger = index.normalizeTrigger(triggerProp);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   var triggerMethods = React.useMemo(function () {
     return trigger;
   }, trigger);
-
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
-    defaultVisible: false,
-    disabled: disabled
-  }),
-      menuVisible = _useUncontrolledToggl[0],
-      menuVisibleAction = _useUncontrolledToggl[1];
+      defaultVisible: false,
+      disabled: disabled
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
   /**
    * 维护 trigger 元素 或 tooltip 弹出层元素的 hover 态
    */
-
-
   var hoveringRef = React.useRef(false);
-
   var _useTimeout = useTimeout.useTimeout(function () {
-    if (disabled) return;
-    menuVisibleAction.on();
-  }, 0),
-      startOpenTimer = _useTimeout.start,
-      clearOpenTimer = _useTimeout.clear;
-
+      if (disabled) return;
+      menuVisibleAction.on();
+    }, 0),
+    startOpenTimer = _useTimeout.start,
+    clearOpenTimer = _useTimeout.clear;
   var _useTimeout2 = useTimeout.useTimeout(function () {
-    if (disabled) return;
-    if (hoveringRef.current) return;
-    menuVisibleAction.off();
-  }, 100),
-      startCloseTimer = _useTimeout2.start,
-      clearCloseTimer = _useTimeout2.clear;
-
+      if (disabled) return;
+      if (hoveringRef.current) return;
+      menuVisibleAction.off();
+    }, 100),
+    startCloseTimer = _useTimeout2.start,
+    clearCloseTimer = _useTimeout2.clear;
   var clearToggleTimer = React.useCallback(function () {
     clearOpenTimer();
     clearCloseTimer();
   }, [clearOpenTimer, clearCloseTimer]);
   useUnmountEffect.useUnmountEffect(clearToggleTimer);
   var handlePopperLeave = useLatest.useLatestCallback(function (evt) {
-    hoveringRef.current = false; // if (triggerElementRef.current?.contains(evt.target as HTMLElement)) return
-
+    hoveringRef.current = false;
+    // if (triggerElementRef.current?.contains(evt.target as HTMLElement)) return
     clearOpenTimer();
     startCloseTimer();
   });
@@ -110,11 +85,9 @@ var useDropdown = function useDropdown(props) {
     if (props === void 0) {
       props = {};
     }
-
     if (ref === void 0) {
       ref = null;
     }
-
     var triggerProps = {
       ref: reactUtils.mergeRefs(triggerElementRef, ref),
       disabled: disabled
@@ -123,26 +96,22 @@ var useDropdown = function useDropdown(props) {
      * 事件收集
      * 'click' | 'contextmenu' | 'hover'
      */
-
     triggerMethods.reduce(function (acc, cur) {
       switch (cur) {
         case types.DropdownTriggerActionEnum.HOVER:
           acc.onMouseEnter = domUtils.mockDefaultHandlers(props.onMouseEnter, handlePopperEnter);
           acc.onMouseLeave = domUtils.mockDefaultHandlers(props.onMouseLeave, handlePopperLeave);
           break;
-
         case types.DropdownTriggerActionEnum.CONTEXTMENU:
           acc.onContextMenu = domUtils.mockDefaultHandlers(props.onContextMenu, function (evt) {
             evt.preventDefault();
             menuVisibleAction.not();
           });
           break;
-
         case types.DropdownTriggerActionEnum.CLICK:
           acc.onClick = domUtils.mockDefaultHandlers(props.onClick, menuVisibleAction.not);
           break;
       }
-
       return acc;
     }, triggerProps);
     return triggerProps;
@@ -150,15 +119,12 @@ var useDropdown = function useDropdown(props) {
   var rootProps = rest;
   var getMenuProps = useLatest.useLatestCallback(function (props, ref) {
     var _Object$assign;
-
     if (props === void 0) {
       props = {};
     }
-
     if (ref === void 0) {
       ref = null;
     }
-
     var menuParents = parents.concat(triggerElementRef);
     var menuProps = Object.assign(Object.assign({}, props), {
       ref: reactUtils.mergeRefs(popperElementRef, ref),
@@ -171,17 +137,14 @@ var useDropdown = function useDropdown(props) {
         onClose: menuVisibleAction.off
       })
     });
-
     if (triggerMethods.includes(types.DropdownTriggerActionEnum.HOVER)) {
       // @ts-ignore
       menuProps.onMouseEnter = function () {
         hoveringRef.current = true;
-      }; // @ts-ignore
-
-
+      };
+      // @ts-ignore
       menuProps.onMouseLeave = handlePopperLeave;
     }
-
     return menuProps;
   });
   return {
@@ -196,5 +159,4 @@ var useDropdown = function useDropdown(props) {
     getMenuProps: getMenuProps
   };
 };
-
 exports.useDropdown = useDropdown;

package/lib/cjs/utils/index.js

@@ -9,21 +9,15 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var typeAssertion = require('@hi-ui/type-assertion');
+
 /**
  * 抹平 trigger 结构为数组
  *
  * @param trigger
  * @returns
  */
-
-
 var normalizeTrigger = function normalizeTrigger(trigger) {
   return typeAssertion.isArray(trigger) ? Array.from(new Set(trigger)) : [trigger];
 };
-
 exports.normalizeTrigger = normalizeTrigger;

package/lib/esm/Dropdown.js

@@ -18,43 +18,37 @@ import { isArrayNonEmpty, isArray } from '@hi-ui/type-assertion';
 import Button, { ButtonGroup } from '@hi-ui/button';
 import { DownOutlined } from '@hi-ui/icons';
 var _role = 'dropdown';
-
 var _prefix = getPrefixCls(_role);
-
 var DEFAULT_DATA = [];
 /**
  * 下拉菜单
  */
-
 var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      triggerButton = _a.children,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
-      title = _a.title,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'text' : _a$type,
-      _onClick = _a.onClick,
-      onButtonClick = _a.onButtonClick,
-      overlayClassName = _a.overlayClassName,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName", "size"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    triggerButton = _a.children,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+    title = _a.title,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'text' : _a$type,
+    _onClick = _a.onClick,
+    onButtonClick = _a.onButtonClick,
+    overlayClassName = _a.overlayClassName,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName", "size"]);
   var _b = useDropdown(rest),
-      rootProps = _b.rootProps,
-      providedValue = __rest(_b, ["rootProps"]);
-
+    rootProps = _b.rootProps,
+    providedValue = __rest(_b, ["rootProps"]);
   var getMenuProps = providedValue.getMenuProps,
-      getTriggerProps = providedValue.getTriggerProps,
-      disabled = providedValue.disabled,
-      menuVisibleAction = providedValue.menuVisibleAction;
+    getTriggerProps = providedValue.getTriggerProps,
+    disabled = providedValue.disabled,
+    menuVisibleAction = providedValue.menuVisibleAction;
   var cls = cx(prefixCls, className, disabled && prefixCls + "--disabled");
-
   var dig = function dig(treeData) {
     return treeData.map(function (item) {
       var menu = isArrayNonEmpty(item.children) ? /*#__PURE__*/React.createElement(DropdownMenu, {
@@ -63,14 +57,12 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
         },
         size: size
       }, dig(item.children)) : null;
-
       if (item.split) {
         return /*#__PURE__*/React.createElement("li", {
           key: item.id,
           className: prefixCls + "-divider"
         });
       }
-
       return /*#__PURE__*/React.createElement(DropdownMenuItem, {
         key: item.id,
         disabled: item.disabled,
@@ -81,7 +73,6 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
         onClick: function onClick() {
           if (item.disabled) return;
           _onClick === null || _onClick === void 0 ? void 0 : _onClick(item.id);
-
           if (!isArray(item.children)) {
             menuVisibleAction.off();
           }
@@ -89,13 +80,11 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
       }, item.title);
     });
   };
-
   var renderButton = function renderButton() {
     if (triggerButton) {
       // @ts-ignore
       return /*#__PURE__*/cloneElement(triggerButton, getTriggerProps(triggerButton.props, triggerButton.ref));
     }
-
     if (type === 'text' || type === 'button') {
       return /*#__PURE__*/React.createElement(Button, Object.assign({}, getTriggerProps(), {
         appearance: type === 'button' ? 'filled' : 'link'
@@ -105,7 +94,6 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
         }
       }));
     }
-
     if (type === 'group') {
       return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
         onClick: onButtonClick
@@ -115,10 +103,8 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
         icon: /*#__PURE__*/React.createElement(DownOutlined, null)
       })));
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement(DropDownProvider, {
     value: providedValue
   }, /*#__PURE__*/React.createElement("div", Object.assign({
@@ -134,23 +120,20 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
     size: size
   }), dig(data)) : null));
 });
-
 if (__DEV__) {
   Dropdown.displayName = 'Dropdown';
 }
-
 var dropdownMenuPrefix = getPrefixCls('dropdown-menu');
 var DropdownMenu = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls2 = _a.prefixCls,
-      prefixCls = _a$prefixCls2 === void 0 ? dropdownMenuPrefix : _a$prefixCls2,
-      overlay = _a.overlay,
-      parents = _a.parents,
-      className = _a.className,
-      children = _a.children,
-      _a$size2 = _a.size,
-      size = _a$size2 === void 0 ? 'lg' : _a$size2,
-      rest = __rest(_a, ["prefixCls", "role", "overlay", "parents", "className", "children", "size"]);
-
+    prefixCls = _a$prefixCls2 === void 0 ? dropdownMenuPrefix : _a$prefixCls2,
+    overlay = _a.overlay,
+    parents = _a.parents,
+    className = _a.className,
+    children = _a.children,
+    _a$size2 = _a.size,
+    size = _a$size2 === void 0 ? 'lg' : _a$size2,
+    rest = __rest(_a, ["prefixCls", "role", "overlay", "parents", "className", "children", "size"]);
   var cls = cx(prefixCls, className, prefixCls + "--size-" + size);
   return /*#__PURE__*/React.createElement(Popper, Object.assign({}, overlay), /*#__PURE__*/React.createElement("ul", Object.assign({
     ref: ref,
@@ -161,43 +144,38 @@ var DropdownMenu = /*#__PURE__*/forwardRef(function (_a, ref) {
     });
   }) : children));
 });
-
 if (__DEV__) {
   DropdownMenu.displayName = 'DropdownMenu';
 }
-
 var dropdownMenuItemPrefix = getPrefixCls('dropdown-menu-item');
 var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls3 = _a.prefixCls,
-      prefixCls = _a$prefixCls3 === void 0 ? dropdownMenuItemPrefix : _a$prefixCls3,
-      className = _a.className,
-      children = _a.children,
-      href = _a.href,
-      target = _a.target,
-      disabled = _a.disabled,
-      parentsProp = _a.parents,
-      menu = _a.menu,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "href", "value", "target", "disabled", "parents", "menu"]);
-
+    prefixCls = _a$prefixCls3 === void 0 ? dropdownMenuItemPrefix : _a$prefixCls3,
+    className = _a.className,
+    children = _a.children,
+    href = _a.href,
+    target = _a.target,
+    disabled = _a.disabled,
+    parentsProp = _a.parents,
+    menu = _a.menu,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "href", "value", "target", "disabled", "parents", "menu"]);
   var _useDropDownContext = useDropDownContext(),
-      triggerMethods = _useDropDownContext.triggerMethods,
-      width = _useDropDownContext.width;
-
+    triggerMethods = _useDropDownContext.triggerMethods,
+    width = _useDropDownContext.width;
   var _useDropdown = useDropdown(Object.assign(Object.assign({
-    overlay: {
-      placement: 'right-start',
-      disabledPortal: true
-    },
-    width: width
-  }, rest), {
-    trigger: triggerMethods,
-    parents: parentsProp
-  })),
-      menuVisible = _useDropdown.menuVisible,
-      rootProps = _useDropdown.rootProps,
-      getTriggerProps = _useDropdown.getTriggerProps,
-      getMenuProps = _useDropdown.getMenuProps;
-
+      overlay: {
+        placement: 'right-start',
+        disabledPortal: true
+      },
+      width: width
+    }, rest), {
+      trigger: triggerMethods,
+      parents: parentsProp
+    })),
+    menuVisible = _useDropdown.menuVisible,
+    rootProps = _useDropdown.rootProps,
+    getTriggerProps = _useDropdown.getTriggerProps,
+    getMenuProps = _useDropdown.getMenuProps;
   var cls = cx(prefixCls, className, menuVisible && prefixCls + "--active", disabled && prefixCls + "--disabled");
   var shouldUseLink = href && !disabled;
   return /*#__PURE__*/React.createElement("li", Object.assign({
@@ -213,9 +191,7 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
     className: prefixCls + "__arrow"
   }, /*#__PURE__*/React.createElement(DownOutlined, null)) : null), menu ? /*#__PURE__*/cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
 });
-
 if (__DEV__) {
   DropdownMenuItem.displayName = 'DropdownMenuItem';
 }
-
 export { Dropdown };

package/lib/esm/context.js

@@ -10,15 +10,11 @@
 import { useContext, createContext } from 'react';
 var dropDownContext = /*#__PURE__*/createContext(null);
 var DropDownProvider = dropDownContext.Provider;
-
 var useDropDownContext = function useDropDownContext() {
   var context = useContext(dropDownContext);
-
   if (!context) {
     throw new Error('The dropDownContext is not defined, Maybe it should be wrapped in Dropdown.');
   }
-
   return context;
 };
-
 export { DropDownProvider, useDropDownContext };

package/lib/esm/styles/index.scss.js

@@ -9,7 +9,5 @@
  */
 import __styleInject__ from 'style-inject';
 var css_248z = ".hi-v4-dropdown {display: inline-block;}.hi-v4-dropdown-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;background-color: var(--hi-v4-color-static-white, #fff);border-radius: var(--hi-v4-border-radius-md, 4px);font-size: var(--hi-v4-text-size-md, 0.875rem);padding: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-gray-700, #1f2733);width: var(--hi-v4-dropdown-menu-width, 180px);}.hi-v4-dropdown-menu-item {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none;margin: 0;box-sizing: border-box;overflow: visible;}.hi-v4-dropdown-menu-item__link {color: var(--hi-v4-color-gray-700, #1f2733);width: 100%;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-dropdown-menu-item__arrow {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}.hi-v4-dropdown-menu-item__trigger {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;cursor: pointer;border-radius: var(--hi-v4-border-radius-md, 4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.hi-v4-dropdown-menu--size-lg .hi-v4-dropdown-menu-item__trigger {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-5, 10px);}.hi-v4-dropdown-menu--size-md .hi-v4-dropdown-menu-item__trigger {padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-4, 8px);}.hi-v4-dropdown-menu--size-sm .hi-v4-dropdown-menu-item__trigger {padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-3, 6px);}.hi-v4-dropdown-menu-item:not(.hi-v4-dropdown-menu-item--disabled) > .hi-v4-dropdown-menu-item__trigger:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-dropdown-menu-item--active:not(.hi-v4-dropdown-menu-item--disabled) > .hi-v4-dropdown-menu-item__trigger {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-dropdown-menu-item--disabled > .hi-v4-dropdown-menu-item__trigger {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-dropdown-divider {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none;background-color: var(--hi-v4-color-gray-200, #ebedf0);width: 100%;height: 1px;margin: var(--hi-v4-spacing-4, 8px) 0;}";
-
 __styleInject__(css_248z);
-
 export { css_248z as default };

package/lib/esm/use-dropdown.js

@@ -20,66 +20,57 @@ import { mergeRefs } from '@hi-ui/react-utils';
 import { mockDefaultHandlers } from '@hi-ui/dom-utils';
 import { isNumeric } from '@hi-ui/type-assertion';
 var NOOP_ARRAY = [];
-
 var useDropdown = function useDropdown(props) {
   var _props$trigger = props.trigger,
-      triggerProp = _props$trigger === void 0 ? DropdownTriggerActionEnum.HOVER : _props$trigger,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$parents = props.parents,
-      parents = _props$parents === void 0 ? NOOP_ARRAY : _props$parents,
-      width = props.width,
-      overlay = props.overlay,
-      rest = __rest(props, ["trigger", "disabled", "parents", "width", "overlay"]);
-
+    triggerProp = _props$trigger === void 0 ? DropdownTriggerActionEnum.HOVER : _props$trigger,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$parents = props.parents,
+    parents = _props$parents === void 0 ? NOOP_ARRAY : _props$parents,
+    width = props.width,
+    overlay = props.overlay,
+    rest = __rest(props, ["trigger", "disabled", "parents", "width", "overlay"]);
   var triggerElementRef = useRef(null);
   var popperElementRef = useRef(null);
   /**
    * 抹平数组或字符串结构，同时 memo 处理，减少重渲染
    */
-
-  var trigger = normalizeTrigger(triggerProp); // eslint-disable-next-line react-hooks/exhaustive-deps
-
+  var trigger = normalizeTrigger(triggerProp);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   var triggerMethods = useMemo(function () {
     return trigger;
   }, trigger);
-
   var _useUncontrolledToggl = useUncontrolledToggle({
-    defaultVisible: false,
-    disabled: disabled
-  }),
-      menuVisible = _useUncontrolledToggl[0],
-      menuVisibleAction = _useUncontrolledToggl[1];
+      defaultVisible: false,
+      disabled: disabled
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
   /**
    * 维护 trigger 元素 或 tooltip 弹出层元素的 hover 态
    */
-
-
   var hoveringRef = useRef(false);
-
   var _useTimeout = useTimeout(function () {
-    if (disabled) return;
-    menuVisibleAction.on();
-  }, 0),
-      startOpenTimer = _useTimeout.start,
-      clearOpenTimer = _useTimeout.clear;
-
+      if (disabled) return;
+      menuVisibleAction.on();
+    }, 0),
+    startOpenTimer = _useTimeout.start,
+    clearOpenTimer = _useTimeout.clear;
   var _useTimeout2 = useTimeout(function () {
-    if (disabled) return;
-    if (hoveringRef.current) return;
-    menuVisibleAction.off();
-  }, 100),
-      startCloseTimer = _useTimeout2.start,
-      clearCloseTimer = _useTimeout2.clear;
-
+      if (disabled) return;
+      if (hoveringRef.current) return;
+      menuVisibleAction.off();
+    }, 100),
+    startCloseTimer = _useTimeout2.start,
+    clearCloseTimer = _useTimeout2.clear;
   var clearToggleTimer = useCallback(function () {
     clearOpenTimer();
     clearCloseTimer();
   }, [clearOpenTimer, clearCloseTimer]);
   useUnmountEffect(clearToggleTimer);
   var handlePopperLeave = useLatestCallback(function (evt) {
-    hoveringRef.current = false; // if (triggerElementRef.current?.contains(evt.target as HTMLElement)) return
-
+    hoveringRef.current = false;
+    // if (triggerElementRef.current?.contains(evt.target as HTMLElement)) return
     clearOpenTimer();
     startCloseTimer();
   });
@@ -92,11 +83,9 @@ var useDropdown = function useDropdown(props) {
     if (props === void 0) {
       props = {};
     }
-
     if (ref === void 0) {
       ref = null;
     }
-
     var triggerProps = {
       ref: mergeRefs(triggerElementRef, ref),
       disabled: disabled
@@ -105,26 +94,22 @@ var useDropdown = function useDropdown(props) {
      * 事件收集
      * 'click' | 'contextmenu' | 'hover'
      */
-
     triggerMethods.reduce(function (acc, cur) {
       switch (cur) {
         case DropdownTriggerActionEnum.HOVER:
           acc.onMouseEnter = mockDefaultHandlers(props.onMouseEnter, handlePopperEnter);
           acc.onMouseLeave = mockDefaultHandlers(props.onMouseLeave, handlePopperLeave);
           break;
-
         case DropdownTriggerActionEnum.CONTEXTMENU:
           acc.onContextMenu = mockDefaultHandlers(props.onContextMenu, function (evt) {
             evt.preventDefault();
             menuVisibleAction.not();
           });
           break;
-
         case DropdownTriggerActionEnum.CLICK:
           acc.onClick = mockDefaultHandlers(props.onClick, menuVisibleAction.not);
           break;
       }
-
       return acc;
     }, triggerProps);
     return triggerProps;
@@ -132,15 +117,12 @@ var useDropdown = function useDropdown(props) {
   var rootProps = rest;
   var getMenuProps = useLatestCallback(function (props, ref) {
     var _Object$assign;
-
     if (props === void 0) {
       props = {};
     }
-
     if (ref === void 0) {
       ref = null;
     }
-
     var menuParents = parents.concat(triggerElementRef);
     var menuProps = Object.assign(Object.assign({}, props), {
       ref: mergeRefs(popperElementRef, ref),
@@ -153,17 +135,14 @@ var useDropdown = function useDropdown(props) {
         onClose: menuVisibleAction.off
       })
     });
-
     if (triggerMethods.includes(DropdownTriggerActionEnum.HOVER)) {
       // @ts-ignore
       menuProps.onMouseEnter = function () {
         hoveringRef.current = true;
-      }; // @ts-ignore
-
-
+      };
+      // @ts-ignore
       menuProps.onMouseLeave = handlePopperLeave;
     }
-
     return menuProps;
   });
   return {
@@ -178,5 +157,4 @@ var useDropdown = function useDropdown(props) {
     getMenuProps: getMenuProps
   };
 };
-
 export { useDropdown };

package/lib/esm/utils/index.js

@@ -8,15 +8,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { isArray } from '@hi-ui/type-assertion';
+
 /**
  * 抹平 trigger 结构为数组
  *
  * @param trigger
  * @returns
  */
-
 var normalizeTrigger = function normalizeTrigger(trigger) {
   return isArray(trigger) ? Array.from(new Set(trigger)) : [trigger];
 };
-
 export { normalizeTrigger };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/dropdown",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,27 +43,27 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/button": "^4.0.5",
-    "@hi-ui/classname": "^4.0.1",
-    "@hi-ui/dom-utils": "^4.0.4",
-    "@hi-ui/env": "^4.0.1",
-    "@hi-ui/icons": "^4.0.4",
-    "@hi-ui/popper": "^4.0.4",
-    "@hi-ui/react-utils": "^4.0.1",
-    "@hi-ui/type-assertion": "^4.0.1",
-    "@hi-ui/use-latest": "^4.0.1",
-    "@hi-ui/use-timeout": "^4.0.1",
-    "@hi-ui/use-toggle": "^4.0.1",
-    "@hi-ui/use-unmount-effect": "^4.0.1"
+    "@hi-ui/button": "^4.0.7",
+    "@hi-ui/classname": "^4.0.2",
+    "@hi-ui/dom-utils": "^4.0.5",
+    "@hi-ui/env": "^4.0.2",
+    "@hi-ui/icons": "^4.0.16",
+    "@hi-ui/popper": "^4.1.1",
+    "@hi-ui/react-utils": "^4.0.2",
+    "@hi-ui/type-assertion": "^4.0.2",
+    "@hi-ui/use-latest": "^4.0.2",
+    "@hi-ui/use-timeout": "^4.0.2",
+    "@hi-ui/use-toggle": "^4.0.2",
+    "@hi-ui/use-unmount-effect": "^4.0.2"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.0",
+    "@hi-ui/core": ">=4.0.6",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.1.1",
+    "@hi-ui/core": "^4.0.6",
+    "@hi-ui/core-css": "^4.1.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }