@ucloud-fe/react-components 1.8.2 → 1.9.0

package/lib/__index.js

@@ -91,6 +91,10 @@ import * as InputAll from './components/Input/';
 const Input = Object.assign(InputAll.default, InputAll);
 export { Input };
 
+import * as LayoutAll from './components/Layout/';
+const Layout = Object.assign(LayoutAll.default, LayoutAll);
+export { Layout };
+
 import * as LinkAll from './components/Link/';
 const Link = Object.assign(LinkAll.default, LinkAll);
 export { Link };

package/lib/components/Layout/Content.d.ts

@@ -0,0 +1,3 @@
+import React, { HTMLAttributes } from 'react';
+declare const MemoContent: React.MemoExoticComponent<({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => JSX.Element>;
+export default MemoContent;

package/lib/components/Layout/Content.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = require("./style");
+
+var _excluded = ["className"];
+
+var _this = void 0;
+
+var Content = function Content(_ref) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var className = _ref.className,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_style.ContentWrap, (0, _extends2.default)({}, rest, {
+    className: (0, _classnames.default)(_style.prefixCls, className)
+  }));
+}.bind(void 0);
+
+var MemoContent = /*#__PURE__*/_react.default.memo(Content);
+
+var _default = MemoContent;
+exports.default = _default;

package/lib/components/Layout/Footer.d.ts

@@ -0,0 +1,3 @@
+import React, { HTMLAttributes } from 'react';
+declare const MemoFooter: React.MemoExoticComponent<({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => JSX.Element>;
+export default MemoFooter;

package/lib/components/Layout/Footer.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = require("./style");
+
+var _excluded = ["className"];
+
+var _this = void 0;
+
+var Footer = function Footer(_ref) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var className = _ref.className,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_style.FooterWrap, (0, _extends2.default)({}, rest, {
+    className: (0, _classnames.default)(_style.prefixClsFooter, className)
+  }));
+}.bind(void 0);
+
+var MemoFooter = /*#__PURE__*/_react.default.memo(Footer);
+
+var _default = MemoFooter;
+exports.default = _default;

package/lib/components/Layout/Header.d.ts

@@ -0,0 +1,3 @@
+import React, { HTMLAttributes } from 'react';
+declare const MemoHeader: React.MemoExoticComponent<({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => JSX.Element>;
+export default MemoHeader;

package/lib/components/Layout/Header.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = require("./style");
+
+var _excluded = ["className"];
+
+var _this = void 0;
+
+var Header = function Header(_ref) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var className = _ref.className,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_style.HeaderWrap, (0, _extends2.default)({}, rest, {
+    className: (0, _classnames.default)(_style.prefixClsHeader, className)
+  }));
+}.bind(void 0);
+
+var MemoHeader = /*#__PURE__*/_react.default.memo(Header);
+
+var _default = MemoHeader;
+exports.default = _default;

package/lib/components/Layout/Layout.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+import { Override } from '../../type';
+export interface LayoutProps {
+    /**
+     * 是否有侧边导航
+     */
+    hasSider?: boolean;
+}
+export interface LayoutContextProps {
+    siderHook: {
+        addSider: (id: string) => void;
+        removeSider: (id: string) => void;
+    };
+}
+export declare const LayoutContext: React.Context<LayoutContextProps>;
+declare const MemoLayout: React.MemoExoticComponent<({ hasSider, ...rest }: LayoutProps & Override<HTMLAttributes<HTMLDivElement>, LayoutProps>) => JSX.Element>;
+export default MemoLayout;

package/lib/components/Layout/Layout.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LayoutContext = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = require("./style");
+
+var _excluded = ["hasSider"];
+
+var _this = void 0;
+
+var LayoutContext = /*#__PURE__*/_react.default.createContext({
+  siderHook: {
+    addSider: function addSider() {
+      (0, _newArrowCheck2.default)(this, _this);
+      return null;
+    }.bind(void 0),
+    removeSider: function removeSider() {
+      (0, _newArrowCheck2.default)(this, _this);
+      return null;
+    }.bind(void 0)
+  }
+});
+
+exports.LayoutContext = LayoutContext;
+
+var Layout = function Layout(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var hasSider = _ref.hasSider,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _React$useState = _react.default.useState([]),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      siders = _React$useState2[0],
+      setSiders = _React$useState2[1];
+
+  var contextValue = _react.default.useMemo(function () {
+    var _this3 = this;
+
+    (0, _newArrowCheck2.default)(this, _this2);
+    return {
+      siderHook: {
+        addSider: function addSider(id) {
+          var _this4 = this;
+
+          (0, _newArrowCheck2.default)(this, _this3);
+          setSiders(function (prev) {
+            (0, _newArrowCheck2.default)(this, _this4);
+            return [].concat((0, _toConsumableArray2.default)(prev), [id]);
+          }.bind(this));
+        }.bind(this),
+        removeSider: function removeSider(id) {
+          var _this5 = this;
+
+          (0, _newArrowCheck2.default)(this, _this3);
+          setSiders(function (prev) {
+            var _this6 = this;
+
+            (0, _newArrowCheck2.default)(this, _this5);
+            return prev.filter(function (currentId) {
+              (0, _newArrowCheck2.default)(this, _this6);
+              return currentId !== id;
+            }.bind(this));
+          }.bind(this));
+        }.bind(this)
+      }
+    };
+  }.bind(this), []);
+
+  return /*#__PURE__*/_react.default.createElement(LayoutContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(_style.LayoutWrap, (0, _extends2.default)({}, rest, {
+    className: (0, _classnames.default)(_style.prefixCls, rest.className, (hasSider || !!siders.length) && _style.prefixClsHasSider)
+  })));
+}.bind(void 0);
+
+Layout.propTypes = {
+  hasSider: _propTypes.default.bool
+};
+
+var MemoLayout = /*#__PURE__*/_react.default.memo(Layout);
+
+var _default = MemoLayout;
+exports.default = _default;

package/lib/components/Layout/Sider.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from 'react';
+import { Override } from '../../type';
+export interface SiderProps {
+    /**
+     * 宽度
+     */
+    width?: number;
+}
+declare const MemoSider: React.MemoExoticComponent<({ width, style, ...rest }: SiderProps & Override<HTMLAttributes<HTMLDivElement>, SiderProps>) => JSX.Element>;
+export default MemoSider;

package/lib/components/Layout/Sider.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = require("./style");
+
+var _Layout = require("./Layout");
+
+var _excluded = ["width", "style"];
+
+var _this = void 0;
+
+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) { (0, _defineProperty2.default)(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; }
+
+var generateId = function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  var i = 0;
+  return function () {
+    var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    i += 1;
+    return "".concat(prefix).concat(i);
+  };
+}.bind(void 0)();
+
+var Sider = function Sider(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 200 : _ref$width,
+      style = _ref.style,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _React$useContext = _react.default.useContext(_Layout.LayoutContext),
+      siderHook = _React$useContext.siderHook;
+
+  _react.default.useEffect(function () {
+    var _this3 = this;
+
+    (0, _newArrowCheck2.default)(this, _this2);
+    var uniqueId = generateId('ant-sider-');
+    siderHook.addSider(uniqueId);
+    return function () {
+      (0, _newArrowCheck2.default)(this, _this3);
+      return siderHook.removeSider(uniqueId);
+    }.bind(this);
+  }.bind(this), []);
+
+  var divStyle = {
+    flex: "0 0 ".concat(width),
+    width: width
+  };
+  return /*#__PURE__*/_react.default.createElement(_style.SiderWrap, (0, _extends2.default)({}, rest, {
+    style: _objectSpread(_objectSpread({}, style), divStyle),
+    className: (0, _classnames.default)(_style.prefixClsSider, rest.className)
+  }));
+}.bind(void 0);
+
+Sider.propTypes = {
+  width: _propTypes.default.number
+};
+
+var MemoSider = /*#__PURE__*/_react.default.memo(Sider);
+
+var _default = MemoSider;
+exports.default = _default;

package/lib/components/Layout/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const ExportLayout: import("react").NamedExoticComponent<import("./Layout").LayoutProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "hasSider">> & {
+    readonly type: ({ hasSider, ...rest }: import("./Layout").LayoutProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "hasSider">) => JSX.Element;
+} & {
+    Header: import("react").MemoExoticComponent<({ className, ...rest }: import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element>;
+    Sider: import("react").MemoExoticComponent<({ width, style, ...rest }: import("./Sider").SiderProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "width">) => JSX.Element>;
+    Content: import("react").MemoExoticComponent<({ className, ...rest }: import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element>;
+    Footer: import("react").MemoExoticComponent<({ className, ...rest }: import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element>;
+};
+export default ExportLayout;

package/lib/components/Layout/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _type = require("../../type");
+
+var _Layout = _interopRequireDefault(require("./Layout"));
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _Sider = _interopRequireDefault(require("./Sider"));
+
+var _Content = _interopRequireDefault(require("./Content"));
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+var ExportLayout = (0, _type.ExportComponent)(_Layout.default, {
+  Header: _Header.default,
+  Sider: _Sider.default,
+  Content: _Content.default,
+  Footer: _Footer.default
+});
+var _default = ExportLayout;
+exports.default = _default;

package/lib/components/Layout/style/index.d.ts

@@ -0,0 +1,11 @@
+export const prefixCls: string;
+export const prefixClsSider: string;
+export const prefixClsHeader: string;
+export const prefixClsHasSider: string;
+export const prefixClsContent: string;
+export const prefixClsFooter: string;
+export const LayoutWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export const HeaderWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export const SiderWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>, keyof import("react").HTMLAttributes<HTMLElement>>, object>;
+export const ContentWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export const FooterWrap: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/lib/components/Layout/style/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FooterWrap = exports.ContentWrap = exports.SiderWrap = exports.HeaderWrap = exports.LayoutWrap = exports.prefixClsFooter = exports.prefixClsContent = exports.prefixClsHasSider = exports.prefixClsHeader = exports.prefixClsSider = exports.prefixCls = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@emotion/core");
+
+var _withProps = _interopRequireDefault(require("../../../utils/withProps"));
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _this = void 0;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-layout';
+exports.prefixCls = prefixCls;
+var prefixClsSider = _prefixCls + '-sider';
+exports.prefixClsSider = prefixClsSider;
+var prefixClsHeader = _prefixCls + '-header';
+exports.prefixClsHeader = prefixClsHeader;
+var prefixClsHasSider = prefixCls + '-has-sider';
+exports.prefixClsHasSider = prefixClsHasSider;
+var prefixClsContent = prefixCls + '-content';
+exports.prefixClsContent = prefixClsContent;
+var prefixClsFooter = prefixCls + '-footer';
+exports.prefixClsFooter = prefixClsFooter;
+var LayoutWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "evqgplr0",
+  label: "LayoutWrap"
+})(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return /*#__PURE__*/(0, _core.css)("&.", prefixCls, "{display:flex;flex:auto;flex-direction:column;min-height:40px;}&.", prefixClsHasSider, "{flex-direction:row;};label:LayoutWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuXG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctbGF5b3V0JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNTaWRlciA9IF9wcmVmaXhDbHMgKyAnLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIZWFkZXIgPSBfcHJlZml4Q2xzICsgJy1oZWFkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0hhc1NpZGVyID0gcHJlZml4Q2xzICsgJy1oYXMtc2lkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0NvbnRlbnQgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0Zvb3RlciA9IHByZWZpeENscyArICctZm9vdGVyJztcblxuZXhwb3J0IGNvbnN0IExheW91dFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzfSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke3ByZWZpeENsc0hhc1NpZGVyfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyV3JhcCA9IHN0eWxlZCgnZGl2JykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgICYuJHtwcmVmaXhDbHNIZWFkZXJ9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgICAgIH1cbiAgICBgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBTaWRlcldyYXAgPSBzdHlsZWQoJ2FzaWRlJykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzRm9vdGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuIl19 */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuXG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctbGF5b3V0JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNTaWRlciA9IF9wcmVmaXhDbHMgKyAnLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIZWFkZXIgPSBfcHJlZml4Q2xzICsgJy1oZWFkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0hhc1NpZGVyID0gcHJlZml4Q2xzICsgJy1oYXMtc2lkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0NvbnRlbnQgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0Zvb3RlciA9IHByZWZpeENscyArICctZm9vdGVyJztcblxuZXhwb3J0IGNvbnN0IExheW91dFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzfSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke3ByZWZpeENsc0hhc1NpZGVyfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyV3JhcCA9IHN0eWxlZCgnZGl2JykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgICYuJHtwcmVmaXhDbHNIZWFkZXJ9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgICAgIH1cbiAgICBgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBTaWRlcldyYXAgPSBzdHlsZWQoJ2FzaWRlJykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzRm9vdGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuIl19 */");
+exports.LayoutWrap = LayoutWrap;
+var HeaderWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "evqgplr1",
+  label: "HeaderWrap"
+})(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return /*#__PURE__*/(0, _core.css)("&.", prefixClsHeader, "{padding:20px;};label:HeaderWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuXG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctbGF5b3V0JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNTaWRlciA9IF9wcmVmaXhDbHMgKyAnLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIZWFkZXIgPSBfcHJlZml4Q2xzICsgJy1oZWFkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0hhc1NpZGVyID0gcHJlZml4Q2xzICsgJy1oYXMtc2lkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0NvbnRlbnQgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0Zvb3RlciA9IHByZWZpeENscyArICctZm9vdGVyJztcblxuZXhwb3J0IGNvbnN0IExheW91dFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzfSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke3ByZWZpeENsc0hhc1NpZGVyfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyV3JhcCA9IHN0eWxlZCgnZGl2JykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgICYuJHtwcmVmaXhDbHNIZWFkZXJ9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgICAgIH1cbiAgICBgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBTaWRlcldyYXAgPSBzdHlsZWQoJ2FzaWRlJykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzRm9vdGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuIl19 */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcblxuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWxheW91dCc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzU2lkZXIgPSBfcHJlZml4Q2xzICsgJy1zaWRlcic7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzSGVhZGVyID0gX3ByZWZpeENscyArICctaGVhZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIYXNTaWRlciA9IHByZWZpeENscyArICctaGFzLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNDb250ZW50ID0gcHJlZml4Q2xzICsgJy1jb250ZW50JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNGb290ZXIgPSBwcmVmaXhDbHMgKyAnLWZvb3Rlcic7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc30ge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgbWluLWhlaWdodDogNDBweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtwcmVmaXhDbHNIYXNTaWRlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgfVxuICAgIGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzSGVhZGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgU2lkZXJXcmFwID0gc3R5bGVkKCdhc2lkZScpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBGb290ZXJXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc0Zvb3Rlcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcbiAgICAgICAgfVxuICAgIGA7XG59KTtcbiJdfQ== */");
+exports.HeaderWrap = HeaderWrap;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "j4u0pf-SiderWrap",
+  styles: ";label:SiderWrap;"
+} : {
+  name: "j4u0pf-SiderWrap",
+  styles: ";label:SiderWrap;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q2MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuXG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctbGF5b3V0JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNTaWRlciA9IF9wcmVmaXhDbHMgKyAnLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIZWFkZXIgPSBfcHJlZml4Q2xzICsgJy1oZWFkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0hhc1NpZGVyID0gcHJlZml4Q2xzICsgJy1oYXMtc2lkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0NvbnRlbnQgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0Zvb3RlciA9IHByZWZpeENscyArICctZm9vdGVyJztcblxuZXhwb3J0IGNvbnN0IExheW91dFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzfSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke3ByZWZpeENsc0hhc1NpZGVyfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyV3JhcCA9IHN0eWxlZCgnZGl2JykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgICYuJHtwcmVmaXhDbHNIZWFkZXJ9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgICAgIH1cbiAgICBgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBTaWRlcldyYXAgPSBzdHlsZWQoJ2FzaWRlJykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzRm9vdGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var SiderWrap = ( /*#__PURE__*/0, _styledBase.default)('aside', {
+  target: "evqgplr2",
+  label: "SiderWrap"
+})(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return _ref;
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3lCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcblxuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWxheW91dCc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzU2lkZXIgPSBfcHJlZml4Q2xzICsgJy1zaWRlcic7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzSGVhZGVyID0gX3ByZWZpeENscyArICctaGVhZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIYXNTaWRlciA9IHByZWZpeENscyArICctaGFzLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNDb250ZW50ID0gcHJlZml4Q2xzICsgJy1jb250ZW50JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNGb290ZXIgPSBwcmVmaXhDbHMgKyAnLWZvb3Rlcic7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc30ge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgbWluLWhlaWdodDogNDBweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtwcmVmaXhDbHNIYXNTaWRlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgfVxuICAgIGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzSGVhZGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgU2lkZXJXcmFwID0gc3R5bGVkKCdhc2lkZScpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBGb290ZXJXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc0Zvb3Rlcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcbiAgICAgICAgfVxuICAgIGA7XG59KTtcbiJdfQ== */");
+exports.SiderWrap = SiderWrap;
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "lzpsqo-ContentWrap",
+  styles: ";label:ContentWrap;"
+} : {
+  name: "lzpsqo-ContentWrap",
+  styles: ";label:ContentWrap;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuXG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctbGF5b3V0JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNTaWRlciA9IF9wcmVmaXhDbHMgKyAnLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIZWFkZXIgPSBfcHJlZml4Q2xzICsgJy1oZWFkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0hhc1NpZGVyID0gcHJlZml4Q2xzICsgJy1oYXMtc2lkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0NvbnRlbnQgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0Zvb3RlciA9IHByZWZpeENscyArICctZm9vdGVyJztcblxuZXhwb3J0IGNvbnN0IExheW91dFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzfSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke3ByZWZpeENsc0hhc1NpZGVyfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyV3JhcCA9IHN0eWxlZCgnZGl2JykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgICYuJHtwcmVmaXhDbHNIZWFkZXJ9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgICAgIH1cbiAgICBgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBTaWRlcldyYXAgPSBzdHlsZWQoJ2FzaWRlJykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzRm9vdGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var ContentWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "evqgplr3",
+  label: "ContentWrap"
+})(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return _ref2;
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcblxuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWxheW91dCc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzU2lkZXIgPSBfcHJlZml4Q2xzICsgJy1zaWRlcic7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzSGVhZGVyID0gX3ByZWZpeENscyArICctaGVhZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIYXNTaWRlciA9IHByZWZpeENscyArICctaGFzLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNDb250ZW50ID0gcHJlZml4Q2xzICsgJy1jb250ZW50JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNGb290ZXIgPSBwcmVmaXhDbHMgKyAnLWZvb3Rlcic7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc30ge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgbWluLWhlaWdodDogNDBweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtwcmVmaXhDbHNIYXNTaWRlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgfVxuICAgIGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzSGVhZGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgU2lkZXJXcmFwID0gc3R5bGVkKCdhc2lkZScpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBGb290ZXJXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc0Zvb3Rlcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcbiAgICAgICAgfVxuICAgIGA7XG59KTtcbiJdfQ== */");
+exports.ContentWrap = ContentWrap;
+var FooterWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "evqgplr4",
+  label: "FooterWrap"
+})(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return /*#__PURE__*/(0, _core.css)("&.", prefixClsFooter, "{padding:20px;};label:FooterWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ2MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgd2l0aFByb3BzIGZyb20gJ3NyYy91dGlscy93aXRoUHJvcHMnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuXG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctbGF5b3V0JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNTaWRlciA9IF9wcmVmaXhDbHMgKyAnLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIZWFkZXIgPSBfcHJlZml4Q2xzICsgJy1oZWFkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0hhc1NpZGVyID0gcHJlZml4Q2xzICsgJy1oYXMtc2lkZXInO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0NvbnRlbnQgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENsc0Zvb3RlciA9IHByZWZpeENscyArICctZm9vdGVyJztcblxuZXhwb3J0IGNvbnN0IExheW91dFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzfSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke3ByZWZpeENsc0hhc1NpZGVyfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyV3JhcCA9IHN0eWxlZCgnZGl2JykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgICYuJHtwcmVmaXhDbHNIZWFkZXJ9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgICAgIH1cbiAgICBgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBTaWRlcldyYXAgPSBzdHlsZWQoJ2FzaWRlJykoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzRm9vdGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuIl19 */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QzBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcblxuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWxheW91dCc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzU2lkZXIgPSBfcHJlZml4Q2xzICsgJy1zaWRlcic7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzSGVhZGVyID0gX3ByZWZpeENscyArICctaGVhZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNIYXNTaWRlciA9IHByZWZpeENscyArICctaGFzLXNpZGVyJztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNDb250ZW50ID0gcHJlZml4Q2xzICsgJy1jb250ZW50JztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHNGb290ZXIgPSBwcmVmaXhDbHMgKyAnLWZvb3Rlcic7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc30ge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgbWluLWhlaWdodDogNDBweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtwcmVmaXhDbHNIYXNTaWRlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgfVxuICAgIGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlcldyYXAgPSBzdHlsZWQoJ2RpdicpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgICAmLiR7cHJlZml4Q2xzSGVhZGVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICB9XG4gICAgYDtcbn0pO1xuXG5leHBvcnQgY29uc3QgU2lkZXJXcmFwID0gc3R5bGVkKCdhc2lkZScpKCgpID0+IHtcbiAgICByZXR1cm4gY3NzYGA7XG59KTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BgO1xufSk7XG5cbmV4cG9ydCBjb25zdCBGb290ZXJXcmFwID0gc3R5bGVkKCdkaXYnKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJi4ke3ByZWZpeENsc0Zvb3Rlcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcbiAgICAgICAgfVxuICAgIGA7XG59KTtcbiJdfQ== */");
+exports.FooterWrap = FooterWrap;

package/lib/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ZForm = exports.Upload = exports.Tree = exports.TransferTable = exports.TransferMenu = exports.Transfer = exports.Tooltip = exports.TimePicker = exports.ThemeProvider = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Switch = exports.SvgIcon = exports.Steps = exports.Spin = exports.Slider = exports.Skeleton = exports.Select = exports.Row = exports.Radio = exports.Progress = exports.Popover = exports.PopConfirm = exports.Pagination = exports.NumberInput = exports.Notice = exports.Modal = exports.Message = exports.Menu = exports.LocaleProvider = exports.Loading = exports.Link = exports.Input = exports.Icon = exports.Grid = exports.Form = exports.EditableTable = exports.EditableList = exports.Drawer = exports.DatePicker = exports.ConfigProvider = exports.Compact = exports.Combine = exports.Collapse = exports.Col = exports.Checkbox = exports.Cascader = exports.Card = exports.Calendar = exports.Button = exports.Breadcrumb = exports.Box = exports.Badge = exports.AutoComplete = exports.ActionList = void 0;
+exports.ZForm = exports.Upload = exports.Tree = exports.TransferTable = exports.TransferMenu = exports.Transfer = exports.Tooltip = exports.TimePicker = exports.ThemeProvider = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Switch = exports.SvgIcon = exports.Steps = exports.Spin = exports.Slider = exports.Skeleton = exports.Select = exports.Row = exports.Radio = exports.Progress = exports.Popover = exports.PopConfirm = exports.Pagination = exports.NumberInput = exports.Notice = exports.Modal = exports.Message = exports.Menu = exports.LocaleProvider = exports.Loading = exports.Link = exports.Layout = exports.Input = exports.Icon = exports.Grid = exports.Form = exports.EditableTable = exports.EditableList = exports.Drawer = exports.DatePicker = exports.ConfigProvider = exports.Compact = exports.Combine = exports.Collapse = exports.Col = exports.Checkbox = exports.Cascader = exports.Card = exports.Calendar = exports.Button = exports.Breadcrumb = exports.Box = exports.Badge = exports.AutoComplete = exports.ActionList = void 0;
 
 var ActionListAll = _interopRequireWildcard(require("./components/ActionList/"));
 
@@ -53,6 +53,8 @@ var IconAll = _interopRequireWildcard(require("./components/Icon/"));
 
 var InputAll = _interopRequireWildcard(require("./components/Input/"));
 
+var LayoutAll = _interopRequireWildcard(require("./components/Layout/"));
+
 var LinkAll = _interopRequireWildcard(require("./components/Link/"));
 
 var LoadingAll = _interopRequireWildcard(require("./components/Loading/"));
@@ -171,6 +173,8 @@ var Icon = Object.assign(IconAll.default, IconAll);
 exports.Icon = Icon;
 var Input = Object.assign(InputAll.default, InputAll);
 exports.Input = Input;
+var Layout = Object.assign(LayoutAll.default, LayoutAll);
+exports.Layout = Layout;
 var Link = Object.assign(LinkAll.default, LinkAll);
 exports.Link = Link;
 var Loading = Object.assign(LoadingAll.default, LoadingAll);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucloud-fe/react-components",
-  "version": "1.8.2",
+  "version": "1.9.0",
   "title": "UCloud react components",
   "description": "UCloud react components",
   "keywords": [