iglooform 2.3.15 → 2.3.19

package/es/admin-upload/modal.js

@@ -71,7 +71,7 @@ var Import = function Import(_ref) {
         customRequest: function customRequest() {},
         action: function action(file) {
           var dataSourceId = currentSource;
-          setSource(undefined);
+          Array.isArray(dataSource) && setSource(undefined);
           return onUpload(file, dataSourceId);
         }
       }, {

package/es/admin-upload/style/index.less

@@ -139,6 +139,7 @@
       .igloo-admin-upload-dragger-switch {
         min-width: 224px;
         margin-top: 16px;
+        text-align: left;
       }
 
       .igloo-admin-upload-dargger-title {

package/es/form/element/index.js

@@ -19,6 +19,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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."); }
@@ -34,7 +44,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useRef, useReducer } from 'react';
 import { CloseCircleFilled } from '@ant-design/icons';
-import { calcFormItemProps } from '../utils';
+import { calcFormItemProps } from '../../utils/form-utils';
 import Section from '../section';
 import useComponent from '../elements';
 import FormContext from '../context';
@@ -52,7 +62,7 @@ var Element = function Element(_ref) {
       setShowStepButton = _ref.setShowStepButton;
   var type = config.type,
       label = config.label,
-      render = config.render;
+      previewLabel = config.previewLabel;
 
   var _useContext = useContext(FormContext),
       form = _useContext.form,
@@ -72,9 +82,17 @@ var Element = function Element(_ref) {
         copyValue = config.copyValue,
         selectValue = config.selectValue,
         shouldRender = config.shouldRender,
-        dependField = config.dependField;
+        dependField = config.dependField,
+        getOptions = config.getOptions,
+        subscribedFields = config.subscribedFields,
+        disabled = config.disabled,
+        extraLabel = config.extraLabel;
     var dependentField = dependencies || [];
 
+    if (Array.isArray(subscribedFields)) {
+      dependentField.push.apply(dependentField, _toConsumableArray(subscribedFields));
+    }
+
     if (asserts && asserts.length) {
       asserts.forEach(function (_ref2) {
         var field = _ref2.field;
@@ -93,7 +111,7 @@ var Element = function Element(_ref) {
       });
     }
 
-    if (shouldRender) {
+    if ((shouldRender || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -101,6 +119,15 @@ var Element = function Element(_ref) {
       dependentField.push(dependField);
     }
 
+    if (Array.isArray(disabled)) {
+      disabled.forEach(function (_ref4) {
+        var field = _ref4.field;
+        return dependentField.push(field);
+      });
+    } else if (_typeof(disabled) === 'object') {
+      dependentField.push(disabled.field);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   invariant(type !== 'Pages' && type !== 'Page', "".concat(type, " should not be inner form item"));
@@ -116,7 +143,10 @@ var Element = function Element(_ref) {
   if (type === 'Section') {
     return _jsx(Section, {
       parentName: parentName,
-      config: config
+      config: config,
+      preview: preview,
+      disabled: disabled,
+      setShowStepButton: setShowStepButton
     }, void 0);
   }
 
@@ -246,14 +276,14 @@ var Element = function Element(_ref) {
             xs: 0
           }
         }, {
-          children: [label && _jsx(_Col, Object.assign({
+          children: [(previewLabel || label) && _jsx(_Col, Object.assign({
             span: 12,
             md: 12,
             sm: 24,
             xs: 24,
             className: "igloo-element-preview-label"
           }, {
-            children: label
+            children: previewLabel || label
           }), void 0), _jsxs(_Col, Object.assign({
             span: label ? 12 : 24,
             md: label ? 12 : 24,

package/es/form/login/index.js

@@ -9,7 +9,7 @@ import _Col from "antd/es/col";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import Element from '../element';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import './style/index.less';

package/es/form/page/index.js

@@ -21,7 +21,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useReducer } from 'react';
 import Button from '../../button';
 import Element from '../element';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import './style/index.less';

package/es/form/pages/index.js

@@ -23,7 +23,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useContext, useReducer, useEffect } from 'react';
 import Button from '../../button';
 import Page from '../page';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import './style/index.less';
@@ -34,8 +34,10 @@ var useBreakpoint = _Grid.useBreakpoint;
 var Pages = function Pages(_ref) {
   var name = _ref.name,
       parentName = _ref.parentName,
-      _ref$config$elements = _ref.config.elements,
-      elements = _ref$config$elements === void 0 ? [] : _ref$config$elements;
+      _ref$config = _ref.config,
+      _ref$config$elements = _ref$config.elements,
+      elements = _ref$config$elements === void 0 ? [] : _ref$config$elements,
+      subscribedFields = _ref$config.subscribedFields;
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -70,7 +72,7 @@ var Pages = function Pages(_ref) {
     });
 
     if (subscribe) {
-      registerDependencies('SUBSCRIBE_ALL', dispatch);
+      Array.isArray(subscribedFields) ? registerDependencies(subscribedFields, dispatch) : registerDependencies('SUBSCRIBE_ALL', dispatch);
     }
   }, []);
 

package/es/form/section/index.d.ts

@@ -6,6 +6,9 @@ export interface SectionProps {
     parentName?: FormItemName;
     formItemProps?: FormItemProps;
     config: FormItemConfig;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
 }
 declare const Section: FC<SectionProps>;
 export default Section;

package/es/form/section/index.js

@@ -18,7 +18,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import Element from '../element';
 import FormContext from '../context';
-import { calcNamePath, calcFormItemProps } from '../utils';
+import { calcNamePath, calcFormItemProps } from '../../utils/form-utils';
 import Typography from '../../typography';
 import './style/index.less';
 
@@ -35,7 +35,10 @@ var Section = function Section(_ref) {
       contentProps = _ref$config$contentPr === void 0 ? {} : _ref$config$contentPr,
       _ref$config$style = _ref$config.style,
       style = _ref$config$style === void 0 ? {} : _ref$config$style,
-      rest = _objectWithoutProperties(_ref$config, _excluded);
+      rest = _objectWithoutProperties(_ref$config, _excluded),
+      preview = _ref.preview,
+      disabled = _ref.disabled,
+      setShowStepButton = _ref.setShowStepButton;
 
   var _useContext = useContext(FormContext),
       form = _useContext.form,
@@ -84,7 +87,9 @@ var Section = function Section(_ref) {
           return _jsx(Element, {
             parentName: namePath,
             config: child,
-            disabled: elementProps.disabled
+            disabled: elementProps.disabled || disabled,
+            preview: preview,
+            setShowStepButton: setShowStepButton
           }, index);
         })
       }), void 0)

package/es/form/step/index.js

@@ -24,7 +24,7 @@ import { useContext, useState, useRef, useEffect } from 'react';
 import { LocaleContext } from '../../locale';
 import Button from '../../button';
 import Element from '../element';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import './style/index.less';
 var useBreakpoint = _Grid.useBreakpoint;

package/es/form/steps/index.js

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useContext, useEffect, useReducer } from 'react';
 import Step from '../step';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import './style/index.less';
 import invariant from 'invariant';
@@ -29,7 +29,8 @@ var Steps = function Steps(_ref) {
       _ref$config$elements = _ref$config.elements,
       elements = _ref$config$elements === void 0 ? [] : _ref$config$elements,
       _ref$config$showLastI = _ref$config.showLastIndex,
-      showLastIndex = _ref$config$showLastI === void 0 ? true : _ref$config$showLastI;
+      showLastIndex = _ref$config$showLastI === void 0 ? true : _ref$config$showLastI,
+      subscribedFields = _ref$config.subscribedFields;
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -65,11 +66,11 @@ var Steps = function Steps(_ref) {
     });
 
     if (subscribe) {
-      registerDependencies('SUBSCRIBE_ALL', dispatch);
+      Array.isArray(subscribedFields) ? registerDependencies(subscribedFields, dispatch) : registerDependencies('SUBSCRIBE_ALL', dispatch);
     }
   }, []);
   var renderElements = elements.filter(function (step) {
-    step.key = step.name || step.key || Math.random();
+    step.key = step.name || step.key;
     return typeof step.shouldRender !== 'function' || step.shouldRender(form);
   });
 

package/es/free-form/element/index.d.ts

@@ -4,7 +4,6 @@ import './style/index.less';
 interface ElementProps extends FormItemConfig {
     parentName?: FormItemName;
     preview?: boolean;
-    disabled?: boolean;
     setShowStepButton?: (showButton: boolean) => void;
 }
 declare const Element: FC<ElementProps>;

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

@@ -18,6 +18,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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."); }
@@ -33,7 +43,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useRef, useReducer, isValidElement, cloneElement, useMemo } from 'react';
 import { CloseCircleFilled } from '@ant-design/icons';
-import { calcFormItemProps } from '../utils';
+import { calcFormItemProps } from '../../utils/form-utils';
 import FormContext from '../context';
 import omit from 'omit.js';
 import classNames from 'classnames';
@@ -43,6 +53,7 @@ var useBreakpoint = _Grid.useBreakpoint;
 var Element = function Element(props) {
   var parentName = props.parentName,
       label = props.label,
+      previewLabel = props.previewLabel,
       preview = props.preview,
       disabled = props.disabled,
       children = props.children;
@@ -65,9 +76,16 @@ var Element = function Element(props) {
         copyValue = props.copyValue,
         selectValue = props.selectValue,
         shouldRender = props.shouldRender,
-        dependField = props.dependField;
+        dependField = props.dependField,
+        getOptions = props.getOptions,
+        subscribedFields = props.subscribedFields,
+        extraLabel = props.extraLabel;
     var dependentField = dependencies || [];
 
+    if (Array.isArray(subscribedFields)) {
+      dependentField.push.apply(dependentField, _toConsumableArray(subscribedFields));
+    }
+
     if (asserts && asserts.length) {
       asserts.forEach(function (_ref) {
         var field = _ref.field;
@@ -86,7 +104,7 @@ var Element = function Element(props) {
       });
     }
 
-    if (shouldRender) {
+    if ((shouldRender || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -94,6 +112,15 @@ var Element = function Element(props) {
       dependentField.push(dependField);
     }
 
+    if (Array.isArray(disabled)) {
+      disabled.forEach(function (_ref3) {
+        var field = _ref3.field;
+        return dependentField.push(field);
+      });
+    } else if (_typeof(disabled) === 'object') {
+      dependentField.push(disabled.field);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   var extraConfig = useMemo(function () {
@@ -215,14 +242,14 @@ var Element = function Element(props) {
             xs: 0
           }
         }, {
-          children: [label && _jsx(_Col, Object.assign({
+          children: [(previewLabel || label) && _jsx(_Col, Object.assign({
             span: 12,
             md: 12,
             sm: 24,
             xs: 24,
             className: "igloo-element-preview-label"
           }, {
-            children: label
+            children: previewLabel || label
           }), void 0), _jsxs(_Col, Object.assign({
             span: label ? 12 : 24,
             md: label ? 12 : 24,

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

@@ -24,7 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, cloneElement, isValidElement, useMemo, useReducer } from 'react';
 import Button from '../../button';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import Typography from '../../typography';

package/es/input/phone-number.js

@@ -110,7 +110,12 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
           id: 'Numbers only, please omit " " or "-".'
         }));
       }
-    }]
+    }],
+    previewFormater: function previewFormater(_ref3) {
+      var areaCode = _ref3.areaCode,
+          phoneNumber = _ref3.phoneNumber;
+      return "".concat(areaCode).concat(phoneNumber);
+    }
   };
 };
 

package/es/select/attached-select.d.ts

@@ -6,6 +6,7 @@ export declare const Option: import("rc-select/lib/Option").OptionFC, OptGroup:
 declare type Props = SelectProps<SelectValue> & IglooComponentProps & {
     getOptions?: (form: FormInstance) => any[];
     multiple?: boolean;
+    clearWhenOptionsUpdated?: boolean;
 };
 declare type OptionType = typeof Option;
 declare type OptGroupType = typeof OptGroup;

package/es/select/attached-select.js

@@ -1,6 +1,6 @@
 import "antd/es/select/style";
 import _Select from "antd/es/select";
-var _excluded = ["options", "getOptions", "value", "className", "placeholder", "onDropdownVisibleChange", "children", "showSearch", "filterOption", "optionFilterProp", "multiple"];
+var _excluded = ["options", "getOptions", "value", "className", "placeholder", "onDropdownVisibleChange", "children", "showSearch", "filterOption", "optionFilterProp", "multiple", "clearWhenOptionsUpdated"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -54,6 +54,8 @@ var IglooSelect = function IglooSelect(_ref) {
       filterOption = _ref.filterOption,
       optionFilterProp = _ref.optionFilterProp,
       multiple = _ref.multiple,
+      _ref$clearWhenOptions = _ref.clearWhenOptionsUpdated,
+      clearWhenOptionsUpdated = _ref$clearWhenOptions === void 0 ? false : _ref$clearWhenOptions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useContext = useContext(LocaleContext),
@@ -127,6 +129,11 @@ var IglooSelect = function IglooSelect(_ref) {
     if (updateOptions) {
       setOriginOptions(options);
       setDisplay(options);
+      var setFieldValue = rest.setFieldValue;
+
+      if (clearWhenOptionsUpdated) {
+        typeof setFieldValue === 'function' && setFieldValue();
+      }
     }
   }, [options]);
   useEffect(function () {

package/es/types.d.ts

@@ -86,12 +86,14 @@ export interface FormItemExtraConfig extends FormItemProps {
     disableEditButton?: boolean;
     hidePreviewDivider?: boolean;
     valueFormater?: (value: any) => any;
+    subscribedFields?: FormItemName[];
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {
     type?: string;
     name?: NamePath;
     label?: string | React.ReactNode;
+    previewLabel?: string | React.ReactNode;
     labelProps?: any;
     contentProps?: any;
 }

package/es/utils/form-methods.js

@@ -1 +1 @@
-export default ['containerRef', 'setFieldError', 'setFieldValue', 'setShowStepButton', 'locales', 'getFormInstance', 'hideWhenPreview', 'validateField'];
+export default ['containerRef', 'setFieldError', 'setFieldValue', 'setShowStepButton', 'locales', 'getFormInstance', 'hideWhenPreview', 'validateField', 'subscribedFields'];

package/es/{form/utils.d.ts → utils/form-utils.d.ts}

@@ -35,6 +35,7 @@ export declare const calcFormItemProps: (config: FormItemConfig, extraProps: For
         };
         normalize: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
         rules: import("rc-field-form/lib/interface").Rule[];
+        validateTrigger: string[];
         label: JSX.Element | null;
         getValueFromEvent: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
         getValueProps: ((value: any) => object) | undefined;

package/es/{form/utils.js → utils/form-utils.js}

@@ -1,4 +1,4 @@
-var _excluded = ["type", "name", "required", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater"],
+var _excluded = ["type", "name", "required", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "previewLabel", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater"],
     _excluded2 = ["initialValue", "normalize", "rules", "extra", "help", "getValueFromEvent", "span", "valuePropName", "fullRow", "halfRow", "messageVariables", "requiredMessage", "previewFormater", "valueFormater", "required", "requiredMark", "className"];
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -111,6 +111,7 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
       extra = config.extra,
       help = config.help,
       label = config.label,
+      previewLabel = config.previewLabel,
       extraLabel = config.extraLabel,
       copyValue = config.copyValue,
       selectValue = config.selectValue,
@@ -169,6 +170,14 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
     rules.push.apply(rules, _toConsumableArray(extraRules));
   }
 
+  var validateTriggers = ['onChange'];
+  rules.forEach(function (_ref) {
+    var validateTrigger = _ref.validateTrigger;
+
+    if (validateTrigger) {
+      Array.isArray(validateTrigger) ? validateTriggers.push.apply(validateTriggers, _toConsumableArray(validateTrigger)) : validateTriggers.push(validateTrigger);
+    }
+  });
   var isRequired = required || rules.find(function (rule) {
     return rule.required;
   });
@@ -196,6 +205,7 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
       selectedValue: selectedValue,
       normalize: normalize || extraNormalize,
       rules: rules,
+      validateTrigger: _toConsumableArray(new Set(validateTriggers)),
       label: label ? _jsxs("div", Object.assign({
         className: "igloo-form-label"
       }, {

package/lib/admin-upload/modal.js

@@ -88,7 +88,7 @@ var Import = function Import(_ref) {
         customRequest: function customRequest() {},
         action: function action(file) {
           var dataSourceId = currentSource;
-          setSource(undefined);
+          Array.isArray(dataSource) && setSource(undefined);
           return onUpload(file, dataSourceId);
         }
       }, {

package/lib/admin-upload/style/index.less

@@ -139,6 +139,7 @@
       .igloo-admin-upload-dragger-switch {
         min-width: 224px;
         margin-top: 16px;
+        text-align: left;
       }
 
       .igloo-admin-upload-dargger-title {

package/lib/form/element/index.js

@@ -27,7 +27,7 @@ var _react = require("react");
 
 var _icons = require("@ant-design/icons");
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _section = _interopRequireDefault(require("../section"));
 
@@ -58,6 +58,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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."); }
@@ -80,7 +90,7 @@ var Element = function Element(_ref) {
       setShowStepButton = _ref.setShowStepButton;
   var type = config.type,
       label = config.label,
-      render = config.render;
+      previewLabel = config.previewLabel;
 
   var _useContext = (0, _react.useContext)(_context.default),
       form = _useContext.form,
@@ -100,9 +110,17 @@ var Element = function Element(_ref) {
         copyValue = config.copyValue,
         selectValue = config.selectValue,
         shouldRender = config.shouldRender,
-        dependField = config.dependField;
+        dependField = config.dependField,
+        getOptions = config.getOptions,
+        subscribedFields = config.subscribedFields,
+        disabled = config.disabled,
+        extraLabel = config.extraLabel;
     var dependentField = dependencies || [];
 
+    if (Array.isArray(subscribedFields)) {
+      dependentField.push.apply(dependentField, _toConsumableArray(subscribedFields));
+    }
+
     if (asserts && asserts.length) {
       asserts.forEach(function (_ref2) {
         var field = _ref2.field;
@@ -121,7 +139,7 @@ var Element = function Element(_ref) {
       });
     }
 
-    if (shouldRender) {
+    if ((shouldRender || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -129,6 +147,15 @@ var Element = function Element(_ref) {
       dependentField.push(dependField);
     }
 
+    if (Array.isArray(disabled)) {
+      disabled.forEach(function (_ref4) {
+        var field = _ref4.field;
+        return dependentField.push(field);
+      });
+    } else if (_typeof(disabled) === 'object') {
+      dependentField.push(disabled.field);
+    }
+
     registerDependencies(dependentField, dispatch);
   }, []);
   (0, _invariant.default)(type !== 'Pages' && type !== 'Page', "".concat(type, " should not be inner form item"));
@@ -144,11 +171,14 @@ var Element = function Element(_ref) {
   if (type === 'Section') {
     return (0, _jsxRuntime.jsx)(_section.default, {
       parentName: parentName,
-      config: config
+      config: config,
+      preview: preview,
+      disabled: disabled,
+      setShowStepButton: setShowStepButton
     }, void 0);
   }
 
-  var _calcFormItemProps = (0, _utils.calcFormItemProps)(config, _objectSpread(_objectSpread({}, extraConfig), {}, {
+  var _calcFormItemProps = (0, _formUtils.calcFormItemProps)(config, _objectSpread(_objectSpread({}, extraConfig), {}, {
     requiredMark: requiredMark
   }), form, parentName),
       colProps = _calcFormItemProps.colProps,
@@ -274,14 +304,14 @@ var Element = function Element(_ref) {
             xs: 0
           }
         }, {
-          children: [label && (0, _jsxRuntime.jsx)(_col.default, Object.assign({
+          children: [(previewLabel || label) && (0, _jsxRuntime.jsx)(_col.default, Object.assign({
             span: 12,
             md: 12,
             sm: 24,
             xs: 24,
             className: "igloo-element-preview-label"
           }, {
-            children: label
+            children: previewLabel || label
           }), void 0), (0, _jsxRuntime.jsxs)(_col.default, Object.assign({
             span: label ? 12 : 24,
             md: label ? 12 : 24,

package/lib/form/login/index.js

@@ -27,7 +27,7 @@ var _react = require("react");
 
 var _element = _interopRequireDefault(require("../element"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _context = _interopRequireDefault(require("../context"));
 
@@ -69,7 +69,7 @@ var Login = function Login(_ref) {
       }, {
         children: elements.map(function (child, index) {
           return (0, _jsxRuntime.jsx)(_element.default, {
-            parentName: (0, _utils.calcNamePath)(parentName, name),
+            parentName: (0, _formUtils.calcNamePath)(parentName, name),
             config: child
           }, index);
         })