iglooform 2.3.17 → 2.3.18

package/es/form/element/index.js

@@ -34,7 +34,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 +52,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,7 +72,8 @@ var Element = function Element(_ref) {
         copyValue = config.copyValue,
         selectValue = config.selectValue,
         shouldRender = config.shouldRender,
-        dependField = config.dependField;
+        dependField = config.dependField,
+        getOptions = config.getOptions;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -93,7 +94,7 @@ var Element = function Element(_ref) {
       });
     }
 
-    if (shouldRender) {
+    if (shouldRender || getOptions) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -116,7 +117,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 +250,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';

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';

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

@@ -33,7 +33,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 +43,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,7 +66,8 @@ var Element = function Element(props) {
         copyValue = props.copyValue,
         selectValue = props.selectValue,
         shouldRender = props.shouldRender,
-        dependField = props.dependField;
+        dependField = props.dependField,
+        getOptions = props.getOptions;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -86,7 +88,7 @@ var Element = function Element(props) {
       });
     }
 
-    if (shouldRender) {
+    if (shouldRender || getOptions) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -215,14 +217,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/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

@@ -92,6 +92,7 @@ export interface FormItemConfig extends FormItemExtraConfig {
     type?: string;
     name?: NamePath;
     label?: string | React.ReactNode;
+    previewLabel?: string | React.ReactNode;
     labelProps?: any;
     contentProps?: any;
 }

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/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"));
 
@@ -80,7 +80,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,7 +100,8 @@ var Element = function Element(_ref) {
         copyValue = config.copyValue,
         selectValue = config.selectValue,
         shouldRender = config.shouldRender,
-        dependField = config.dependField;
+        dependField = config.dependField,
+        getOptions = config.getOptions;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -121,7 +122,7 @@ var Element = function Element(_ref) {
       });
     }
 
-    if (shouldRender) {
+    if (shouldRender || getOptions) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -144,11 +145,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 +278,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);
         })

package/lib/form/page/index.js

@@ -25,7 +25,7 @@ var _button = _interopRequireDefault(require("../../button"));
 
 var _element = _interopRequireDefault(require("../element"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _context = _interopRequireDefault(require("../context"));
 
@@ -97,7 +97,7 @@ var Page = function Page(_ref) {
         children: elements.map(function (child, index) {
           return (0, _jsxRuntime.jsx)(_element.default, {
             config: child,
-            parentName: (0, _utils.calcNamePath)(parentName, name)
+            parentName: (0, _formUtils.calcNamePath)(parentName, name)
           }, index);
         })
       }), void 0)

package/lib/form/pages/index.js

@@ -21,7 +21,7 @@ var _button = _interopRequireDefault(require("../../button"));
 
 var _page = _interopRequireDefault(require("../page"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _context2 = _interopRequireDefault(require("../context"));
 
@@ -116,7 +116,7 @@ var Pages = function Pages(_ref) {
             case 0:
               allFields = (form === null || form === void 0 ? void 0 : form.getFieldsError()) || [];
               _renderElements$curre = renderElements[current], currentName = _renderElements$curre.name, handleNext = _renderElements$curre.handleNext;
-              namePath = (0, _utils.calcNamePath)(name, currentName);
+              namePath = (0, _formUtils.calcNamePath)(name, currentName);
               fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref4) {
                 var name = _ref4.name;
                 return name.join().startsWith(namePath === null || namePath === void 0 ? void 0 : namePath.join());
@@ -215,7 +215,7 @@ var Pages = function Pages(_ref) {
         }, {
           children: (0, _jsxRuntime.jsx)(_page.default, {
             config: child,
-            parentName: (0, _utils.calcNamePath)(parentName, name),
+            parentName: (0, _formUtils.calcNamePath)(parentName, name),
             showFooter: false
           }, void 0)
         }), child.key);

package/lib/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/lib/form/section/index.js

@@ -21,7 +21,7 @@ var _element = _interopRequireDefault(require("../element"));
 
 var _context = _interopRequireDefault(require("../context"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _typography = _interopRequireDefault(require("../../typography"));
 
@@ -54,15 +54,18 @@ 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 = (0, _react.useContext)(_context.default),
       form = _useContext.form,
       requiredMark = _useContext.requiredMark;
 
-  var namePath = (0, _utils.calcNamePath)(parentName, name);
+  var namePath = (0, _formUtils.calcNamePath)(parentName, name);
 
-  var _calcFormItemProps = (0, _utils.calcFormItemProps)(rest, {
+  var _calcFormItemProps = (0, _formUtils.calcFormItemProps)(rest, {
     requiredMark: requiredMark
   }, form, parentName),
       formItemProps = _calcFormItemProps.formItemProps,
@@ -103,7 +106,9 @@ var Section = function Section(_ref) {
           return (0, _jsxRuntime.jsx)(_element.default, {
             parentName: namePath,
             config: child,
-            disabled: elementProps.disabled
+            disabled: elementProps.disabled || disabled,
+            preview: preview,
+            setShowStepButton: setShowStepButton
           }, index);
         })
       }), void 0)

package/lib/form/step/index.js

@@ -31,7 +31,7 @@ var _button = _interopRequireDefault(require("../../button"));
 
 var _element = _interopRequireDefault(require("../element"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _context = _interopRequireDefault(require("../context"));
 
@@ -160,7 +160,7 @@ var Step = function Step(_ref) {
         children: elements.map(function (child, index) {
           return (0, _jsxRuntime.jsx)(_element.default, {
             config: child,
-            parentName: (0, _utils.calcNamePath)(parentName, name),
+            parentName: (0, _formUtils.calcNamePath)(parentName, name),
             setShowStepButton: setShowButton,
             preview: preview
           }, index);

package/lib/form/steps/index.js

@@ -11,7 +11,7 @@ var _react = require("react");
 
 var _step = _interopRequireDefault(require("../step"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _context2 = _interopRequireDefault(require("../context"));
 
@@ -100,7 +100,7 @@ var Steps = function Steps(_ref) {
             case 0:
               allFields = (form === null || form === void 0 ? void 0 : form.getFieldsError()) || [];
               _renderElements$curre = renderElements[current], currentName = _renderElements$curre.name, handleNext = _renderElements$curre.handleNext;
-              namePath = (0, _utils.calcNamePath)(name, currentName);
+              namePath = (0, _formUtils.calcNamePath)(name, currentName);
               fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref4) {
                 var name = _ref4.name;
                 return name.join().startsWith(namePath === null || namePath === void 0 ? void 0 : namePath.join());
@@ -185,7 +185,7 @@ var Steps = function Steps(_ref) {
         (0, _invariant.default)(child.type === 'Step', 'Child of steps should be Step');
         return (0, _jsxRuntime.jsx)(_step.default, {
           config: child,
-          parentName: (0, _utils.calcNamePath)(parentName, name),
+          parentName: (0, _formUtils.calcNamePath)(parentName, name),
           index: index,
           total: renderElements.length,
           preview: current > index,

package/lib/free-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 _context = _interopRequireDefault(require("../context"));
 
@@ -68,6 +68,7 @@ var useBreakpoint = _grid.default.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;
@@ -90,7 +91,8 @@ var Element = function Element(props) {
         copyValue = props.copyValue,
         selectValue = props.selectValue,
         shouldRender = props.shouldRender,
-        dependField = props.dependField;
+        dependField = props.dependField,
+        getOptions = props.getOptions;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -111,7 +113,7 @@ var Element = function Element(props) {
       });
     }
 
-    if (shouldRender) {
+    if (shouldRender || getOptions) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -130,7 +132,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)((0, _omit.default)(props, ['children', 'parentName']), _objectSpread(_objectSpread({}, extraConfig), {}, {
+  var _calcFormItemProps = (0, _formUtils.calcFormItemProps)((0, _omit.default)(props, ['children', 'parentName']), _objectSpread(_objectSpread({}, extraConfig), {}, {
     requiredMark: requiredMark
   }), form, parentName),
       colProps = _calcFormItemProps.colProps,
@@ -240,14 +242,14 @@ var Element = function Element(props) {
             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/free-form/page/index.js

@@ -19,7 +19,7 @@ var _react = require("react");
 
 var _button = _interopRequireDefault(require("../../button"));
 
-var _utils = require("../utils");
+var _formUtils = require("../../utils/form-utils");
 
 var _context = _interopRequireDefault(require("../context"));
 
@@ -73,7 +73,7 @@ var Page = function Page(_ref) {
       formatMessage = _useContext2.formatMessage;
 
   var pName = (0, _react.useMemo)(function () {
-    return (0, _utils.calcNamePath)(parentName, name);
+    return (0, _formUtils.calcNamePath)(parentName, name);
   }, [parentName, name]);
 
   var _useReducer = (0, _react.useReducer)(function (r) {

package/lib/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;