cloud-b2b 1.0.0 → 1.0.1

package/lib/InputSelect/InputSelect.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _select = _interopRequireDefault(require("antd/lib/select"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, 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 _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var SelectOption = _select["default"].Option;
+var OPTION_STYLE = {
+  "float": 'right',
+  marginLeft: '1rem',
+  marginRight: '1rem',
+  color: '#aaa',
+  whiteSpace: 'pre-wrap'
+};
+
+var InputSelect = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(InputSelect, _React$Component);
+
+  var _super = _createSuper(InputSelect);
+
+  function InputSelect() {
+    var _context;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, InputSelect);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, (0, _concat["default"])(_context = [this]).call(_context, args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
+      var _this$props = _this.props,
+          _this$props$options = _this$props.options,
+          options = _this$props$options === void 0 ? [] : _this$props$options,
+          onSearch = _this$props.onSearch,
+          _this$props$value = _this$props.value,
+          value = _this$props$value === void 0 ? [] : _this$props$value;
+
+      if (onSearch && options.length <= value.length) {
+        onSearch(e.target.value);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSearch", function (value) {
+      var onSearch = _this.props.onSearch;
+      onSearch && onSearch(value);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isMatch", function (inputValue, option) {
+      var _context2;
+
+      return (0, _indexOf["default"])(_context2 = option.props.children).call(_context2, inputValue) !== -1;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isMatchRemark", function (inputValue, option) {
+      var _option$props = option.props,
+          text = _option$props.text,
+          remark = _option$props.remark;
+      return (0, _indexOf["default"])(text).call(text, inputValue) > -1 || (0, _indexOf["default"])(remark).call(remark, inputValue) > -1;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toRemarkOption", function (option, index) {
+      return /*#__PURE__*/_react["default"].createElement(SelectOption, {
+        key: index,
+        value: String(option.value),
+        text: option.title,
+        remark: option.remark || ''
+      }, /*#__PURE__*/_react["default"].createElement("span", null, option.title), /*#__PURE__*/_react["default"].createElement("span", {
+        style: OPTION_STYLE
+      }, option.remark || ''));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toOption", function (option, index) {
+      return /*#__PURE__*/_react["default"].createElement(SelectOption, {
+        key: index,
+        value: String(option.value)
+      }, option.title);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (options, keyValue) {
+      var onChange = _this.props.onChange;
+      var objValue = keyValue.length > 0 ? (0, _map["default"])(keyValue).call(keyValue, function (item) {
+        return _objectSpread(_objectSpread({}, (0, _filter["default"])(options).call(options, function (o) {
+          return o.value === item.key;
+        })[0]), {}, {
+          value: item.key,
+          title: item.label
+        });
+      }) : [];
+      onChange && onChange(objValue);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getValue", function () {
+      var value = _this.props.value;
+
+      if ((0, _typeof2["default"])(value) === 'object' && (0, _isArray["default"])(value)) {
+        return (0, _map["default"])(value).call(value, function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            key: item.value,
+            label: item.title
+          });
+        });
+      } else {
+        return [];
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(InputSelect, [{
+    key: "render",
+    value: function render() {
+      var _context3, _context4;
+
+      var _this$props2 = this.props,
+          _this$props2$options = _this$props2.options,
+          options = _this$props2$options === void 0 ? [] : _this$props2$options,
+          size = _this$props2.size,
+          _this$props2$value = _this$props2.value,
+          value = _this$props2$value === void 0 ? [] : _this$props2$value;
+      var values = (0, _map["default"])(value).call(value, function (o) {
+        return o.value;
+      });
+      var allOptions = (0, _concat["default"])(_context3 = (0, _filter["default"])(options).call(options, function (o) {
+        return !(0, _includes["default"])(values).call(values, o.value);
+      })).call(_context3, value);
+      var props = {
+        value: this.getValue(),
+        style: this.props.style || {},
+        mode: 'multiple',
+        optionLabelProp: this.props.remark ? 'text' : 'children',
+        dropdownMatchSelectWidth: false,
+        filterOption: this.props.remark ? this.isMatchRemark : this.isMatch,
+        onSearch: this.onSearch,
+        onChange: (0, _bind["default"])(_context4 = this.onChange).call(_context4, this, allOptions),
+        labelInValue: true,
+        allowClear: true,
+        size: size
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        onClick: this.onClick
+      }, /*#__PURE__*/_react["default"].createElement(_select["default"], props, this.props.remark ? (0, _map["default"])(allOptions).call(allOptions, this.toRemarkOption) : (0, _map["default"])(allOptions).call(allOptions, this.toOption)));
+    }
+  }]);
+  return InputSelect;
+}(_react["default"].Component);
+
+var _default = InputSelect;
+exports["default"] = _default;

package/lib/InputSelect/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "InputSelect",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./InputSelect.js"
+}

