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

package/CHANGELOG.md

@@ -1,119 +1,79 @@
 # @hi-ui/layout
 
-## 5.0.0-experimental.3
-
-### Patch Changes
-
-- 5561e8e2b: style(layout): Sider 中 menu-item 加上间距 & Profile 加渐变背景 (5.0)
-- Updated dependencies [3a7186e4b]
-- Updated dependencies [d49302358]
-  - @hi-ui/use-merge-semantic@5.0.0-experimental.1
-  - @hi-ui/menu@5.0.0-experimental.3
-
-## 5.0.0-experimental.2
-
-### Patch Changes
-
-- eb17c4697: style: 修复 UI/样式问题 (5.0)
-- Updated dependencies [7f204c892]
-- Updated dependencies [eb17c4697]
-- Updated dependencies [eb17c4697]
-- Updated dependencies [45f59fb86]
-- Updated dependencies [c407744fe]
-- Updated dependencies [59cef699f]
-  - @hi-ui/icons@5.0.0-experimental.1
-  - @hi-ui/core@5.0.0-experimental.1
-  - @hi-ui/menu@5.0.0-experimental.2
-  - @hi-ui/popover@5.0.0-experimental.1
-  - @hi-ui/popper@5.0.0-experimental.1
-  - @hi-ui/use-merge-semantic@5.0.0-experimental.0
-
-## 5.0.0-experimental.1
-
-### Patch Changes
-
-- ec6005193: style(layout,menu): 样式和示例调整 (5.0)
-- 发布 hiui experimental 版本
-- Updated dependencies [ec6005193]
-- Updated dependencies
-  - @hi-ui/menu@5.0.0-experimental.1
-
-## 5.0.0-experimental.0
+## 5.0.0-rc.0
 
 ### Major Changes
 
 - e8fd3543d: feat(layout): 添加 AppListPopover 组件并更新布局样式和示例 (5.0)
-
-### Minor Changes
-
-- 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)
+
+### Minor Changes
+
+- c91b57c00: feat(search-trigger): 继承 MenuSearch 组件参数 (5.0)
+- 25cea5f36: - feat(layout): Sider 组件支持宽度能力增强，新增 `maxWidth` 和 `resizable` 参数 (5.0)
+  - style(layout): Sider 组件默认宽度改为 180px，并优化菜单项间距与 Profile 渐变背景 (5.0)
+  - style(layout): 折叠状态下为 FloatMenuContainer 增加 `z-index`，并支持 `zIndex` 参数配置 (5.0)
 
 ### Patch Changes
 
-- 1662753e0: style: fix ui bug (5.0)
 - e785237b1: <br />
   - perf(layout): 优化导航菜单交互体验 (5.0)
   - perf(menu): 优化搜索菜单组件的样式和交互逻辑 & 修改分组菜单样式问题 (5.0)
-- 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)
+- eb17c4697: style: 修复 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]
+- ec6005193: style(layout,menu): 样式和示例调整 (5.0)
 - Updated dependencies [1e226cd66]
+- Updated dependencies [7f204c892]
 - Updated dependencies [9b34d99bc]
-- Updated dependencies [1662753e0]
 - Updated dependencies [e785237b1]
 - Updated dependencies [122d1d859]
+- Updated dependencies [eb17c4697]
 - Updated dependencies [8c0ee78f0]
+- Updated dependencies [1afb72ae0]
 - 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 [eb17c4697]
 - Updated dependencies [c2e765ada]
+- Updated dependencies [d49302358]
 - Updated dependencies [976ec929d]
 - Updated dependencies [52d25f630]
+- Updated dependencies [45f59fb86]
 - Updated dependencies [d021b4fa6]
 - Updated dependencies [f1ab51725]
 - Updated dependencies [6f4b13151]
 - Updated dependencies [1b824c9ad]
 - Updated dependencies [5828ae8ab]
+- Updated dependencies [ec6005193]
+- Updated dependencies [d91a8bb0f]
 - 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 [95d930354]
 - Updated dependencies [f2be367e9]
 - Updated dependencies [1972fd16a]
-- Updated dependencies [86910f5e2]
+- Updated dependencies [59cef699f]
 - 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
+  - @hi-ui/menu@5.0.0-rc.0
+  - @hi-ui/popover@5.0.0-rc.0
+  - @hi-ui/popper@5.0.0-rc.0
+  - @hi-ui/icons@5.0.0-rc.0
+  - @hi-ui/core@5.0.0-rc.0
+  - @hi-ui/use-toggle@5.0.0-rc.0
+  - @hi-ui/use-uncontrolled-state@5.0.0-rc.0
+  - @hi-ui/classname@5.0.0-rc.0
+  - @hi-ui/env@5.0.0-rc.0
+  - @hi-ui/react-utils@5.0.0-rc.0

package/lib/cjs/Profile.js

@@ -17,6 +17,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
+var core = require('@hi-ui/core');
 var Popover = require('@hi-ui/popover');
 var icons = require('@hi-ui/icons');
 var useToggle = require('@hi-ui/use-toggle');
@@ -41,6 +42,8 @@ var Profile = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     settings = _a.settings,
     rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "header", "footer", "settings"]);
   var cls = classname.cx(prefixCls, className);
+  var _useGlobalContext = core.useGlobalContext(),
+    direction = _useGlobalContext.direction;
   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),
     value = _useUncontrolledState[0],
     setValue = _useUncontrolledState[1];
