@hi-ui/layout 5.0.0-experimental.2 → 5.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +30 -60
  2. package/lib/cjs/Profile.js +4 -1
  3. package/lib/cjs/node_modules/prop-types/factoryWithTypeCheckers.js +1 -1
  4. package/lib/cjs/node_modules/prop-types/index.js +1 -1
  5. package/lib/cjs/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.development.js +1 -1
  6. package/lib/cjs/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.production.min.js +1 -1
  7. package/lib/cjs/node_modules/{prop-types/node_modules/react-is → react-is}/index.js +3 -3
  8. package/lib/cjs/styles/index.scss.js +1 -1
  9. package/lib/esm/Profile.js +5 -2
  10. package/lib/esm/node_modules/prop-types/factoryWithTypeCheckers.js +1 -1
  11. package/lib/esm/node_modules/prop-types/index.js +1 -1
  12. package/lib/esm/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.development.js +1 -1
  13. package/lib/esm/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.production.min.js +1 -1
  14. package/lib/esm/node_modules/{prop-types/node_modules/react-is → react-is}/index.js +3 -3
  15. package/lib/esm/styles/index.scss.js +1 -1
  16. package/lib/types/index.d.ts +1 -0
  17. package/package.json +13 -14
package/CHANGELOG.md CHANGED
@@ -1,109 +1,79 @@
1
1
  # @hi-ui/layout
2
2
 
3
- ## 5.0.0-experimental.2
4
-
5
- ### Patch Changes
6
-
7
- - eb17c4697: style: 修复 UI/样式问题 (5.0)
8
- - Updated dependencies [7f204c892]
9
- - Updated dependencies [eb17c4697]
10
- - Updated dependencies [eb17c4697]
11
- - Updated dependencies [45f59fb86]
12
- - Updated dependencies [c407744fe]
13
- - Updated dependencies [59cef699f]
14
- - @hi-ui/icons@5.0.0-experimental.1
15
- - @hi-ui/core@5.0.0-experimental.1
16
- - @hi-ui/menu@5.0.0-experimental.2
17
- - @hi-ui/popover@5.0.0-experimental.1
18
- - @hi-ui/popper@5.0.0-experimental.1
19
- - @hi-ui/use-merge-semantic@5.0.0-experimental.0
20
-
21
- ## 5.0.0-experimental.1
22
-
23
- ### Patch Changes
24
-
25
- - ec6005193: style(layout,menu): 样式和示例调整 (5.0)
26
- - 发布 hiui experimental 版本
27
- - Updated dependencies [ec6005193]
28
- - Updated dependencies
29
- - @hi-ui/menu@5.0.0-experimental.1
30
-
31
- ## 5.0.0-experimental.0
3
+ ## 5.0.0-rc.0
32
4
 
33
5
  ### Major Changes
34
6
 
35
7
  - e8fd3543d: feat(layout): 添加 AppListPopover 组件并更新布局样式和示例 (5.0)
36
-
37
- ### Minor Changes
38
-
39
- - c91b57c00: feat(search-trigger): 继承 MenuSearch 组件参数 (5.0)
40
8
  - 5828ae8ab: feat(layout): 增加 FloatMenuContainer 组件 (5.0)
41
9
  - df8232a61: feat(layout): 增加 Profile 组件 (5.0)
42
10
  - 22ef60263: feat(layout): 新增 Layout 组件 (5.0)
43
11
  - 3c3e077b9: feat(layout): 增加 Header 和 Footer 组件 & 完善示例 (5.0)