package/lib/InputWriting/InputWriting.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _select = _interopRequireDefault(require("antd/lib/select"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Option = _select["default"].Option;
+
+var InputWriting = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(InputWriting, _React$Component);
+
+  var _super = _createSuper(InputWriting);
+
+  function InputWriting() {
+    var _context;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, InputWriting);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, (0, _concat["default"])(_context = [this]).call(_context, args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      options: [],
+      value: [],
+      fetching: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
+      var _this$props = _this.props,
+          _this$props$options = _this$props.options,
+          options = _this$props$options === void 0 ? [] : _this$props$options,
+          onSearch = _this$props.onSearch,
+          value = _this$props.value;
+
+      if (onSearch && !options.length) {
+        onSearch(e.target.value);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSearch", function (value) {
+      var onSearch = _this.props.onSearch;
+      onSearch && onSearch(value);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isMatch", function (inputValue, option) {
+      var _context2;
+
+      return (0, _indexOf["default"])(_context2 = option.props.children).call(_context2, inputValue) !== -1;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toOption", function (option, index) {
+      return /*#__PURE__*/_react["default"].createElement(SelectOption, {
+        key: index,
+        value: String(option.value)
+      }, option.title);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (keyValue) {
+      var _this$props2 = _this.props,
+          onChange = _this$props2.onChange,
+          value = _this$props2.value;
+      onChange && onChange(keyValue);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(InputWriting, [{
+    key: "render",
+    value: function render() {
+      var value = this.props.value;
+      var props = {
+        value: value,
+        size: 'small',
+        mode: 'tags',
+        allowClear: true,
+        onSelect: this.onSelect,
+        filterOption: this.isMatch,
+        dropdownMatchSelectWidth: false,
+        onChange: this.onChange
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        onClick: this.onClick
+      }, /*#__PURE__*/_react["default"].createElement(_select["default"], props));
+    }
+  }]);
+  return InputWriting;
+}(_react["default"].Component);
+
+var _default = InputWriting;
+exports["default"] = _default;

package/lib/InputWriting/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "InputWriting",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./InputWriting.js"
+}

package/lib/Layout/Layout.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _button = _interopRequireDefault(require("antd/lib/button"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Header = _interopRequireDefault(require("../Header"));
+
+var _Sidebar = _interopRequireDefault(require("../Sidebar2"));
+
+var _Loading = _interopRequireDefault(require("../Loading"));
+
+var _Link = require("../Link");
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var HeaderV = _Header["default"].Vertical;
+
+var getCurrentSideKey = function getCurrentSideKey() {
+  var sidebars = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var href = arguments.length > 1 ? arguments[1] : undefined;
+  if (!href) return '';
+
+  for (var _i = 0, _Object$keys = (0, _keys["default"])(sidebars); _i < _Object$keys.length; _i++) {
+    var _context;
+
+    var key = _Object$keys[_i];
+
+    if ((0, _some["default"])(_context = sidebars[key]).call(_context, function (item) {
+      var _context2;
+
+      return item.href === href || item.children && (0, _some["default"])(_context2 = item.children).call(_context2, function (o) {
+        return o.href === href;
+      });
+    })) {
+      return key;
+    }
+  }
+};
+
+var Layout = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Layout, _React$Component);
+
+  var _super = _createSuper(Layout);
+
+  function Layout(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Layout);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onOpenChange", function (sideKey, openKeys) {
+      var onOpenChange = _this.props.onOpenChange;
+
+      if (onOpenChange) {
+        onOpenChange(sideKey, openKeys);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getSidebarProps", function (sideKey) {
+      var _context3;
+
+      var _this$props = _this.props,
+          sidebars = _this$props.sidebars,
+          nav2 = _this$props.nav2,
+          _this$props$openKeys = _this$props.openKeys,
+          openKeys = _this$props$openKeys === void 0 ? {} : _this$props$openKeys,
+          navigation = _this$props.navigation;
+      var sides = sidebars[sideKey] || [];
+      return {
+        mode: _this.state.mode,
+        title: (0, _filter["default"])(navigation).call(navigation, function (o) {
+          return o.key === sideKey;
+        })[0].title,
+        activeKey: nav2,
+        items: sides,
+        openKeys: openKeys[sideKey] || [],
+        onOpenChange: (0, _bind["default"])(_context3 = _this.onOpenChange).call(_context3, (0, _assertThisInitialized2["default"])(_this), sideKey),
+        onModeChange: function onModeChange(mode) {
+          return _this.setState({
+            mode: mode
+          });
+        }
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toSidebar", function (sideKey) {
+      var hasHeaderV = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (!sideKey) {
+        return null;
+      } else {
+        return /*#__PURE__*/_react["default"].createElement("aside", {
+          style: {
+            marginLeft: hasHeaderV ? 40 : 0
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_Sidebar["default"], _this.getSidebarProps(sideKey)));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toHeader", function () {
+      var _context4, _context5;
+
+      var _this$props2 = _this.props,
+          loading = _this$props2.loading,
+          sidebars = _this$props2.sidebars,
+          nav1 = _this$props2.nav1,
+          nav2 = _this$props2.nav2,
+          homeUrl = _this$props2.homeUrl,
+          settingUrl = _this$props2.settingUrl,
+          messageUrl = _this$props2.messageUrl,
+          messageCount = _this$props2.messageCount,
+          userName = _this$props2.userName,
+          userIcon = _this$props2.userIcon,
+          loginUrl = _this$props2.loginUrl,
+          onMenuClick = _this$props2.onMenuClick,
+          onLogout = _this$props2.onLogout;
+      var selectKey = loading ? '' : getCurrentSideKey(sidebars, (0, _concat["default"])(_context4 = "/".concat(nav1, "/")).call(_context4, nav2));
+      var selectUrl = loading ? '' : (0, _concat["default"])(_context5 = "/".concat(nav1, "/")).call(_context5, nav2);
+      return /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+        homeUrl: homeUrl,
+        settingUrl: settingUrl,
+        messageUrl: messageUrl,
+        loginUrl: loginUrl,
+        userName: userName,
+        userIcon: userIcon,
+        messageCount: messageCount,
+        selectKey: selectKey,
+        selectUrl: selectUrl,
+        onMenuClick: onMenuClick,
+        onLogout: onLogout
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "headerVProps", function (selectKey) {
+      var _context6;
+
+      var keys = ['setting', 'message'];
+      return {
+        selectKey: selectKey,
+        url: _this.state.url,
+        items: (0, _filter["default"])(_context6 = _this.props.navigation).call(_context6, function (item) {
+          return !(0, _includes["default"])(keys).call(keys, item.key);
+        })
+      };
+    });
+    _this.state = {
+      mode: 'expand',
+      url: {}
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Layout, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (!props.loading) {
+        var _context7, _context8;
+
+        this.setState({
+          url: (0, _assign["default"])({}, this.state.url, (0, _defineProperty2["default"])({}, getCurrentSideKey(props.sidebars, (0, _concat["default"])(_context7 = "/".concat(props.nav1, "/")).call(_context7, props.nav2)), (0, _concat["default"])(_context8 = "/".concat(props.nav1, "/")).call(_context8, props.nav2)))
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _context10;
+
+      var _this$props3 = this.props,
+          loading = _this$props3.loading,
+          sidebars = _this$props3.sidebars,
+          _this$props3$nav = _this$props3.nav1,
+          nav1 = _this$props3$nav === void 0 ? '' : _this$props3$nav,
+          _this$props3$nav2 = _this$props3.nav2,
+          nav2 = _this$props3$nav2 === void 0 ? '' : _this$props3$nav2,
+          children = _this$props3.children,
+          _this$props3$noPrivil = _this$props3.noPrivilege,
+          noPrivilege = _this$props3$noPrivil === void 0 ? false : _this$props3$noPrivil,
+          navigation = _this$props3.navigation;
+      var hasV = (0, _filter["default"])(navigation).call(navigation, function (item) {
+        var _context9;
+
+        return !(0, _includes["default"])(_context9 = ['setting', 'message']).call(_context9, item.key);
+      }).length > 1;
+      var sideKey = loading || !nav2 ? '' : getCurrentSideKey(sidebars, (0, _concat["default"])(_context10 = "/".concat(nav1, "/")).call(_context10, nav2));
+      return noPrivilege ? /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          textAlign: 'center'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          lineHeight: '100px'
+        }
+      }, "\u60A8\u6682\u65E0\u6743\u9650\uFF0C\u8BF7\u786E\u8BA4\u60A8\u8D26\u53F7\u89D2\u8272\u662F\u5426\u6B63\u786E\uFF0C\u6216\u8054\u7CFB\u7BA1\u7406\u5458\u5206\u914D\u6743\u9650"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        type: "primary",
+        onClick: function onClick() {
+          return (0, _Link.jump)('/');
+        }
+      }, "\u8FD4\u56DE\u9996\u9875")) : /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('Layout')
+      }, this.toHeader(sideKey), loading ? /*#__PURE__*/_react["default"].createElement(_Loading["default"], null) : /*#__PURE__*/_react["default"].createElement("div", null, hasV ? /*#__PURE__*/_react["default"].createElement(HeaderV, this.headerVProps(sideKey)) : null, this.toSidebar(sideKey, hasV), /*#__PURE__*/_react["default"].createElement("section", null, children)));
+    }
+  }]);
+  return Layout;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(Layout, "propTypes", {
+  children: _propTypes["default"].node.isRequired,
+  nav1: _propTypes["default"].string,
+  nav2: _propTypes["default"].string,
+  sidebars: _propTypes["default"].object,
+  openKeys: _propTypes["default"].object,
+  onOpenChange: _propTypes["default"].func
+});
+var _default = Layout;
+exports["default"] = _default;

package/lib/Layout/Layout.less

@@ -0,0 +1,28 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-Layout{
+  min-width: 1024px;
+  max-height: 100%;
+  overflow: hidden;
+
+  > :last-child {
+    height: ~'calc(100vh - @{header-height})';
+    position: relative;
+
+    > :first-child {
+      position: absolute;
+    }
+
+    > aside {
+      position: inherit !important;
+      height: inherit;
+      float: left;
+    }
+
+    > section {
+      overflow: auto;
+      height: inherit;
+    }
+  }
+}
+

package/lib/Layout/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "Layout",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./Layout.js"
+}