@@ -105,7 +108,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(icons.RightOutlined, null))) : null));
+    }, direction === 'rtl' ? /*#__PURE__*/React__default["default"].createElement(icons.LeftOutlined, 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", {

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('./node_modules/react-is/index.js');
+require('../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('./node_modules/react-is/index.js');
+require('../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/{prop-types/node_modules/react-is → 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/{prop-types/node_modules/react-is → 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/{prop-types/node_modules/react-is → 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/esm/Profile.js

@@ -11,8 +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 { useGlobalContext } from '@hi-ui/core';
 import Popover from '@hi-ui/popover';
-import { CheckOutlined, RightOutlined } from '@hi-ui/icons';
+import { CheckOutlined, LeftOutlined, 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');
@@ -28,6 +29,8 @@ var Profile = /*#__PURE__*/forwardRef(function (_a, ref) {
     settings = _a.settings,
     rest = __rest(_a, ["prefixCls", "role", "className", "children", "header", "footer", "settings"]);
   var cls = cx(prefixCls, className);
+  var _useGlobalContext = useGlobalContext(),
+    direction = _useGlobalContext.direction;
   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),
     value = _useUncontrolledState[0],
     setValue = _useUncontrolledState[1];
@@ -92,7 +95,7 @@ var Profile = /*#__PURE__*/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.createElement("div", {
       className: prefixCls + "__settings-item__arrow"
-    }, /*#__PURE__*/React.createElement(RightOutlined, null))) : null));
+    }, direction === 'rtl' ? /*#__PURE__*/React.createElement(LeftOutlined, null) : /*#__PURE__*/React.createElement(RightOutlined, null))) : null));
   })), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__footer"
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -8,7 +8,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import './node_modules/react-is/index.js';
+import '../react-is/index.js';
 import objectAssign from '../object-assign/index.js';
 import ReactPropTypesSecret_1 from './lib/ReactPropTypesSecret.js';
 import checkPropTypes_1 from './checkPropTypes.js';

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

@@ -8,7 +8,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { p as propTypes } from '../../_virtual/index2.js';
-import './node_modules/react-is/index.js';
+import '../react-is/index.js';
 import factoryWithTypeCheckers from './factoryWithTypeCheckers.js';
 import factoryWithThrowingShims from './factoryWithThrowingShims.js';
 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

@@ -8,7 +8,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { __exports as reactIs_development } from '../../../../../_virtual/react-is.development.js';
+import { __exports as reactIs_development } from '../../../_virtual/react-is.development.js';
 
 /** @license React v16.13.1
  * react-is.development.js

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

@@ -8,7 +8,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { __exports as reactIs_production_min } from '../../../../../_virtual/react-is.production.min.js';
+import { __exports as reactIs_production_min } from '../../../_virtual/react-is.production.min.js';
 
 /** @license React v16.13.1
  * react-is.production.min.js

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

@@ -7,11 +7,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { r as reactIs } from '../../../../_virtual/index3.js';
+import { r as reactIs } from '../../_virtual/index3.js';
 import './cjs/react-is.production.min.js';
 import './cjs/react-is.development.js';
-import { __exports as reactIs_production_min } from '../../../../_virtual/react-is.production.min.js';
-import { __exports as reactIs_development } from '../../../../_virtual/react-is.development.js';
+import { __exports as reactIs_production_min } from '../../_virtual/react-is.production.min.js';
+import { __exports as reactIs_development } from '../../_virtual/react-is.development.js';
 if (process.env.NODE_ENV === 'production') {
   reactIs.exports = reactIs_production_min;
 } else {

package/lib/types/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './styles/index.scss';
 declare const Layout: import("react").ForwardRefExoticComponent<import("./Layout").LayoutProps & import("react").RefAttributes<HTMLDivElement | null>> & {
     Header: import("react").ForwardRefExoticComponent<import("./Header").HeaderProps & import("react").RefAttributes<HTMLDivElement | null>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/layout",
-  "version": "5.0.0-experimental.3",
+  "version": "5.0.0-rc.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -44,25 +44,24 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^5.0.0-experimental.0",
-    "@hi-ui/env": "^5.0.0-experimental.0",
-    "@hi-ui/icons": "^5.0.0-experimental.1",
-    "@hi-ui/menu": "^5.0.0-experimental.3",
-    "@hi-ui/popper": "^5.0.0-experimental.1",
-    "@hi-ui/popover": "^5.0.0-experimental.1",
-    "@hi-ui/react-utils": "^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/use-merge-semantic": "^5.0.0-experimental.1"
+    "@hi-ui/classname": "^5.0.0-rc.0",
+    "@hi-ui/env": "^5.0.0-rc.0",
+    "@hi-ui/icons": "^5.0.0-rc.0",
+    "@hi-ui/menu": "^5.0.0-rc.0",
+    "@hi-ui/popper": "^5.0.0-rc.0",
+    "@hi-ui/popover": "^5.0.0-rc.0",
+    "@hi-ui/react-utils": "^5.0.0-rc.0",
+    "@hi-ui/use-toggle": "^5.0.0-rc.0",
+    "@hi-ui/use-uncontrolled-state": "^5.0.0-rc.0"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=5.0.0-experimental.1",
+    "@hi-ui/core": ">=5.0.0-rc.0",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^5.0.0-experimental.1",
-    "@hi-ui/core-css": "^5.0.0-experimental.2",
+    "@hi-ui/core": "^5.0.0-rc.0",
+    "@hi-ui/core-css": "^5.0.0-rc.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }