@hi-ui/layout 4.0.0

package/lib/esm/node_modules/react-resizable/build/ResizableBox.js

@@ -0,0 +1,236 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/** @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 { __exports as ResizableBox$1 } from '../../../_virtual/ResizableBox.js';
+import React$1 from 'react';
+import '../../prop-types/index.js';
+import './Resizable.js';
+import './propTypes.js';
+import { __exports as propTypes } from '../../../_virtual/propTypes.js';
+import { p as propTypes$1 } from '../../../_virtual/index2.js';
+import { __exports as Resizable } from '../../../_virtual/Resizable.js';
+ResizableBox$1.__esModule = true;
+ResizableBox$1["default"] = void 0;
+var React = _interopRequireWildcard(React$1);
+var _propTypes = _interopRequireDefault(propTypes$1.exports);
+var _Resizable = _interopRequireDefault(Resizable);
+var _propTypes2 = propTypes;
+var _excluded = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    "default": obj
+  };
+}
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = new WeakMap();
+  var cacheNodeInterop = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {
+    return {
+      "default": obj
+    };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj["default"] = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+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;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+var ResizableBox = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ResizableBox, _React$Component);
+  function ResizableBox() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      width: _this.props.width,
+      height: _this.props.height,
+      propsWidth: _this.props.width,
+      propsHeight: _this.props.height
+    };
+    _this.onResize = function (e, data) {
+      var size = data.size;
+      if (_this.props.onResize) {
+        e.persist == null ? void 0 : e.persist();
+        _this.setState(size, function () {
+          return _this.props.onResize && _this.props.onResize(e, data);
+        });
+      } else {
+        _this.setState(size);
+      }
+    };
+    return _this;
+  }
+  ResizableBox.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
+    // If parent changes height/width, set that in our state.
+    if (state.propsWidth !== props.width || state.propsHeight !== props.height) {
+      return {
+        width: props.width,
+        height: props.height,
+        propsWidth: props.width,
+        propsHeight: props.height
+      };
+    }
+    return null;
+  };
+  var _proto = ResizableBox.prototype;
+  _proto.render = function render() {
+    // Basic wrapper around a Resizable instance.
+    // If you use Resizable directly, you are responsible for updating the child component
+    // with a new width and height.
+    var _this$props = this.props,
+      handle = _this$props.handle,
+      handleSize = _this$props.handleSize,
+      onResizeStart = _this$props.onResizeStart,
+      onResizeStop = _this$props.onResizeStop,
+      draggableOpts = _this$props.draggableOpts,
+      minConstraints = _this$props.minConstraints,
+      maxConstraints = _this$props.maxConstraints,
+      lockAspectRatio = _this$props.lockAspectRatio,
+      axis = _this$props.axis,
+      resizeHandles = _this$props.resizeHandles,
+      style = _this$props.style,
+      transformScale = _this$props.transformScale,
+      props = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    return /*#__PURE__*/React.createElement(_Resizable["default"], {
+      axis: axis,
+      draggableOpts: draggableOpts,
+      handle: handle,
+      handleSize: handleSize,
+      height: this.state.height,
+      lockAspectRatio: lockAspectRatio,
+      maxConstraints: maxConstraints,
+      minConstraints: minConstraints,
+      onResizeStart: onResizeStart,
+      onResize: this.onResize,
+      onResizeStop: onResizeStop,
+      resizeHandles: resizeHandles,
+      transformScale: transformScale,
+      width: this.state.width
+    }, /*#__PURE__*/React.createElement("div", _extends({}, props, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        width: this.state.width + 'px',
+        height: this.state.height + 'px'
+      })
+    })));
+  };
+  return ResizableBox;
+}(React.Component);
+ResizableBox$1["default"] = ResizableBox;
+ResizableBox.propTypes = _objectSpread(_objectSpread({}, _propTypes2.resizableProps), {}, {
+  children: _propTypes["default"].element
+});

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

