amis 2.1.1-beta.2 → 2.3.0

package/esm/renderers/Form/Picker.d.ts

@@ -72,6 +72,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
     close(): void;
     handleModalConfirm(values: Array<any>, action: ActionObject, ctx: any, components: Array<any>): void;
     handleChange(items: Array<any>): Promise<void>;
+    handleItemClick(itemlabel: string, itemid: string): Promise<void>;
     removeItem(index: number): void;
     handleKeyDown(e: React.KeyboardEvent): void;
     handleFocus(): void;

package/esm/renderers/Form/Picker.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { anyChanged, isApiOutdated, createObject, isPureVariable, resolveVariableAndFilter, isEffectiveApi, filter, getVariable, noop, autobind, OptionsControl } from 'amis-core';
+import { anyChanged, isApiOutdated, createObject, isPureVariable, resolveVariableAndFilter, isEffectiveApi, getVariable, filter, noop, autobind, OptionsControl } from 'amis-core';
 import cx from 'classnames';
 import find from 'lodash/find';
 import findIndex from 'lodash/findIndex';
@@ -144,6 +144,24 @@ var PickerControl = /** @class */ (function (_super) {
             });
         });
     };
+    PickerControl.prototype.handleItemClick = function (itemlabel, itemid) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, data, dispatchEvent, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, data = _a.data, dispatchEvent = _a.dispatchEvent, _a.setOptions;
+                        return [4 /*yield*/, dispatchEvent('itemclick', createObject(data, { 'label': itemlabel, 'id': itemid }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     PickerControl.prototype.removeItem = function (index) {
         var _a = this.props, selectedOptions = _a.selectedOptions, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, valueField = _a.valueField, onChange = _a.onChange, multiple = _a.multiple;
         var items = selectedOptions.concat();
@@ -202,7 +220,10 @@ var PickerControl = /** @class */ (function (_super) {
                     e.stopPropagation();
                     _this.removeItem(index);
                 } }, "\u00D7"),
-            React.createElement("span", { className: "".concat(ns, "Picker-valueLabel") }, labelTpl ? (React.createElement(Html, { html: filter(labelTpl, item) })) : ("".concat(getVariable(item, labelField || 'label') ||
+            React.createElement("span", { className: "".concat(ns, "Picker-valueLabel"), onClick: function (e) {
+                    e.stopPropagation();
+                    _this.handleItemClick(getVariable(item, labelField || 'label'), getVariable(item, 'id') || '');
+                } }, labelTpl ? (React.createElement(Html, { html: filter(labelTpl, item) })) : ("".concat(getVariable(item, labelField || 'label') ||
                 getVariable(item, 'id')))))); })));
     };
     PickerControl.prototype.renderBody = function (_a) {
@@ -309,6 +330,12 @@ var PickerControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Array]),
         __metadata("design:returntype", Promise)
     ], PickerControl.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, String]),
+        __metadata("design:returntype", Promise)
+    ], PickerControl.prototype, "handleItemClick", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/renderers/Form/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Select.d.ts

