@hi-ui/layout 4.0.0 → 5.0.0-alpha.0

package/lib/cjs/packages/utils/array-utils/lib/esm/index.js

@@ -0,0 +1,33 @@
+/** @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';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var index = require('../../../type-assertion/lib/esm/index.js');
+
+/** @LICENSE
+ * @hi-ui/array-utils
+ * https://github.com/XiaoMi/hiui/tree/master/packages/utils/array-utils#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.
+ */
+/**
+ * 抹平结构为数组
+ */
+var normalizeArray = function normalizeArray(arg) {
+  if (index.isNullish(arg)) return [];
+  return index.isArray(arg) ? arg : [arg];
+};
+exports.normalizeArray = normalizeArray;

package/lib/cjs/packages/utils/dom-utils/lib/esm/index.js

@@ -0,0 +1,47 @@
+/** @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';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+require('@hi-ui/env');
+
+/** @LICENSE
+ * @hi-ui/dom-utils
+ * https://github.com/XiaoMi/hiui/tree/master/packages/utils/dom-utils#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.
+ */
+/**
+ * 模拟事件默认事件处理机制，以此执行传入的事件处理器
+ *
+ * @param handlers
+ * @returns
+ * @ref https://developer.mozilla.org/zh-CN/docs/Web/API/Event/preventDefault
+ */
+function mockDefaultHandlers() {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+  return function mockedDefaultHandler(event) {
+    handlers.some(function (handler) {
+      if (handler) {
+        // handler 执行中，可以阻止默认行为，即将 `defaultPrevented` 置为 `true`
+        handler(event);
+      }
+      return event.defaultPrevented;
+    });
+  };
+}
+exports.mockDefaultHandlers = mockDefaultHandlers;

package/lib/cjs/packages/utils/react-utils/lib/esm/index.js

@@ -0,0 +1,72 @@
+/** @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';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+require('react');
+require('@babel/runtime/helpers/esm/typeof');
+require('@hi-ui/env');
+
+/** @LICENSE
+ * @hi-ui/react-utils
+ * https://github.com/XiaoMi/hiui/tree/master/packages/utils/react-utils#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.
+ */
+/**
+ * Merge defaultProps into props
+ */
+var withDefaultProps = function withDefaultProps(props, defaultProps) {
+  if (!defaultProps) return props || {};
+  var mergedProps = Object.assign({}, props);
+  var propName;
+  for (propName in defaultProps) {
+    if (mergedProps[propName] === undefined) {
+      // @ts-ignore
+      mergedProps[propName] = defaultProps[propName];
+    }
+  }
+  return mergedProps;
+};
+/**
+ * Set ref into a React element.
+ */
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+/**
+ * Merges multiple refs into a single function ref.
+ */
+var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  // Empty check
+  if (refs.some(function (ref) {
+    return ref;
+  }) === false) return null;
+  return function (value) {
+    refs.forEach(function (ref) {
+      setRef(ref, value);
+    });
+  };
+};
+exports.mergeRefs = mergeRefs;
+exports.setRef = setRef;
+exports.withDefaultProps = withDefaultProps;

package/lib/cjs/packages/utils/type-assertion/lib/esm/index.js

@@ -0,0 +1,36 @@
+/** @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';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+require('@babel/runtime/helpers/esm/typeof');
+
+/**
+ * Assert is Nullish
+ */
+var isNullish = function isNullish(arg) {
+  return arg === null || arg === undefined;
+};
+/**
+ * Assert is an array
+ */
+var isArray = Array.isArray;
+var toString = Object.prototype.toString;
+/**
+ * Assert is string
+ */
+var isString = function isString(arg) {
+  return toString.call(arg) === '[object String]';
+};
+exports.isArray = isArray;
+exports.isNullish = isNullish;
+exports.isString = isString;

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;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;min-width: 0;min-height: 0;}.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: auto;}.hi-v5-sider--collapsed {-webkit-transition: width 0.4s;transition: width 0.4s;}.hi-v5-sider__resizable-handler {position: absolute;z-index: 9;top: 0;right: 0;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__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-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);}";
+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 __styleInject__ = require('@hi-ui/style-inject')["default"];
 __styleInject__(css_248z);
 exports["default"] = css_248z;

package/lib/esm/AppList.js

@@ -0,0 +1,149 @@
+/** @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, 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';
+var APP_LIST_PREFIX = getPrefixCls('app-list');
+/**
+ * 应用列表组件
+ */
+var AppList = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? APP_LIST_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'app-list' : _a$role,
+    className = _a.className,
+    data = _a.data,
+    activeIdProp = _a.activeId,
+    defaultActiveId = _a.defaultActiveId,
+    titleRender = _a.titleRender,
+    onItemClick = _a.onItemClick,
+    rest = __rest(_a, ["prefixCls", "role", "className", "data", "activeId", "defaultActiveId", "titleRender", "onItemClick"]);
+  var cls = cx(prefixCls, className);
+  var _useUncontrolledState = useUncontrolledState(defaultActiveId, activeIdProp),
+    activeId = _useUncontrolledState[0],
+    tryChangeActiveId = _useUncontrolledState[1];
+  var handleItemClick = useCallback(function (item, event) {
+    tryChangeActiveId(item.id);
+    onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, event);
+    event.stopPropagation();
+  }, [tryChangeActiveId, onItemClick]);
+  var renderIcon = useCallback(function (item) {
+    var icon = item.icon,
+      title = item.title;
+    if (!icon) {
+      if (typeof title === 'string') {
+        return title.slice(0, 1);
+      }
+      return null;
+    }
+    return icon;
+  }, []);
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "-wrapper"
+  }, data === null || data === void 0 ? void 0 : data.map(function (item) {
+    var _cx;
+    var id = item.id,
+      title = item.title,
+      iconBgColor = item.iconBgColor;
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx(prefixCls + "-item", (_cx = {}, _cx[prefixCls + "-item--active"] = activeId === id, _cx)),
+      key: id,
+      onClick: function onClick(event) {
+        return handleItemClick(item, event);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(prefixCls + "-item__icon"),
+      style: {
+        backgroundColor: iconBgColor ? IconBgColorMap[iconBgColor] : undefined
+      }
+    }, renderIcon(item)), /*#__PURE__*/React.createElement("div", {
+      className: prefixCls + "-item__title"
+    }, (titleRender === null || titleRender === void 0 ? void 0 : titleRender(item)) || title), /*#__PURE__*/React.createElement("div", {
+      className: prefixCls + "-item__checked"
+    }, /*#__PURE__*/React.createElement(CheckOutlined, null)));
+  })));
+});
+var IconBgColorMap = {
+  // 深蓝色、浅蓝色、青色、绿色、紫色、黄色、橙色
+  BLUE: '#2660ff',
+  SKYBLUE: '#0aadff',
+  CYAN: '#04c2ac',
+  GREEN: '#24b237',
+  PURPLE: '#7f3df2',
+  YELLOW: '#ffbe0a',
+  ORANGE: '#ff7700'
+};
+if (__DEV__) {
+  AppList.displayName = 'AppList';
+}
+var AppListPopover = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var onOpen = _a.onOpen,
+    onClose = _a.onClose,
+    visibleProp = _a.visible,
+    children = _a.children,
+    data = _a.data,
+    defaultActiveId = _a.defaultActiveId,
+    activeId = _a.activeId,
+    titleRender = _a.titleRender,
+    onItemClick = _a.onItemClick,
+    restProps = __rest(_a, ["onOpen", "onClose", "visible", "children", "data", "defaultActiveId", "activeId", "titleRender", "onItemClick"]);
+  var _useUncontrolledToggl = useUncontrolledToggle({
+      defaultVisible: false,
+      visible: visibleProp
+    }),
+    visible = _useUncontrolledToggl[0],
+    visibleAction = _useUncontrolledToggl[1];
+  var handleOpen = useCallback(function () {
+    visibleAction.on();
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+  }, [onOpen, visibleAction]);
+  var handleClose = useCallback(function () {
+    visibleAction.off();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  }, [onClose, visibleAction]);
+  return /*#__PURE__*/React.createElement(Popover, Object.assign({
+    style: {
+      boxSizing: 'border-box',
+      paddingLeft: 12,
+      paddingRight: 12,
+      maxHeight: 408,
+      overflow: 'auto'
+    },
+    visible: visible,
+    arrow: false,
+    placement: "right-start",
+    gutterGap: 4,
+    content: /*#__PURE__*/React.createElement(AppList, {
+      ref: ref,
+      data: data,
+      defaultActiveId: defaultActiveId,
+      activeId: activeId,
+      titleRender: titleRender,
+      onItemClick: onItemClick
+    }),
+    onOpen: handleOpen,
+    onClose: handleClose
+  }, restProps), children);
+});
+if (__DEV__) {
+  AppListPopover.displayName = 'AppListPopover';
+}
+export { AppList, AppListPopover, IconBgColorMap };

package/lib/esm/CollapseIcon.js

@@ -0,0 +1,44 @@
+/** @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 React from 'react';
+var CollapseIcon = function CollapseIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10 3L13 3",
+    stroke: "#60636B",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10 8L13 8",
+    stroke: "#60636B",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3 13L13 13",
+    stroke: "#60636B",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6 8L3 5.5L6 3",
+    stroke: "#60636B",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export { CollapseIcon };

package/lib/esm/Content.js

@@ -12,9 +12,6 @@ import React, { forwardRef } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 var CONTENT_PREFIX = getPrefixCls('content');
-/**
- * 内容区域组件
- */
 var Content = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
     prefixCls = _a$prefixCls === void 0 ? CONTENT_PREFIX : _a$prefixCls,
