iglooform 2.3.9 → 2.3.13

package/lib/form/element/index.js

@@ -99,7 +99,8 @@ var Element = function Element(_ref) {
         asserts = config.asserts,
         copyValue = config.copyValue,
         selectValue = config.selectValue,
-        shouldRender = config.shouldRender;
+        shouldRender = config.shouldRender,
+        dependField = config.dependField;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -124,6 +125,10 @@ var Element = function Element(_ref) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
+    if (dependField) {
+      dependentField.push(dependField);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   (0, _invariant.default)(type !== 'Pages' && type !== 'Page', "".concat(type, " should not be inner form item"));

package/lib/form/login/index.js

@@ -47,7 +47,8 @@ var Login = function Login(_ref) {
 
   var _useContext = (0, _react.useContext)(_context.default),
       submitText = _useContext.submitText,
-      submitting = _useContext.submitting;
+      submitting = _useContext.submitting,
+      showSubmitButton = _useContext.showSubmitButton;
 
   var _useContext2 = (0, _react.useContext)(_locale.LocaleContext),
       formatMessage = _useContext2.formatMessage;
@@ -73,7 +74,7 @@ var Login = function Login(_ref) {
           }, index);
         })
       }), void 0)
-    }), void 0), (0, _jsxRuntime.jsx)(_form.default.Item, {
+    }), void 0), showSubmitButton && (0, _jsxRuntime.jsx)(_form.default.Item, {
       children: (0, _jsxRuntime.jsx)(_button.default, Object.assign({
         type: "primary",
         htmlType: "submit",

package/lib/free-form/element/index.js

@@ -89,7 +89,8 @@ var Element = function Element(props) {
         asserts = props.asserts,
         copyValue = props.copyValue,
         selectValue = props.selectValue,
-        shouldRender = props.shouldRender;
+        shouldRender = props.shouldRender,
+        dependField = props.dependField;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -114,6 +115,10 @@ var Element = function Element(props) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
+    if (dependField) {
+      dependentField.push(dependField);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   var extraConfig = (0, _react.useMemo)(function () {
@@ -125,7 +130,7 @@ var Element = function Element(props) {
     children === null || children === void 0 ? void 0 : (_children$type2 = children.type) === null || _children$type2 === void 0 ? void 0 : _children$type2.formItemPropsHandler(props) : {};
   }, [children]);
 
-  var _calcFormItemProps = (0, _utils.calcFormItemProps)(props, _objectSpread(_objectSpread({}, extraConfig), {}, {
+  var _calcFormItemProps = (0, _utils.calcFormItemProps)((0, _omit.default)(props, ['children', 'parentName']), _objectSpread(_objectSpread({}, extraConfig), {}, {
     requiredMark: requiredMark
   }), form, parentName),
       colProps = _calcFormItemProps.colProps,
@@ -194,7 +199,7 @@ var Element = function Element(props) {
 
   var transformChildren = function transformChildren() {
     if (! /*#__PURE__*/(0, _react.isValidElement)(children)) return children;
-    return /*#__PURE__*/(0, _react.cloneElement)(children, _objectSpread(_objectSpread({}, children.props), {}, {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, _objectSpread(_objectSpread(_objectSpread({}, children.props), elementProps), {}, {
       disabled: elementProps.disabled || disabled,
       containerRef: ref,
       setFieldError: setFieldError,

package/lib/free-form/page/index.js

@@ -103,6 +103,8 @@ var Page = function Page(_ref) {
             key: c.props.key || index
           }));
         }
+
+        return c;
       });
     }
 

package/lib/layout/footer.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import './style';
+interface ILayoutFooter {
+    companyInfoRender?: () => any;
+    copyRightRender?: (origin: ReactNode) => any;
+    tel?: string;
+    email?: string;
+    workTime?: any;
+    address?: string;
+}
+declare const LayoutFooter: FC<ILayoutFooter>;
+export default LayoutFooter;

package/lib/layout/footer.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
+require("antd/es/grid/style");
+
+var _grid = _interopRequireDefault(require("antd/es/grid"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _iglooicon = require("iglooicon");
+
+var _typography = _interopRequireDefault(require("../typography"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+require("./style");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var LayoutFooter = function LayoutFooter(_ref) {
+  var companyInfoRender = _ref.companyInfoRender,
+      copyRightRender = _ref.copyRightRender,
+      tel = _ref.tel,
+      email = _ref.email,
+      workTime = _ref.workTime,
+      address = _ref.address;
+  var useBreakpoint = _grid.default.useBreakpoint;
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  var topRightContent = companyInfoRender ? companyInfoRender() : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: "no-address-info"
+    }, {
+      children: [tel && (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "info-container",
+        style: {
+          alignItems: 'center'
+        }
+      }, {
+        children: [(0, _jsxRuntime.jsx)(_iglooicon.PhoneOutlined, {}, void 0), (0, _jsxRuntime.jsx)("div", {
+          children: typeof tel === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            level: "body2",
+            className: "info-span"
+          }, {
+            children: tel
+          }), void 0) : tel
+        }, void 0)]
+      }), void 0), email && (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "info-container",
+        style: {
+          alignItems: 'center'
+        }
+      }, {
+        children: [(0, _jsxRuntime.jsx)(_iglooicon.EmailOutlined, {}, void 0), (0, _jsxRuntime.jsx)("div", {
+          children: typeof email === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            level: "body2",
+            className: "info-span"
+          }, {
+            children: email
+          }), void 0) : email
+        }, void 0)]
+      }), void 0), workTime && (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "info-container"
+      }, {
+        children: [(0, _jsxRuntime.jsx)(_iglooicon.TimeOutlined, {}, void 0), (0, _jsxRuntime.jsx)("div", {
+          children: typeof workTime === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            level: "body2",
+            className: "info-span"
+          }, {
+            children: workTime
+          }), void 0) : workTime
+        }, void 0)]
+      }), void 0)]
+    }), void 0), address && (0, _jsxRuntime.jsxs)(_space.default, Object.assign({
+      size: 16,
+      align: "start"
+    }, {
+      children: [(0, _jsxRuntime.jsx)(_iglooicon.LocationOutlined, {
+        style: {
+          fontSize: 24
+        }
+      }, void 0), (0, _jsxRuntime.jsx)("div", {
+        children: typeof address === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+          level: "body2",
+          className: "info-span"
+        }, {
+          children: address
+        }), void 0) : address
+      }, void 0)]
+    }), void 0)]
+  }, void 0);
+
+  if (md) {
+    return (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "igloo-layout-footer"
+    }, {
+      children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "footer-content"
+      }, {
+        children: [(0, _jsxRuntime.jsxs)(_space.default, Object.assign({
+          size: 32,
+          align: "start",
+          className: "footer-top"
+        }, {
+          children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+            className: "top-left"
+          }, {
+            children: (0, _jsxRuntime.jsx)("div", {
+              className: "igloo-logo"
+            }, void 0)
+          }), void 0), topRightContent]
+        }), void 0), (0, _jsxRuntime.jsx)("div", {
+          className: "footer-divider"
+        }, void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: "footer-bottom"
+        }, {
+          children: [copyRightRender ? copyRightRender("\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")) : (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            level: "body3"
+          }, {
+            children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")
+          }), void 0), (0, _jsxRuntime.jsxs)(_typography.default, Object.assign({
+            level: "body3"
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_button.default, Object.assign({
+              type: "text",
+              onClick: function onClick() {
+                return window.open('https://contents.iglooinsure.com/privacypolicy');
+              }
+            }, {
+              children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                level: "body3"
+              }, {
+                children: "Privacy Policy"
+              }), void 0)
+            }), void 0), ' ', (0, _jsxRuntime.jsx)("span", Object.assign({
+              style: {
+                margin: '0px 16px'
+              }
+            }, {
+              children: "|"
+            }), void 0), (0, _jsxRuntime.jsx)(_button.default, Object.assign({
+              type: "text",
+              onClick: function onClick() {
+                return window.open('https://contents.iglooinsure.com/termsofservice');
+              }
+            }, {
+              children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                level: "body3"
+              }, {
+                children: "Terms of Service"
+              }), void 0)
+            }), void 0)]
+          }), void 0)]
+        }), void 0)]
+      }), void 0)
+    }), void 0);
+  } else {
+    return (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "igloo-layout-footer"
+    }, {
+      children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "footer-content"
+      }, {
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "igloo-logo"
+        }, void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: "compony-info"
+        }, {
+          children: [tel && (0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_iglooicon.PhoneOutlined, {}, void 0), (0, _jsxRuntime.jsx)("div", {
+              children: typeof tel === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: tel
+              }), void 0) : tel
+            }, void 0)]
+          }), void 0), email && (0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_iglooicon.EmailOutlined, {}, void 0), (0, _jsxRuntime.jsx)("div", {
+              children: typeof email === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: email
+              }), void 0) : email
+            }, void 0)]
+          }), void 0), workTime && (0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_iglooicon.TimeOutlined, {}, void 0), (0, _jsxRuntime.jsx)("div", {
+              children: typeof workTime === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: workTime
+              }), void 0) : workTime
+            }, void 0)]
+          }), void 0), address && (0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_iglooicon.LocationOutlined, {
+              style: {
+                fontSize: 24
+              }
+            }, void 0), (0, _jsxRuntime.jsx)("div", {
+              children: typeof address === 'string' ? (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: address
+              }), void 0) : address
+            }, void 0)]
+          }), void 0)]
+        }), void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: "footer-bottom"
+        }, {
+          children: [(0, _jsxRuntime.jsx)("div", {
+            children: copyRightRender ? copyRightRender((0, _jsxRuntime.jsxs)("div", {
+              children: [(0, _jsxRuntime.jsxs)("div", {
+                children: ["\xA9 ", new Date().getFullYear(), " Powered by Axinan Pte Ltd."]
+              }, void 0), (0, _jsxRuntime.jsx)("div", {
+                children: "All Rights Reserved."
+              }, void 0)]
+            }, void 0)) : (0, _jsxRuntime.jsxs)(_typography.default, Object.assign({
+              level: "body3"
+            }, {
+              children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd."), (0, _jsxRuntime.jsx)("div", {
+                children: "All Rights Reserved."
+              }, void 0)]
+            }), void 0)
+          }, void 0), (0, _jsxRuntime.jsx)("div", {
+            children: (0, _jsxRuntime.jsxs)(_typography.default, Object.assign({
+              level: "body3"
+            }, {
+              children: [(0, _jsxRuntime.jsx)(_button.default, Object.assign({
+                type: "text",
+                onClick: function onClick() {
+                  return window.open('https://contents.iglooinsure.com/privacypolicy');
+                }
+              }, {
+                children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                  level: "body3"
+                }, {
+                  children: "Privacy Policy"
+                }), void 0)
+              }), void 0), ' ', (0, _jsxRuntime.jsx)("span", Object.assign({
+                style: {
+                  margin: '0px 16px'
+                }
+              }, {
+                children: "|"
+              }), void 0), ' ', (0, _jsxRuntime.jsx)(_button.default, Object.assign({
+                type: "text",
+                onClick: function onClick() {
+                  return window.open('https://contents.iglooinsure.com/termsofservice');
+                }
+              }, {
+                children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+                  level: "body3"
+                }, {
+                  children: "Terms of Service"
+                }), void 0)
+              }), void 0)]
+            }), void 0)
+          }, void 0)]
+        }), void 0)]
+      }), void 0)
+    }), void 0);
+  }
+};
+
+LayoutFooter.displayName = 'LayoutFooter';
+var _default = LayoutFooter;
+exports.default = _default;

