@hi-ui/layout 4.0.0

package/lib/cjs/node_modules/react-resizable/build/propTypes.js

@@ -0,0 +1,115 @@
+/** @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 propTypes = require('../../../_virtual/propTypes.js');
+require('../../prop-types/index.js');
+require('../../react-draggable/build/cjs/cjs.js');
+var index = require('../../../_virtual/index2.js');
+propTypes.__exports.__esModule = true;
+propTypes.__exports.resizableProps = void 0;
+var _propTypes = _interopRequireDefault(index.propTypes.exports);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    "default": obj
+  };
+}
+var resizableProps = {
+  /*
+  * Restricts resizing to a particular axis (default: 'both')
+  * 'both' - allows resizing by width or height
+  * 'x' - only allows the width to be changed
+  * 'y' - only allows the height to be changed
+  * 'none' - disables resizing altogether
+  * */
+  axis: _propTypes["default"].oneOf(['both', 'x', 'y', 'none']),
+  className: _propTypes["default"].string,
+  /*
+  * Require that one and only one child be present.
+  * */
+  children: _propTypes["default"].element.isRequired,
+  /*
+  * These will be passed wholesale to react-draggable's DraggableCore
+  * */
+  draggableOpts: _propTypes["default"].shape({
+    allowAnyClick: _propTypes["default"].bool,
+    cancel: _propTypes["default"].string,
+    children: _propTypes["default"].node,
+    disabled: _propTypes["default"].bool,
+    enableUserSelectHack: _propTypes["default"].bool,
+    offsetParent: _propTypes["default"].node,
+    grid: _propTypes["default"].arrayOf(_propTypes["default"].number),
+    handle: _propTypes["default"].string,
+    nodeRef: _propTypes["default"].object,
+    onStart: _propTypes["default"].func,
+    onDrag: _propTypes["default"].func,
+    onStop: _propTypes["default"].func,
+    onMouseDown: _propTypes["default"].func,
+    scale: _propTypes["default"].number
+  }),
+  /*
+  * Initial height
+  * */
+  height: _propTypes["default"].number.isRequired,
+  /*
+  * Customize cursor resize handle
+  * */
+  handle: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
+  /*
+  * If you change this, be sure to update your css
+  * */
+  handleSize: _propTypes["default"].arrayOf(_propTypes["default"].number),
+  lockAspectRatio: _propTypes["default"].bool,
+  /*
+  * Max X & Y measure
+  * */
+  maxConstraints: _propTypes["default"].arrayOf(_propTypes["default"].number),
+  /*
+  * Min X & Y measure
+  * */
+  minConstraints: _propTypes["default"].arrayOf(_propTypes["default"].number),
+  /*
+  * Called on stop resize event
+  * */
+  onResizeStop: _propTypes["default"].func,
+  /*
+  * Called on start resize event
+  * */
+  onResizeStart: _propTypes["default"].func,
+  /*
+  * Called on resize event
+  * */
+  onResize: _propTypes["default"].func,
+  /*
+  * Defines which resize handles should be rendered (default: 'se')
+  * 's' - South handle (bottom-center)
+  * 'w' - West handle (left-center)
+  * 'e' - East handle (right-center)
+  * 'n' - North handle (top-center)
+  * 'sw' - Southwest handle (bottom-left)
+  * 'nw' - Northwest handle (top-left)
+  * 'se' - Southeast handle (bottom-right)
+  * 'ne' - Northeast handle (top-center)
+  * */
+  resizeHandles: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['s', 'w', 'e', 'n', 'sw', 'nw', 'se', 'ne'])),
+  /*
+  * If `transform: scale(n)` is set on the parent, this should be set to `n`.
+  * */
+  transformScale: _propTypes["default"].number,
+  /*
+   * Initial width
+   */
+  width: _propTypes["default"].number.isRequired
+};
+propTypes.__exports.resizableProps = resizableProps;
+exports["default"] = propTypes.__exports;

package/lib/cjs/node_modules/react-resizable/build/utils.js

@@ -0,0 +1,86 @@
+/** @LICENSE
+ * @hi-ui/layout
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/layout#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var utils = require('../../../_virtual/utils.js');
+var React = require('react');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+utils.__exports.__esModule = true;
+utils.__exports.cloneElement = cloneElement;
+var _react = _interopRequireDefault(React__default["default"]);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    "default": obj
+  };
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+// React.addons.cloneWithProps look-alike that merges style & className.
+function cloneElement(element, props) {
+  if (props.style && element.props.style) {
+    props.style = _objectSpread(_objectSpread({}, element.props.style), props.style);
+  }
+  if (props.className && element.props.className) {
+    props.className = element.props.className + " " + props.className;
+  }
+  return /*#__PURE__*/_react["default"].cloneElement(element, props);
+}
+exports["default"] = utils.__exports;