@@ -24,7 +21,7 @@ var Content = /*#__PURE__*/forwardRef(function (_a, ref) {
     children = _a.children,
     rest = __rest(_a, ["prefixCls", "role", "className", "children"]);
   var cls = cx(prefixCls, className);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React.createElement("main", Object.assign({
     ref: ref,
     role: role,
     className: cls

package/lib/esm/FloatMenuContainer.js

@@ -0,0 +1,81 @@
+/** @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';
+import { useLocaleContext } from '@hi-ui/core';
+import { CollapseIcon } from './CollapseIcon.js';
+var FLOAT_MENU_CONTAINER_PREFIX = getPrefixCls('float-menu-container');
+/**
+ * 浮动菜单容器组件
+ */
+var FloatMenuContainer = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _cx;
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? FLOAT_MENU_CONTAINER_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'float-menu-container' : _a$role,
+    className = _a.className,
+    children = _a.children,
+    visibleProp = _a.visible,
+    width = _a.width,
+    _a$collapsed = _a.collapsed,
+    collapsedProp = _a$collapsed === void 0 ? true : _a$collapsed,
+    onCollapse = _a.onCollapse,
+    zIndex = _a.zIndex,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "visible", "width", "collapsed", "onCollapse", "zIndex"]);
+  var cls = cx(prefixCls, className);
+  var i18n = useLocaleContext();
+  var _React$useState = React.useState(collapsedProp),
+    collapsed = _React$useState[0],
+    setCollapsed = _React$useState[1];
+  React.useEffect(function () {
+    setCollapsed(collapsedProp);
+  }, [collapsedProp]);
+  var visible = React.useMemo(function () {
+    return collapsed ? visibleProp : true;
+  }, [collapsed, visibleProp]);
+  var handleCollapse = function handleCollapse() {
+    var newCollapsed = !collapsed;
+    setCollapsed(newCollapsed);
+    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(newCollapsed);
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest, {
+    style: visible ? {
+      width: collapsed ? 0 : width
+    } : {}
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "-content", (_cx = {}, _cx[prefixCls + "-content--show"] = visible, _cx[prefixCls + "-content--collapsed"] = collapsed, _cx)),
+    style: {
+      zIndex: zIndex,
+      width: visible ? width : 0
+    }
+  }, visible && ( /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "-collapse-wrapper")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "-collapse"),
+    onClick: handleCollapse
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "-collapse-icon")
+  }, /*#__PURE__*/React.createElement(CollapseIcon, null)), /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "-collapse-text")
+  }, collapsed ? i18n.timeline.expand : i18n.timeline.collapse)))), /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "-content-wrapper")
+  }, children)));
+});
+if (__DEV__) {
+  FloatMenuContainer.displayName = 'FloatMenuContainer';
+}
+export { FloatMenuContainer };

package/lib/esm/Footer.js

@@ -0,0 +1,33 @@
+/** @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 HEADER_PREFIX = getPrefixCls('footer');
+var Footer = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? HEADER_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'footer' : _a$role,
+    className = _a.className,
+    children = _a.children,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children"]);
+  var cls = cx(prefixCls, className);
+  return /*#__PURE__*/React.createElement("footer", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), children);
+});
+if (__DEV__) {
+  Footer.displayName = 'Footer';
+}
+export { Footer };

package/lib/esm/Header.js

@@ -0,0 +1,33 @@
+/** @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 HEADER_PREFIX = getPrefixCls('header');
+var Header = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? HEADER_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'header' : _a$role,
+    className = _a.className,
+    children = _a.children,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children"]);
+  var cls = cx(prefixCls, className);
+  return /*#__PURE__*/React.createElement("header", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), children);
+});
+if (__DEV__) {
+  Header.displayName = 'Header';
+}
+export { Header };

package/lib/esm/Layout.js

@@ -22,8 +22,10 @@ var Layout = /*#__PURE__*/forwardRef(function (_a, ref) {
     role = _a$role === void 0 ? 'layout' : _a$role,
     className = _a.className,
     children = _a.children,
-    rest = __rest(_a, ["prefixCls", "role", "className", "children"]);
-  var cls = cx(prefixCls, className);
+    _a$direction = _a.direction,
+    direction = _a$direction === void 0 ? 'row' : _a$direction,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "direction"]);
+  var cls = cx(prefixCls, className, prefixCls + "--direction-" + direction);
   return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     role: role,