@hi-ui/layout 4.0.0

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/layout`
+
+> TODO: description
+
+## Usage
+
+```
+const Layout = require('@hi-ui/layout');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/Content.js

@@ -0,0 +1,48 @@
+/** @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);
+var CONTENT_PREFIX = classname.getPrefixCls('content');
+/**
+ * 内容区域组件
+ */
+var Content = /*#__PURE__*/React.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 = tslib.__rest(_a, ["prefixCls", "role", "className", "children"]);
+  var cls = classname.cx(prefixCls, className);
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), children);
+});
+if (env.__DEV__) {
+  Content.displayName = 'Content';
+}
+exports.Content = Content;

package/lib/cjs/Layout.js

@@ -0,0 +1,48 @@
+/** @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);
+var LAYOUT_PREFIX = classname.getPrefixCls('layout');
+/**
+ * 布局组件，用于布局页面结构
+ */
+var Layout = /*#__PURE__*/React.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 = tslib.__rest(_a, ["prefixCls", "role", "className", "children"]);
+  var cls = classname.cx(prefixCls, className);
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), children);
+});
+if (env.__DEV__) {
+  Layout.displayName = 'Layout';
+}
+exports.Layout = Layout;

package/lib/cjs/SearchTrigger.js

@@ -0,0 +1,55 @@
+/** @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');
+require('./packages/icons/lib/esm/styles/index.scss.js');
+var searchOutlined = require('./packages/icons/lib/esm/components/common/search-outlined.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var SEARCH_TRIGGER_PREFIX = classname.getPrefixCls('search-trigger');
+/**
+ * 搜索触发器组件
+ */
+var SearchTrigger = /*#__PURE__*/React.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 = tslib.__rest(_a, ["prefixCls", "role", "className", "mini", "placeholder"]);
+  var cls = classname.cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--mini"] = mini, _cx));
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), /*#__PURE__*/React__default["default"].createElement(searchOutlined.SearchOutlined, null), !mini && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: prefixCls + "__placeholder"
+  }, placeholder));
+});
+if (env.__DEV__) {
+  SearchTrigger.displayName = 'SearchTrigger';
+}
+exports.SearchTrigger = SearchTrigger;

package/lib/cjs/Sider.js

@@ -0,0 +1,100 @@
+/** @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');
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+var index = require('./node_modules/react-resizable/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var SIDER_PREFIX = classname.getPrefixCls('sider');
+/**
+ * 侧边栏组件
+ */
+var Sider = /*#__PURE__*/React.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 = tslib.__rest(_a, ["prefixCls", "role", "className", "collapsed", "onCollapse", "children"]);
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(false, collapsedProp, onCollapse),
+    collapsed = _useUncontrolledState[0],
+    setCollapsed = _useUncontrolledState[1];
+  var _useState = React.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 = React.useCallback(function () {
+    document.body.style.userSelect = 'none';
+  }, []);
+  var handleResizeStop = React.useCallback(function () {
+    document.body.style.userSelect = 'auto';
+  }, []);
+  var cls = classname.cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--collapsed"] = collapsed, _cx));
+  return /*#__PURE__*/React__default["default"].createElement(index.Resizable, {
+    className: prefixCls + "__resizable",
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    handle: /*#__PURE__*/React__default["default"].createElement("span", {
+      className: prefixCls + "__resizable-handler"
+    }),
+    height: 0,
+    width: width,
+    onResize: handleResize,
+    onResizeStart: handleResizeStart,
+    onResizeStop: handleResizeStop
+  }, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest, {
+    style: Object.assign({
+      width: width
+    }, rest.style)
+  }), children));
+});
+if (env.__DEV__) {
+  Sider.displayName = 'Sider';
+}
+exports.Sider = Sider;

package/lib/cjs/_virtual/Draggable.js