package/lib/cjs/node_modules/react-resizable/index.js

@@ -0,0 +1,25 @@
+/** @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('../../_virtual/index.js');
+require('./build/Resizable.js');
+require('./build/ResizableBox.js');
+var Resizable$1 = require('../../_virtual/Resizable.js');
+var ResizableBox = require('../../_virtual/ResizableBox.js');
+index.reactResizable.exports = function () {
+  throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
+};
+var Resizable = index.reactResizable.exports.Resizable = Resizable$1.__exports["default"];
+index.reactResizable.exports.ResizableBox = ResizableBox.__exports["default"];
+exports.Resizable = Resizable;

package/lib/cjs/packages/icons/lib/esm/components/common/search-outlined.js

@@ -0,0 +1,65 @@
+/** @LICENSE
+ * @hi-ui/layout
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/layout#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var tslib = require('tslib');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var env = require('@hi-ui/env');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/** @LICENSE
+ * @hi-ui/icons
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/icons#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 _prefix = classname.getPrefixCls('icon-search-outlined');
+var SearchOutlined = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    className = _a.className,
+    size = _a.size,
+    styleProp = _a.style,
+    rest = tslib.__rest(_a, ["prefixCls", "className", "children", "size", "style"]);
+  var cls = classname.cx(prefixCls, className);
+  var style = Object.assign({
+    fontSize: size
+  }, styleProp);
+  return /*#__PURE__*/React__default["default"].createElement("svg", Object.assign({
+    className: cls,
+    ref: ref,
+    role: "icon",
+    style: style
+  }, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024",
+    version: "1.1"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M469.333333 106.666667c200.298667 0 362.666667 162.368 362.666667 362.666666 0 84.757333-29.077333 162.730667-77.802667 224.490667l150.634667 150.677333a42.666667 42.666667 0 0 1-57.621333 62.826667l-2.709334-2.496-150.677333-150.634667A361.109333 361.109333 0 0 1 469.333333 832c-200.298667 0-362.666667-162.368-362.666666-362.666667S269.034667 106.666667 469.333333 106.666667z m0 85.333333C316.16 192 192 316.16 192 469.333333s124.16 277.333333 277.333333 277.333334 277.333333-124.16 277.333334-277.333334S622.506667 192 469.333333 192z",
+    "p-id": "38915"
+  }));
+});
+if (env.__DEV__) {
+  SearchOutlined.displayName = 'SearchOutlined';
+}
+exports.SearchOutlined = SearchOutlined;

package/lib/cjs/packages/icons/lib/esm/styles/index.scss.js

@@ -0,0 +1,35 @@
+/** @LICENSE
+ * @hi-ui/layout
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/layout#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var __styleInject__ = require('@hi-ui/style-inject');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var __styleInject____default = /*#__PURE__*/_interopDefaultCompat(__styleInject__);
+
+/** @LICENSE
+ * @hi-ui/icons
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/icons#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 css_248z = "svg[class^=hi-v5-icon] {font-size: inherit;width: 1em;height: 1em;fill: currentColor;stroke: currentColor;display: inline-block;vertical-align: -0.15em;-ms-flex-negative: 0;flex-shrink: 0;}";
+__styleInject____default["default"](css_248z);
+exports["default"] = css_248z;

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

@@ -0,0 +1,18 @@
+/** @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 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 __styleInject__ = require('@hi-ui/style-inject')["default"];
+__styleInject__(css_248z);
+exports["default"] = css_248z;

package/lib/esm/Content.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.
+ */
+import { __rest } from 'tslib';
+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,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'content' : _a$role,
+    className = _a.className,
+    children = _a.children,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children"]);
+  var cls = cx(prefixCls, className);
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), children);
+});
+if (__DEV__) {
+  Content.displayName = 'Content';
+}
+export { Content };

package/lib/esm/Layout.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.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+var LAYOUT_PREFIX = getPrefixCls('layout');
+/**
+ * 布局组件，用于布局页面结构
+ */
+var Layout = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? LAYOUT_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    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);
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), children);
+});
+if (__DEV__) {
+  Layout.displayName = 'Layout';
+}
+export { Layout };

package/lib/esm/SearchTrigger.js

@@ -0,0 +1,43 @@
+/** @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 './packages/icons/lib/esm/styles/index.scss.js';
+import { SearchOutlined } from './packages/icons/lib/esm/components/common/search-outlined.js';
+var SEARCH_TRIGGER_PREFIX = getPrefixCls('search-trigger');
+/**
+ * 搜索触发器组件
+ */
+var SearchTrigger = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _cx;
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? SEARCH_TRIGGER_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'search-trigger' : _a$role,
+    className = _a.className,
+    mini = _a.mini,
+    _a$placeholder = _a.placeholder,
+    placeholder = _a$placeholder === void 0 ? '搜索' : _a$placeholder,
+    rest = __rest(_a, ["prefixCls", "role", "className", "mini", "placeholder"]);
+  var cls = cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), /*#__PURE__*/React.createElement(SearchOutlined, null), !mini && /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__placeholder"
+  }, placeholder));
+});
+if (__DEV__) {
+  SearchTrigger.displayName = 'SearchTrigger';
+}
+export { SearchTrigger };

package/lib/esm/Sider.js

@@ -0,0 +1,88 @@
+/** @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, useState, 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 { Resizable } from './node_modules/react-resizable/index.js';
+var SIDER_PREFIX = getPrefixCls('sider');
+/**
+ * 侧边栏组件
+ */
+var Sider = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _cx;
+  var _a$prefixCls = _a.prefixCls,
+    prefixCls = _a$prefixCls === void 0 ? SIDER_PREFIX : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? 'sider' : _a$role,
+    className = _a.className,
+    collapsedProp = _a.collapsed,
+    onCollapse = _a.onCollapse,
+    children = _a.children,
+    rest = __rest(_a, ["prefixCls", "role", "className", "collapsed", "onCollapse", "children"]);
+  var _useUncontrolledState = useUncontrolledState(false, collapsedProp, onCollapse),
+    collapsed = _useUncontrolledState[0],
+    setCollapsed = _useUncontrolledState[1];
+  var _useState = useState(collapsedProp ? 68 : 200),
+    width = _useState[0],
+    setWidth = _useState[1];
+  var handleResize = function handleResize(evt, options) {
+    var _a;
+    var width = (_a = options === null || options === void 0 ? void 0 : options.size) === null || _a === void 0 ? void 0 : _a.width;
+    if (!collapsed && width < 150) {
+      width = 68;
+      setCollapsed(true);
+    }
+    if (collapsed && width > 68) {
+      width = 200;
+      setTimeout(function () {
+        setCollapsed(false);
+      }, 300);
+    }
+    if (width < 68) {
+      width = 68;
+    }
+    setWidth(width);
+  };
+  var handleResizeStart = useCallback(function () {
+    document.body.style.userSelect = 'none';
+  }, []);
+  var handleResizeStop = useCallback(function () {
+    document.body.style.userSelect = 'auto';
+  }, []);
+  var cls = cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--collapsed"] = collapsed, _cx));
+  return /*#__PURE__*/React.createElement(Resizable, {
+    className: prefixCls + "__resizable",
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    handle: /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__resizable-handler"
+    }),
+    height: 0,
+    width: width,
+    onResize: handleResize,
+    onResizeStart: handleResizeStart,
+    onResizeStop: handleResizeStop
+  }, /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest, {
+    style: Object.assign({
+      width: width
+    }, rest.style)
+  }), children));
+});
+if (__DEV__) {
+  Sider.displayName = 'Sider';
+}
+export { Sider };

package/lib/esm/_virtual/Draggable.js

@@ -0,0 +1,11 @@
+/** @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.
+ */
+var Draggable = {};
+export { Draggable as __exports };

package/lib/esm/_virtual/DraggableCore.js

@@ -0,0 +1,11 @@
+/** @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.
+ */
+var DraggableCore = {};
+export { DraggableCore as __exports };

package/lib/esm/_virtual/Resizable.js

@@ -0,0 +1,11 @@
+/** @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.
+ */
+var Resizable = {};
+export { Resizable as __exports };

package/lib/esm/_virtual/ResizableBox.js

@@ -0,0 +1,11 @@
+/** @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.
+ */
+var ResizableBox = {};
+export { ResizableBox as __exports };

package/lib/esm/_virtual/cjs.js

@@ -0,0 +1,13 @@
+/** @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.
+ */
+var cjs = {
+  exports: {}
+};
+export { cjs as c };

package/lib/esm/_virtual/domFns.js

@@ -0,0 +1,11 @@
+/** @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.
+ */
+var domFns = {};
+export { domFns as __exports };

package/lib/esm/_virtual/getPrefix.js

@@ -0,0 +1,11 @@
+/** @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.
+ */
+var getPrefix = {};
+export { getPrefix as __exports };

package/lib/esm/_virtual/index.js

@@ -0,0 +1,13 @@
+/** @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.
+ */
+var reactResizable = {
+  exports: {}
+};
+export { reactResizable as r };