44
- - 25cea5f36: feat(layout): Sider 组件增加 maxWidth 参数 & FloatMenuContainer 组件增加 zIndex 参数 (5.0)
45
- - 95abba983: feat(layout): Sider 增加 resizable 参数，控制是否可改变宽度 (5.0)
12
+
13
+ ### Minor Changes
14
+
15
+ - c91b57c00: feat(search-trigger): 继承 MenuSearch 组件参数 (5.0)
16
+ - 25cea5f36: - feat(layout): Sider 组件支持宽度能力增强，新增 `maxWidth` 和 `resizable` 参数 (5.0)
17
+ - style(layout): Sider 组件默认宽度改为 180px，并优化菜单项间距与 Profile 渐变背景 (5.0)
18
+ - style(layout): 折叠状态下为 FloatMenuContainer 增加 `z-index`，并支持 `zIndex` 参数配置 (5.0)
46
19
 
47
20
  ### Patch Changes
48
21
 
49
- - 1662753e0: style: fix ui bug (5.0)
50
22
  - e785237b1: <br />
51
23
  - perf(layout): 优化导航菜单交互体验 (5.0)
52
24
  - perf(menu): 优化搜索菜单组件的样式和交互逻辑 & 修改分组菜单样式问题 (5.0)
53
- - c021539a3: style: fix ui bug (5.0)
54
25
  - 4c767623f: fix(layout&page-header): add types export to package.json for layout and page-header
55
- - be5a59325: style: 修改样式问题 (5.0)
56
- - 2b6cfd655: style: fix ui bug (5.0)
57
26
  - 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
58
27
  - 95abba983: fix: 修改 UI 问题 (5.0)
28
+ - eb17c4697: style: 修复 UI/样式问题 (5.0)
59
29
  - c2e765ada: style(layout): 修改 Sider 收起时宽度为 60px & 增加 width 参数 (5.0)
60
30
  - 52d25f630: perf(layout&menu): 优化 FloatMenuContainer 组件的折叠逻辑 & 修改 SideMenu 组件 hover 样式 (5.0)
61
- - 7f3abee55: style: fix ui bug (5.0)
62
- - 872761f65: style(layout): 在折叠状态下为 FloatMenuContainer 组件添加 z-index 属性 (5.0)
63
- - 72f5dada0: style(layout): Sider 组件默认宽度改为 180px (5.0)
64
- - Updated dependencies [6fb223e3a]
31
+ - ec6005193: style(layout,menu): 样式和示例调整 (5.0)
65
32
  - Updated dependencies [1e226cd66]
33
+ - Updated dependencies [7f204c892]
66
34
  - Updated dependencies [9b34d99bc]
67
- - Updated dependencies [1662753e0]
68
35
  - Updated dependencies [e785237b1]
69
36
  - Updated dependencies [122d1d859]
37
+ - Updated dependencies [eb17c4697]
70
38
  - Updated dependencies [8c0ee78f0]
39
+ - Updated dependencies [1afb72ae0]
71
40
  - Updated dependencies [8f3aa85e4]
72
- - Updated dependencies [c021539a3]
73
41
  - Updated dependencies [fd4c20bbd]
74
- - Updated dependencies [be5a59325]
75
42
  - Updated dependencies [79ea480f3]
76
- - Updated dependencies [2b6cfd655]
77
43
  - Updated dependencies [2e56529f7]
78
44
  - Updated dependencies [277c5033a]
79
45
  - Updated dependencies [95abba983]
46
+ - Updated dependencies [eb17c4697]
80
47
  - Updated dependencies [c2e765ada]
48
+ - Updated dependencies [d49302358]
81
49
  - Updated dependencies [976ec929d]
82
50
  - Updated dependencies [52d25f630]
51
+ - Updated dependencies [45f59fb86]
83
52
  - Updated dependencies [d021b4fa6]
84
53
  - Updated dependencies [f1ab51725]
85
54
  - Updated dependencies [6f4b13151]
86
55
  - Updated dependencies [1b824c9ad]
87
56
  - Updated dependencies [5828ae8ab]
57
+ - Updated dependencies [ec6005193]
58
+ - Updated dependencies [d91a8bb0f]
88
59
  - Updated dependencies [542076e55]
89
60
  - Updated dependencies [e42e2badf]
90
61
  - Updated dependencies [33da3144e]
