iglooform 2.3.8 → 2.3.12

package/es/form/element/index.js

@@ -71,7 +71,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) {
@@ -96,6 +97,10 @@ var Element = function Element(_ref) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
+    if (dependField) {
+      dependentField.push(dependField);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   invariant(type !== 'Pages' && type !== 'Page', "".concat(type, " should not be inner form item"));

package/es/form/login/index.js

@@ -24,7 +24,8 @@ var Login = function Login(_ref) {
 
   var _useContext = useContext(FormContext),
       submitText = _useContext.submitText,
-      submitting = _useContext.submitting;
+      submitting = _useContext.submitting,
+      showSubmitButton = _useContext.showSubmitButton;
 
   var _useContext2 = useContext(LocaleContext),
       formatMessage = _useContext2.formatMessage;
@@ -50,7 +51,7 @@ var Login = function Login(_ref) {
           }, index);
         })
       }), void 0)
-    }), void 0), _jsx(_Form.Item, {
+    }), void 0), showSubmitButton && _jsx(_Form.Item, {
       children: _jsx(_Button, Object.assign({
         type: "primary",
         htmlType: "submit",

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

@@ -64,7 +64,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) {
@@ -89,6 +90,10 @@ var Element = function Element(props) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
+    if (dependField) {
+      dependentField.push(dependField);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   var extraConfig = useMemo(function () {
@@ -100,7 +105,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 = calcFormItemProps(props, _objectSpread(_objectSpread({}, extraConfig), {}, {
+  var _calcFormItemProps = calcFormItemProps(omit(props, ['children', 'parentName']), _objectSpread(_objectSpread({}, extraConfig), {}, {
     requiredMark: requiredMark
   }), form, parentName),
       colProps = _calcFormItemProps.colProps,
@@ -169,7 +174,7 @@ var Element = function Element(props) {
 
   var transformChildren = function transformChildren() {
     if (! /*#__PURE__*/isValidElement(children)) return children;
-    return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, {
+    return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread(_objectSpread({}, children.props), elementProps), {}, {
       disabled: elementProps.disabled || disabled,
       containerRef: ref,
       setFieldError: setFieldError,

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

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

package/es/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/es/layout/footer.js

@@ -0,0 +1,270 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { EmailOutlined, LocationOutlined, TimeOutlined, PhoneOutlined } from 'iglooicon';
+import Typography from '../typography';
+import Button from '../button';
+import './style';
+
+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.useBreakpoint;
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  var topRightContent = companyInfoRender ? companyInfoRender() : _jsxs(_Fragment, {
+    children: [_jsxs("div", Object.assign({
+      className: "no-address-info"
+    }, {
+      children: [tel && _jsxs("div", Object.assign({
+        className: "info-container",
+        style: {
+          alignItems: 'center'
+        }
+      }, {
+        children: [_jsx(PhoneOutlined, {}, void 0), _jsx("div", {
+          children: typeof tel === 'string' ? _jsx(Typography, Object.assign({
+            level: "body2",
+            className: "info-span"
+          }, {
+            children: tel
+          }), void 0) : tel
+        }, void 0)]
+      }), void 0), email && _jsxs("div", Object.assign({
+        className: "info-container",
+        style: {
+          alignItems: 'center'
+        }
+      }, {
+        children: [_jsx(EmailOutlined, {}, void 0), _jsx("div", {
+          children: typeof email === 'string' ? _jsx(Typography, Object.assign({
+            level: "body2",
+            className: "info-span"
+          }, {
+            children: email
+          }), void 0) : email
+        }, void 0)]
+      }), void 0), workTime && _jsxs("div", Object.assign({
+        className: "info-container"
+      }, {
+        children: [_jsx(TimeOutlined, {}, void 0), _jsx("div", {
+          children: typeof workTime === 'string' ? _jsx(Typography, Object.assign({
+            level: "body2",
+            className: "info-span"
+          }, {
+            children: workTime
+          }), void 0) : workTime
+        }, void 0)]
+      }), void 0)]
+    }), void 0), address && _jsxs(_Space, Object.assign({
+      size: 16,
+      align: "start"
+    }, {
+      children: [_jsx(LocationOutlined, {
+        style: {
+          fontSize: 24
+        }
+      }, void 0), _jsx("div", {
+        children: typeof address === 'string' ? _jsx(Typography, Object.assign({
+          level: "body2",
+          className: "info-span"
+        }, {
+          children: address
+        }), void 0) : address
+      }, void 0)]
+    }), void 0)]
+  }, void 0);
+
+  if (md) {
+    return _jsx("div", Object.assign({
+      className: "igloo-layout-footer"
+    }, {
+      children: _jsxs("div", Object.assign({
+        className: "footer-content"
+      }, {
+        children: [_jsxs(_Space, Object.assign({
+          size: 32,
+          align: "start",
+          className: "footer-top"
+        }, {
+          children: [_jsx("div", Object.assign({
+            className: "top-left"
+          }, {
+            children: _jsx("div", {
+              className: "igloo-logo"
+            }, void 0)
+          }), void 0), topRightContent]
+        }), void 0), _jsx("div", {
+          className: "footer-divider"
+        }, void 0), _jsxs("div", Object.assign({
+          className: "footer-bottom"
+        }, {
+          children: [copyRightRender ? copyRightRender("\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")) : _jsx(Typography, Object.assign({
+            level: "body3"
+          }, {
+            children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")
+          }), void 0), _jsxs(Typography, Object.assign({
+            level: "body3"
+          }, {
+            children: [_jsx(Button, Object.assign({
+              type: "text",
+              onClick: function onClick() {
+                return window.open('https://contents.iglooinsure.com/privacypolicy');
+              }
+            }, {
+              children: _jsx(Typography, Object.assign({
+                level: "body3"
+              }, {
+                children: "Privacy Policy"
+              }), void 0)
+            }), void 0), ' ', _jsx("span", Object.assign({
+              style: {
+                margin: '0px 16px'
+              }
+            }, {
+              children: "|"
+            }), void 0), _jsx(Button, Object.assign({
+              type: "text",
+              onClick: function onClick() {
+                return window.open('https://contents.iglooinsure.com/termsofservice');
+              }
+            }, {
+              children: _jsx(Typography, Object.assign({
+                level: "body3"
+              }, {
+                children: "Terms of Service"
+              }), void 0)
+            }), void 0)]
+          }), void 0)]
+        }), void 0)]
+      }), void 0)
+    }), void 0);
+  } else {
+    return _jsx("div", Object.assign({
+      className: "igloo-layout-footer"
+    }, {
+      children: _jsxs("div", Object.assign({
+        className: "footer-content"
+      }, {
+        children: [_jsx("div", {
+          className: "igloo-logo"
+        }, void 0), _jsxs("div", Object.assign({
+          className: "compony-info"
+        }, {
+          children: [tel && _jsxs("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [_jsx(PhoneOutlined, {}, void 0), _jsx("div", {
+              children: typeof tel === 'string' ? _jsx(Typography, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: tel
+              }), void 0) : tel
+            }, void 0)]
+          }), void 0), email && _jsxs("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [_jsx(EmailOutlined, {}, void 0), _jsx("div", {
+              children: typeof email === 'string' ? _jsx(Typography, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: email
+              }), void 0) : email
+            }, void 0)]
+          }), void 0), workTime && _jsxs("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [_jsx(TimeOutlined, {}, void 0), _jsx("div", {
+              children: typeof workTime === 'string' ? _jsx(Typography, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: workTime
+              }), void 0) : workTime
+            }, void 0)]
+          }), void 0), address && _jsxs("div", Object.assign({
+            className: "info-item"
+          }, {
+            children: [_jsx(LocationOutlined, {
+              style: {
+                fontSize: 24
+              }
+            }, void 0), _jsx("div", {
+              children: typeof address === 'string' ? _jsx(Typography, Object.assign({
+                level: "body3",
+                className: "info-span"
+              }, {
+                children: address
+              }), void 0) : address
+            }, void 0)]
+          }), void 0)]
+        }), void 0), _jsxs("div", Object.assign({
+          className: "footer-bottom"
+        }, {
+          children: [_jsx("div", {
+            children: copyRightRender ? copyRightRender(_jsxs("div", {
+              children: [_jsxs("div", {
+                children: ["\xA9 ", new Date().getFullYear(), " Powered by Axinan Pte Ltd."]
+              }, void 0), _jsx("div", {
+                children: "All Rights Reserved."
+              }, void 0)]
+            }, void 0)) : _jsxs(Typography, Object.assign({
+              level: "body3"
+            }, {
+              children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd."), _jsx("div", {
+                children: "All Rights Reserved."
+              }, void 0)]
+            }), void 0)
+          }, void 0), _jsx("div", {
+            children: _jsxs(Typography, Object.assign({
+              level: "body3"
+            }, {
+              children: [_jsx(Button, Object.assign({
+                type: "text",
+                onClick: function onClick() {
+                  return window.open('https://contents.iglooinsure.com/privacypolicy');
+                }
+              }, {
+                children: _jsx(Typography, Object.assign({
+                  level: "body3"
+                }, {
+                  children: "Privacy Policy"
+                }), void 0)
+              }), void 0), ' ', _jsx("span", Object.assign({
+                style: {
+                  margin: '0px 16px'
+                }
+              }, {
+                children: "|"
+              }), void 0), ' ', _jsx(Button, Object.assign({
+                type: "text",
+                onClick: function onClick() {
+                  return window.open('https://contents.iglooinsure.com/termsofservice');
+                }
+              }, {
+                children: _jsx(Typography, 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';
+export default LayoutFooter;

package/es/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/es/layout/header.js

@@ -0,0 +1,231 @@
+import "antd/es/avatar/style";
+import _Avatar from "antd/es/avatar";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/badge/style";
+import _Badge from "antd/es/badge";
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
+
+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; }
+
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import Typography from '../typography';
+import HomeMenu from '../home-menu/index';
+import defaultAvatar from './style/avatar.svg';
+import './style/index';
+
+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 ? defaultAvatar : _ref$userAvatar;
+  var useBreakpoint = _Grid.useBreakpoint;
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  var _useState = useState(selectedKey),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedMenu = _useState2[0],
+      setSelectedMenu = _useState2[1];
+
+  var _useState3 = useState(defaultSelected),
+      _useState4 = _slicedToArray(_useState3, 2),
+      activeMenu = _useState4[0],
+      setActiveMenu = _useState4[1];
+
+  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 _jsxs(_Fragment, {
+          children: [_jsx(Typography, Object.assign({
+            className: classnames({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), _jsx(_Badge, {
+            dot: true,
+            color: '#F52209'
+          }, void 0)]
+        }, void 0);
+
+      case 'number':
+        return _jsxs(_Fragment, {
+          children: [_jsx(Typography, Object.assign({
+            className: classnames({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), _jsx(_Badge, {
+            count: badge,
+            style: {
+              backgroundColor: '#F52209'
+            }
+          }, void 0)]
+        }, void 0);
+
+      case 'object':
+        return _jsxs(_Fragment, {
+          children: [_jsx(Typography, Object.assign({
+            className: classnames({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), _jsx(_Badge, Object.assign({}, badge), void 0)]
+        }, void 0);
+
+      case 'undefined':
+        return _jsx(Typography, Object.assign({
+          className: classnames({
+            'active-menu': activeMenu === menuInfo.key
+          }),
+          level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+        }, {
+          children: menuInfo.title
+        }), void 0);
+
+      case 'function':
+        return _jsxs(_Fragment, {
+          children: [_jsx(Typography, Object.assign({
+            className: classnames({
+              'active-menu': activeMenu === menuInfo.key
+            }),
+            level: activeMenu === menuInfo.key ? 'h4' : 'body1'
+          }, {
+            children: menuInfo.title
+          }), void 0), badge()]
+        }, void 0);
+    }
+  }
+
+  if (md) {
+    return _jsx("div", Object.assign({
+      className: classnames({
+        'igloo-layout-header': true,
+        'igloo-layout-header-fix': Boolean(menus === null || menus === void 0 ? void 0 : menus.length) || Boolean(dropMenuConfig)
+      })
+    }, {
+      children: _jsxs("div", Object.assign({
+        className: "header-content"
+      }, {
+        children: [_jsxs("div", Object.assign({
+          className: "header-left"
+        }, {
+          children: [_jsx("div", {
+            className: "igloo-logo"
+          }, void 0), Boolean(menus === null || menus === void 0 ? void 0 : menus.length) && _jsx(_Row, {
+            children: menus.map(function (menu) {
+              return _jsx(_Col, Object.assign({
+                className: classnames('menu-item'),
+                onClick: function onClick() {
+                  onMenuChange ? onMenuChange(menu) : defaultMenuOnClick(menu);
+                }
+              }, {
+                children: getMenuDom(selectedMenu || activeMenu, menu)
+              }), menu.key);
+            })
+          }, void 0)]
+        }), void 0), dropMenuConfig && _jsxs(_Space, Object.assign({
+          size: 8
+        }, {
+          children: [_jsx(_Avatar, {
+            size: 32,
+            src: userAvatar
+          }, void 0), _jsx(Typography, Object.assign({
+            level: "body1",
+            style: {
+              color: '#666666'
+            }
+          }, {
+            children: userName
+          }), void 0), dropMenuConfig && _jsx(HomeMenu, Object.assign({}, dropMenuConfig), void 0)]
+        }), void 0)]
+      }), void 0)
+    }), void 0);
+  } else {
+    return _jsxs(_Fragment, {
+      children: [_jsxs("div", Object.assign({
+        className: classnames({
+          'igloo-layout-header': true,
+          'igloo-layout-header-fix': Boolean(menus === null || menus === void 0 ? void 0 : menus.length) || Boolean(dropMenuConfig)
+        })
+      }, {
+        children: [_jsx("div", {
+          className: "igloo-logo"
+        }, void 0), dropMenuConfig && _jsx(HomeMenu, Object.assign({
+          userAvatar: userAvatar,
+          userName: userName
+        }, dropMenuConfig), void 0)]
+      }), void 0), Boolean(menus === null || menus === void 0 ? void 0 : menus.length) && _jsx(_Row, Object.assign({
+        className: "igloo-layout-menu"
+      }, {
+        children: menus.map(function (menu) {
+          var span = 24 / menus.length;
+          return _jsx(_Col, Object.assign({
+            span: span,
+            className: classnames('menu-item'),
+            onClick: function onClick() {
+              onMenuChange ? onMenuChange(menu) : defaultMenuOnClick(menu);
+            }
+          }, {
+            children: _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';
+export default LayoutHeader;