amis 2.4.0 → 2.5.0-rc.0

package/esm/renderers/Form/InputTag.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
@@ -139,7 +139,8 @@ var TagControl = /** @class */ (function (_super) {
                         }
                         newValueRes = this.getValue('push', option);
                         return [4 /*yield*/, this.dispatchEvent('change', {
-                                value: newValueRes
+                                value: newValueRes,
+                                selectedItems: selectedOptions.concat(option)
                             })];
                     case 1:
                         isPrevented = _b.sent();
@@ -162,7 +163,8 @@ var TagControl = /** @class */ (function (_super) {
                         });
                         newValueRes = this.getValue('normal');
                         return [4 /*yield*/, this.dispatchEvent('focus', {
-                                value: newValueRes
+                                value: newValueRes,
+                                selectedItems: this.props.selectedOptions
                             })];
                     case 1:
                         isPrevented = _c.sent();
@@ -187,7 +189,8 @@ var TagControl = /** @class */ (function (_super) {
                         }
                         newValueRes = this.normalizeMergedValue(value);
                         return [4 /*yield*/, this.dispatchEvent('blur', {
-                                value: newValueRes
+                                value: newValueRes,
+                                selectedItems: selectedOptions
                             })];
                     case 1:
                         isPrevented = _d.sent();
@@ -231,7 +234,8 @@ var TagControl = /** @class */ (function (_super) {
                             newValue = newValue.join(delimiter || ',');
                         }
                         return [4 /*yield*/, this.dispatchEvent('change', {
-                                value: newValue
+                                value: newValue,
+                                selectedItems: value
                             })];
                     case 1:
                         isPrevented = _b.sent();
@@ -247,16 +251,18 @@ var TagControl = /** @class */ (function (_super) {
     };
     TagControl.prototype.handleKeyDown = function (evt) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, selectedOptions, onChange, delimiter, value, newValueRes, isPrevented, newValueRes, isPrevented;
+            var _a, selectedOptions, onChange, delimiter, value, selectedItems, newValueRes, isPrevented, newValueRes, isPrevented;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         _a = this.props, selectedOptions = _a.selectedOptions, onChange = _a.onChange, delimiter = _a.delimiter;
                         value = this.state.inputValue.trim();
+                        selectedItems = selectedOptions.concat({ label: value, value: value });
                         if (!(selectedOptions.length && !value && evt.key == 'Backspace')) return [3 /*break*/, 2];
                         newValueRes = this.getValue('pop');
                         return [4 /*yield*/, this.dispatchEvent('change', {
-                                value: newValueRes
+                                value: newValueRes,
+                                selectedItems: selectedItems
                             })];
                     case 1:
                         isPrevented = _b.sent();
@@ -268,7 +274,8 @@ var TagControl = /** @class */ (function (_super) {
                         evt.stopPropagation();
                         newValueRes = this.normalizeMergedValue(value);
                         return [4 /*yield*/, this.dispatchEvent('change', {
-                                value: newValueRes
+                                value: newValueRes,
+                                selectedItems: selectedItems
                             })];
                     case 3:
                         isPrevented = _b.sent();

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

@@ -67,7 +67,7 @@ export interface TextControlSchema extends FormOptionsSchema {
     /** 在内容为空的时候清除值 */
     clearValueOnEmpty?: boolean;
 }
-export declare type InputTextRendererEvent = 'blur' | 'focus' | 'click' | 'change' | 'enter';
+export type InputTextRendererEvent = 'blur' | 'focus' | 'click' | 'change' | 'enter';
 export interface TextProps extends OptionsControlProps {
     placeholder?: string;
     addOn?: ActionObject & {

package/esm/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
@@ -243,12 +243,14 @@ var TextControl = /** @class */ (function (_super) {
         });
     };
     TextControl.prototype.handleKeyDown = function (evt) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var _a, selectedOptions, onChange, multiple, creatable, dispatchEvent, newValue, value_1, newValue, rendererEvent;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var _b, selectedOptions, onChange, multiple, creatable, dispatchEvent, valueField, newValue, value_1, newValue, rendererEvent;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        _a = this.props, selectedOptions = _a.selectedOptions, onChange = _a.onChange, multiple = _a.multiple, creatable = _a.creatable, dispatchEvent = _a.dispatchEvent;
+                        _b = this.props, selectedOptions = _b.selectedOptions, onChange = _b.onChange, multiple = _b.multiple, creatable = _b.creatable, dispatchEvent = _b.dispatchEvent;
+                        valueField = ((_a = this.props) === null || _a === void 0 ? void 0 : _a.valueField) || 'value';
                         if (!(selectedOptions.length && !this.state.inputValue && evt.keyCode === 8)) return [3 /*break*/, 1];
                         evt.preventDefault();
                         newValue = selectedOptions.concat();
@@ -265,25 +267,28 @@ var TextControl = /** @class */ (function (_super) {
                             creatable !== false)) return [3 /*break*/, 3];
                         evt.preventDefault();
                         value_1 = this.state.inputValue;
-                        if (multiple &&
-                            value_1 &&
-                            !find(selectedOptions, function (item) { return item.value == value_1; })) {
-                            newValue = selectedOptions.concat();
-                            newValue.push({
-                                label: value_1,
-                                value: value_1
-                            });
-                            value_1 = this.normalizeValue(newValue).concat();
+                        if (multiple && value_1) {
+                            if (!find(selectedOptions, function (item) { return item[valueField] == value_1; })) {
+                                newValue = selectedOptions.concat();
+                                newValue.push({
+                                    label: value_1,
+                                    value: value_1
+                                });
+                                value_1 = this.normalizeValue(newValue).concat();
+                            }
+                            else {
+                                value_1 = this.normalizeValue(selectedOptions).concat();
+                            }
                         }
                         return [4 /*yield*/, dispatchEvent('enter', resolveEventData(this.props, { value: value_1 }, 'value'))];
                     case 2:
-                        rendererEvent = _b.sent();
+                        rendererEvent = _c.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
                         onChange(value_1);
                         this.setState({
-                            inputValue: '',
+                            inputValue: multiple ? '' : value_1,
                             isOpen: false
                         }, this.loadAutoComplete);
                         return [3 /*break*/, 4];
@@ -295,7 +300,7 @@ var TextControl = /** @class */ (function (_super) {
                                 isOpen: false
                             });
                         }
-                        _b.label = 4;
+                        _c.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -458,7 +463,8 @@ var TextControl = /** @class */ (function (_super) {
             if (_this.state.inputValue &&
                 creatable !== false &&
                 multiple &&
-                !filtedOptions.some(function (option) { return option.value === _this.state.inputValue; })) {
+                !filtedOptions.some(function (option) { return option.value === _this.state.inputValue; }) &&
+                !~selectedItem.indexOf(_this.state.inputValue)) {
                 filtedOptions.push((_b = {},
                     _b[labelField || 'label'] = _this.state.inputValue,
                     _b[valueField || 'value'] = _this.state.inputValue,

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

@@ -69,7 +69,7 @@ export interface TreeControlSchema extends FormOptionsSchema {
      */
     highlightTxt?: string;
 }
-export interface TreeProps extends OptionsControlProps, Omit<TreeControlSchema, 'type' | 'options' | 'className' | 'inputClassName' | 'descriptionClassName'> {
+export interface TreeProps extends OptionsControlProps, Omit<TreeControlSchema, 'type' | 'options' | 'className' | 'inputClassName' | 'descriptionClassName' | 'deferApi'> {
     enableNodePath?: boolean;
     pathSeparator?: string;
 }

package/esm/renderers/Form/InputTree.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,7 +7,7 @@ import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib
 import React from 'react';
 import cx from 'classnames';
 import { Spinner, Tree } from 'amis-ui';
-import { resolveEventData, isPureVariable, resolveVariableAndFilter, autobind, OptionsControl } from 'amis-core';
+import { resolveEventData, isPureVariable, resolveVariableAndFilter, toNumber, autobind, OptionsControl } from 'amis-core';
 import { supportStatic } from './StaticHoc.js';
 
 var TreeControl = /** @class */ (function (_super) {
@@ -71,14 +71,14 @@ var TreeControl = /** @class */ (function (_super) {
         }
     };
     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 _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, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight;
         var highlightTxt = this.props.highlightTxt;
         if (isPureVariable(highlightTxt)) {
             highlightTxt = resolveVariableAndFilter(highlightTxt, data);
         }
         return (React.createElement("div", { className: cx("".concat(ns, "TreeControl"), className, treeContainerClassName) },
             React.createElement(Spinner, { size: "sm", key: "info", show: loading }),
-            loading ? null : (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, labelField: labelField, valueField: valueField, iconField: iconField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(placeholder), options: options, highlightTxt: highlightTxt, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, hideRoot: hideRoot, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, autoCheckChildren: autoCheckChildren, cascade: cascade, foldedField: "collapsed", value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, selfDisabledAffectChildren: false, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions }))));
+            loading ? null : (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, labelField: labelField, valueField: valueField, iconField: iconField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(placeholder), options: options, highlightTxt: highlightTxt, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, hideRoot: hideRoot, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, autoCheckChildren: autoCheckChildren, cascade: cascade, foldedField: "collapsed", value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, selfDisabledAffectChildren: false, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions, virtualThreshold: virtualThreshold, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined }))));
     };
     TreeControl.defaultProps = {
         placeholder: 'loading',

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
 /**
  * YearRange 年份范围控件

package/esm/renderers/Form/InputYearRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/JSONSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/ListSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/LocationPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/MatrixCheckboxes.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/NestedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
@@ -27,25 +27,27 @@ var RadiosControl = /** @class */ (function (_super) {
     };
     RadiosControl.prototype.handleChange = function (option) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, joinValues, extractValue, valueField, onChange, dispatchEvent, options, rendererEvent;
+            var _a, joinValues, extractValue, valueField, onChange, dispatchEvent, options, value, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, valueField = _a.valueField, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, options = _a.options, _a.data;
+                        _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, valueField = _a.valueField, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, options = _a.options, _a.selectedOptions;
+                        value = option;
                         if (option && (joinValues || extractValue)) {
-                            option = option[valueField || 'value'];
+                            value = option[valueField || 'value'];
                         }
                         return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, {
-                                value: option,
+                                value: value,
                                 options: options,
-                                items: options // 为了保持名字统一
+                                items: options,
+                                selectedItems: option
                             }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
-                        onChange && onChange(option);
+                        onChange && onChange(value);
                         return [2 /*return*/];
                 }
             });

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

@@ -106,7 +106,7 @@ export interface SelectProps extends OptionsControlProps {
     maxTagCount?: number;
     overflowTagPopover?: TooltipObject;
 }
-export declare type SelectRendererEvent = 'change' | 'blur' | 'focus' | 'add' | 'edit' | 'delete';
+export type SelectRendererEvent = 'change' | 'blur' | 'focus' | 'add' | 'edit' | 'delete';
 export default class SelectControl extends React.Component<SelectProps, any> {
     static defaultProps: Partial<SelectProps>;
     input: any;

package/esm/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
@@ -83,18 +83,19 @@ var SelectControl = /** @class */ (function (_super) {
     SelectControl.prototype.dispatchEvent = function (eventName, eventData) {
         if (eventData === void 0) { eventData = {}; }
         return __awaiter(this, void 0, void 0, function () {
-            var event, _a, dispatchEvent, options, rendererEvent;
+            var event, _a, dispatchEvent, options, multiple, selectedOptions, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         event = 'on' + eventName.charAt(0).toUpperCase() + eventName.slice(1);
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, options = _a.options, _a.data;
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, options = _a.options, _a.data, multiple = _a.multiple, selectedOptions = _a.selectedOptions;
                         return [4 /*yield*/, dispatchEvent(eventName, resolveEventData(this.props, {
                                 options: options,
                                 items: options,
                                 value: ['onEdit', 'onDelete'].includes(event)
                                     ? eventData
-                                    : eventData && eventData.value
+                                    : eventData && eventData.value,
+                                selectedItems: multiple ? selectedOptions : selectedOptions[0]
                             }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
@@ -122,7 +123,8 @@ var SelectControl = /** @class */ (function (_super) {
                         return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, {
                                 value: newValue,
                                 options: options,
-                                items: options // 为了保持名字统一
+                                items: options,
+                                selectedItems: value
                             }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
@@ -264,7 +266,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, placeholder = _b.placeholder;
+        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, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -279,7 +281,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, placeholder: placeholder }),
+            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, rightMode: rightMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder, itemHeight: itemHeight, virtualThreshold: virtualThreshold, virtualListHeight: 266 }),
             React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
     };
     __decorate([

package/esm/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/StaticHoc.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

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

@@ -40,7 +40,7 @@ export interface SwitchProps extends FormControlProps {
     falseValue?: any;
     size?: 'sm';
 }
-export declare type SwitchRendererEvent = 'change';
+export type SwitchRendererEvent = 'change';
 export default class SwitchControl extends React.Component<SwitchProps, any> {
     static defaultProps: {
         trueValue: boolean;

package/esm/renderers/Form/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
 import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
 import { Option } from 'amis-core';
@@ -23,7 +22,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): JSX.Element;
+    optionItemRender(option: any, states: ItemRenderStates): any;
     doAction(action: ActionObject, args: any): void;
     render(): JSX.Element;
 }

package/esm/renderers/Form/TabsTransfer.js

@@ -1,10 +1,10 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
-import { string2regExp, filterTree, optionValueCompare, createObject, findTreeIndex, getTree, spliceTree, resolveEventData, autobind, OptionsControl } from 'amis-core';
+import { string2regExp, filterTree, optionValueCompare, createObject, findTreeIndex, getTree, spliceTree, resolveEventData, autobind, toNumber, OptionsControl } from 'amis-core';
 import React from 'react';
 import find from 'lodash/find';
 import { Selection, TabsTransfer, Spinner } from 'amis-ui';
@@ -221,9 +221,9 @@ var BaseTabsTransferRenderer = /** @class */ (function (_super) {
         }
     };
     TabsTransferRenderer.prototype.render = function () {
-        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle;
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold;
         return (React.createElement("div", { className: cx('TabsTransferControl', className) },
-            React.createElement(TabsTransfer, { activeKey: this.state.activeKey, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, onLeftDeferLoad: leftDeferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onTabChange: this.onTabChange }),
+            React.createElement(TabsTransfer, { activeKey: this.state.activeKey, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, onLeftDeferLoad: leftDeferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onTabChange: this.onTabChange, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
             React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
     };
     __decorate([

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

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

package/esm/renderers/Form/TabsTransferPicker.js

@@ -1,10 +1,10 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
-import { resolveEventData, createObject, autobind, OptionsControl } from 'amis-core';
+import { resolveEventData, createObject, toNumber, autobind, OptionsControl } from 'amis-core';
 import React from 'react';
 import { Selection, TabsTransferPicker, Spinner } from 'amis-ui';
 import { BaseTabsTransferRenderer } from './TabsTransfer.js';
@@ -47,9 +47,9 @@ import { supportStatic } from './StaticHoc.js';
     };
     TabsTransferPickerRenderer.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, leftMode = _a.leftMode, leftOptions = _a.leftOptions;
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, leftMode = _a.leftMode, leftOptions = _a.leftOptions, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold;
         return (React.createElement("div", { className: cx('TabsTransferControl', className) },
-            React.createElement(TabsTransferPicker, { activeKey: this.state.activeKey, onTabChange: this.onTabChange, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, leftMode: leftMode, leftOptions: leftOptions, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); } }),
+            React.createElement(TabsTransferPicker, { activeKey: this.state.activeKey, onTabChange: this.onTabChange, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, leftMode: leftMode, leftOptions: leftOptions, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
             React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
     };
     __decorate([

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

@@ -44,7 +44,7 @@ export interface TextareaControlSchema extends FormBaseControlSchema {
      */
     resetValue?: string;
 }
-export declare type TextAreaRendererEvent = 'blur' | 'focus' | 'change';
+export type TextAreaRendererEvent = 'blur' | 'focus' | 'change';
 export interface TextAreaProps extends FormControlProps {
     placeholder?: string;
     minRows?: number;

package/esm/renderers/Form/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
@@ -93,7 +93,7 @@ var TextAreaControl = /** @class */ (function (_super) {
     };
     TextAreaControl.prototype.render = function () {
         var rest = __rest(this.props, []);
-        return (React.createElement(Textarea, __assign({}, rest, { onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange })));
+        return (React.createElement(Textarea, __assign({}, rest, { forwardRef: this.inputRef, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange })));
     };
     TextAreaControl.defaultProps = {
         minRows: 3,

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

@@ -90,9 +90,19 @@ export interface TransferControlSchema extends FormOptionsSchema {
      * 统计数字
      */
     statistics?: boolean;
+    /**
+     * 单个选项的高度，主要用于虚拟渲染
+     */
+    itemHeight?: number;
+    /**
+     * 在选项数量达到多少时开启虚拟渲染
+     */
+    virtualThreshold?: number;
 }
 export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
     resultItemRender?: (option: Option) => JSX.Element;
+    virtualThreshold?: number;
+    itemHeight?: number;
 }
 export declare class BaseTransferRenderer<T extends OptionsControlProps = BaseTransferProps> extends React.Component<T> {
     tranferRef?: any;
@@ -101,8 +111,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): JSX.Element;
-    resultItemRender(option: Option, states: ItemRenderStates): JSX.Element;
+    optionItemRender(option: Option, states: ItemRenderStates): any;
+    resultItemRender(option: Option, states: ItemRenderStates): any;
     renderCell(column: {
         name: string;
         label: string;