91
- - Updated dependencies [7f3abee55]
92
62
  - Updated dependencies [c38e6e4bf]
93
63
  - Updated dependencies [a5937df94]
94
64
  - Updated dependencies [58ad82e94]
95
- - Updated dependencies [a0f0c9d6b]
65
+ - Updated dependencies [95d930354]
96
66
  - Updated dependencies [f2be367e9]
97
67
  - Updated dependencies [1972fd16a]
98
- - Updated dependencies [86910f5e2]
68
+ - Updated dependencies [59cef699f]
99
69
  - Updated dependencies [bfc1cb7c8]
100
- - @hi-ui/menu@5.0.0-experimental.0
101
- - @hi-ui/popover@5.0.0-experimental.0
102
- - @hi-ui/popper@5.0.0-experimental.0
103
- - @hi-ui/icons@5.0.0-experimental.0
104
- - @hi-ui/core@5.0.0-experimental.0
105
- - @hi-ui/use-toggle@5.0.0-experimental.0
106
- - @hi-ui/use-uncontrolled-state@5.0.0-experimental.0
107
- - @hi-ui/classname@5.0.0-experimental.0
108
- - @hi-ui/env@5.0.0-experimental.0
109
- - @hi-ui/react-utils@5.0.0-experimental.0
70
+ - @hi-ui/menu@5.0.0-rc.0
71
+ - @hi-ui/popover@5.0.0-rc.0
72
+ - @hi-ui/popper@5.0.0-rc.0
73
+ - @hi-ui/icons@5.0.0-rc.0
74
+ - @hi-ui/core@5.0.0-rc.0
75
+ - @hi-ui/use-toggle@5.0.0-rc.0
76
+ - @hi-ui/use-uncontrolled-state@5.0.0-rc.0
77
+ - @hi-ui/classname@5.0.0-rc.0
78
+ - @hi-ui/env@5.0.0-rc.0
79
+ - @hi-ui/react-utils@5.0.0-rc.0
package/lib/cjs/Profile.js CHANGED
@@ -17,6 +17,7 @@ var tslib = require('tslib');
17
17
  var React = require('react');
18
18
  var classname = require('@hi-ui/classname');
19
19
  var env = require('@hi-ui/env');
20
+ var core = require('@hi-ui/core');
20
21
  var Popover = require('@hi-ui/popover');
21
22
  var icons = require('@hi-ui/icons');
22
23
  var useToggle = require('@hi-ui/use-toggle');
@@ -41,6 +42,8 @@ var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
41
42
  settings = _a.settings,
42
43
  rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "header", "footer", "settings"]);
43
44
  var cls = classname.cx(prefixCls, className);
45
+ var _useGlobalContext = core.useGlobalContext(),
46
+ direction = _useGlobalContext.direction;
44
47
  var _useUncontrolledState = useUncontrolledState.useUncontrolledState((_b = settings === null || settings === void 0 ? void 0 : settings.value) !== null && _b !== void 0 ? _b : {}, settings === null || settings === void 0 ? void 0 : settings.value),
45
48
  value = _useUncontrolledState[0],
46
49
  setValue = _useUncontrolledState[1];
@@ -105,7 +108,7 @@ var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
105
108
  className: prefixCls + "__settings-item__subtitle"
