amis 2.0.2 → 2.2.0

package/lib/renderers/Form/InputTag.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -140,6 +140,9 @@ var TagControl = /** @class */ (function (_super) {
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
+                        if (this.isReachMax()) {
+                            return [2 /*return*/];
+                        }
                         _a = this.props, selectedOptions = _a.selectedOptions, onChange = _a.onChange;
                         newValue = selectedOptions.concat();
                         if (find__default["default"](newValue, function (item) { return item.value == option.value; })) {
@@ -297,7 +300,7 @@ var TagControl = /** @class */ (function (_super) {
         });
     };
     TagControl.prototype.handleOptionChange = function (option) {
-        if (this.state.inputValue || !option) {
+        if (this.isReachMax() || this.state.inputValue || !option) {
             return;
         }
         this.addItem(option);
@@ -312,6 +315,10 @@ var TagControl = /** @class */ (function (_super) {
         var reload = this.props.reloadOptions;
         reload === null || reload === void 0 ? void 0 : reload();
     };
+    TagControl.prototype.isReachMax = function () {
+        var _a = this.props, max = _a.max, selectedOptions = _a.selectedOptions;
+        return max != null && isInteger__default["default"](max) && selectedOptions.length >= max;
+    };
     TagControl.prototype.render = function () {
         var _this = this;
         var _a = this.props, className = _a.className, cx = _a.classnames, disabled = _a.disabled, placeholder = _a.placeholder, name = _a.name, clearable = _a.clearable, selectedOptions = _a.selectedOptions, loading = _a.loading, popOverContainer = _a.popOverContainer, dropdown = _a.dropdown, options = _a.options, optionsTip = _a.optionsTip, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, __ = _a.translate;
@@ -321,19 +328,20 @@ var TagControl = /** @class */ (function (_super) {
                     (item.value !== undefined && !~selectedOptions.indexOf(item));
             }, 0, true)
             : [];
+        var reachMax = this.isReachMax();
         return (React__default["default"].createElement(Downshift__default["default"], { selectedItem: selectedOptions, isOpen: this.state.isFocused, inputValue: this.state.inputValue, onChange: this.handleOptionChange, itemToString: this.renderItem }, function (_a) {
             var isOpen = _a.isOpen, highlightedIndex = _a.highlightedIndex, getItemProps = _a.getItemProps, getInputProps = _a.getInputProps;
             return (React__default["default"].createElement("div", { className: cx(className, "TagControl") },
                 React__default["default"].createElement(amisUi.ResultBox, tslib.__assign({}, getInputProps({
                     name: name,
                     ref: _this.input,
-                    placeholder: __(placeholder || 'Tag.placeholder'),
+                    placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'Tag.placeholder'),
                     value: _this.state.inputValue,
                     onKeyDown: _this.handleKeyDown,
                     onFocus: _this.handleFocus,
                     onBlur: _this.handleBlur,
                     disabled: disabled
-                }), { onChange: _this.handleInputChange, className: cx('TagControl-input'), result: selectedOptions, onResultChange: _this.handleChange, itemRender: _this.renderItem, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, allowInput: true }), loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
+                }), { inputPlaceholder: '', onChange: _this.handleInputChange, className: cx('TagControl-input'), result: selectedOptions, onResultChange: _this.handleChange, itemRender: _this.renderItem, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, allowInput: true }), loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
                 dropdown !== false ? (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || _this.getParent, target: _this.getTarget, placement: 'auto', show: isOpen && !!finnalOptions.length },
                     React__default["default"].createElement(amisCore.PopOver, { overlay: true, className: cx('TagControl-popover'), onHide: _this.close },
                         React__default["default"].createElement(amisUi.ListMenu, { options: finnalOptions, itemRender: _this.renderItem, highlightIndex: highlightedIndex, getItemProps: function (_a) {
@@ -341,14 +349,17 @@ var TagControl = /** @class */ (function (_super) {
                                 return (tslib.__assign({}, getItemProps({
                                     index: index,
                                     item: item,
-                                    disabled: item.disabled
+                                    disabled: reachMax || item.disabled,
+                                    className: cx('ListMenu-item', {
+                                        'is-disabled': reachMax
+                                    }),
                                 })));
                             } })))) : (
                 // 保留原来的展现方式，不推荐
                 React__default["default"].createElement("div", { className: cx('TagControl-sug') },
                     optionsTip ? (React__default["default"].createElement("div", { className: cx('TagControl-sugTip') }, __(optionsTip))) : null,
                     options.map(function (item, index) { return (React__default["default"].createElement("div", { className: cx('TagControl-sugItem', {
-                            'is-disabled': item.disabled || disabled
+                            'is-disabled': item.disabled || disabled || reachMax
                         }), key: index, onClick: _this.addItem.bind(_this, item) }, item.label)); })))));
         }));
     };
@@ -433,6 +444,12 @@ var TagControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", []),
         tslib.__metadata("design:returntype", void 0)
     ], TagControl.prototype, "getParent", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], TagControl.prototype, "isReachMax", null);
     return TagControl;
 }(React__default["default"].PureComponent));
 /** @class */ ((function (_super) {

package/lib/renderers/Form/InputText.d.ts

@@ -59,7 +59,7 @@ export interface TextControlSchema extends FormOptionsSchema {
     /** control节点的CSS类名 */
     inputControlClassName?: string;
     /** 原生input标签的CSS类名 */
-    nativeInputClassName: string;
+    nativeInputClassName?: string;
 }
 export declare type InputTextRendererEvent = 'blur' | 'focus' | 'click' | 'change' | 'enter';
 export interface TextProps extends OptionsControlProps {

package/lib/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -147,7 +147,8 @@ var TextControl = /** @class */ (function (_super) {
         onChange(this.normalizeValue(newValue));
     };
     TextControl.prototype.handleClick = function () {
-        this.focus();
+        // 已经 focus 的就不重复执行，否则总重新定位光标
+        this.state.isFocused || this.focus();
         this.setState({
             isOpen: true
         });
@@ -445,19 +446,21 @@ var TextControl = /** @class */ (function (_super) {
                     : ''))) : null,
                 loading ? (React__default["default"].createElement(amisUi.Spinner, { show: true, icon: "reload", size: "sm", spinnerClassName: cx('TextControl-spinner') })) : null,
                 isOpen && filtedOptions.length ? (React__default["default"].createElement("div", { className: cx('TextControl-sugs') }, filtedOptions.map(function (option) {
+                    var label = option[labelField || 'label'];
+                    var value = option[valueField || 'value'];
                     return (React__default["default"].createElement("div", tslib.__assign({}, getItemProps({
-                        item: option.value,
+                        item: value,
                         disabled: option.disabled,
                         className: cx("TextControl-sugItem", {
-                            'is-highlight': highlightedIndex === indices[option.value],
+                            'is-highlight': highlightedIndex === indices[value],
                             'is-disabled': option.disabled
                         })
-                    }), { key: option.value }), option.isNew ? (React__default["default"].createElement("span", null,
-                        __('Text.add', { label: option.label }),
+                    }), { key: value }), option.isNew ? (React__default["default"].createElement("span", null,
+                        __('Text.add', { label: label }),
                         React__default["default"].createElement(amisUi.Icon, { icon: "enter", className: "icon" }))) : (React__default["default"].createElement("span", null,
                         option.disabled
-                            ? option.label
-                            : amisCore.highlight(option.label, inputValue),
+                            ? label
+                            : amisCore.highlight(label, inputValue),
                         option.tip))));
                 }))) : null));
         }));