package/lib/layout/header.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { BadgeProps } from 'antd';
+import './style/index';
+interface Menu {
+    title: string;
+    key: string;
+    badge?: 'dot' | number | string | BadgeProps | (() => any);
+}
+interface Info {
+    title: string;
+    value: string;
+}
+interface Action {
+    title: string;
+    onClick?: () => void;
+}
+interface ILayoutHeader {
+    menus?: Menu[];
+    defaultSelected?: string;
+    selectedKey?: string;
+    onMenuChange?: (menuItem: any) => any;
+    dropMenuConfig?: {
+        customInfos: Info[];
+        actions: Action[];
+    };
+    userName?: string;
+    userAvatar?: string;
+}
+declare const LayoutHeader: FC<ILayoutHeader>;
+export default LayoutHeader;

package/lib/layout/header.js

@@ -0,0 +1,258 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/avatar/style");
+
+var _avatar = _interopRequireDefault(require("antd/es/avatar"));
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
+require("antd/es/col/style");
+
+var _col = _interopRequireDefault(require("antd/es/col"));
+
+require("antd/es/row/style");
+
+var _row = _interopRequireDefault(require("antd/es/row"));
+
+require("antd/es/badge/style");
+
+var _badge = _interopRequireDefault(require("antd/es/badge"));
+
+require("antd/es/grid/style");
+
+var _grid = _interopRequireDefault(require("antd/es/grid"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _typography = _interopRequireDefault(require("../typography"));
+
+var _index = _interopRequireDefault(require("../home-menu/index"));
+
+var _avatar2 = _interopRequireDefault(require("./style/avatar.svg"));
+
+require("./style/index");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var LayoutHeader = function LayoutHeader(_ref) {
+  var _ref$menus = _ref.menus,
+      menus = _ref$menus === void 0 ? [] : _ref$menus,
+      _ref$defaultSelected = _ref.defaultSelected,
+      defaultSelected = _ref$defaultSelected === void 0 ? '' : _ref$defaultSelected,
+      selectedKey = _ref.selectedKey,
+      onMenuChange = _ref.onMenuChange,
+      dropMenuConfig = _ref.dropMenuConfig,
+      userName = _ref.userName,
+      _ref$userAvatar = _ref.userAvatar,
+      userAvatar = _ref$userAvatar === void 0 ? _avatar2.default : _ref$userAvatar;
+  var useBreakpoint = _grid.default.useBreakpoint;
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  var _useState = (0, _react.useState)(selectedKey),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedMenu = _useState2[0],
+      setSelectedMenu = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(defaultSelected),
+      _useState4 = _slicedToArray(_useState3, 2),
+      activeMenu = _useState4[0],
+      setActiveMenu = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    if (selectedKey) {
+      setSelectedMenu(selectedKey);
+    }
+  }, [selectedKey]);
+
+  var defaultMenuOnClick = function defaultMenuOnClick(menuConfig) {
+    var key = menuConfig.key;
+    setActiveMenu(key);
+  };
+
+  function getMenuDom(activeMenu, menuInfo) {
+    var badge = menuInfo.badge;
+
+    switch (_typeof(badge)) {
+      case 'string':
+        return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            className: (0, _classnames.default)({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), (0, _jsxRuntime.jsx)(_badge.default, {
+            dot: true,
+            color: '#F52209'
+          }, void 0)]
+        }, void 0);
+
+      case 'number':
+        return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            className: (0, _classnames.default)({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), (0, _jsxRuntime.jsx)(_badge.default, {
+            count: badge,
+            style: {
+              backgroundColor: '#F52209'
+            }
+          }, void 0)]
+        }, void 0);
+
+      case 'object':
+        return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            className: (0, _classnames.default)({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), (0, _jsxRuntime.jsx)(_badge.default, Object.assign({}, badge), void 0)]
+        }, void 0);
+
+      case 'undefined':
+        return (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+          className: (0, _classnames.default)({
+            'active-menu': activeMenu === menuInfo.key
+          }),
+          level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+        }, {
+          children: menuInfo.title
+        }), void 0);
+
+      case 'function':
+        return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            className: (0, _classnames.default)({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), badge()]
+        }, void 0);
+    }
+  }
+
+  if (md) {
+    return (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: (0, _classnames.default)({
+        'igloo-layout-header': true,
+        'igloo-layout-header-fix': Boolean(menus === null || menus === void 0 ? void 0 : menus.length) || Boolean(dropMenuConfig)
+      })
+    }, {
+      children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "header-content"
+      }, {
+        children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: "header-left"
+        }, {
+          children: [(0, _jsxRuntime.jsx)("div", {
+            className: "igloo-logo"
+          }, void 0), Boolean(menus === null || menus === void 0 ? void 0 : menus.length) && (0, _jsxRuntime.jsx)(_row.default, {
+            children: menus.map(function (menu) {
+              return (0, _jsxRuntime.jsx)(_col.default, Object.assign({
+                className: (0, _classnames.default)('menu-item'),
+                onClick: function onClick() {
+                  onMenuChange ? onMenuChange(menu) : defaultMenuOnClick(menu);
+                }
+              }, {
+                children: getMenuDom(selectedMenu || activeMenu, menu)
+              }), menu.key);
+            })
+          }, void 0)]
+        }), void 0), dropMenuConfig && (0, _jsxRuntime.jsxs)(_space.default, Object.assign({
+          size: 8
+        }, {
+          children: [(0, _jsxRuntime.jsx)(_avatar.default, {
+            size: 32,
+            src: userAvatar
+          }, void 0), (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            level: "body1",
+            style: {
+              color: '#666666'
+            }
+          }, {
+            children: userName
+          }), void 0), dropMenuConfig && (0, _jsxRuntime.jsx)(_index.default, Object.assign({}, dropMenuConfig), void 0)]
+        }), void 0)]
+      }), void 0)
+    }), void 0);
+  } else {
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: (0, _classnames.default)({
+          'igloo-layout-header': true,
+          'igloo-layout-header-fix': Boolean(menus === null || menus === void 0 ? void 0 : menus.length) || Boolean(dropMenuConfig)
+        })
+      }, {
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "igloo-logo"
+        }, void 0), dropMenuConfig && (0, _jsxRuntime.jsx)(_index.default, Object.assign({
+          userAvatar: userAvatar,
+          userName: userName
+        }, dropMenuConfig), void 0)]
+      }), void 0), Boolean(menus === null || menus === void 0 ? void 0 : menus.length) && (0, _jsxRuntime.jsx)(_row.default, Object.assign({
+        className: "igloo-layout-menu"
+      }, {
+        children: menus.map(function (menu) {
+          var span = 24 / menus.length;
+          return (0, _jsxRuntime.jsx)(_col.default, Object.assign({
+            span: span,
+            className: (0, _classnames.default)('menu-item'),
+            onClick: function onClick() {
+              onMenuChange ? onMenuChange(menu) : defaultMenuOnClick(menu);
+            }
+          }, {
+            children: (0, _jsxRuntime.jsx)("div", Object.assign({
+              style: {
+                display: 'flex',
+                alignItems: 'flex-start'
+              }
+            }, {
+              children: getMenuDom(selectedMenu || activeMenu, menu)
+            }), void 0)
+          }), menu.key);
+        })
+      }), void 0)]
+    }, void 0);
+  }
+};
+
+LayoutHeader.displayName = 'LayoutHeader';
+var _default = LayoutHeader;
+exports.default = _default;