@hi-ui/layout 5.0.0-canary.9 → 5.0.0-experimental.1

package/CHANGELOG.md

@@ -1,103 +1,91 @@
 # @hi-ui/layout
 
-## 5.0.0-canary.9
+## 5.0.0-experimental.1
 
-### Minor Changes
+### Patch Changes
 
-- 8d7936b56: feat(layout): 增加 Profile 组件 (5.0)
-- e704a964f: feat(layout): 增加 Header 和 Footer 组件 & 完善示例 (5.0)
+- ec6005193: style(layout,menu): 样式和示例调整 (5.0)
+- 发布 hiui experimental 版本
+- Updated dependencies [ec6005193]
+- Updated dependencies
+  - @hi-ui/menu@5.0.0-experimental.1
 
-## 5.0.0-canary.8
+## 5.0.0-experimental.0
 
 ### Major Changes
 
-- 8d19c4688: feat(layout): 添加 AppListPopover 组件并更新布局样式和示例 (5.0)
-
-### Patch Changes
+- e8fd3543d: feat(layout): 添加 AppListPopover 组件并更新布局样式和示例 (5.0)
 
-- Updated dependencies [632895aaf]
-  - @hi-ui/menu@5.0.0-canary.11
+### Minor Changes
 
-## 5.0.0-canary.7
+- c91b57c00: feat(search-trigger): 继承 MenuSearch 组件参数 (5.0)
+- 5828ae8ab: feat(layout): 增加 FloatMenuContainer 组件 (5.0)
+- df8232a61: feat(layout): 增加 Profile 组件 (5.0)
+- 22ef60263: feat(layout): 新增 Layout 组件 (5.0)
+- 3c3e077b9: feat(layout): 增加 Header 和 Footer 组件 & 完善示例 (5.0)
+- 25cea5f36: feat(layout): Sider 组件增加 maxWidth 参数 & FloatMenuContainer 组件增加 zIndex 参数 (5.0)
+- 95abba983: feat(layout): Sider 增加 resizable 参数，控制是否可改变宽度 (5.0)
 
 ### Patch Changes
 
-- 3f88c4dca: <br />
+- 1662753e0: style: fix ui bug (5.0)
+- e785237b1: <br />
   - perf(layout): 优化导航菜单交互体验 (5.0)
   - perf(menu): 优化搜索菜单组件的样式和交互逻辑 & 修改分组菜单样式问题 (5.0)