106
109
  }, item.subtitle)) : null), ((_d = item.children) === null || _d === void 0 ? void 0 : _d.length) ? ( /*#__PURE__*/React__default["default"].createElement("div", {
107
110
  className: prefixCls + "__settings-item__arrow"
108
- }, /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null))) : null));
111
+ }, direction === 'rtl' ? /*#__PURE__*/React__default["default"].createElement(icons.LeftOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null))) : null));
109
112
  })), /*#__PURE__*/React__default["default"].createElement("div", {
110
113
  className: prefixCls + "__footer"
111
114
  }, /*#__PURE__*/React__default["default"].createElement("div", {
package/lib/cjs/node_modules/prop-types/factoryWithTypeCheckers.js CHANGED
@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
13
13
  Object.defineProperty(exports, '__esModule', {
14
14
  value: true
15
15
  });
16
- require('./node_modules/react-is/index.js');
16
+ require('../react-is/index.js');
17
17
  var index$1 = require('../object-assign/index.js');
18
18
  var ReactPropTypesSecret$1 = require('./lib/ReactPropTypesSecret.js');
19
19
  var checkPropTypes$1 = require('./checkPropTypes.js');
package/lib/cjs/node_modules/prop-types/index.js CHANGED
@@ -10,7 +10,7 @@
10
10
  'use strict';
11
11
 
12
12
  var index = require('../../_virtual/index2.js');
13
- require('./node_modules/react-is/index.js');
13
+ require('../react-is/index.js');
14
14
  var factoryWithTypeCheckers = require('./factoryWithTypeCheckers.js');
15
15
  var factoryWithThrowingShims = require('./factoryWithThrowingShims.js');
16
16
  var index$1 = require('../../_virtual/index3.js');
package/lib/cjs/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.development.js RENAMED
@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
13
13
  Object.defineProperty(exports, '__esModule', {
14
14
  value: true
15
15
  });
16
- var reactIs_development = require('../../../../../_virtual/react-is.development.js');
16
+ var reactIs_development = require('../../../_virtual/react-is.development.js');
17
17
 
18
18
  /** @license React v16.13.1
19
19
  * react-is.development.js
package/lib/cjs/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.production.min.js RENAMED
@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
13
13
  Object.defineProperty(exports, '__esModule', {
14
14
  value: true
15
15
  });
16
- var reactIs_production_min = require('../../../../../_virtual/react-is.production.min.js');
16
+ var reactIs_production_min = require('../../../_virtual/react-is.production.min.js');
17
17
 
18
18
  /** @license React v16.13.1
19
19
  * react-is.production.min.js
package/lib/cjs/node_modules/{prop-types/node_modules/react-is → react-is}/index.js RENAMED
@@ -9,11 +9,11 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- var index = require('../../../../_virtual/index3.js');
12
+ var index = require('../../_virtual/index3.js');
13
13
  require('./cjs/react-is.production.min.js');
14
14
  require('./cjs/react-is.development.js');
15
- var reactIs_production_min = require('../../../../_virtual/react-is.production.min.js');
16
- var reactIs_development = require('../../../../_virtual/react-is.development.js');
15
+ var reactIs_production_min = require('../../_virtual/react-is.production.min.js');
16
+ var reactIs_development = require('../../_virtual/react-is.development.js');
17
17
  if (process.env.NODE_ENV === 'production') {
18
18
  index.reactIs.exports = reactIs_production_min.__exports;
19
19
  } else {
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- 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);}";
15
+ 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-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;background: -webkit-gradient(linear, left top, left bottom, from(#f3f8ff), color-stop(28.48%, #fff));background: linear-gradient(180deg, #f3f8ff 0%, #fff 28.48%);}.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);}";
16
16
  var __styleInject__ = require('@hi-ui/style-inject')["default"];
17
17
  __styleInject__(css_248z);
18
18
  exports["default"] = css_248z;
package/lib/esm/Profile.js CHANGED
@@ -11,8 +11,9 @@ import { __rest } from 'tslib';
11
11
  import React, { forwardRef, useCallback } from 'react';
12
12
  import { getPrefixCls, cx } from '@hi-ui/classname';
13
13
  import { __DEV__ } from '@hi-ui/env';
14
+ import { useGlobalContext } from '@hi-ui/core';
14
15
  import Popover from '@hi-ui/popover';
15
- import { CheckOutlined, RightOutlined } from '@hi-ui/icons';
16
+ import { CheckOutlined, LeftOutlined, RightOutlined } from '@hi-ui/icons';
16
17
  import { useUncontrolledToggle } from '@hi-ui/use-toggle';
17
18
  import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
18
19
  var PROFILE_PREFIX = getPrefixCls('profile');
@@ -28,6 +29,8 @@ var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {
28
29
  settings = _a.settings,
29
30
  rest = __rest(_a, ["prefixCls", "role", "className", "children", "header", "footer", "settings"]);
30
31
  var cls = cx(prefixCls, className);
32
+ var _useGlobalContext = useGlobalContext(),
33
+ direction = _useGlobalContext.direction;
31
34
  var _useUncontrolledState = useUncontrolledState((_b = settings === null || settings === void 0 ? void 0 : settings.value) !== null && _b !== void 0 ? _b : {}, settings === null || settings === void 0 ? void 0 : settings.value),
32
35
  value = _useUncontrolledState[0],
33
36
  setValue = _useUncontrolledState[1];
@@ -92,7 +95,7 @@ var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {
92
95
  className: prefixCls + "__settings-item__subtitle"
93
96
  }, item.subtitle)) : null), ((_d = item.children) === null || _d === void 0 ? void 0 : _d.length) ? ( /*#__PURE__*/React.createElement("div", {
94
97
  className: prefixCls + "__settings-item__arrow"
95
- }, /*#__PURE__*/React.createElement(RightOutlined, null))) : null));
98
+ }, direction === 'rtl' ? /*#__PURE__*/React.createElement(LeftOutlined, null) : /*#__PURE__*/React.createElement(RightOutlined, null))) : null));
96
99
  })), /*#__PURE__*/React.createElement("div", {
97
100
  className: prefixCls + "__footer"
98
101
  }, /*#__PURE__*/React.createElement("div", {
package/lib/esm/node_modules/prop-types/factoryWithTypeCheckers.js CHANGED
@@ -8,7 +8,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
8
8
  * This source code is licensed under the MIT license found in the
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  */
11
- import './node_modules/react-is/index.js';
11
+ import '../react-is/index.js';
12
12
  import objectAssign from '../object-assign/index.js';
13
13
  import ReactPropTypesSecret_1 from './lib/ReactPropTypesSecret.js';
14
14
  import checkPropTypes_1 from './checkPropTypes.js';
package/lib/esm/node_modules/prop-types/index.js CHANGED
@@ -8,7 +8,7 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import { p as propTypes } from '../../_virtual/index2.js';
11
- import './node_modules/react-is/index.js';
11
+ import '../react-is/index.js';
12
12
  import factoryWithTypeCheckers from './factoryWithTypeCheckers.js';
13
13
  import factoryWithThrowingShims from './factoryWithThrowingShims.js';
14
14
  import { r as reactIs } from '../../_virtual/index3.js';
package/lib/esm/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.development.js RENAMED
@@ -8,7 +8,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
8
8
  * This source code is licensed under the MIT license found in the
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  */
11
- import { __exports as reactIs_development } from '../../../../../_virtual/react-is.development.js';
11
+ import { __exports as reactIs_development } from '../../../_virtual/react-is.development.js';
12
12
 
13
13
  /** @license React v16.13.1
14
14
  * react-is.development.js
package/lib/esm/node_modules/{prop-types/node_modules/react-is → react-is}/cjs/react-is.production.min.js RENAMED
@@ -8,7 +8,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
8
8
  * This source code is licensed under the MIT license found in the
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  */
11
- import { __exports as reactIs_production_min } from '../../../../../_virtual/react-is.production.min.js';
11
+ import { __exports as reactIs_production_min } from '../../../_virtual/react-is.production.min.js';
12
12
 
13
13
  /** @license React v16.13.1
14
14
  * react-is.production.min.js
package/lib/esm/node_modules/{prop-types/node_modules/react-is → react-is}/index.js RENAMED
@@ -7,11 +7,11 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- import { r as reactIs } from '../../../../_virtual/index3.js';
10
+ import { r as reactIs } from '../../_virtual/index3.js';
11
11
  import './cjs/react-is.production.min.js';
12
12
  import './cjs/react-is.development.js';
13
- import { __exports as reactIs_production_min } from '../../../../_virtual/react-is.production.min.js';
14
- import { __exports as reactIs_development } from '../../../../_virtual/react-is.development.js';
13
+ import { __exports as reactIs_production_min } from '../../_virtual/react-is.production.min.js';
14
+ import { __exports as reactIs_development } from '../../_virtual/react-is.development.js';
15
15
  if (process.env.NODE_ENV === 'production') {
16
16
  reactIs.exports = reactIs_production_min;
17
17
  } else {
package/lib/esm/styles/index.scss.js CHANGED
@@ -8,6 +8,6 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import __styleInject__ from '@hi-ui/style-inject';
11
- 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);}";
11
+ 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-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;background: -webkit-gradient(linear, left top, left bottom, from(#f3f8ff), color-stop(28.48%, #fff));background: linear-gradient(180deg, #f3f8ff 0%, #fff 28.48%);}.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);}";
12
12
  __styleInject__(css_248z);
13
13
  export { css_248z as default };
package/lib/types/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import './styles/index.scss';
2
3
  declare const Layout: import("react").ForwardRefExoticComponent<import("./Layout").LayoutProps & import("react").RefAttributes<HTMLDivElement | null>> & {
3
4
  Header: import("react").ForwardRefExoticComponent<import("./Header").HeaderProps & import("react").RefAttributes<HTMLDivElement | null>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/layout",
3
- "version": "5.0.0-experimental.2",
3
+ "version": "5.0.0-rc.0",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -44,25 +44,24 @@
44
44
  "url": "https://github.com/XiaoMi/hiui/issues"
45
45
  },
46
46
  "dependencies": {
47
- "@hi-ui/classname": "^5.0.0-experimental.0",
48
- "@hi-ui/env": "^5.0.0-experimental.0",
49
- "@hi-ui/icons": "^5.0.0-experimental.1",
50
- "@hi-ui/menu": "^5.0.0-experimental.2",
51
- "@hi-ui/popper": "^5.0.0-experimental.1",
52
- "@hi-ui/popover": "^5.0.0-experimental.1",
53
- "@hi-ui/react-utils": "^5.0.0-experimental.0",
54
- "@hi-ui/use-toggle": "^5.0.0-experimental.0",
55
- "@hi-ui/use-uncontrolled-state": "^5.0.0-experimental.0",
56
- "@hi-ui/use-merge-semantic": "^5.0.0-experimental.0"
47
+ "@hi-ui/classname": "^5.0.0-rc.0",
48
+ "@hi-ui/env": "^5.0.0-rc.0",
49
+ "@hi-ui/icons": "^5.0.0-rc.0",
50
+ "@hi-ui/menu": "^5.0.0-rc.0",
51
+ "@hi-ui/popper": "^5.0.0-rc.0",
52
+ "@hi-ui/popover": "^5.0.0-rc.0",
53
+ "@hi-ui/react-utils": "^5.0.0-rc.0",
54
+ "@hi-ui/use-toggle": "^5.0.0-rc.0",
55
+ "@hi-ui/use-uncontrolled-state": "^5.0.0-rc.0"
57
56
  },
58
57
  "peerDependencies": {
59
- "@hi-ui/core": ">=5.0.0-experimental.1",
58
+ "@hi-ui/core": ">=5.0.0-rc.0",
60
59
  "react": ">=16.8.6",
61
60
  "react-dom": ">=16.8.6"
62
61
  },
63
62
  "devDependencies": {
64
- "@hi-ui/core": "^5.0.0-experimental.1",
65
- "@hi-ui/core-css": "^5.0.0-experimental.2",
63
+ "@hi-ui/core": "^5.0.0-rc.0",
64
+ "@hi-ui/core-css": "^5.0.0-rc.0",
66
65
  "react": "^17.0.1",
67
66
  "react-dom": "^17.0.1"
68
67
  }