amis 2.3.2-beta.1 → 2.4.0

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

@@ -72,7 +72,8 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
     initOptions(data: any): Promise<void>;
     reload(): Promise<void>;
     toggleItem(checked: boolean, x: number, y: number): Promise<void>;
-    renderInput(): JSX.Element;
+    renderInput(forceDisabled?: boolean): JSX.Element;
+    renderStatic(displayValue?: string): JSX.Element;
     render(): JSX.Element;
 }
 export declare class MatrixRenderer extends MatrixCheckbox {

package/esm/renderers/Form/MatrixCheckboxes.js

@@ -1,12 +1,13 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __awaiter, __generator, __assign, __decorate } from 'tslib';
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { buildApi, isValidApi, setVariable, isEffectiveApi, resolveEventData, FormItem } from 'amis-core';
 import { Checkbox, Spinner } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 /**
  * @file filter
@@ -194,8 +195,9 @@ var MatrixCheckbox = /** @class */ (function (_super) {
             });
         });
     };
-    MatrixCheckbox.prototype.renderInput = function () {
+    MatrixCheckbox.prototype.renderInput = function (forceDisabled) {
         var _this = this;
+        if (forceDisabled === void 0) { forceDisabled = false; }
         var _a = this.state, columns = _a.columns, rows = _a.rows;
         var _b = this.props, rowLabel = _b.rowLabel, disabled = _b.disabled, cx = _b.classnames, multiple = _b.multiple;
         var value = this.props.value || buildDefaultValue(columns, rows);
@@ -211,10 +213,18 @@ var MatrixCheckbox = /** @class */ (function (_super) {
                             row.label,
                             row.description || row.desc ? (React.createElement("span", { className: "m-l-xs text-muted text-xs" }, row.description || row.desc)) : null),
                         columns.map(function (column, x) { return (React.createElement("td", { key: x, className: "text-center" },
-                            React.createElement(Checkbox, { type: multiple ? 'checkbox' : 'radio', disabled: disabled, checked: !!(value[x] && value[x][y] && value[x][y].checked), onChange: function (checked) {
+                            React.createElement(Checkbox, { type: multiple ? 'checkbox' : 'radio', disabled: forceDisabled || disabled, checked: !!(value[x] && value[x][y] && value[x][y].checked), onChange: function (checked) {
                                     return _this.toggleItem(checked, x, y);
                                 } }))); }))); }))))));
     };