-- Updated dependencies [3f88c4dca]
-- Updated dependencies [4dc72a186]
-  - @hi-ui/menu@5.0.0-canary.10
-  - @hi-ui/popper@5.0.0-canary.7
-
-## 5.0.0-canary.6
-
-### Patch Changes
-
-- 301e49608: style(layout): 在折叠状态下为 FloatMenuContainer 组件添加 z-index 属性 (5.0)
-
-## 5.0.0-canary.5
-
-### Minor Changes
-
-- 4798a025c: feat(layout): Sider 组件增加 maxWidth 参数 & FloatMenuContainer 组件增加 zIndex 参数 (5.0)
-
-### Patch Changes
-
-- 282e6c499: perf(layout&menu): 优化 FloatMenuContainer 组件的折叠逻辑 & 修改 SideMenu 组件 hover 样式 (5.0)
-- Updated dependencies [282e6c499]
-- Updated dependencies [4782eb807]
-  - @hi-ui/menu@5.0.0-canary.9
-
-## 5.0.0-canary.4
-
-### Minor Changes
-
-- efce04a26: feat(layout): Sider 增加 resizable 参数，控制是否可改变宽度 (5.0)
-
-### Patch Changes
-
-- efce04a26: fix: 修改 UI 问题 (5.0)
-- Updated dependencies [efce04a26]
-- Updated dependencies [9106dca82]
-  - @hi-ui/menu@5.0.0-canary.8
-  - @hi-ui/popper@5.0.0-canary.6
-  - @hi-ui/core@5.0.0-canary.3
-
-## 5.0.0-canary.3
-
-### Minor Changes
-
-- 4075b33da: feat(layout): 增加 FloatMenuContainer 组件 (5.0)
-
-### Patch Changes
-
-- Updated dependencies [4075b33da]
-  - @hi-ui/menu@5.0.0-canary.7
-
-## 5.0.0-canary.2
-
-### Patch Changes
-
-- 07e7b975b: style(layout): 修改 Sider 收起时宽度为 60px & 增加 width 参数 (5.0)
-- Updated dependencies [07e7b975b]
-  - @hi-ui/menu@5.0.0-canary.6
-
-## 5.0.0-canary.1
-
-### Patch Changes
-
-- ad5d98fff: style(layout): Sider 组件默认宽度改为 180px (5.0)
-
-## 4.1.0-canary.0
-
-### Minor Changes
-
-- 7839d421f: feat(layout): 新增 Layout 组件 (5.0)
-
-### Patch Changes
-
-- Updated dependencies [7bc790804]
-- Updated dependencies [44c862279]
-  - @hi-ui/popper@5.0.0-canary.5
-  - @hi-ui/menu@5.0.0-canary.5
+- c021539a3: style: fix ui bug (5.0)
+- 4c767623f: fix(layout&page-header): add types export to package.json for layout and page-header
+- be5a59325: style: 修改样式问题 (5.0)
+- 2b6cfd655: style: fix ui bug (5.0)
+- 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
+- 95abba983: fix: 修改 UI 问题 (5.0)
+- c2e765ada: style(layout): 修改 Sider 收起时宽度为 60px & 增加 width 参数 (5.0)
+- 52d25f630: perf(layout&menu): 优化 FloatMenuContainer 组件的折叠逻辑 & 修改 SideMenu 组件 hover 样式 (5.0)
+- 7f3abee55: style: fix ui bug (5.0)
+- 872761f65: style(layout): 在折叠状态下为 FloatMenuContainer 组件添加 z-index 属性 (5.0)
+- 72f5dada0: style(layout): Sider 组件默认宽度改为 180px (5.0)
+- Updated dependencies [6fb223e3a]
+- Updated dependencies [1e226cd66]
+- Updated dependencies [9b34d99bc]
+- Updated dependencies [1662753e0]
+- Updated dependencies [e785237b1]
+- Updated dependencies [122d1d859]
+- Updated dependencies [8c0ee78f0]
+- Updated dependencies [8f3aa85e4]
+- Updated dependencies [c021539a3]
+- Updated dependencies [fd4c20bbd]
+- Updated dependencies [be5a59325]
+- Updated dependencies [79ea480f3]
+- Updated dependencies [2b6cfd655]
+- Updated dependencies [2e56529f7]
+- Updated dependencies [277c5033a]
+- Updated dependencies [95abba983]
+- Updated dependencies [c2e765ada]
+- Updated dependencies [976ec929d]
+- Updated dependencies [52d25f630]
+- Updated dependencies [d021b4fa6]
+- Updated dependencies [f1ab51725]
+- Updated dependencies [6f4b13151]
+- Updated dependencies [1b824c9ad]
+- Updated dependencies [5828ae8ab]
+- Updated dependencies [542076e55]
+- Updated dependencies [e42e2badf]
+- Updated dependencies [33da3144e]
+- Updated dependencies [7f3abee55]
+- Updated dependencies [c38e6e4bf]
+- Updated dependencies [a5937df94]
+- Updated dependencies [58ad82e94]
+- Updated dependencies [a0f0c9d6b]
+- Updated dependencies [f2be367e9]
+- Updated dependencies [1972fd16a]
+- Updated dependencies [86910f5e2]
+- Updated dependencies [bfc1cb7c8]
+  - @hi-ui/menu@5.0.0-experimental.0
+  - @hi-ui/popover@5.0.0-experimental.0
+  - @hi-ui/popper@5.0.0-experimental.0
+  - @hi-ui/icons@5.0.0-experimental.0
+  - @hi-ui/core@5.0.0-experimental.0
+  - @hi-ui/use-toggle@5.0.0-experimental.0
+  - @hi-ui/use-uncontrolled-state@5.0.0-experimental.0
+  - @hi-ui/classname@5.0.0-experimental.0
+  - @hi-ui/env@5.0.0-experimental.0
+  - @hi-ui/react-utils@5.0.0-experimental.0

package/lib/cjs/ActionItem.js

@@ -0,0 +1,51 @@
+/** @LICENSE
+ * @hi-ui/layout
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/layout#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'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');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ACTION_ITEM_PREFIX = classname.getPrefixCls('action-item');
+var ActionItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? ACTION_ITEM_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'action-item' : _a$role,
+    className = _a.className,
+    children = _a.children,
+    icon = _a.icon,
+    mini = _a.mini,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "icon", "mini"]);
+  var cls = classname.cx(prefixCls, className, mini && prefixCls + "--mini");
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), icon && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: prefixCls + "__icon"
+  }, icon), children && !mini && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: prefixCls + "__content"
+  }, children));
+});
+if (env.__DEV__) {
+  ActionItem.displayName = 'ActionItem';
+}
+exports.ActionItem = ActionItem;

package/lib/cjs/AppList.js

@@ -18,16 +18,16 @@ var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-var index = require('./packages/hooks/use-toggle/lib/esm/index.js');
-var index$1 = require('./packages/ui/popover/lib/esm/index.js');
-require('./packages/icons/lib/esm/styles/index.scss.js');
-var checkOutlined = require('./packages/icons/lib/esm/components/alert/check-outlined.js');
+var useToggle = require('@hi-ui/use-toggle');
+var Popover = require('@hi-ui/popover');
+var icons = require('@hi-ui/icons');
 function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Popover__default = /*#__PURE__*/_interopDefaultCompat(Popover);
 var APP_LIST_PREFIX = classname.getPrefixCls('app-list');
 /**
  * 应用列表组件
@@ -90,7 +90,7 @@ var AppList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       className: prefixCls + "-item__title"
     }, (titleRender === null || titleRender === void 0 ? void 0 : titleRender(item)) || title), /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-item__checked"
-    }, /*#__PURE__*/React__default["default"].createElement(checkOutlined.CheckOutlined, null)));
+    }, /*#__PURE__*/React__default["default"].createElement(icons.CheckOutlined, null)));
   })));
 });
 var IconBgColorMap = {
@@ -117,7 +117,7 @@ var AppListPopover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     titleRender = _a.titleRender,
     onItemClick = _a.onItemClick,
     restProps = tslib.__rest(_a, ["onOpen", "onClose", "visible", "children", "data", "defaultActiveId", "activeId", "titleRender", "onItemClick"]);
-  var _useUncontrolledToggl = index.useUncontrolledToggle({
+  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
       defaultVisible: false,
       visible: visibleProp
     }),
@@ -131,7 +131,7 @@ var AppListPopover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     visibleAction.off();
     onClose === null || onClose === void 0 ? void 0 : onClose();
   }, [onClose, visibleAction]);
-  return /*#__PURE__*/React__default["default"].createElement(index$1.Popover, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(Popover__default["default"], Object.assign({
     style: {
       boxSizing: 'border-box',
       paddingLeft: 12,

package/lib/cjs/Profile.js

@@ -17,11 +17,9 @@ var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
-var index = require('./packages/ui/popover/lib/esm/index.js');
-require('./packages/icons/lib/esm/styles/index.scss.js');
-var checkOutlined = require('./packages/icons/lib/esm/components/alert/check-outlined.js');
-var rightOutlined = require('./packages/icons/lib/esm/components/direction/right-outlined.js');
-var index$1 = require('./packages/hooks/use-toggle/lib/esm/index.js');
+var Popover = require('@hi-ui/popover');
+var icons = require('@hi-ui/icons');
+var useToggle = require('@hi-ui/use-toggle');
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
@@ -29,6 +27,7 @@ function _interopDefaultCompat(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Popover__default = /*#__PURE__*/_interopDefaultCompat(Popover);
 var PROFILE_PREFIX = classname.getPrefixCls('profile');
 var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b;
@@ -55,7 +54,7 @@ var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     className: prefixCls + "__settings"
   }, settings === null || settings === void 0 ? void 0 : settings.data.map(function (item) {
     var _a, _b, _c, _d;
-    return /*#__PURE__*/React__default["default"].createElement(index.Popover, Object.assign({
+    return /*#__PURE__*/React__default["default"].createElement(Popover__default["default"], Object.assign({
       style: {
         boxSizing: 'border-box',
         width: 200,
@@ -90,7 +89,7 @@ var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           className: prefixCls + "__settings-item-leaf__title"
         }, child.title), /*#__PURE__*/React__default["default"].createElement("div", {
           className: prefixCls + "__settings-item-leaf__checked"
-        }, checked && /*#__PURE__*/React__default["default"].createElement(checkOutlined.CheckOutlined, null)));
+        }, checked && /*#__PURE__*/React__default["default"].createElement(icons.CheckOutlined, null)));
       }))
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "__settings-item",
@@ -106,7 +105,7 @@ var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       className: prefixCls + "__settings-item__subtitle"
     }, item.subtitle)) : null), ((_d = item.children) === null || _d === void 0 ? void 0 : _d.length) ? ( /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "__settings-item__arrow"
-    }, /*#__PURE__*/React__default["default"].createElement(rightOutlined.RightOutlined, null))) : null));
+    }, /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null))) : null));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__footer"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -126,7 +125,7 @@ var ProfilePopover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     trigger = _a$trigger === void 0 ? 'click' : _a$trigger,
     children = _a.children,
     restProps = tslib.__rest(_a, ["onOpen", "onClose", "visible", "placement", "trigger", "children"]);
-  var _useUncontrolledToggl = index$1.useUncontrolledToggle({
+  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
       defaultVisible: false,
       visible: visibleProp
     }),
@@ -140,7 +139,7 @@ var ProfilePopover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     visibleAction.off();
     onClose === null || onClose === void 0 ? void 0 : onClose();
   }, [onClose, visibleAction]);