package/lib/renderers/Form/InputTree.d.ts

@@ -80,6 +80,7 @@ export default class TreeControl extends React.Component<TreeProps> {
     doAction(action: ActionObject, data: any, throwErrors: boolean): void;
     handleChange(value: any): Promise<void>;
     domRef(ref: any): void;
+    validate(): any;
     render(): JSX.Element;
 }
 export declare class TreeControlRenderer extends TreeControl {

package/lib/renderers/Form/InputTree.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -68,6 +68,18 @@ var TreeControl = /** @class */ (function (_super) {
     TreeControl.prototype.domRef = function (ref) {
         this.treeRef = ref;
     };
+    TreeControl.prototype.validate = function () {
+        var _a = this.props, value = _a.value, minLength = _a.minLength, maxLength = _a.maxLength, delimiter = _a.delimiter;
+        var curValue = Array.isArray(value)
+            ? value
+            : (value ? String(value) : '').split(delimiter || ',');
+        if (minLength && curValue.length < minLength) {
+            return "\u5DF2\u9009\u62E9\u6570\u91CF\u4F4E\u4E8E\u8BBE\u5B9A\u7684\u6700\u5C0F\u4E2A\u6570".concat(minLength, "\uFF0C\u8BF7\u9009\u62E9\u66F4\u591A\u7684\u9009\u9879\u3002");
+        }
+        else if (maxLength && curValue.length > maxLength) {
+            return "\u5DF2\u9009\u62E9\u6570\u91CF\u8D85\u51FA\u8BBE\u5B9A\u7684\u6700\u5927\u4E2A\u6570".concat(maxLength, "\uFF0C\u8BF7\u53D6\u6D88\u9009\u62E9\u8D85\u51FA\u7684\u9009\u9879\u3002");
+        }
+    };
     TreeControl.prototype.render = function () {
         var _a = this.props, className = _a.className, treeContainerClassName = _a.treeContainerClassName, ns = _a.classPrefix, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, loading = _a.loading, hideRoot = _a.hideRoot, rootLabel = _a.rootLabel, autoCheckChildren = _a.autoCheckChildren, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, showOutline = _a.showOutline, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, labelField = _a.labelField, iconField = _a.iconField, nodePath = _a.nodePath, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, __ = _a.translate, data = _a.data;
         var highlightTxt = this.props.highlightTxt;

package/lib/renderers/Form/InputYearRange.d.ts

@@ -18,5 +18,6 @@ export declare class YearRangeControlRenderer extends YearRangeControl {
         delimiter: string;
         timeFormat: string;
         ranges: string;
+        animation: boolean;
     };
 }

package/lib/renderers/Form/InputYearRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -42,7 +42,8 @@ var YearRangeControl = /** @class */ (function (_super) {
         joinValues: true,
         delimiter: ',',
         timeFormat: '',
-        ranges: 'thisyear,prevyear'
+        ranges: 'thisyear,prevyear',
+        animation: true
     };
     YearRangeControlRenderer = tslib.__decorate([
         amisCore.FormItem({

package/lib/renderers/Form/JSONSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/ListSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/LocationPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/MatrixCheckboxes.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/NestedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -141,7 +141,7 @@ var NestedSelectControl = /** @class */ (function (_super) {
                                 }) }, text || label.slice(current, pointer)));
                         })
                         : label,
-                    !isEnd && '>'));
+                    !isEnd && ' / '));
             })
             : option[labelField || 'label']));
     };