+    MatrixCheckbox.prototype.renderStatic = function (displayValue) {
+        if (displayValue === void 0) { displayValue = '-'; }
+        var _a = this.props, className = _a.className; _a.render; var cx = _a.classnames;
+        var error = this.state.error;
+        return (React.createElement("div", { key: "input", className: cx('MatrixControl', className || '') }, error
+            ? displayValue
+            : this.renderInput(true)));
+    };
     MatrixCheckbox.prototype.render = function () {
         var _a = this.props, className = _a.className; _a.render; var cx = _a.classnames;
         var _b = this.state, error = _b.error, loading = _b.loading;
@@ -228,6 +238,12 @@ var MatrixCheckbox = /** @class */ (function (_super) {
         multiple: true,
         singleSelectMode: 'column' // multiple 为 false 时有效。
     };
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], MatrixCheckbox.prototype, "render", null);
     return MatrixCheckbox;
 }(React.Component));
 function buildDefaultValue(columns, rows) {

package/esm/renderers/Form/NestedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ import { findDOMNode } from 'react-dom';
 import xor from 'lodash/xor';
 import union from 'lodash/union';
 import compact from 'lodash/compact';
+import { supportStatic } from './StaticHoc.js';
 
 var NestedSelectControl = /** @class */ (function (_super) {
     __extends(NestedSelectControl, _super);
@@ -673,6 +674,12 @@ var NestedSelectControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Array]),
         __metadata("design:returntype", Promise)
     ], NestedSelectControl.prototype, "handleResultChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], NestedSelectControl.prototype, "render", null);
     return NestedSelectControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -165,7 +165,7 @@ var PickerControl = /** @class */ (function (_super) {
                 switch (_b.label) {
                     case 0:
                         _a = this.props, data = _a.data, dispatchEvent = _a.dispatchEvent;
-                        return [4 /*yield*/, dispatchEvent('itemclick', createObject(data, { item: item }))];
+                        return [4 /*yield*/, dispatchEvent('itemClick', createObject(data, { item: item }))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -241,6 +241,7 @@ var PickerControl = /** @class */ (function (_super) {
                 getVariable(item, 'id')))))); })));
     };
     PickerControl.prototype.renderBody = function (_a) {
+        var _this = this;
         var _b = _a === void 0 ? {} : _a, popOverContainer = _b.popOverContainer;
         var _c = this.props, render = _c.render, selectedOptions = _c.selectedOptions, options = _c.options, multiple = _c.multiple, valueField = _c.valueField, embed = _c.embed, source = _c.source;
         return render('modal-body', this.state.schema, {
@@ -249,13 +250,33 @@ var PickerControl = /** @class */ (function (_super) {
             primaryField: valueField,
             options: source ? [] : options,
             multiple: multiple,
-            onSelect: embed ? this.handleChange : undefined,
+            onSelect: embed
+                ? function (selectedItems, unSelectedItems) {
+                    // 过滤掉一些无用事件，否则会导致 value 错误
+                    if (!Array.isArray(selectedItems) ||
+                        !Array.isArray(unSelectedItems) ||
+                        (!selectedItems.length && !unSelectedItems.length)) {
+                        return;
+                    }
+                    else if (selectedItems
+                        .map(function (item) { return item[valueField || 'value']; })
+                        .sort()
+                        .join(',') ===
+                        selectedOptions
+                            .map(function (item) { return item[valueField || 'value']; })
+                            .sort()
+                            .join(',')) {
+                        return;
+                    }
+                    _this.handleChange(selectedItems);
+                }
+                : undefined,
             ref: this.crudRef,
             popOverContainer: popOverContainer
         });
     };
     PickerControl.prototype.render = function () {
-        var _a = this.props, className = _a.className, cx = _a.classnames, disabled = _a.disabled, render = _a.render, modalMode = _a.modalMode, source = _a.source, size = _a.size, clearable = _a.clearable, multiple = _a.multiple, placeholder = _a.placeholder, embed = _a.embed, selectedOptions = _a.selectedOptions, __ = _a.translate, popOverContainer = _a.popOverContainer;
+        var _a = this.props, className = _a.className, modalClassName = _a.modalClassName, cx = _a.classnames, disabled = _a.disabled, render = _a.render, modalMode = _a.modalMode, source = _a.source, size = _a.size, clearable = _a.clearable, multiple = _a.multiple, placeholder = _a.placeholder, embed = _a.embed, selectedOptions = _a.selectedOptions, __ = _a.translate, popOverContainer = _a.popOverContainer;
         return (React.createElement("div", { className: cx("PickerControl", className) }, embed ? (React.createElement("div", { className: cx('Picker') }, this.renderBody({ popOverContainer: popOverContainer }))) : (React.createElement("div", { className: cx("Picker", {
                 'Picker--single': !multiple,
                 'Picker--multi': multiple,
@@ -275,6 +296,7 @@ var PickerControl = /** @class */ (function (_super) {
                 title: __('Select.placeholder'),
                 size: size,
                 type: modalMode,
+                className: modalClassName,
                 body: {
                     children: this.renderBody
                 }

package/esm/renderers/Form/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -8,6 +8,7 @@ import React from 'react';
 import cx from 'classnames';
 import { Radios } from 'amis-ui';
 import { resolveEventData, autobind, OptionsControl } from 'amis-core';
+import { supportStatic } from './StaticHoc.js';
 
 var RadiosControl = /** @class */ (function (_super) {
     __extends(RadiosControl, _super);
@@ -69,6 +70,12 @@ var RadiosControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], RadiosControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], RadiosControl.prototype, "render", null);
     return RadiosControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ import find from 'lodash/find';
 import debouce from 'lodash/debounce';
 import { Select, TransferDropDown, Spinner } from 'amis-ui';
 import { BaseTransferRenderer } from './Transfer.js';
+import { supportStatic } from './StaticHoc.js';
 
 var SelectControl = /** @class */ (function (_super) {
     __extends(SelectControl, _super);
@@ -244,6 +245,12 @@ var SelectControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object, Object]),
         __metadata("design:returntype", void 0)
     ], SelectControl.prototype, "renderMenu", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SelectControl.prototype, "render", null);
     return SelectControl;
 }(React.Component));
 var TransferDropdownRenderer = /** @class */ (function (_super) {

package/esm/renderers/Form/Static.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

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

@@ -0,0 +1,5 @@
+import { FormControlProps } from "amis-core";
+/**
+ * 表单项类成员render支持静态展示装饰器
+ */
+export declare function supportStatic<T extends FormControlProps>(): (target: any, name: string, descriptor: TypedPropertyDescriptor<any>) => TypedPropertyDescriptor<any>;

package/esm/renderers/Form/StaticHoc.js

@@ -0,0 +1,107 @@
+/**
+ * amis v2.4.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __spreadArray, __assign } from 'tslib';
+import React from 'react';
+import { getPropValue } from 'amis-core';
+
+function renderCommonStatic(props, defaultValue) {
+    var type = props.type, render = props.render, staticSchema = props.staticSchema;
+    var staticProps = __assign(__assign({}, props), staticSchema);
+    switch (type) {
+        case 'select':
+        case 'checkboxes':
+        case 'button-group-select':
+        case 'input-tree':
+        case 'tree-select':
+        case 'nested-select':
+        case 'cascader-select':
+        case 'radios':
+        case 'multi-select':
+        case 'transfer':
+        case 'transfer-picker':
+        case 'tabs-transfer':
+        case 'tabs-transfer-picker':
+            return render('static-select', { type: 'words' }, staticProps);
+        case 'input-date':
+        case 'input-datetime':
+        case 'input-time':
+        case 'input-month':
+        case 'input-quarter':
+        case 'input-year':
+            return renderStaticDateTypes(staticProps);
+        case 'input-date-range':
+        case 'input-datetime-range':
+        case 'input-time-range':
+        case 'input-month-range':
+        case 'input-quarter-range':
+        case 'input-year-range':
+            return render('static-input-date-range', { type: 'date-range' }, __assign(__assign(__assign({}, props), { valueFormat: props.format, format: props.inputFormat }), staticSchema));
+        case 'input-password':
+            return render('static-input-password', { type: 'password' }, staticProps);
+        case 'input-color':
+            return render('static-color', { type: 'color' }, staticProps);
+        case 'input-tag':
+            return render('static-input-tag', { type: 'tags' }, staticProps);
+        case 'input-url':
+            return render('static-input-url', { type: 'link', href: defaultValue }, staticProps);
+        default:
+            return defaultValue;
+    }
+}
+/**
+ * 表单项类成员render支持静态展示装饰器
+ */
+function supportStatic() {
+    return function (target, name, descriptor) {
+        var original = descriptor.value;
+        descriptor.value = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var props = this.props;
+            if (props.static) {
+                var render = props.render, staticSchema = props.staticSchema, ns = props.classPrefix, cx = props.classnames, className = props.className, _a = props.staticPlaceholder, staticPlaceholder = _a === void 0 ? '-' : _a;
+                var body = void 0;
+                var displayValue = getPropValue(props);
+                var isValueEmpty = displayValue == null || displayValue === '';
+                if (staticSchema && (staticSchema.type
+                    || Array.isArray(staticSchema)
+                    || typeof staticSchema === 'string'
+                    || typeof staticSchema === 'number')) {
+                    // 有自定义schema 且schema有type 时，展示schema
+                    body = render('form-static-schema', staticSchema, props);
+                }
+                else if (target.renderStatic) {
+                    // 特殊组件，control有 renderStatic 时，特殊处理
+                    body = target.renderStatic.apply(this, __spreadArray(__spreadArray([], args, true), [isValueEmpty ? staticPlaceholder : displayValue], false));
+                }
+                else if (isValueEmpty) {
+                    // 空值时，展示 staticPlaceholder
+                    body = staticPlaceholder;
+                }
+                else {
+                    // 可复用组件 统一处理
+                    body = renderCommonStatic(props, displayValue);
+                }
+                return React.createElement("div", { className: cx("".concat(ns, "Form-static"), className) }, body);
+            }
+            return original.apply(this, args);
+        };
+        return descriptor;
+    };
+}
+function renderStaticDateTypes(props) {
+    var render = props.render, type = props.type, inputFormat = props.inputFormat, timeFormat = props.timeFormat, format = props.format, value = props.value;
+    return render('static-input-date', {
+        type: 'date',
+        value: value,
+        format: type === 'time' && timeFormat ? timeFormat : inputFormat,
+        valueFormat: format
+    });
+}
+
+export { supportStatic };

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

@@ -48,6 +48,12 @@ export default class SwitchControl extends React.Component<SwitchProps, any> {
         optionAtLeft: boolean;
     };
     handleChange(checked: string | number | boolean): Promise<void>;
+    getResult(): {
+        on: any;
+        off: any;
+    };
+    renderBody(children: any): JSX.Element;
+    renderStatic(): JSX.Element;
     render(): JSX.Element;
 }
 export declare class SwitchControlRenderer extends SwitchControl {

package/esm/renderers/Form/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,6 +7,7 @@ import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib
 import React from 'react';
 import { resolveEventData, isObject, generateIcon, autobind, FormItem } from 'amis-core';
 import { Switch } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var SwitchControl = /** @class */ (function (_super) {
     __extends(SwitchControl, _super);
@@ -32,18 +33,34 @@ var SwitchControl = /** @class */ (function (_super) {
             });
         });
     };
-    SwitchControl.prototype.render = function () {
-        var _a = this.props, size = _a.size, className = _a.className, ns = _a.classPrefix, cx = _a.classnames, value = _a.value, trueValue = _a.trueValue, falseValue = _a.falseValue, onText = _a.onText, offText = _a.offText, option = _a.option; _a.onChange; var disabled = _a.disabled, optionAtLeft = _a.optionAtLeft;
+    SwitchControl.prototype.getResult = function () {
+        var _a = this.props, cx = _a.classnames, onText = _a.onText, offText = _a.offText;
         var on = isObject(onText)
             ? generateIcon(cx, onText.icon, 'Switch-icon')
             : onText;
         var off = isObject(offText)
             ? generateIcon(cx, offText.icon, 'Switch-icon')
             : offText;
-        return (React.createElement("div", { className: cx("SwitchControl", className) },
-            optionAtLeft ? (React.createElement("span", { className: cx('Switch-option') }, option)) : null,
-            React.createElement(Switch, { classPrefix: ns, value: value, trueValue: trueValue, falseValue: falseValue, onText: on, offText: off, disabled: disabled, onChange: this.handleChange, size: size }),
-            optionAtLeft ? null : (React.createElement("span", { className: cx('Switch-option') }, option))));
+        return { on: on, off: off };
+    };
+    SwitchControl.prototype.renderBody = function (children) {
+        var _a = this.props, cx = _a.classnames, option = _a.option, optionAtLeft = _a.optionAtLeft;
+        var Option = React.createElement("span", { className: cx('Switch-option') }, option);
+        return (React.createElement(React.Fragment, null,
+            optionAtLeft ? Option : null,
+            children,
+            optionAtLeft ? null : Option));
+    };
+    SwitchControl.prototype.renderStatic = function () {
+        var _a = this.props, value = _a.value, trueValue = _a.trueValue;
+        var _b = this.getResult(), _c = _b.on, on = _c === void 0 ? '开' : _c, _d = _b.off, off = _d === void 0 ? '关' : _d;
+        var body = React.createElement("span", null, value === trueValue ? on : off);
+        return this.renderBody(body);
+    };
+    SwitchControl.prototype.render = function () {
+        var _a = this.props, size = _a.size, className = _a.className, ns = _a.classPrefix, cx = _a.classnames, value = _a.value, trueValue = _a.trueValue, falseValue = _a.falseValue; _a.onChange; var disabled = _a.disabled;
+        var _b = this.getResult(), on = _b.on, off = _b.off;
+        return (React.createElement("div", { className: cx("SwitchControl", className) }, this.renderBody(React.createElement(Switch, { classPrefix: ns, value: value, trueValue: trueValue, falseValue: falseValue, onText: on, offText: off, disabled: disabled, onChange: this.handleChange, size: size }))));
     };
     SwitchControl.defaultProps = {
         trueValue: true,
@@ -56,6 +73,12 @@ var SwitchControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], SwitchControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SwitchControl.prototype, "render", null);
     return SwitchControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -9,6 +9,7 @@ import React from 'react';
 import find from 'lodash/find';
 import { Selection, TabsTransfer, Spinner } from 'amis-ui';
 import { BaseTransferRenderer } from './Transfer.js';
+import { supportStatic } from './StaticHoc.js';
 
 var BaseTabsTransferRenderer = /** @class */ (function (_super) {
     __extends(BaseTabsTransferRenderer, _super);
@@ -231,6 +232,12 @@ var BaseTabsTransferRenderer = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object, Object]),
         __metadata("design:returntype", void 0)
     ], TabsTransferRenderer.prototype, "optionItemRender", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TabsTransferRenderer.prototype, "render", null);
     TabsTransferRenderer = __decorate([
         OptionsControl({
             type: 'tabs-transfer'

package/esm/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -8,6 +8,7 @@ import { resolveEventData, createObject, autobind, OptionsControl } from 'amis-c
 import React from 'react';
 import { Selection, TabsTransferPicker, Spinner } from 'amis-ui';
 import { BaseTabsTransferRenderer } from './TabsTransfer.js';
+import { supportStatic } from './StaticHoc.js';
 
 /** @class */ ((function (_super) {
     __extends(TabsTransferPickerRenderer, _super);
@@ -63,6 +64,12 @@ import { BaseTabsTransferRenderer } from './TabsTransfer.js';
         __metadata("design:paramtypes", [Object, Object]),
         __metadata("design:returntype", void 0)
     ], TabsTransferPickerRenderer.prototype, "optionItemRender", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TabsTransferPickerRenderer.prototype, "render", null);
     TabsTransferPickerRenderer = __decorate([
         OptionsControl({
             type: 'tabs-transfer-picker'

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

@@ -63,6 +63,7 @@ export default class TextAreaControl extends React.Component<TextAreaProps, Text
     handleChange(e: React.ChangeEvent<HTMLTextAreaElement>): void;
     handleFocus(e: React.FocusEvent<HTMLTextAreaElement>): void;
     handleBlur(e: React.FocusEvent<HTMLTextAreaElement>): void;
+    renderStatic(displayValue?: string): JSX.Element;
     render(): JSX.Element;
 }
 export declare class TextAreaControlRenderer extends TextAreaControl {

package/esm/renderers/Form/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,6 +7,7 @@ import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __meta
 import React from 'react';
 import { resolveEventData, autobind, FormItem } from 'amis-core';
 import { Textarea } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var TextAreaControl = /** @class */ (function (_super) {
     __extends(TextAreaControl, _super);
@@ -81,6 +82,15 @@ var TextAreaControl = /** @class */ (function (_super) {
             });
         }); });
     };
+    TextAreaControl.prototype.renderStatic = function (displayValue) {
+        if (displayValue === void 0) { displayValue = '-'; }
+        var _a = this.props, render = _a.render, _b = _a.staticSchema, staticSchema = _b === void 0 ? {} : _b;
+        return render('static-textarea', {
+            type: 'multiline-text',
+            text: displayValue,
+            maxRows: staticSchema.limit || 5
+        }, staticSchema);
+    };
     TextAreaControl.prototype.render = function () {
         var rest = __rest(this.props, []);
         return (React.createElement(Textarea, __assign({}, rest, { onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange })));
@@ -110,6 +120,12 @@ var TextAreaControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], TextAreaControl.prototype, "handleBlur", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TextAreaControl.prototype, "render", null);
     return TextAreaControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -8,6 +8,7 @@ import React from 'react';
 import find from 'lodash/find';
 import { findTreeIndex, optionValueCompare, getTree, spliceTree, resolveEventData, string2regExp, filterTree, createObject, resolveVariable, autobind, OptionsControl } from 'amis-core';
 import { Selection, ResultList, Transfer, Spinner } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var BaseTransferRenderer = /** @class */ (function (_super) {
     __extends(BaseTransferRenderer, _super);
@@ -138,9 +139,11 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
         });
     };
     BaseTransferRenderer.prototype.handleResultSearch = function (term, item) {
-        var valueField = this.props.valueField;
+        var _a = this.props, valueField = _a.valueField, labelField = _a.labelField;
         var regexp = string2regExp(term);
-        return regexp.test(item[valueField || 'value']);
+        var labelTest = item[labelField || 'label'];
+        var valueTest = item[valueField || 'value'];
+        return regexp.test(labelTest) || regexp.test(valueTest);
     };
     BaseTransferRenderer.prototype.optionItemRender = function (option, states) {
         var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
@@ -268,6 +271,12 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Array]),
         __metadata("design:returntype", void 0)
     ], BaseTransferRenderer.prototype, "onSelectAll", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BaseTransferRenderer.prototype, "render", null);
     return BaseTransferRenderer;
 }(React.Component));
 // ts 3.9 里面非得这样才不报错，鬼知道为何。

package/esm/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -8,6 +8,7 @@ import { resolveEventData, autobind, OptionsControl } from 'amis-core';
 import React from 'react';
 import { TransferPicker, Spinner } from 'amis-ui';
 import { BaseTransferRenderer } from './Transfer.js';
+import { supportStatic } from './StaticHoc.js';
 
 /** @class */ ((function (_super) {
     __extends(TransferPickerRenderer, _super);
@@ -57,6 +58,12 @@ import { BaseTransferRenderer } from './Transfer.js';
         __metadata("design:paramtypes", [String]),
         __metadata("design:returntype", void 0)
     ], TransferPickerRenderer.prototype, "dispatchEvent", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TransferPickerRenderer.prototype, "render", null);
     TransferPickerRenderer = __decorate([
         OptionsControl({
             type: 'transfer-picker'

package/esm/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ import { matchSorter } from 'match-sorter';
 import debouce from 'lodash/debounce';
 import find from 'lodash/find';
 import { findDOMNode } from 'react-dom';
+import { supportStatic } from './StaticHoc.js';
 
 var TreeSelectControl = /** @class */ (function (_super) {
     __extends(TreeSelectControl, _super);
@@ -354,6 +355,12 @@ var TreeSelectControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], TreeSelectControl.prototype, "domRef", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], TreeSelectControl.prototype, "render", null);
     return TreeSelectControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.2-beta.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */