amis 2.1.1-beta.2 → 2.3.0

package/esm/renderers/Form/InputNumber.js

@@ -1,10 +1,11 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata, __assign } from 'tslib';
 import React from 'react';
+import { toFixed as toFixed_1 } from '../../node_modules/rc-input-number/lib/utils/MiniDecimal.js';
 import { normalizeOptions, createObject, filter, autobind, FormItem } from 'amis-core';
 import cx from 'classnames';
 import { NumberInput, Select } from 'amis-ui';
@@ -17,6 +18,21 @@ var NumberControl = /** @class */ (function (_super) {
         _this.handleChangeUnit = _this.handleChangeUnit.bind(_this);
         var unit = _this.getUnit();
         var unitOptions = normalizeOptions(props.unitOptions);
+        var formItem = props.formItem, setPrinstineValue = props.setPrinstineValue, precision = props.precision, value = props.value;
+        var normalizedPrecision = _this.filterNum(precision);
+        /**
+         * 如果设置了precision需要处理入参value的精度
+         * 如果是带有单位的输入，则不支持精度处理
+         */
+        if (formItem &&
+            value != null &&
+            normalizedPrecision != null &&
+            (!unit || unitOptions.length === 0)) {
+            var normalizedValue = parseFloat(toFixed_1(value.toString(), '.', normalizedPrecision));
+            if (!isNaN(normalizedValue)) {
+                setPrinstineValue(normalizedValue);
+            }
+        }
         _this.state = { unit: unit, unitOptions: unitOptions };
         return _this;
     }
@@ -62,7 +78,9 @@ var NumberControl = /** @class */ (function (_super) {
     };
     NumberControl.prototype.getValue = function (inputValue) {
         var _a = this.props, resetValue = _a.resetValue, unitOptions = _a.unitOptions;
-        if (inputValue && typeof inputValue !== 'number') {
+        if (inputValue &&
+            typeof inputValue !== 'number' &&
+            typeof inputValue !== 'string') {
             return;
         }
         if (inputValue !== null && unitOptions && this.state.unit) {
@@ -106,6 +124,9 @@ var NumberControl = /** @class */ (function (_super) {
         });
     };
     NumberControl.prototype.filterNum = function (value) {
+        if (typeof value === 'undefined') {
+            return undefined;
+        }
         if (typeof value !== 'number') {
             value = filter(value, this.props.data);
             value = /^[-]?\d+/.test(value) ? +value : undefined;
@@ -125,7 +146,9 @@ var NumberControl = /** @class */ (function (_super) {
         });
     };
     NumberControl.prototype.componentDidUpdate = function (prevProps) {
-        if (this.props.value !== prevProps.value) {
+        if (!isNaN(this.props.value) &&
+            !isNaN(prevProps.value) &&
+            this.props.value !== prevProps.value) {
             var unit = this.getUnit();
             this.setState({ unit: unit });
         }
@@ -146,7 +169,7 @@ var NumberControl = /** @class */ (function (_super) {
         var _a;
         var _this = this;
         var _b;
-        var _c = this.props, className = _c.className, ns = _c.classPrefix, value = _c.value, step = _c.step, precision = _c.precision, max = _c.max, min = _c.min, disabled = _c.disabled, placeholder = _c.placeholder, showSteps = _c.showSteps, borderMode = _c.borderMode, suffix = _c.suffix, prefix = _c.prefix, kilobitSeparator = _c.kilobitSeparator, unitOptions = _c.unitOptions, readOnly = _c.readOnly, keyboard = _c.keyboard, displayMode = _c.displayMode;
+        var _c = this.props, className = _c.className, ns = _c.classPrefix, value = _c.value, step = _c.step, precision = _c.precision, max = _c.max, min = _c.min, disabled = _c.disabled, placeholder = _c.placeholder, showSteps = _c.showSteps, borderMode = _c.borderMode, suffix = _c.suffix, prefix = _c.prefix, kilobitSeparator = _c.kilobitSeparator, unitOptions = _c.unitOptions, readOnly = _c.readOnly, keyboard = _c.keyboard, displayMode = _c.displayMode, big = _c.big;
         var finalPrecision = this.filterNum(precision);
         var unit = (_b = this.state) === null || _b === void 0 ? void 0 : _b.unit;
         // 数据格式化
@@ -172,7 +195,7 @@ var NumberControl = /** @class */ (function (_super) {
         return (React.createElement("div", { className: cx("".concat(ns, "NumberControl"), (_a = {},
                 _a["".concat(ns, "NumberControl--withUnit")] = unitOptions,
                 _a), className) },
-            React.createElement(NumberInput, { inputRef: this.inputRef, value: finalValue, step: step, max: this.filterNum(max), min: this.filterNum(min), formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, precision: finalPrecision, showSteps: showSteps, borderMode: borderMode, readOnly: readOnly, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, keyboard: keyboard, displayMode: displayMode }),
+            React.createElement(NumberInput, { inputRef: this.inputRef, value: finalValue, step: step, max: this.filterNum(max), min: this.filterNum(min), formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, precision: finalPrecision, showSteps: showSteps, borderMode: borderMode, readOnly: readOnly, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, keyboard: keyboard, displayMode: displayMode, big: big }),
             unitOptions ? (React.createElement(Select, { value: unit, clearable: false, options: this.state.unitOptions || [], onChange: this.handleChangeUnit })) : null));
     };
     NumberControl.defaultProps = {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
 /**
  * QuarterRange 季度范围控件
@@ -17,5 +18,6 @@ export declare class QuarterRangeControlRenderer extends QuarterRangeControl {
         delimiter: string;
         timeFormat: string;
         ranges: string;
+        animation: boolean;
     };
 }

package/esm/renderers/Form/InputQuarterRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -33,7 +33,8 @@ var QuarterRangeControl = /** @class */ (function (_super) {
         joinValues: true,
         delimiter: ',',
         timeFormat: '',
-        ranges: 'thisquarter,prevquarter'
+        ranges: 'thisquarter,prevquarter',
+        animation: true
     };
     QuarterRangeControlRenderer = __decorate([
         FormItem({

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

@@ -185,7 +185,7 @@ export interface DefaultProps {
 }
 export interface RangeItemProps extends RangeProps {
     value: FormatValue;
-    updateValue: (value: Value) => void;
+    onChange: (value: Value) => void;
     onAfterChange: () => void;
 }
 export interface RangeState {
@@ -252,10 +252,10 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
         min: number;
     };
     /**
-     * 所有触发value变换 -> updateValue
+     * 所有触发value变换 -> onChange
      * @param value
      */
-    updateValue(value: FormatValue): Promise<void>;
+    onChange(value: FormatValue): Promise<void>;
     /**
      * 鼠标松开事件
      */

package/esm/renderers/Form/InputRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -58,7 +58,7 @@ var Input = /** @class */ (function (_super) {
         var _a;
         var _b = this.props, multiple = _b.multiple, originValue = _b.value, type = _b.type, min = _b.min;
         var _value = this.getValue(value, type);
-        this.props.updateValue(multiple
+        this.props.onChange(multiple
             ? __assign(__assign({}, originValue), (_a = {}, _a[type] = _value, _a)) : value !== null && value !== void 0 ? value : min);
     };
     /**
@@ -69,7 +69,7 @@ var Input = /** @class */ (function (_super) {
         var _a;
         var _b = this.props, multiple = _b.multiple, originValue = _b.value, type = _b.type;
         var _value = this.getValue(value, type);
-        this.props.updateValue(multiple ? __assign(__assign({}, originValue), (_a = {}, _a[type] = _value, _a)) : value);
+        this.props.onChange(multiple ? __assign(__assign({}, originValue), (_a = {}, _a[type] = _value, _a)) : value);
     };
     Input.prototype.checkNum = function (value) {
         if (typeof value !== 'number') {
@@ -250,10 +250,10 @@ var RangeControl = /** @class */ (function (_super) {
             : stripNumber(value);
     };
     /**
-     * 所有触发value变换 -> updateValue
+     * 所有触发value变换 -> onChange
      * @param value
      */
-    RangeControl.prototype.updateValue = function (value) {
+    RangeControl.prototype.onChange = function (value) {
         return __awaiter(this, void 0, void 0, function () {
             var _a, onChange, data, dispatchEvent, result, rendererEvent;
             return __generator(this, function (_b) {
@@ -302,7 +302,7 @@ var RangeControl = /** @class */ (function (_super) {
     RangeControl.prototype.render = function () {
         var _this = this;
         var value = this.state.value;
-        var props = __assign(__assign({}, this.props), { value: value, updateValue: this.updateValue, onAfterChange: this.onAfterChange });
+        var props = __assign(__assign({}, this.props), { value: value, onChange: this.onChange, onAfterChange: this.onAfterChange });
         var ns = props.classPrefix, multiple = props.multiple; props.parts; var showInput = props.showInput, cx = props.classnames, className = props.className, disabled = props.disabled, clearable = props.clearable, min = props.min, max = props.max, render = props.render, marks = props.marks, region = props.region;
         // 处理自定义json配置
         var renderMarks = marks ? __assign({}, marks) : marks;
@@ -357,7 +357,7 @@ var RangeControl = /** @class */ (function (_super) {
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
-    ], RangeControl.prototype, "updateValue", null);
+    ], RangeControl.prototype, "onChange", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/renderers/Form/InputRating.js

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

package/esm/renderers/Form/InputRepeat.js

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

package/esm/renderers/Form/InputRichText.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate } from 'tslib';
 import React from 'react';
-import { tokenize, normalizeApi, ucFirst, LazyComponent, FormItem } from 'amis-core';
+import { normalizeApi, buildApi, qsstringify, ucFirst, LazyComponent, FormItem } from 'amis-core';
 import cx from 'classnames';
 
 function loadRichText(type) {
@@ -28,7 +28,17 @@ var RichTextControl = /** @class */ (function (_super) {
         _this.handleFocus = _this.handleFocus.bind(_this);
         _this.handleBlur = _this.handleBlur.bind(_this);
         _this.handleChange = _this.handleChange.bind(_this);
+        var imageReceiver = normalizeApi(props.receiver, props.receiver.method || 'post');
+        imageReceiver.data = imageReceiver.data || {};
+        var imageApi = buildApi(imageReceiver, props.data, {
+            method: props.receiver.method || 'post'
+        });
         if (finnalVendor === 'froala') {
+            var videoReceiver = normalizeApi(props.videoReceiver, props.videoReceiver.method || 'post');
+            videoReceiver.data = videoReceiver.data || {};
+            var videoApi = buildApi(videoReceiver, props.data, {
+                method: props.videoReceiver.method || 'post'
+            });
             _this.config = __assign(__assign({ imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'], imageDefaultAlign: 'left', imageEditButtons: props.imageEditable
                     ? [
                         'imageReplace',
@@ -45,59 +55,66 @@ var RichTextControl = /** @class */ (function (_super) {
                         'imageAlt',
                         'imageSize'
                     ]
-                    : [], key: props.env.richTextToken, attribution: false }, props.options), { editorClass: props.editorClass, placeholderText: props.translate(props.placeholder), imageUploadURL: tokenize(props.receiver, props.data), imageUploadParams: {
-                    from: 'rich-text'
-                }, videoUploadURL: tokenize(props.videoReceiver, props.data), videoUploadParams: {
-                    from: 'rich-text'
-                }, events: __assign(__assign({}, (props.options && props.options.events)), { focus: _this.handleFocus, blur: _this.handleBlur }), language: !_this.props.locale || _this.props.locale === 'zh-CN' ? 'zh_cn' : '' });
+                    : [], key: props.env.richTextToken, attribution: false }, props.options), { editorClass: props.editorClass, placeholderText: props.translate(props.placeholder), imageUploadURL: imageApi.url, imageUploadParams: __assign({ from: 'rich-text' }, imageApi.data), videoUploadURL: videoApi.url, videoUploadParams: __assign({ from: 'rich-text' }, videoApi.data), events: __assign(__assign({}, (props.options && props.options.events)), { focus: _this.handleFocus, blur: _this.handleBlur }), language: !_this.props.locale || _this.props.locale === 'zh-CN' ? 'zh_cn' : '' });
             if (props.buttons) {
                 _this.config.toolbarButtons = props.buttons;
             }
         }
         else {
             var fetcher_1 = props.env.fetcher;
-            _this.config = __assign(__assign({}, props.options), { images_upload_handler: function (blobInfo, ok, fail) { return __awaiter(_this, void 0, void 0, function () {
-                    var formData, receiver, response, location_1, e_1;
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-                    return __generator(this, function (_k) {
-                        switch (_k.label) {
-                            case 0:
-                                formData = new FormData();
-                                formData.append(props.fileField, blobInfo.blob(), blobInfo.filename());
-                                _k.label = 1;
-                            case 1:
-                                _k.trys.push([1, 3, , 4]);
-                                receiver = __assign({ adaptor: function (payload) {
-                                        return __assign(__assign({}, payload), { data: payload });
-                                    } }, normalizeApi(tokenize(props.receiver, props.data), 'post'));
-                                return [4 /*yield*/, fetcher_1(receiver, formData, {
-                                        method: 'post'
-                                    })];
-                            case 2:
-                                response = _k.sent();
-                                if (response.ok) {
-                                    location_1 = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.link) ||
-                                        ((_b = response.data) === null || _b === void 0 ? void 0 : _b.url) ||
-                                        ((_c = response.data) === null || _c === void 0 ? void 0 : _c.value) ||
-                                        ((_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.link) ||
-                                        ((_g = (_f = response.data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.url) ||
-                                        ((_j = (_h = response.data) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.value);
-                                    if (location_1) {
-                                        ok(location_1);
+            _this.config = __assign(__assign({}, props.options), { images_upload_handler: function (blobInfo, progress) {
+                    return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+                        var formData, receiver, response, location_1, e_1;
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                        return __generator(this, function (_k) {
+                            switch (_k.label) {
+                                case 0:
+                                    formData = new FormData();
+                                    if (imageApi.data) {
+                                        qsstringify(imageApi.data)
+                                            .split('&')
+                                            .filter(function (item) { return item !== ''; })
+                                            .forEach(function (item) {
+                                            var parts = item.split('=');
+                                            formData.append(parts[0], decodeURIComponent(parts[1]));
+                                        });
                                     }
-                                    else {
-                                        console.warn('must have return value');
+                                    formData.append(props.fileField || 'file', blobInfo.blob(), blobInfo.filename());
+                                    _k.label = 1;
+                                case 1:
+                                    _k.trys.push([1, 3, , 4]);
+                                    receiver = __assign({ adaptor: function (payload) {
+                                            return __assign(__assign({}, payload), { data: payload });
+                                        } }, imageApi);
+                                    return [4 /*yield*/, fetcher_1(receiver, formData, {
+                                            method: 'post'
+                                        })];
+                                case 2:
+                                    response = _k.sent();
+                                    if (response.ok) {
+                                        location_1 = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.link) ||
+                                            ((_b = response.data) === null || _b === void 0 ? void 0 : _b.url) ||
+                                            ((_c = response.data) === null || _c === void 0 ? void 0 : _c.value) ||
+                                            ((_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.link) ||
+                                            ((_g = (_f = response.data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.url) ||
+                                            ((_j = (_h = response.data) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.value);
+                                        if (location_1) {
+                                            resolve(location_1);
+                                        }
+                                        else {
+                                            console.warn('must have return value');
+                                        }
                                     }
-                                }
-                                return [3 /*break*/, 4];
-                            case 3:
-                                e_1 = _k.sent();
-                                fail(e_1);
-                                return [3 /*break*/, 4];
-                            case 4: return [2 /*return*/];
-                        }
-                    });
-                }); } });
+                                    return [3 /*break*/, 4];
+                                case 3:
+                                    e_1 = _k.sent();
+                                    reject(e_1);
+                                    return [3 /*break*/, 4];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                } });
         }
         return _this;
     }

package/esm/renderers/Form/InputSubForm.js

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

package/esm/renderers/Form/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -586,9 +586,10 @@ var FormTable = /** @class */ (function (_super) {
      */
     FormTable.prototype.handlePristineChange = function (data, rowIndex) {
         var _this = this;
+        var needConfirm = this.props.needConfirm;
+        var index = Number(rowIndex);
         this.setState(function (prevState) {
             var items = cloneDeep(prevState.items);
-            var index = Number(rowIndex);
             if (Number.isInteger(index) &&
                 inRange(index, 0, items.length) &&
                 !isEqual(items[index], data)) {
@@ -597,7 +598,12 @@ var FormTable = /** @class */ (function (_super) {
             }
             return null;
         }, function () {
-            _this.emitValue();
+            if (needConfirm === false) {
+                _this.emitValue();
+            }
+            else {
+                Number.isInteger(index) && _this.startEdit(index, true);
+            }
         });
     };
     FormTable.prototype.removeEntry = function (entry) {
@@ -659,8 +665,9 @@ var FormTable = /** @class */ (function (_super) {
                 reUseRow: false,
                 offset: offset,
                 rowClassName: rowClassName,
-                rowClassNameExpr: rowClassNameExpr,
-                onPristineChange: this.handlePristineChange
+                rowClassNameExpr: rowClassNameExpr
+                // TODO: 这里是为了处理columns里使用value变量添加的，目前会影响初始化数据加载后的组件行为，先回滚
+                // onPristineChange: this.handlePristineChange
             }),
             (addable && showAddBtn !== false) || showPager ? (React.createElement("div", { className: cx('InputTable-toolbar') },
                 addable && showAddBtn !== false ? (React.createElement(Button, { disabled: disabled, size: "sm", onClick: function () { return _this.addItem(_this.state.items.length); } },

package/esm/renderers/Form/InputTag.js

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

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

@@ -32,7 +32,11 @@ export interface TextControlSchema extends FormOptionsSchema {
      */
     borderMode?: 'full' | 'half' | 'none';
     /**
-     * 限制文字个数
+     * 限制文字最小输入个数
+     */
+    minLength?: number;
+    /**
+     * 限制文字最大输入个数
      */
     maxLength?: number;
     /**

package/esm/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.1.1-beta.2
+ * amis v2.3.0
  * Copyright 2018-2022 baidu
  */
 
@@ -371,12 +371,14 @@ var TextControl = /** @class */ (function (_super) {
             ? ''
             : typeof value === 'string'
                 ? value
-                : JSON.stringify(value);
+                : value instanceof Date
+                    ? value.toISOString()
+                    : JSON.stringify(value);
     };
     TextControl.prototype.renderSugestMode = function () {
         var _this = this;
         var _a;
-        var _b = this.props, className = _b.className, inputControlClassName = _b.inputControlClassName, nativeInputClassName = _b.nativeInputClassName, inputOnly = _b.inputOnly, value = _b.value, placeholder = _b.placeholder, cx = _b.classnames, disabled = _b.disabled, readOnly = _b.readOnly, name = _b.name, loading = _b.loading, clearable = _b.clearable, options = _b.options, selectedOptions = _b.selectedOptions, autoComplete = _b.autoComplete, labelField = _b.labelField, valueField = _b.valueField, multiple = _b.multiple, creatable = _b.creatable, borderMode = _b.borderMode, showCounter = _b.showCounter, maxLength = _b.maxLength, __ = _b.translate;
+        var _b = this.props, className = _b.className, inputControlClassName = _b.inputControlClassName, nativeInputClassName = _b.nativeInputClassName, inputOnly = _b.inputOnly, value = _b.value, placeholder = _b.placeholder, cx = _b.classnames, disabled = _b.disabled, readOnly = _b.readOnly, name = _b.name, loading = _b.loading, clearable = _b.clearable, options = _b.options, selectedOptions = _b.selectedOptions, autoComplete = _b.autoComplete, labelField = _b.labelField, valueField = _b.valueField, multiple = _b.multiple, creatable = _b.creatable, borderMode = _b.borderMode, showCounter = _b.showCounter, maxLength = _b.maxLength, minLength = _b.minLength, __ = _b.translate;
         var type = (_a = this.props.type) === null || _a === void 0 ? void 0 : _a.replace(/^(?:native|input)\-/, '');
         return (React.createElement(Downshift, { isOpen: this.state.isOpen && !disabled && !readOnly, inputValue: this.state.inputValue, onChange: this.handleChange, onStateChange: this.handleStateChange, selectedItem: selectedOptions.map(function (item) { return item[valueField || 'value']; }) }, function (_a) {
             var _b, _c;
@@ -426,7 +428,9 @@ var TextControl = /** @class */ (function (_super) {
                         onFocus: _this.handleFocus,
                         onBlur: _this.handleBlur,
                         onChange: _this.handleInputChange,
-                        onKeyDown: _this.handleKeyDown
+                        onKeyDown: _this.handleKeyDown,
+                        maxLength: maxLength,
+                        minLength: minLength
                     }), { autoComplete: "off", size: 10, className: cx(nativeInputClassName) }))),
                 clearable && !disabled && !readOnly && value ? (React.createElement("a", { onClick: _this.clearValue, className: cx('TextControl-clear') },
                     React.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
@@ -435,19 +439,21 @@ var TextControl = /** @class */ (function (_super) {
                     : ''))) : null,
                 loading ? (React.createElement(Spinner, { show: true, icon: "reload", size: "sm", spinnerClassName: cx('TextControl-spinner') })) : null,
                 isOpen && filtedOptions.length ? (React.createElement("div", { className: cx('TextControl-sugs') }, filtedOptions.map(function (option) {
+                    var label = option[labelField || 'label'];
+                    var value = option[valueField || 'value'];
                     return (React.createElement("div", __assign({}, getItemProps({
-                        item: option.value,
+                        item: value,
                         disabled: option.disabled,
                         className: cx("TextControl-sugItem", {
-                            'is-highlight': highlightedIndex === indices[option.value],
+                            'is-highlight': highlightedIndex === indices[value],
                             'is-disabled': option.disabled
                         })
-                    }), { key: option.value }), option.isNew ? (React.createElement("span", null,
-                        __('Text.add', { label: option.label }),
+                    }), { key: value }), option.isNew ? (React.createElement("span", null,
+                        __('Text.add', { label: label }),
                         React.createElement(Icon, { icon: "enter", className: "icon" }))) : (React.createElement("span", null,
                         option.disabled
-                            ? option.label
-                            : highlight(option.label, inputValue),
+                            ? label
+                            : highlight(label, inputValue),
                         option.tip))));
                 }))) : null));
         }));
@@ -458,13 +464,13 @@ var TextControl = /** @class */ (function (_super) {
     TextControl.prototype.renderNormal = function () {
         var _a;
         var _b, _c;
-        var _d = this.props, ns = _d.classPrefix, cx = _d.classnames, className = _d.className, inputControlClassName = _d.inputControlClassName, nativeInputClassName = _d.nativeInputClassName, inputOnly = _d.inputOnly, value = _d.value, placeholder = _d.placeholder; _d.onChange; var disabled = _d.disabled, readOnly = _d.readOnly, max = _d.max, min = _d.min, step = _d.step, clearable = _d.clearable, _e = _d.revealPassword, revealPassword = _e === void 0 ? true : _e, name = _d.name, borderMode = _d.borderMode, prefix = _d.prefix, suffix = _d.suffix, data = _d.data, showCounter = _d.showCounter, maxLength = _d.maxLength;
+        var _d = this.props, ns = _d.classPrefix, cx = _d.classnames, className = _d.className, inputControlClassName = _d.inputControlClassName, nativeInputClassName = _d.nativeInputClassName, inputOnly = _d.inputOnly, value = _d.value, placeholder = _d.placeholder; _d.onChange; var disabled = _d.disabled, readOnly = _d.readOnly, max = _d.max, min = _d.min, step = _d.step, clearable = _d.clearable, _e = _d.revealPassword, revealPassword = _e === void 0 ? true : _e, name = _d.name, borderMode = _d.borderMode, prefix = _d.prefix, suffix = _d.suffix, data = _d.data, showCounter = _d.showCounter, maxLength = _d.maxLength, minLength = _d.minLength;
         var type = (_b = this.props.type) === null || _b === void 0 ? void 0 : _b.replace(/^(?:native|input)\-/, '');
         return (React.createElement("div", { className: cx('TextControl-input', (_a = {},
                 _a["TextControl-input--border".concat(ucFirst(borderMode))] = borderMode,
                 _a), inputControlClassName, inputOnly ? className : '') },
             prefix ? (React.createElement("span", { className: cx('TextControl-inputPrefix') }, filter(prefix, data))) : null,
-            React.createElement(Input, { name: name, placeholder: placeholder, ref: this.inputRef, disabled: disabled, readOnly: readOnly, type: this.state.revealPassword ? 'text' : type, onFocus: this.handleFocus, onBlur: this.handleBlur, max: max, min: min, autoComplete: "off", size: 10, step: step, onChange: this.handleNormalInputChange, value: this.valueToString(value), className: cx(nativeInputClassName, {
+            React.createElement(Input, { name: name, placeholder: placeholder, ref: this.inputRef, disabled: disabled, readOnly: readOnly, type: this.state.revealPassword ? 'text' : type, onFocus: this.handleFocus, onBlur: this.handleBlur, max: max, min: min, maxLength: maxLength, minLength: minLength, autoComplete: "off", size: 10, step: step, onChange: this.handleNormalInputChange, value: this.valueToString(value), className: cx(nativeInputClassName, {
                     'TextControl-input-password': type === 'password' && revealPassword
                 }) }),
             clearable && !disabled && !readOnly && value ? (React.createElement("a", { onClick: this.clearValue, className: "".concat(ns, "TextControl-clear") },

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

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

package/esm/renderers/Form/InputTree.js

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
 /**
  * YearRange 年份范围控件
@@ -17,5 +18,6 @@ export declare class YearRangeControlRenderer extends YearRangeControl {
         delimiter: string;
         timeFormat: string;
         ranges: string;
+        animation: boolean;
     };
 }

package/esm/renderers/Form/InputYearRange.js

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

package/esm/renderers/Form/JSONSchema.js

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

package/esm/renderers/Form/JSONSchemaEditor.js

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

package/esm/renderers/Form/ListSelect.js

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

package/esm/renderers/Form/LocationPicker.js

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

package/esm/renderers/Form/MatrixCheckboxes.js

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

package/esm/renderers/Form/NestedSelect.js

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