@@ -560,7 +560,7 @@ var NestedSelectControl = /** @class */ (function (_super) {
         var _b = this.props, className = _b.className, disabled = _b.disabled, cx = _b.classnames, multiple = _b.multiple, placeholder = _b.placeholder, __ = _b.translate, inline = _b.inline, searchable = _b.searchable; _b.autoComplete; var selectedOptions = _b.selectedOptions, clearable = _b.clearable, loading = _b.loading, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, env = _b.env;
         var mobileUI = useMobileUI && amisCore.isMobile();
         return (React__default["default"].createElement("div", { className: cx('NestedSelectControl', className) },
-            React__default["default"].createElement(amisUi.ResultBox, { useMobileUI: useMobileUI, disabled: disabled, ref: this.domRef, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'placeholder.empty'), className: cx("NestedSelect", (_a = {
+            React__default["default"].createElement(amisUi.ResultBox, { useMobileUI: useMobileUI, disabled: disabled, ref: this.domRef, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'placeholder.empty'), inputPlaceholder: '', className: cx("NestedSelect", (_a = {
                         'NestedSelect--inline': inline,
                         'NestedSelect--single': !multiple,
                         'NestedSelect--multi': multiple,
@@ -573,7 +573,7 @@ var NestedSelectControl = /** @class */ (function (_super) {
                     ? selectedOptions
                     : selectedOptions.length
                         ? selectedOptions[0]
-                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, onClear: this.handleResultClear, itemRender: this.renderValue, onKeyPress: this.handleKeyPress, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, hasDropDownArrow: true, allowInput: searchable, inputPlaceholder: '' }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
+                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, onClear: this.handleResultClear, itemRender: this.renderValue, onKeyPress: this.handleKeyPress, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, hasDropDownArrow: true, allowInput: searchable }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
             mobileUI ? (React__default["default"].createElement(amisUi.PopUp, { className: cx("NestedSelect-popup"), container: env && env.getModalContainer ? env.getModalContainer : undefined, isShow: this.state.isOpened, onHide: this.close, showConfirm: false, showClose: false },
                 React__default["default"].createElement(amisUi.Cascader, tslib.__assign({ onClose: this.close }, this.props, { onChange: this.handleResultChange, options: this.props.options.slice(), value: selectedOptions })))) : this.state.isOpened ? (this.renderOuter()) : null));
     };

package/lib/renderers/Form/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -197,6 +197,7 @@ var PickerControl = /** @class */ (function (_super) {
     };
     PickerControl.prototype.handleClick = function () {
         this.input.current && this.input.current.focus();
+        this.open();
     };
     PickerControl.prototype.clearValue = function () {
         var _a = this.props, onChange = _a.onChange, resetValue = _a.resetValue;
@@ -208,7 +209,10 @@ var PickerControl = /** @class */ (function (_super) {
         return (React__default["default"].createElement("div", { className: "".concat(ns, "Picker-values") }, selectedOptions.map(function (item, index) { return (React__default["default"].createElement("div", { key: index, className: cx__default["default"]("".concat(ns, "Picker-value"), {
                 'is-disabled': disabled
             }) },
-            React__default["default"].createElement("span", { "data-tooltip": __('delete'), "data-position": "bottom", className: "".concat(ns, "Picker-valueIcon"), onClick: _this.removeItem.bind(_this, index) }, "\u00D7"),
+            React__default["default"].createElement("span", { "data-tooltip": __('delete'), "data-position": "bottom", className: "".concat(ns, "Picker-valueIcon"), onClick: function (e) {
+                    e.stopPropagation();
+                    _this.removeItem(index);
+                } }, "\u00D7"),
             React__default["default"].createElement("span", { className: "".concat(ns, "Picker-valueLabel") }, labelTpl ? (React__default["default"].createElement(amisUi.Html, { html: amisCore.filter(labelTpl, item) })) : ("".concat(amisCore.getVariable(item, labelField || 'label') ||
                 amisCore.getVariable(item, 'id')))))); })));
     };

package/lib/renderers/Form/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -264,7 +264,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
     };
     TransferDropdownRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover;
+        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -279,7 +279,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(amisUi.TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover }),
+            React__default["default"].createElement(amisUi.TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder }),
             React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
     };
     tslib.__decorate([

package/lib/renderers/Form/Static.d.ts

@@ -46,7 +46,10 @@ export default class StaticControl extends React.Component<StaticProps, any> {
         placeholder: string;
     };
     constructor(props: StaticProps);
-    handleQuickChange(values: any, saveImmediately: boolean | any): Promise<void>;
+    handleQuickChange(values: any, saveImmediately: boolean | any, savePristine?: boolean, options?: {
+        resetOnFailed?: boolean;
+        reload?: string;
+    }): Promise<void>;
     render(): JSX.Element;
 }
 export declare class StaticControlRenderer extends StaticControl {

package/lib/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -29,7 +29,7 @@ var StaticControl = /** @class */ (function (_super) {
         _this.handleQuickChange = _this.handleQuickChange.bind(_this);
         return _this;
     }
-    StaticControl.prototype.handleQuickChange = function (values, saveImmediately) {
+    StaticControl.prototype.handleQuickChange = function (values, saveImmediately, savePristine, options) {
         return tslib.__awaiter(this, void 0, void 0, function () {
             var _a, onBulkChange, onAction, data;
             return tslib.__generator(this, function (_b) {
@@ -39,7 +39,8 @@ var StaticControl = /** @class */ (function (_super) {
                         if (!(saveImmediately && saveImmediately.api)) return [3 /*break*/, 2];
                         return [4 /*yield*/, onAction(null, {
                                 actionType: 'ajax',
-                                api: saveImmediately.api
+                                api: saveImmediately.api,
+                                reload: options === null || options === void 0 ? void 0 : options.reload
                             }, amisCore.extendObject(data, values), true)];
                     case 1:
                         _b.sent();

package/lib/renderers/Form/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -43,7 +43,10 @@ var TreeSelectControl = /** @class */ (function (_super) {
         _this.handleFocus = _this.handleFocus.bind(_this);
         _this.handleBlur = _this.handleBlur.bind(_this);
         _this.handleKeyPress = _this.handleKeyPress.bind(_this);
-        _this.handleInputChange = _this.handleInputChange.bind(_this);
+        _this.handleInputChange = debouce__default["default"](_this.handleInputChange.bind(_this), 150, {
+            trailing: true,
+            leading: false
+        });
         _this.handleInputKeyDown = _this.handleInputKeyDown.bind(_this);
         _this.loadRemote = debouce__default["default"](_this.loadRemote.bind(_this), 250, {
             trailing: true,
@@ -88,15 +91,15 @@ var TreeSelectControl = /** @class */ (function (_super) {
         }
     };
     TreeSelectControl.prototype.validate = function () {
-        var _a = this.props, value = _a.value, minLength = _a.minLength, maxLength = _a.maxLength, delimiter = _a.delimiter, __ = _a.translate;
+        var _a = this.props, value = _a.value, minLength = _a.minLength, maxLength = _a.maxLength, delimiter = _a.delimiter;
         var curValue = Array.isArray(value)
             ? value
             : (value ? String(value) : '').split(delimiter || ',');
         if (minLength && curValue.length < minLength) {
-            return __('已选择数量低于设定的最小个数${minLength}，请选择更多的选项。', { minLength: minLength });
+            return "\u5DF2\u9009\u62E9\u6570\u91CF\u4F4E\u4E8E\u8BBE\u5B9A\u7684\u6700\u5C0F\u4E2A\u6570".concat(minLength, "\uFF0C\u8BF7\u9009\u62E9\u66F4\u591A\u7684\u9009\u9879\u3002");
         }
         else if (maxLength && curValue.length > maxLength) {
-            return __('已选择数量超出设定的最大个数{{maxLength}}，请取消选择超出的选项。', { maxLength: maxLength });
+            return "\u5DF2\u9009\u62E9\u6570\u91CF\u8D85\u51FA\u8BBE\u5B9A\u7684\u6700\u5927\u4E2A\u6570".concat(maxLength, "\uFF0C\u8BF7\u53D6\u6D88\u9009\u62E9\u8D85\u51FA\u7684\u9009\u9879\u3002");
         }
     };
     TreeSelectControl.prototype.removeItem = function (index, e) {
@@ -124,11 +127,9 @@ var TreeSelectControl = /** @class */ (function (_super) {
         if (!multiple) {
             this.close();
         }
-        multiple || !this.state.inputValue
-            ? this.resultChangeEvent(value)
-            : this.setState({
-                inputValue: ''
-            }, function () { return _this.resultChangeEvent(value); });
+        this.setState({
+            inputValue: ''
+        }, function () { return _this.resultChangeEvent(value); });
     };
     TreeSelectControl.prototype.handleInputChange = function (value) {
         var _this = this;
@@ -303,7 +304,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
         var isOpened = this.state.isOpened;
         var mobileUI = useMobileUI && amisCore.isMobile();
         return (React__default["default"].createElement("div", { ref: this.container, className: cx("TreeSelectControl", className) },
-            React__default["default"].createElement(amisUi.ResultBox, { disabled: disabled, ref: this.targetRef, placeholder: __(placeholder || 'placeholder.empty'), className: cx("TreeSelect", {
+            React__default["default"].createElement(amisUi.ResultBox, { disabled: disabled, ref: this.targetRef, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'placeholder.empty'), inputPlaceholder: '', className: cx("TreeSelect", {
                     'TreeSelect--inline': inline,
                     'TreeSelect--single': !multiple,
                     'TreeSelect--multi': multiple,
@@ -314,7 +315,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
                     ? selectedOptions
                     : selectedOptions.length
                         ? this.renderItem(selectedOptions[0])
-                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete), inputPlaceholder: '' }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
+                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete) }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
             !mobileUI && isOpened ? (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || (function () { return _this.container.current; }), target: function () { return _this.target; }, show: true },
                 React__default["default"].createElement(amisCore.PopOver, { classPrefix: ns, className: "".concat(ns, "TreeSelect-popover"), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined

package/lib/renderers/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
 var pick = require('lodash/pick');
+var amisUi = require('amis-ui');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -70,12 +71,14 @@ var Grid = /** @class */ (function (_super) {
     };
     Grid.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align;
+        var _b = this.props, className = _b.className, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align, _c = _b.loading, loading = _c === void 0 ? false : _c;
         return (React__default["default"].createElement("div", { className: cx('Grid', (_a = {},
                 _a["Grid--".concat(gap)] = gap,
                 _a["Grid--v".concat(amisCore.ucFirst(vAlign))] = vAlign,
                 _a["Grid--h".concat(amisCore.ucFirst(hAlign))] = hAlign,
-                _a), className) }, this.renderColumns(this.props.columns)));
+                _a), className) },
+            this.renderColumns(this.props.columns),
+            React__default["default"].createElement(amisUi.Spinner, { overlay: true, show: loading })));
     };
     Grid.propsList = ['columns'];
     Grid.defaultProps = {};

package/lib/renderers/Grid2D.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/IFrame.d.ts

@@ -21,6 +21,10 @@ export interface IFrameSchema extends BaseSchema {
     };
     width?: number | string;
     height?: number | string;
+    allow?: string;
+    name?: string;
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+    sandbox?: string;
 }
 export interface IFrameProps extends RendererProps, Omit<IFrameSchema, 'type' | 'className'> {
 }

package/lib/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -100,7 +100,7 @@ var IFrame = /** @class */ (function (_super) {
     };
     IFrame.prototype.render = function () {
         var _a = this.state, width = _a.width, height = _a.height;
-        var _b = this.props, className = _b.className, src = _b.src, name = _b.name, frameBorder = _b.frameBorder, data = _b.data, style = _b.style;
+        var _b = this.props, className = _b.className, src = _b.src, name = _b.name, frameBorder = _b.frameBorder, data = _b.data, style = _b.style, allow = _b.allow, sandbox = _b.sandbox, referrerpolicy = _b.referrerpolicy;
         var tempStyle = {};
         width !== void 0 && (tempStyle.width = width);
         height !== void 0 && (tempStyle.height = height);
@@ -113,7 +113,7 @@ var IFrame = /** @class */ (function (_super) {
             !/^(\.\/|\.\.\/|\/|https?\:\/\/|\/\/)/.test(finalSrc)) {
             return React__default["default"].createElement("p", null, "\u8BF7\u586B\u5199\u5408\u6CD5\u7684 iframe \u5730\u5740");
         }
-        return (React__default["default"].createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc }));
+        return (React__default["default"].createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc, allow: allow, referrerPolicy: referrerpolicy, sandbox: sandbox }));
     };
     IFrame.propsList = ['src', 'className'];
     IFrame.defaultProps = {