@@ -0,0 +1,110 @@
+/** @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 { __exports as propTypes } from '../../../_virtual/propTypes.js';
+import '../../prop-types/index.js';
+import '../../react-draggable/build/cjs/cjs.js';
+import { p as propTypes$1 } from '../../../_virtual/index2.js';
+propTypes.__esModule = true;
+propTypes.resizableProps = void 0;
+var _propTypes = _interopRequireDefault(propTypes$1.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.resizableProps = resizableProps;
+export { propTypes as default };

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

@@ -0,0 +1,74 @@
+/** @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 { __exports as utils } from '../../../_virtual/utils.js';
+import React from 'react';
+utils.__esModule = true;
+utils.cloneElement = cloneElement;
+var _react = _interopRequireDefault(React);
+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);
+}
+export { utils as default };

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

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

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

@@ -0,0 +1,53 @@
+/** @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';
+
+/** @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 = getPrefixCls('icon-search-outlined');
+var SearchOutlined = /*#__PURE__*/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 = __rest(_a, ["prefixCls", "className", "children", "size", "style"]);
+  var cls = cx(prefixCls, className);
+  var style = Object.assign({
+    fontSize: size
+  }, styleProp);
+  return /*#__PURE__*/React.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.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 (__DEV__) {
+  SearchOutlined.displayName = 'SearchOutlined';
+}
+export { SearchOutlined };

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

@@ -0,0 +1,23 @@
+/** @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 __styleInject__ from '@hi-ui/style-inject';
+
+/** @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__(css_248z);
+export { css_248z as default };

package/lib/esm/styles/index.scss.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.
+ */
+import __styleInject__ from '@hi-ui/style-inject';
+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);}";
+__styleInject__(css_248z);
+export { css_248z as default };

package/lib/types/Content.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+/**
+ * 内容区域组件
+ */
+export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface ContentProps extends HiBaseHTMLProps<'div'> {
+}

package/lib/types/Layout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+/**
+ * 布局组件，用于布局页面结构
+ */
+export declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface LayoutProps extends HiBaseHTMLProps<'div'> {
+}

package/lib/types/SearchTrigger.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+/**
+ * 搜索触发器组件
+ */
+export declare const SearchTrigger: React.ForwardRefExoticComponent<SearchTriggerProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface SearchTriggerProps extends HiBaseHTMLProps<'div'> {
+    mini?: boolean;
+    placeholder?: string;
+}

package/lib/types/Sider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+/**
+ * 侧边栏组件
+ */
+export declare const Sider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface SiderProps extends HiBaseHTMLProps<'div'> {
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+}

package/lib/types/index.d.ts

@@ -0,0 +1,6 @@
+import './styles/index.scss';
+export * from './Layout';
+export { Layout as default } from './Layout';
+export * from './Sider';
+export * from './Content';
+export * from './SearchTrigger';

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@hi-ui/layout",
+  "version": "4.0.0",
+  "description": "A sub-package for @hi-ui/hiui.",
+  "keywords": [],
+  "author": "HiUI <mi-hiui@xiaomi.com>",
+  "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/ui/layout#readme",
+  "license": "MIT",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaoMi/hiui.git"
+  },
+  "scripts": {
+    "test": "jest",
+    "clean": "rimraf lib",
+    "prebuild": "yarn clean",
+    "build:esm": "hi-build ./src/index.ts --format esm -d ./lib/esm",
+    "build:cjs": "hi-build ./src/index.ts --format cjs -d ./lib/cjs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "build": "concurrently yarn:build:*"
+  },
+  "bugs": {
+    "url": "https://github.com/XiaoMi/hiui/issues"
+  },
+  "dependencies": {
+    "@hi-ui/classname": "^4.0.0",
+    "@hi-ui/env": "^4.0.0",
+    "@hi-ui/use-uncontrolled-state": "^4.0.4"
+  },
+  "peerDependencies": {
+    "@hi-ui/core": ">=4.0.0",
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
+  },
+  "devDependencies": {
+    "@hi-ui/core": "^4.0.0",
+    "@hi-ui/core-css": "^4.0.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  }
+}