-  return /*#__PURE__*/React__default["default"].createElement(index.Popover, {
+  return /*#__PURE__*/React__default["default"].createElement(Popover__default["default"], {
     style: {
       boxSizing: 'border-box',
       padding: 0,

package/lib/cjs/SearchTrigger.js

@@ -18,10 +18,11 @@ var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var core = require('@hi-ui/core');
-require('./packages/icons/lib/esm/styles/index.scss.js');
-var searchOutlined = require('./packages/icons/lib/esm/components/common/search-outlined.js');
+var icons = require('@hi-ui/icons');
 var Popper = require('@hi-ui/popper');
 var menu = require('@hi-ui/menu');
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+var reactUtils = require('@hi-ui/react-utils');
 function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -42,16 +43,24 @@ var SearchTrigger = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     className = _a.className,
     mini = _a.mini,
     placeholder = _a.placeholder,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? '' : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
     data = _a.data,
     onClick = _a.onClick,
-    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "mini", "placeholder", "data", "onClick"]);
+    _onSelect = _a.onSelect,
+    _onClear = _a.onClear,
+    _onClose = _a.onClose,
+    _onEsc = _a.onEsc,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "mini", "placeholder", "defaultValue", "value", "onChange", "data", "onClick", "onSelect", "onClear", "onClose", "onEsc"]);
   var i18n = core.useLocaleContext();
   var _React$useState = React__default["default"].useState(false),
     visible = _React$useState[0],
     setVisible = _React$useState[1];
-  var _React$useState2 = React__default["default"].useState(''),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
+    value = _useUncontrolledState[0],
+    setValue = _useUncontrolledState[1];
   var innerRef = React__default["default"].useRef(null);
   var searchRef = React__default["default"].useRef(null);
   var cls = classname.cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
@@ -63,11 +72,11 @@ var SearchTrigger = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     setVisible(!visible);
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
-    ref: innerRef,
+    ref: reactUtils.mergeRefs(innerRef, ref),
     role: role,
     className: cls,
     onClick: handleClick
-  }, rest), /*#__PURE__*/React__default["default"].createElement(searchOutlined.SearchOutlined, null), !mini && ( /*#__PURE__*/React__default["default"].createElement("span", {
+  }, rest), /*#__PURE__*/React__default["default"].createElement(icons.SearchOutlined, null), !mini && ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__placeholder"
   }, placeholder || i18n.menuSearch.search))), /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     classNames: {
@@ -99,17 +108,20 @@ var SearchTrigger = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     data: data,
     placeholder: i18n.menuSearch.placeholder,
     onSelect: function onSelect(id, item) {
-      console.log('select', id, item);
       setVisible(false);
+      _onSelect === null || _onSelect === void 0 ? void 0 : _onSelect(id, item);
     },
     onClear: function onClear() {
       setValue('');
+      _onClear === null || _onClear === void 0 ? void 0 : _onClear();
     },
     onClose: function onClose() {
       setVisible(false);
+      _onClose === null || _onClose === void 0 ? void 0 : _onClose();
     },
     onEsc: function onEsc() {
       setVisible(false);
+      _onEsc === null || _onEsc === void 0 ? void 0 : _onEsc();
     }
   })));
 });

package/lib/cjs/index.js

@@ -22,6 +22,7 @@ var SearchTrigger = require('./SearchTrigger.js');
 var FloatMenuContainer = require('./FloatMenuContainer.js');
 var AppList = require('./AppList.js');
 var Profile = require('./Profile.js');
+var ActionItem = require('./ActionItem.js');
 var Layout = Object.assign(Layout$1.Layout, {
   Header: Header.Header,
   Sider: Sider.Sider,
@@ -44,4 +45,5 @@ exports.AppListPopover = AppList.AppListPopover;
 exports.IconBgColorMap = AppList.IconBgColorMap;
 exports.Profile = Profile.Profile;
 exports.ProfilePopover = Profile.ProfilePopover;
+exports.ActionItem = ActionItem.ActionItem;
 exports["default"] = Layout;

package/lib/cjs/node_modules/prop-types/factoryWithTypeCheckers.js

@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-require('../react-is/index.js');
+require('./node_modules/react-is/index.js');
 var index$1 = require('../object-assign/index.js');
 var ReactPropTypesSecret$1 = require('./lib/ReactPropTypesSecret.js');
 var checkPropTypes$1 = require('./checkPropTypes.js');

package/lib/cjs/node_modules/prop-types/index.js

@@ -10,7 +10,7 @@
 'use strict';
 
 var index = require('../../_virtual/index2.js');
-require('../react-is/index.js');
+require('./node_modules/react-is/index.js');
 var factoryWithTypeCheckers = require('./factoryWithTypeCheckers.js');
 var factoryWithThrowingShims = require('./factoryWithThrowingShims.js');
 var index$1 = require('../../_virtual/index3.js');

package/lib/cjs/node_modules/{react-is → prop-types/node_modules/react-is}/cjs/react-is.development.js

@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var reactIs_development = require('../../../_virtual/react-is.development.js');
+var reactIs_development = require('../../../../../_virtual/react-is.development.js');
 
 /** @license React v16.13.1
  * react-is.development.js

package/lib/cjs/node_modules/{react-is → prop-types/node_modules/react-is}/cjs/react-is.production.min.js

@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var reactIs_production_min = require('../../../_virtual/react-is.production.min.js');
+var reactIs_production_min = require('../../../../../_virtual/react-is.production.min.js');
 
 /** @license React v16.13.1
  * react-is.production.min.js

package/lib/cjs/node_modules/{react-is → prop-types/node_modules/react-is}/index.js

@@ -9,11 +9,11 @@
  */
 'use strict';
 
-var index = require('../../_virtual/index3.js');
+var index = require('../../../../_virtual/index3.js');
 require('./cjs/react-is.production.min.js');
 require('./cjs/react-is.development.js');
-var reactIs_production_min = require('../../_virtual/react-is.production.min.js');
-var reactIs_development = require('../../_virtual/react-is.development.js');
+var reactIs_production_min = require('../../../../_virtual/react-is.production.min.js');
+var reactIs_development = require('../../../../_virtual/react-is.development.js');
 if (process.env.NODE_ENV === 'production') {
   index.reactIs.exports = reactIs_production_min.__exports;
 } else {

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

@@ -12,7 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = ".hi-v5-layout {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;min-width: 0;min-height: 0;}.hi-v5-layout--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.hi-v5-layout--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v5-header {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v5-sider {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: relative;width: auto;height: 100%;overflow: hidden;-webkit-box-shadow: 1px 0 0 0 var(--hi-v5-color-gray-200, #e6e8eb);box-shadow: 1px 0 0 0 var(--hi-v5-color-gray-200, #e6e8eb);}.hi-v5-sider--collapsed {-webkit-transition: width 0.4s;transition: width 0.4s;}.hi-v5-sider__resizable-handler {-webkit-box-sizing: content-box;box-sizing: content-box;position: absolute;z-index: 9;top: 0;right: -2px;width: 2px;height: 100%;border-left: 2px solid transparent;border-right: 2px solid transparent;cursor: col-resize;background-color: #2b64ff;background-clip: content-box;opacity: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}.hi-v5-sider__resizable-handler:hover {opacity: 1;}.hi-v5-sider .hi-v5-scrollbar__wrapper {width: auto;}.hi-v5-sider .hi-v5-menu {width: auto;height: auto;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner {margin-bottom: var(--hi-v5-spacing-4, 8px) !important;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner:not(.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active):hover {background-color: rgba(124, 135, 166, 0.15);}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active {background-color: #fff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active-p .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p-p .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p:hover {background-color: var(--hi-v5-color-static-white, #fff) !important;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__icon {color: #7c87a6;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__arrow {color: #60636b;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-submenu .hi-v5-menu-item__inner {margin-bottom: 0 !important;}.hi-v5-menu-popmenu {width: 160px !important;}.hi-v5-content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 16px;overflow: auto;}.hi-v5-footer {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v5-search-trigger {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;gap: 8px;height: 32px;margin: 0 8px 12px;font-size: 16px;color: var(--hi-v5-color-gray-500, #91959e);background-color: rgba(113, 126, 163, 0.1);cursor: pointer;border-radius: 9999px;}.hi-v5-search-trigger:not(.hi-v5-search-trigger--mini) {padding: 0 12px;}.hi-v5-search-trigger--mini {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 32px;margin-left: auto;margin-right: auto;}.hi-v5-search-trigger__placeholder {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-search-trigger__popper-container {border-radius: var(--hi-v5-border-radius-xl, 8px) !important;border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-100, #edeff2);}.hi-v5-float-menu-container {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 0;height: 100%;background: transparent;}.hi-v5-float-menu-container-content {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: absolute;top: 0;left: 0;height: 100%;padding: var(--hi-v5-spacing-6, 12px) 0;background-color: #f5f8fc;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}.hi-v5-float-menu-container-content-wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: auto;}.hi-v5-float-menu-container-content--show {opacity: 1;}.hi-v5-float-menu-container-content--collapsed {z-index: 2000;border-top-right-radius: 12px;border-bottom-right-radius: 12px;-webkit-box-shadow: 6px 0 18px 6px rgba(26, 29, 38, 0.03), 4px 0 4px 0 rgba(26, 29, 38, 0.03);box-shadow: 6px 0 18px 6px rgba(26, 29, 38, 0.03), 4px 0 4px 0 rgba(26, 29, 38, 0.03);}.hi-v5-float-menu-container-content--collapsed .hi-v5-float-menu-container-collapse-icon {-webkit-transform: scaleX(-1);transform: scaleX(-1);}.hi-v5-float-menu-container-collapse {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--hi-v5-height-6, 24px);padding: 0 var(--hi-v5-spacing-4, 8px);color: var(--hi-v5-color-gray-600, #60636b);cursor: pointer;white-space: nowrap;}.hi-v5-float-menu-container-collapse:hover {border-radius: var(--hi-v5-border-radius-lg, 6px);color: #565a66;background-color: var(--hi-v5-color-gray-200, #e6e8eb);}.hi-v5-float-menu-container-collapse-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;padding: var(--hi-v5-spacing-4, 8px) var(--hi-v5-spacing-8, 16px);}.hi-v5-float-menu-container-collapse-icon {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: var(--hi-v5-text-size-lg, 1rem);}.hi-v5-float-menu-container-collapse-text {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);margin-left: var(--hi-v5-spacing-2, 4px);}.hi-v5-app-list-wrapper {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 8px;}.hi-v5-app-list-item {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;gap: 8px;width: 256px;height: var(--hi-v5-height-12, 48px);padding: 0 var(--hi-v5-spacing-6, 12px);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-100, #edeff2);border-radius: var(--hi-v5-border-radius-lg, 6px);overflow: hidden;cursor: pointer;}.hi-v5-app-list-item:hover {background-color: var(--hi-v5-color-gray-50, #f2f4f7);}.hi-v5-app-list-item__icon {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;width: var(--hi-v5-height-6, 24px);height: var(--hi-v5-height-6, 24px);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-medium, 500);color: var(--hi-v5-color-static-white, #fff);background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-app-list-item__title {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v5-app-list-item__checked {display: none;font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-app-list-item--active .hi-v5-app-list-item__title {font-weight: var(--hi-v5-text-weight-medium, 500);}.hi-v5-app-list-item--active .hi-v5-app-list-item__checked {display: block;}.hi-v5-profile {width: 240px;}.hi-v5-profile__header {padding: var(--hi-v5-spacing-8, 16px) var(--hi-v5-spacing-8, 16px) var(--hi-v5-spacing-4, 8px);font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);font-weight: var(--hi-v5-text-weight-medium, 500);}.hi-v5-profile__settings {padding: var(--hi-v5-spacing-4, 8px);}.hi-v5-profile__settings-item {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: var(--hi-v5-spacing-4, 8px);border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;}.hi-v5-profile__settings-item:hover {background-color: var(--hi-v5-color-gray-50, #f2f4f7);}.hi-v5-profile__settings-item__title {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-profile__settings-item__subtitle {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);font-weight: var(--hi-v5-text-weight-medium, 500);color: var(--hi-v5-color-gray-500, #91959e);}.hi-v5-profile__settings-item__arrow {font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-500, #91959e);}.hi-v5-profile__settings-item-leaf {-webkit-box-sizing: border-box;box-sizing: border-box;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;height: 40px;padding: var(--hi-v5-spacing-4, 8px);border-radius: var(--hi-v5-border-radius-md, 4px);cursor: pointer;font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-profile__settings-item-leaf:hover {background-color: var(--hi-v5-color-gray-50, #f2f4f7);}.hi-v5-profile__settings-item-leaf--checked {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-profile__footer {padding: var(--hi-v5-spacing-4, 8px);border-top: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-200, #e6e8eb);}.hi-v5-profile__footer__content {-webkit-box-sizing: border-box;box-sizing: border-box;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: var(--hi-v5-spacing-4, 8px);border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-profile__footer__content:hover {background-color: var(--hi-v5-color-gray-50, #f2f4f7);}";
+var css_248z = ".hi-v5-layout {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;min-width: 0;min-height: 0;}.hi-v5-layout--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.hi-v5-layout--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v5-header {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v5-sider {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: relative;width: auto;height: 100%;overflow: hidden;-webkit-box-shadow: 1px 0 0 0 var(--hi-v5-color-gray-300, #e6e8eb);box-shadow: 1px 0 0 0 var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-sider--collapsed {-webkit-transition: width 0.4s;transition: width 0.4s;}.hi-v5-sider__resizable-handler {-webkit-box-sizing: content-box;box-sizing: content-box;position: absolute;z-index: 9;inset-block-start: 0;inset-inline-end: -2px;width: 2px;height: 100%;-webkit-border-start: 2px solid transparent;border-inline-start: 2px solid transparent;-webkit-border-end: 2px solid transparent;border-inline-end: 2px solid transparent;cursor: col-resize;background-color: #2b64ff;background-clip: content-box;opacity: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}.hi-v5-sider__resizable-handler:hover {opacity: 1;}.hi-v5-sider .hi-v5-scrollbar__wrapper {width: auto;}.hi-v5-sider .hi-v5-menu {width: auto;height: auto;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner {-webkit-margin-after: var(--hi-v5-spacing-4, 8px) !important;margin-block-end: var(--hi-v5-spacing-4, 8px) !important;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner:not(.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active):hover {background-color: rgba(124, 135, 166, 0.15);}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active {background-color: #fff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--active-p .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p-p .hi-v5-menu-item__icon {color: #2b64ff;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__inner--mini .hi-v5-menu-item__inner--active-p:hover {background-color: var(--hi-v5-color-static-white, #fff) !important;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__icon {color: #7c87a6;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-item__arrow {color: #60636b;}.hi-v5-sider .hi-v5-menu--vertical .hi-v5-menu-submenu .hi-v5-menu-item__inner {-webkit-margin-after: 0 !important;margin-block-end: 0 !important;}.hi-v5-menu-popmenu {width: 160px !important;}.hi-v5-content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 var(--hi-v5-spacing-8, 16px);overflow: auto;}.hi-v5-footer {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v5-search-trigger {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;gap: var(--hi-v5-spacing-4, 8px);height: var(--hi-v5-height-8, 32px);margin: 0 var(--hi-v5-spacing-4, 8px) var(--hi-v5-spacing-6, 12px);font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-600, #91959e);background-color: rgba(113, 126, 163, 0.1);cursor: pointer;border-radius: 9999px;}.hi-v5-search-trigger:not(.hi-v5-search-trigger--mini) {padding: 0 var(--hi-v5-spacing-6, 12px);}.hi-v5-search-trigger--mini {width: var(--hi-v5-height-8, 32px);-webkit-margin-start: var(--hi-v5-spacing-7, 14px);margin-inline-start: var(--hi-v5-spacing-7, 14px);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v5-search-trigger__placeholder {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-search-trigger__popper-container {border-radius: var(--hi-v5-border-radius-xl, 8px) !important;border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-float-menu-container {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 0;height: 100%;background: transparent;}.hi-v5-float-menu-container-content {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: absolute;inset-block-start: 0;inset-inline-start: 0;height: 100%;padding: var(--hi-v5-spacing-6, 12px) 0;background-color: #f5f8fc;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}.hi-v5-float-menu-container-content-wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: auto;}.hi-v5-float-menu-container-content--show {opacity: 1;}.hi-v5-float-menu-container-content--collapsed {z-index: 2000;border-start-end-radius: 12px;border-end-end-radius: 12px;-webkit-box-shadow: 6px 0 18px 6px rgba(26, 29, 38, 0.03), 4px 0 4px 0 rgba(26, 29, 38, 0.03);box-shadow: 6px 0 18px 6px rgba(26, 29, 38, 0.03), 4px 0 4px 0 rgba(26, 29, 38, 0.03);}.hi-v5-float-menu-container-content--collapsed .hi-v5-float-menu-container-collapse-icon {-webkit-transform: scaleX(-1);transform: scaleX(-1);}.hi-v5-float-menu-container-collapse {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--hi-v5-height-6, 24px);padding: 0 var(--hi-v5-spacing-4, 8px);color: var(--hi-v5-color-gray-700, #60636b);cursor: pointer;white-space: nowrap;}.hi-v5-float-menu-container-collapse:hover {border-radius: var(--hi-v5-border-radius-lg, 6px);color: #565a66;background-color: var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-float-menu-container-collapse-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;padding: var(--hi-v5-spacing-4, 8px) var(--hi-v5-spacing-8, 16px);}.hi-v5-float-menu-container-collapse-icon {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: var(--hi-v5-text-size-lg, 1rem);}.hi-v5-float-menu-container-collapse-text {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-app-list-wrapper {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: var(--hi-v5-spacing-4, 8px);}.hi-v5-app-list-item {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;gap: var(--hi-v5-spacing-4, 8px);width: 256px;height: var(--hi-v5-height-12, 48px);padding: 0 var(--hi-v5-spacing-6, 12px);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-lg, 6px);overflow: hidden;cursor: pointer;}.hi-v5-app-list-item:hover {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-app-list-item__icon {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;width: var(--hi-v5-height-6, 24px);height: var(--hi-v5-height-6, 24px);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-medium, 500);color: var(--hi-v5-color-static-white, #fff);background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-app-list-item__title {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v5-app-list-item__checked {display: none;font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-app-list-item--active .hi-v5-app-list-item__title {font-weight: var(--hi-v5-text-weight-medium, 500);}.hi-v5-app-list-item--active .hi-v5-app-list-item__checked {display: block;}.hi-v5-profile {width: 240px;}.hi-v5-profile__header {padding: var(--hi-v5-spacing-8, 16px) var(--hi-v5-spacing-8, 16px) var(--hi-v5-spacing-4, 8px);font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);font-weight: var(--hi-v5-text-weight-medium, 500);}.hi-v5-profile__settings {padding: var(--hi-v5-spacing-4, 8px);}.hi-v5-profile__settings-item {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: var(--hi-v5-spacing-4, 8px);border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;}.hi-v5-profile__settings-item:hover {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-profile__settings-item__title {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-profile__settings-item__subtitle {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);font-weight: var(--hi-v5-text-weight-medium, 500);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-profile__settings-item__arrow {font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-profile__settings-item-leaf {-webkit-box-sizing: border-box;box-sizing: border-box;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;height: var(--hi-v5-height-10, 40px);padding: var(--hi-v5-spacing-4, 8px);border-radius: var(--hi-v5-border-radius-md, 4px);cursor: pointer;font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-profile__settings-item-leaf:hover {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-profile__settings-item-leaf--checked {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-profile__footer {padding: var(--hi-v5-spacing-4, 8px);border-top: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-profile__footer__content {-webkit-box-sizing: border-box;box-sizing: border-box;height: var(--hi-v5-height-10, 40px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: var(--hi-v5-spacing-4, 8px);border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-profile__footer__content:hover {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-action-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: var(--hi-v5-spacing-4, 8px);-webkit-box-sizing: border-box;box-sizing: border-box;height: var(--hi-v5-height-8, 32px);padding: 0 var(--hi-v5-spacing-6, 12px);margin: var(--hi-v5-spacing-2, 4px) 0;border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-action-item:hover {background-color: rgba(124, 135, 166, 0.15);}.hi-v5-action-item__icon {font-size: var(--hi-v5-text-size-xl, 1.125rem);color: #7c87a6;}.hi-v5-action-item__content {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-action-item--mini {-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-action-item--mini .hi-v5-action-item__icon {font-size: var(--hi-v5-text-size-lg, 1rem);}";
 var __styleInject__ = require('@hi-ui/style-inject')["default"];
 __styleInject__(css_248z);
 exports["default"] = css_248z;

package/lib/esm/ActionItem.js

@@ -0,0 +1,39 @@
+/** @LICENSE
+ * @hi-ui/layout
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/layout#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+var ACTION_ITEM_PREFIX = getPrefixCls('action-item');
+var ActionItem = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? ACTION_ITEM_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'action-item' : _a$role,
+    className = _a.className,
+    children = _a.children,
+    icon = _a.icon,
+    mini = _a.mini,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "icon", "mini"]);
+  var cls = cx(prefixCls, className, mini && prefixCls + "--mini");
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), icon && /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__icon"
+  }, icon), children && !mini && /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__content"
+  }, children));
+});
+if (__DEV__) {
+  ActionItem.displayName = 'ActionItem';
+}
+export { ActionItem };

package/lib/esm/AppList.js

@@ -12,10 +12,9 @@ import React, { forwardRef, useCallback } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
-import { useUncontrolledToggle } from './packages/hooks/use-toggle/lib/esm/index.js';
-import { Popover } from './packages/ui/popover/lib/esm/index.js';
-import './packages/icons/lib/esm/styles/index.scss.js';
-import { CheckOutlined } from './packages/icons/lib/esm/components/alert/check-outlined.js';
+import { useUncontrolledToggle } from '@hi-ui/use-toggle';
+import Popover from '@hi-ui/popover';
+import { CheckOutlined } from '@hi-ui/icons';
 var APP_LIST_PREFIX = getPrefixCls('app-list');
 /**
  * 应用列表组件

package/lib/esm/Profile.js

@@ -11,11 +11,9 @@ import { __rest } from 'tslib';
 import React, { forwardRef, useCallback } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
-import { Popover } from './packages/ui/popover/lib/esm/index.js';
-import './packages/icons/lib/esm/styles/index.scss.js';
-import { CheckOutlined } from './packages/icons/lib/esm/components/alert/check-outlined.js';
-import { RightOutlined } from './packages/icons/lib/esm/components/direction/right-outlined.js';
-import { useUncontrolledToggle } from './packages/hooks/use-toggle/lib/esm/index.js';
+import Popover from '@hi-ui/popover';
+import { CheckOutlined, RightOutlined } from '@hi-ui/icons';
+import { useUncontrolledToggle } from '@hi-ui/use-toggle';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 var PROFILE_PREFIX = getPrefixCls('profile');
 var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {