iglooform 2.3.8 → 2.3.12

package/es/layout/style/index.less

@@ -9,20 +9,18 @@
   overflow: auto;
 
   .igloo-layout-header {
-    min-height: 56px;
-    height: 56px;
     width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     background: #f6f6ff;
     border-bottom: 1px solid #eeeeee;
 
     .header-content {
       width: 100%;
+      min-height: 56px;
+      height: 56px;
       display: flex;
       align-items: center;
       justify-content: space-between;
+      margin: 0 auto;
 
       .header-left {
         display: flex;
@@ -101,27 +99,25 @@
 
   .igloo-layout-center {
     flex: 1;
-    display: flex;
     padding: 0px 16px;
-    justify-content: center;
     width: 100%;
     background-color: #f9f9f9;
 
     .igloo-layout-content {
       width: 100%;
+      margin: 0 auto;
     }
   }
 
   .igloo-layout-footer {
     width: 100%;
-    display: flex;
-    justify-content: center;
     background-color: #f6f6ff;
 
     .footer-content {
       width: 100%;
       padding: 32px 0px;
       color: #424242;
+      margin: 0 auto;
 
       .footer-top {
         display: flex;
@@ -221,14 +217,14 @@
   }
 
   .igloo-layout-header {
-    height: 48px;
     flex: 0 0 auto;
     background-color: #f6f6ff;
     padding: 0px 16px;
+    border-bottom: 1px solid #eeeeee;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    border-bottom: 1px solid #eeeeee;
+    height: 48px;
 
     .igloo-logo {
       width: 44px;
@@ -305,24 +301,22 @@
 
   .igloo-layout-center {
     background-color: #f9f9f9;
-    display: flex;
     padding: 0px 16px;
-    justify-content: center;
     flex: 1;
 
     .igloo-layout-content {
       width: 100%;
+      margin: 0 auto;
     }
   }
 
   .igloo-layout-footer {
     background-color: #f6f6ff;
     padding: 24px 16px;
-    display: flex;
-    justify-content: center;
 
     .footer-content {
       width: 100%;
+      margin: 0 auto;
 
       .igloo-logo {
         width: 44px;

package/es/select/attached-select.js

@@ -316,18 +316,30 @@ var IglooSelect = function IglooSelect(_ref) {
       children: displayOptions.map(function (_ref10) {
         var label = _ref10.label,
             value = _ref10.value;
-        return _jsx(Option, Object.assign({
+        return _jsxs(Option, Object.assign({
           value: value,
-          label: label
+          label: label,
+          style: {
+            position: 'relative'
+          }
         }, {
-          children: multiple ? _jsxs("div", {
+          children: [multiple ? _jsxs("div", {
             children: [_jsx(Checkbox, {
               checked: Array.isArray(selected) && selected.includes(value),
               style: {
                 marginRight: 8
               }
             }, void 0), label]
-          }, void 0) : label
+          }, void 0) : label, _jsx("div", {
+            style: {
+              position: 'absolute',
+              width: '100%',
+              height: '100%',
+              zIndex: 2,
+              top: 0,
+              left: 0
+            }
+          }, void 0)]
         }), value);
       })
     }), void 0)

package/es/table/style/index.less

@@ -20,6 +20,10 @@
 
   .ant-table-wrapper {
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
+
+    .ant-table-container {
+      overflow-x: scroll;
+    }
   }
 
   & table > thead > tr:first-child {
@@ -284,6 +288,7 @@
       color: @primary-color;
     }
   }
+
   .ant-dropdown-arrow {
     right: 11px;
   }

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;