@@ -0,0 +1,16 @@
+/** @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 Draggable = {};
+exports.__exports = Draggable;

package/lib/cjs/_virtual/DraggableCore.js

@@ -0,0 +1,16 @@
+/** @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 DraggableCore = {};
+exports.__exports = DraggableCore;

package/lib/cjs/_virtual/Resizable.js

@@ -0,0 +1,16 @@
+/** @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 Resizable = {};
+exports.__exports = Resizable;

package/lib/cjs/_virtual/ResizableBox.js

@@ -0,0 +1,16 @@
+/** @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 ResizableBox = {};
+exports.__exports = ResizableBox;

package/lib/cjs/_virtual/cjs.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 cjs = {
+  exports: {}
+};
+exports.cjs = cjs;

package/lib/cjs/_virtual/domFns.js

@@ -0,0 +1,16 @@
+/** @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 domFns = {};
+exports.__exports = domFns;

package/lib/cjs/_virtual/getPrefix.js

@@ -0,0 +1,16 @@
+/** @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 getPrefix = {};
+exports.__exports = getPrefix;

package/lib/cjs/_virtual/index.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 reactResizable = {
+  exports: {}
+};
+exports.reactResizable = reactResizable;

package/lib/cjs/_virtual/index2.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 propTypes = {
+  exports: {}
+};
+exports.propTypes = propTypes;

package/lib/cjs/_virtual/index3.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 reactIs = {
+  exports: {}
+};
+exports.reactIs = reactIs;

package/lib/cjs/_virtual/index4.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 classnames = {
+  exports: {}
+};
+exports.classnames = classnames;

package/lib/cjs/_virtual/log.js

@@ -0,0 +1,16 @@
+/** @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 log = {};
+exports.__exports = log;

package/lib/cjs/_virtual/positionFns.js

@@ -0,0 +1,16 @@
+/** @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 positionFns = {};
+exports.__exports = positionFns;

package/lib/cjs/_virtual/propTypes.js

@@ -0,0 +1,16 @@
+/** @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 = {};
+exports.__exports = propTypes;

package/lib/cjs/_virtual/react-is.development.js

@@ -0,0 +1,16 @@
+/** @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 reactIs_development = {};
+exports.__exports = reactIs_development;

package/lib/cjs/_virtual/react-is.production.min.js

@@ -0,0 +1,16 @@
+/** @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 reactIs_production_min = {};
+exports.__exports = reactIs_production_min;

package/lib/cjs/_virtual/shims.js

@@ -0,0 +1,16 @@
+/** @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 shims = {};
+exports.__exports = shims;

package/lib/cjs/_virtual/utils.js

@@ -0,0 +1,16 @@
+/** @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 utils = {};
+exports.__exports = utils;

package/lib/cjs/index.js

@@ -0,0 +1,24 @@
+/** @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('./styles/index.scss.js');
+var Layout = require('./Layout.js');
+var Sider = require('./Sider.js');
+var Content = require('./Content.js');
+var SearchTrigger = require('./SearchTrigger.js');
+exports.Layout = Layout.Layout;
+exports["default"] = Layout.Layout;
+exports.Sider = Sider.Sider;
+exports.Content = Content.Content;
+exports.SearchTrigger = SearchTrigger.SearchTrigger;

package/lib/cjs/node_modules/classnames/index.js

@@ -0,0 +1,62 @@
+/** @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");
+var index = require('../../_virtual/index4.js');
+
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+  /* global define */
+
+  (function () {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames() {
+      var classes = [];
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (!arg) continue;
+        var argType = _typeof(arg);
+        if (argType === 'string' || argType === 'number') {
+          classes.push(arg);
+        } else if (Array.isArray(arg)) {
+          if (arg.length) {
+            var inner = classNames.apply(null, arg);
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === 'object') {
+          if (arg.toString === Object.prototype.toString) {
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
+            }
+          } else {
+            classes.push(arg.toString());
+          }
+        }
+      }
+      return classes.join(' ');
+    }
+    if (module.exports) {
+      classNames["default"] = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+})(index.classnames);