@@ -118,7 +118,7 @@ export default class SelectControl extends React.Component<SelectProps, any> {
     componentWillUnmount(): void;
     inputRef(ref: any): void;
     foucs(): void;
-    getValue(value: Option | Array<Option> | string | void): string | void | Option | Option[];
+    getValue(value: Option | Array<Option> | string | void, additonalOptions?: Array<any>): string | void | Option | Option[];
     dispatchEvent(eventName: SelectRendererEvent, eventData?: any): Promise<void>;
     changeValue(value: Option | Array<Option> | string | void): Promise<void>;
     loadRemote(input: string): Promise<(() => void) | {

package/esm/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -41,13 +41,15 @@ var SelectControl = /** @class */ (function (_super) {
     SelectControl.prototype.foucs = function () {
         this.input && this.input.focus();
     };
-    SelectControl.prototype.getValue = function (value) {
+    SelectControl.prototype.getValue = function (value, additonalOptions) {
+        if (additonalOptions === void 0) { additonalOptions = []; }
         var _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, multiple = _a.multiple, valueField = _a.valueField, options = _a.options;
         var newValue = value;
         (Array.isArray(value) ? value : value ? [value] : []).forEach(function (option) {
-            find(options, function (item) {
+            var resolved = find(options, function (item) {
                 return item[valueField || 'value'] == option[valueField || 'value'];
             });
+            resolved || additonalOptions.push(option);
         });
         if (joinValues) {
             if (multiple) {
@@ -106,13 +108,13 @@ var SelectControl = /** @class */ (function (_super) {
     };
     SelectControl.prototype.changeValue = function (value) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onChange, setOptions, options, data, dispatchEvent, newValue, additonalOptions, rendererEvent;
+            var _a, onChange, setOptions, options, data, dispatchEvent, additonalOptions, newValue, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         _a = this.props, onChange = _a.onChange, setOptions = _a.setOptions, options = _a.options, data = _a.data, dispatchEvent = _a.dispatchEvent;
-                        newValue = this.getValue(value);
                         additonalOptions = [];
+                        newValue = this.getValue(value, additonalOptions);
                         // 不设置没法回显
                         additonalOptions.length && setOptions(options.concat(additonalOptions));
                         return [4 /*yield*/, dispatchEvent('change', createObject(data, {
@@ -253,14 +255,14 @@ 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 信息
         var _c = this.props, options = _c.options, leftOptions = _c.leftOptions, leftDefaultValue = _c.leftDefaultValue;
         if (selectMode === 'associated' &&
             options &&
-            options.length === 1 &&
+            options.length &&
             options[0].leftOptions &&
             Array.isArray(options[0].children)) {
             leftOptions = options[0].leftOptions;
@@ -268,7 +270,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React.createElement(React.Fragment, null,
-            React.createElement(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.createElement(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.createElement(Spinner, { overlay: true, key: "info", show: loading })));
     };
     __decorate([

package/esm/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/esm/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -20,7 +20,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 __awaiter(this, void 0, void 0, function () {
             var _a, onBulkChange, onAction, data;
             return __generator(this, function (_b) {
@@ -30,7 +30,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
                             }, extendObject(data, values), true)];
                     case 1:
                         _b.sent();

package/esm/renderers/Form/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/TabsTransfer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
 import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
 import { Option } from 'amis-core';
@@ -22,7 +23,7 @@ export declare class BaseTabsTransferRenderer<T extends OptionsControlProps = Ta
     handleChange(value: Array<Option> | Option, optionModified?: boolean): Promise<void>;
 }
 export declare class TabsTransferRenderer extends BaseTabsTransferRenderer<TabsTransferProps> {
-    optionItemRender(option: any, states: ItemRenderStates): any;
+    optionItemRender(option: any, states: ItemRenderStates): JSX.Element;
     doAction(action: ActionObject, args: any): void;
     render(): JSX.Element;
 }

package/esm/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/TabsTransferPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
 import { BaseTabsTransferRenderer } from './TabsTransfer';
 import { TabsTransferControlSchema } from './TabsTransfer';
@@ -18,7 +19,7 @@ interface BaseTransferState {
 export declare class TabsTransferPickerRenderer extends BaseTabsTransferRenderer<TabsTransferProps> {
     state: BaseTransferState;
     dispatchEvent(name: string): void;
-    optionItemRender(option: any, states: ItemRenderStates): any;
+    optionItemRender(option: any, states: ItemRenderStates): JSX.Element;
     doAction(action: ActionObject): void;
     render(): JSX.Element;
 }

package/esm/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Transfer.d.ts

@@ -86,6 +86,10 @@ export interface TransferControlSchema extends FormOptionsSchema {
      * 右侧列表搜索框提示
      */
     resultSearchPlaceholder?: string;
+    /**
+     * 统计数字
+     */
+    statistics?: boolean;
 }
 export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
     resultItemRender?: (option: Option) => JSX.Element;
@@ -97,8 +101,8 @@ export declare class BaseTransferRenderer<T extends OptionsControlProps = BaseTr
     option2value(option: Option): Option;
     handleSearch(term: string, cancelExecutor: Function): Promise<any[]>;
     handleResultSearch(term: string, item: Option): boolean;
-    optionItemRender(option: Option, states: ItemRenderStates): any;
-    resultItemRender(option: Option, states: ItemRenderStates): any;
+    optionItemRender(option: Option, states: ItemRenderStates): JSX.Element;
+    resultItemRender(option: Option, states: ItemRenderStates): JSX.Element;
     renderCell(column: {
         name: string;
         label: string;

package/esm/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -20,7 +20,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.handleChange = function (value, optionModified) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, newValue, newOptions, rendererEvent;
+            var _a, onChange, joinValues, delimiter, valueField, extractValue, options, dispatchEvent, setOptions, newValue, newOptions, indexes, origin_1, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -34,8 +34,8 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                                     newOptions.push(item);
                                 }
                                 else if (optionModified) {
-                                    var origin_1 = getTree(newOptions, indexes);
-                                    newOptions = spliceTree(newOptions, indexes, 1, __assign(__assign({}, origin_1), item));
+                                    var origin_2 = getTree(newOptions, indexes);
+                                    newOptions = spliceTree(newOptions, indexes, 1, __assign(__assign({}, origin_2), item));
                                 }
                                 return joinValues || extractValue
                                     ? item[valueField || 'value']
@@ -50,6 +50,14 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                                 joinValues || extractValue
                                     ? value[valueField || 'value']
                                     : value;
+                            indexes = findTreeIndex(options, optionValueCompare(value[valueField || 'value'], valueField || 'value'));
+                            if (!indexes) {
+                                newOptions.push(value);
+                            }
+                            else if (optionModified) {
+                                origin_1 = getTree(newOptions, indexes);
+                                newOptions = spliceTree(newOptions, indexes, 1, __assign(__assign({}, origin_1), value));
+                            }
                         }
                         (newOptions.length > options.length || optionModified) &&
                             setOptions(newOptions, true);
@@ -92,7 +100,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                         }
                         result = payload.data.options || payload.data.items || payload.data;
                         if (!Array.isArray(result)) {
-                            throw new Error('CRUD.invalidArray');
+                            throw new Error(__('CRUD.invalidArray'));
                         }
                         return [2 /*return*/, result.map(function (item) {
                                 var resolved = null;
@@ -150,7 +158,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                 data: createObject(createObject(data, states), option)
             });
         }
-        return ResultList.itemRender(option);
+        return ResultList.itemRender(option, states);
     };
     BaseTransferRenderer.prototype.renderCell = function (column, option, colIndex, rowIndex) {
         var _a = this.props, render = _a.render, data = _a.data;
@@ -187,7 +195,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d;
+        var _b = this.props, className = _b.className, cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d, statistics = _b.statistics, labelField = _b.labelField;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -202,7 +210,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React.createElement("div", { className: cx('TransferControl', className) },
-            React.createElement(Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef }),
+            React.createElement(Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef }),
             React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
     };
     __decorate([

package/esm/renderers/Form/TransferPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
 import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
 import { ActionObject } from 'amis-core';

package/esm/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -40,7 +40,7 @@ import { BaseTransferRenderer } from './Transfer.js';
         var _c = this.props, options = _c.options, leftOptions = _c.leftOptions, leftDefaultValue = _c.leftDefaultValue;
         if (selectMode === 'associated' &&
             options &&
-            options.length === 1 &&
+            options.length &&
             options[0].leftOptions &&
             Array.isArray(options[0].children)) {
             leftOptions = options[0].leftOptions;

package/esm/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -33,7 +33,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(_this.handleInputChange.bind(_this), 150, {
+            trailing: true,
+            leading: false
+        });
         _this.handleInputKeyDown = _this.handleInputKeyDown.bind(_this);
         _this.loadRemote = debouce(_this.loadRemote.bind(_this), 250, {
             trailing: true,
@@ -78,15 +81,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) {
@@ -302,7 +305,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 || isEffectiveApi(autoComplete) }, loading ? React.createElement(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 || isEffectiveApi(autoComplete), hasDropDownArrow: true }, loading ? React.createElement(Spinner, { size: "sm" }) : undefined),
             !mobileUI && isOpened ? (React.createElement(Overlay, { container: popOverContainer || (function () { return _this.container.current; }), target: function () { return _this.target; }, show: true },
                 React.createElement(PopOver, { classPrefix: ns, className: "".concat(ns, "TreeSelect-popover"), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined

package/esm/renderers/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Grid2D.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/IFrame.d.ts

@@ -21,7 +21,7 @@ export interface IFrameSchema extends BaseSchema {
     };
     width?: number | string;
     height?: number | string;
-    alloow?: 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;

package/esm/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -92,7 +92,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, allow = _b.allow, sandbox = _b.sandbox, referrerpolicy = _b.referrerpolicy;
+        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, __ = _b.translate, env = _b.env;
         var tempStyle = {};
         width !== void 0 && (tempStyle.width = width);
         height !== void 0 && (tempStyle.height = height);
@@ -103,7 +103,12 @@ var IFrame = /** @class */ (function (_super) {
         if (typeof finalSrc === 'string' &&
             finalSrc &&
             !/^(\.\/|\.\.\/|\/|https?\:\/\/|\/\/)/.test(finalSrc)) {
-            return React.createElement("p", null, "\u8BF7\u586B\u5199\u5408\u6CD5\u7684 iframe \u5730\u5740");
+            return React.createElement("p", null, __('Iframe.invalid'));
+        }
+        if (location.protocol === 'https:' &&
+            finalSrc &&
+            finalSrc.startsWith('http://')) {
+            env.notify('error', __('Iframe.invalidProtocol'));
         }
         return (React.createElement("iframe", { name: name, className: className, frameBorder: frameBorder, style: style, ref: this.IFrameRef, onLoad: this.onLoad, src: finalSrc, allow: allow, referrerPolicy: referrerpolicy, sandbox: sandbox }));
     };

package/esm/renderers/Icon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RendererProps } from 'amis-core';
-import { BaseSchema } from '../Schema';
+import { BaseSchema, SchemaTpl } from '../Schema';
 import { BadgeObject } from 'amis-ui';
 /**
  * Icon 图表渲染器
@@ -11,7 +11,7 @@ export interface IconSchema extends BaseSchema {
     /**
      * 按钮类型
      */
-    icon: string;
+    icon: SchemaTpl;
     vendor?: 'iconfont' | 'fa' | '';
     /**
      * 角标

package/esm/renderers/Icon.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __decorate } from 'tslib';
 import React from 'react';
-import { Renderer } from 'amis-core';
+import { filter, Renderer } from 'amis-core';
 import { withBadge } from 'amis-ui';
 import { getIcon } from 'amis-ui/lib/components/icons';
 
@@ -15,7 +15,9 @@ var Icon = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Icon.prototype.render = function () {
-        var _a = this.props, icon = _a.icon, vendor = _a.vendor, cx = _a.classnames, className = _a.className;
+        var _a = this.props, vendor = _a.vendor, cx = _a.classnames, className = _a.className, data = _a.data;
+        var icon = this.props.icon;
+        icon = filter(icon, data);
         var CustomIcon = getIcon(icon);
         if (CustomIcon) {
             return React.createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)) });