amis 2.3.1 → 2.4.0

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,12 +1,13 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { createObject, isObject, generateIcon, autobind, FormItem } from 'amis-core';
+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);
@@ -15,14 +16,12 @@ var SwitchControl = /** @class */ (function (_super) {
     }
     SwitchControl.prototype.handleChange = function (checked) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data, onChange, rendererEvent;
+            var _a, dispatchEvent, onChange, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onChange = _a.onChange;
-                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
-                                value: checked
-                            }))];
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, onChange = _a.onChange;
+                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, { value: checked }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -34,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,
@@ -58,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,14 +1,15 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
-import { string2regExp, filterTree, optionValueCompare, createObject, findTreeIndex, getTree, spliceTree, autobind, OptionsControl } from 'amis-core';
+import { string2regExp, filterTree, optionValueCompare, createObject, findTreeIndex, getTree, spliceTree, resolveEventData, autobind, OptionsControl } from 'amis-core';
 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);
@@ -150,10 +151,11 @@ var BaseTabsTransferRenderer = /** @class */ (function (_super) {
                         }
                         (newOptions.length > options.length || optionModified) &&
                             setOptions(newOptions, true);
-                        return [4 /*yield*/, dispatchEvent('change', {
+                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, {
                                 value: newValue,
-                                options: options
-                            })];
+                                options: options,
+                                items: options // 为了保持名字统一
+                            }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -230,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,13 +1,14 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
-import { createObject, autobind, OptionsControl } from 'amis-core';
+import { resolveEventData, createObject, autobind, OptionsControl } from 'amis-core';
 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);
@@ -19,8 +20,8 @@ import { BaseTabsTransferRenderer } from './TabsTransfer.js';
         return _this;
     }
     TabsTransferPickerRenderer.prototype.dispatchEvent = function (name) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-        dispatchEvent(name, data);
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value;
+        dispatchEvent(name, resolveEventData(this.props, { value: value }, 'value'));
     };
     TabsTransferPickerRenderer.prototype.optionItemRender = function (option, states) {
         var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
@@ -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,12 +1,13 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { autobind, bindRendererEvent, FormItem } from 'amis-core';
+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);
@@ -31,27 +32,64 @@ var TextAreaControl = /** @class */ (function (_super) {
         (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     TextAreaControl.prototype.handleChange = function (e) {
-        var onChange = this.props.onChange;
+        var _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent;
+        dispatchEvent('change', resolveEventData(this.props, { value: e }, 'value'));
         onChange && onChange(e);
     };
     TextAreaControl.prototype.handleFocus = function (e) {
-        var onFocus = this.props.onFocus;
+        var _this = this;
+        var _a = this.props, onFocus = _a.onFocus, dispatchEvent = _a.dispatchEvent, value = _a.value;
         this.setState({
             focused: true
-        }, function () {
-            onFocus && onFocus(e);
-        });
+        }, function () { return __awaiter(_this, void 0, void 0, function () {
+            var rendererEvent;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, dispatchEvent('focus', resolveEventData(this.props, { value: value }, 'value'))];
+                    case 1:
+                        rendererEvent = _a.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onFocus && onFocus(e);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
     };
     TextAreaControl.prototype.handleBlur = function (e) {
-        var _a = this.props, onBlur = _a.onBlur, trimContents = _a.trimContents, value = _a.value, onChange = _a.onChange;
+        var _this = this;
+        var _a = this.props, onBlur = _a.onBlur, trimContents = _a.trimContents, value = _a.value, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent;
         this.setState({
             focused: false
-        }, function () {
-            if (trimContents && value && typeof value === 'string') {
-                onChange(value.trim());
-            }
-            onBlur && onBlur(e);
-        });
+        }, function () { return __awaiter(_this, void 0, void 0, function () {
+            var rendererEvent;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (trimContents && value && typeof value === 'string') {
+                            onChange(value.trim());
+                        }
+                        return [4 /*yield*/, dispatchEvent('blur', resolveEventData(this.props, { value: value }, 'value'))];
+                    case 1:
+                        rendererEvent = _a.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onBlur && onBlur(e);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    };
+    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, []);
@@ -66,25 +104,28 @@ var TextAreaControl = /** @class */ (function (_super) {
     };
     __decorate([
         autobind,
-        bindRendererEvent('change', undefined, false),
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], TextAreaControl.prototype, "handleChange", null);
     __decorate([
         autobind,
-        bindRendererEvent('focus'),
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], TextAreaControl.prototype, "handleFocus", null);
     __decorate([
         autobind,
-        bindRendererEvent('blur'),
         __metadata("design:type", Function),
         __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,13 +1,14 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import find from 'lodash/find';
-import { findTreeIndex, optionValueCompare, getTree, spliceTree, string2regExp, filterTree, createObject, resolveVariable, autobind, OptionsControl } from 'amis-core';
+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);
@@ -61,10 +62,11 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
                         }
                         (newOptions.length > options.length || optionModified) &&
                             setOptions(newOptions, true);
-                        return [4 /*yield*/, dispatchEvent('change', {
+                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, {
                                 value: newValue,
-                                options: options
-                            })];
+                                options: options,
+                                items: options // 为了保持名字统一
+                            }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -137,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;
@@ -175,7 +179,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.onSelectAll = function (options) {
         var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-        dispatchEvent('selectAll', createObject(data, { options: options }));
+        dispatchEvent('selectAll', createObject(data, { items: options }));
     };
     // 动作
     BaseTransferRenderer.prototype.doAction = function (action, data, throwErrors) {
@@ -267,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,13 +1,14 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';
-import { createObject, autobind, OptionsControl } from 'amis-core';
+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);
@@ -15,8 +16,8 @@ import { BaseTransferRenderer } from './Transfer.js';
         return _super !== null && _super.apply(this, arguments) || this;
     }
     TransferPickerRenderer.prototype.dispatchEvent = function (name) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, value = _a.value;
-        dispatchEvent(name, createObject(data, { value: value }));
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value;
+        dispatchEvent(name, resolveEventData(this.props, { value: value }, 'value'));
     };
     // 动作
     TransferPickerRenderer.prototype.doAction = function (action) {
@@ -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.d.ts

@@ -76,6 +76,7 @@ export interface TreeSelectState {
 }
 export default class TreeSelectControl extends React.Component<TreeSelectProps, TreeSelectState> {
     static defaultProps: {
+        hideRoot: boolean;
         placeholder: string;
         optionsPlaceholder: string;
         multiple: boolean;

package/esm/renderers/Form/TreeSelect.js

@@ -1,16 +1,17 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { createObject, isEffectiveApi, normalizeOptions, getTreeAncestors, isMobile, Overlay, PopOver, autobind, OptionsControl } from 'amis-core';
+import { resolveEventData, isEffectiveApi, normalizeOptions, getTreeAncestors, isMobile, Overlay, PopOver, autobind, OptionsControl } from 'amis-core';
 import { Tree, ResultBox, Spinner, PopUp } from 'amis-ui';
 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);
@@ -63,16 +64,12 @@ var TreeSelectControl = /** @class */ (function (_super) {
         }, function () { return _this.loadRemote(_this.state.inputValue); });
     };
     TreeSelectControl.prototype.handleFocus = function (e) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value, data = _a.data;
-        dispatchEvent('focus', createObject(data, {
-            value: value
-        }));
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value;
+        dispatchEvent('focus', resolveEventData(this.props, { value: value }, 'value'));
     };
     TreeSelectControl.prototype.handleBlur = function (e) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value, data = _a.data;
-        dispatchEvent('blur', createObject(data, {
-            value: value
-        }));
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value; _a.data;
+        dispatchEvent('blur', resolveEventData(this.props, { value: value }, 'value'));
     };
     TreeSelectControl.prototype.handleKeyPress = function (e) {
         if (e.key === ' ') {
@@ -248,14 +245,12 @@ var TreeSelectControl = /** @class */ (function (_super) {
     };
     TreeSelectControl.prototype.resultChangeEvent = function (value) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onChange, dispatchEvent, data, rendererEvent;
+            var _a, onChange, dispatchEvent, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, data = _a.data;
-                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
-                                value: value
-                            }))];
+                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, _a.data;
+                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, { value: value }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -282,11 +277,11 @@ var TreeSelectControl = /** @class */ (function (_super) {
         this.treeRef = ref;
     };
     TreeSelectControl.prototype.renderOuter = function () {
-        var _a = this.props, 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; _a.placeholder; var options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, rootLabel = _a.rootLabel, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio; _a.popOverContainer; var onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, ns = _a.classPrefix, optionsPlaceholder = _a.optionsPlaceholder, searchable = _a.searchable, autoComplete = _a.autoComplete, maxLength = _a.maxLength, minLength = _a.minLength, labelField = _a.labelField, nodePath = _a.nodePath, 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, __ = _a.translate, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, selfDisabledAffectChildren = _a.selfDisabledAffectChildren, showOutline = _a.showOutline, autoCheckChildren = _a.autoCheckChildren;
+        var _a = this.props, 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; _a.placeholder; var options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, rootLabel = _a.rootLabel, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio; _a.popOverContainer; var onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, ns = _a.classPrefix, optionsPlaceholder = _a.optionsPlaceholder, searchable = _a.searchable, autoComplete = _a.autoComplete, maxLength = _a.maxLength, minLength = _a.minLength, labelField = _a.labelField, nodePath = _a.nodePath, 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, __ = _a.translate, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, selfDisabledAffectChildren = _a.selfDisabledAffectChildren, showOutline = _a.showOutline, autoCheckChildren = _a.autoCheckChildren, hideRoot = _a.hideRoot;
         var filtedOptions = !isEffectiveApi(autoComplete) && searchable && this.state.inputValue
             ? this.filterOptions(options, this.state.inputValue)
             : options;
-        return (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, labelField: labelField, valueField: valueField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(optionsPlaceholder), options: filtedOptions, highlightTxt: this.state.inputValue, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, autoCheckChildren: autoCheckChildren, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, cascade: cascade, foldedField: "collapsed", hideRoot: true, value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, maxLength: maxLength, minLength: minLength, 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, selfDisabledAffectChildren: selfDisabledAffectChildren }));
+        return (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, labelField: labelField, valueField: valueField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(optionsPlaceholder), options: filtedOptions, highlightTxt: this.state.inputValue, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, autoCheckChildren: autoCheckChildren, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, cascade: cascade, foldedField: "collapsed", hideRoot: hideRoot, value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, maxLength: maxLength, minLength: minLength, 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, selfDisabledAffectChildren: selfDisabledAffectChildren }));
     };
     TreeSelectControl.prototype.render = function () {
         var _this = this;
@@ -313,6 +308,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
             mobileUI ? (React.createElement(PopUp, { container: env && env.getModalContainer ? env.getModalContainer : undefined, className: cx("".concat(ns, "TreeSelect-popup")), isShow: isOpened, onHide: this.close }, this.renderOuter())) : null));
     };
     TreeSelectControl.defaultProps = {
+        hideRoot: true,
         placeholder: 'Select.placeholder',
         optionsPlaceholder: 'placeholder.noData',
         multiple: false,
@@ -359,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) {