amis 2.4.0 → 2.5.0-rc.0

package/esm/renderers/Form/InputMonthRange.js

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

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

@@ -111,8 +111,8 @@ interface NumberState {
     unit?: string;
     unitOptions?: Option[];
 }
-export declare type InputNumberRendererEvent = 'blur' | 'focus' | 'change';
-export declare type InputNumberRendererAction = 'clear';
+export type InputNumberRendererEvent = 'blur' | 'focus' | 'change';
+export type InputNumberRendererAction = 'clear';
 export default class NumberControl extends React.Component<NumberProps, NumberState> {
     input?: HTMLInputElement;
     static defaultProps: Partial<NumberProps>;
@@ -125,8 +125,8 @@ export default class NumberControl extends React.Component<NumberProps, NumberSt
     getValue(inputValue: any): any;
     dispatchEvent(eventName: string): Promise<void>;
     handleChange(inputValue: any): Promise<void>;
-    /** 处理数字类的props，支持从数据域获取变量值 */
     filterNum(value: number | string | undefined): number | undefined;
+    filterNum(value: number | string | undefined, isbig: boolean | undefined): number | string | undefined;
     handleChangeUnit(option: Option): void;
     componentDidUpdate(prevProps: NumberProps): void;
     inputRef(ref: any): void;

package/esm/renderers/Form/InputNumber.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.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 { toFixed } from 'rc-input-number/lib/utils/MiniDecimal';
 import { normalizeOptions, resolveEventData, filter, autobind, FormItem } from 'amis-core';
 import cx from 'classnames';
 import { NumberInput, Select } from 'amis-ui';
@@ -29,7 +29,7 @@ var NumberControl = /** @class */ (function (_super) {
             value != null &&
             normalizedPrecision != null &&
             (!unit || unitOptions.length === 0)) {
-            var normalizedValue = parseFloat(toFixed_1(value.toString(), '.', normalizedPrecision));
+            var normalizedValue = parseFloat(toFixed(value.toString(), '.', normalizedPrecision));
             if (!isNaN(normalizedValue)) {
                 setPrinstineValue(normalizedValue);
             }
@@ -48,7 +48,7 @@ var NumberControl = /** @class */ (function (_super) {
         }
         else if (actionType === 'reset') {
             var finalPrecision = NumberInput.normalizePrecision(this.filterNum(precision), this.filterNum(step));
-            var value = NumberInput.normalizeValue(resetValue !== null && resetValue !== void 0 ? resetValue : '', this.filterNum(min), this.filterNum(max), finalPrecision, resetValue !== null && resetValue !== void 0 ? resetValue : '', big);
+            var value = NumberInput.normalizeValue(resetValue !== null && resetValue !== void 0 ? resetValue : '', this.filterNum(min, big), this.filterNum(max, big), finalPrecision, resetValue !== null && resetValue !== void 0 ? resetValue : '', big);
             onChange === null || onChange === void 0 ? void 0 : onChange(value);
         }
     };
@@ -122,13 +122,15 @@ var NumberControl = /** @class */ (function (_super) {
         });
     };
     /** 处理数字类的props，支持从数据域获取变量值 */
-    NumberControl.prototype.filterNum = function (value) {
+    NumberControl.prototype.filterNum = function (value, isbig) {
+        if (isbig === void 0) { isbig = false; }
         if (typeof value === 'undefined') {
             return undefined;
         }
         if (typeof value !== 'number') {
             value = filter(value, this.props.data);
-            value = /^[-]?\d+/.test(value) ? +value : undefined;
+            // 大数模式，不转数字
+            value = /^[-]?\d+/.test(value) ? (isbig ? value : +value) : undefined;
         }
         return value;
     };
@@ -202,7 +204,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, resetValue: resetValue, 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 }),
+            React.createElement(NumberInput, { inputRef: this.inputRef, value: finalValue, resetValue: resetValue, step: step, max: this.filterNum(max, big), min: this.filterNum(min, big), 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,4 +1,3 @@
-/// <reference types="react" />
 import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
 /**
  * QuarterRange 季度范围控件

package/esm/renderers/Form/InputQuarterRange.js

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

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

@@ -5,11 +5,11 @@ import { FormBaseControlSchema, SchemaObject } from '../../Schema';
  * Range
  * 文档：https://baidu.gitee.io/amis/docs/components/form/range
  */
-export declare type Value = string | MultipleValue | number | [number, number];
-export declare type FormatValue = MultipleValue | number;
-export declare type TooltipPosType = 'auto' | 'top' | 'right' | 'bottom' | 'left';
-export declare type InputRangeRendererEvent = 'change' | 'blur' | 'focus';
-export declare type InputRangeRendererAction = 'clear';
+export type Value = string | MultipleValue | number | [number, number];
+export type FormatValue = MultipleValue | number;
+export type TooltipPosType = 'auto' | 'top' | 'right' | 'bottom' | 'left';
+export type InputRangeRendererEvent = 'change' | 'blur' | 'focus';
+export type InputRangeRendererAction = 'clear';
 export interface RangeControlSchema extends FormBaseControlSchema {
     type: 'input-range';
     /**
@@ -77,10 +77,10 @@ export interface RangeControlSchema extends FormBaseControlSchema {
      */
     clearable?: boolean;
 }
-declare type MarksType = {
+type MarksType = {
     [index: string | number]: MarksValue;
 };
-declare type MarksValue = string | number | SchemaObject | {
+type MarksValue = string | number | SchemaObject | {
     style?: React.CSSProperties;
     label?: string;
 };

package/esm/renderers/Form/InputRange.js

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

package/esm/renderers/Form/InputRating.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { resolveEventData, autobind, FormItem } from 'amis-core';
+import { resolveEventData, autobind, toNumber, filter, FormItem } from 'amis-core';
 import { Rating } from 'amis-ui';
 import { supportStatic } from './StaticHoc.js';
 
@@ -50,8 +50,11 @@ var RatingControl = /** @class */ (function (_super) {
     };
     RatingControl.prototype.render = function () {
         var _a = this.props, className = _a.className, value = _a.value, count = _a.count, half = _a.half, readOnly = _a.readOnly, disabled = _a.disabled, onHoverChange = _a.onHoverChange, allowClear = _a.allowClear, char = _a.char, inactiveColor = _a.inactiveColor, colors = _a.colors, texts = _a.texts, charClassName = _a.charClassName, textClassName = _a.textClassName, textPosition = _a.textPosition, cx = _a.classnames;
+        var finalCount = getFinalCount(count, this.props.data);
+        // 限制最大 100 星，避免渲染卡死问题
+        finalCount > 100 && (finalCount = 100);
         return (React.createElement("div", { className: cx('RatingControl', className) },
-            React.createElement(Rating, { classnames: cx, value: value, disabled: disabled, count: count, half: half, allowClear: allowClear, readOnly: readOnly, char: char, inactiveColor: inactiveColor, colors: colors, texts: texts, charClassName: charClassName, textClassName: textClassName, textPosition: textPosition, onChange: this.handleChange, onHoverChange: function (value) {
+            React.createElement(Rating, { classnames: cx, value: value, disabled: disabled, count: finalCount, half: half, allowClear: allowClear, readOnly: readOnly, char: char, inactiveColor: inactiveColor, colors: colors, texts: texts, charClassName: charClassName, textClassName: textClassName, textPosition: textPosition, onChange: this.handleChange, onHoverChange: function (value) {
                     onHoverChange && onHoverChange(value);
                 } })));
     };
@@ -75,6 +78,12 @@ var RatingControl = /** @class */ (function (_super) {
     ], RatingControl.prototype, "render", null);
     return RatingControl;
 }(React.Component));
+function getFinalCount(name, data) {
+    if (typeof name === 'number') {
+        return name;
+    }
+    return toNumber(filter(name, data));
+}
 /** @class */ ((function (_super) {
     __extends(RatingControlRenderer, _super);
     function RatingControlRenderer() {
@@ -83,7 +92,20 @@ var RatingControl = /** @class */ (function (_super) {
     RatingControlRenderer = __decorate([
         FormItem({
             type: 'input-rating',
-            sizeMutable: false
+            sizeMutable: false,
+            shouldComponentUpdate: function (props, prevProps) {
+                return getFinalCount(props.count, props.data) !==
+                    getFinalCount(prevProps.count, prevProps.data);
+            },
+            detectProps: [
+                'half',
+                'allowClear',
+                'colors',
+                'inactiveColor',
+                'texts',
+                'textPosition',
+                'char'
+            ]
         })
     ], RatingControlRenderer);
     return RatingControlRenderer;

package/esm/renderers/Form/InputRepeat.js

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

package/esm/renderers/Form/InputRichText.js

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

package/esm/renderers/Form/InputSubForm.js

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

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { FormControlProps, FormBaseControl, SimpleMap, RendererData, ActionObject, ITableStore } from 'amis-core';
 import { TableSchema } from '../Table';
 import { SchemaApi } from '../../Schema';
+import type { SchemaTokenizeableString } from '../../Schema';
 export interface TableControlSchema extends FormBaseControl, Omit<TableSchema, 'type'> {
     type: 'input-table';
     /**
@@ -120,6 +121,14 @@ export interface TableControlSchema extends FormBaseControl, Omit<TableSchema, '
      * 分页个数，默认不分页
      */
     perPage?: number;
+    /**
+     * 限制最大个数
+     */
+    maxLength?: number | SchemaTokenizeableString;
+    /**
+     * 限制最小个数
+     */
+    minLength?: number | SchemaTokenizeableString;
 }
 export interface TableProps extends FormControlProps, Omit<TableControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
 }
@@ -142,6 +151,8 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         confirmBtnIcon: string;
         cancelBtnIcon: string;
         valueField: string;
+        minLength: number;
+        maxLength: number;
     };
     static propsList: Array<string>;
     entries: SimpleMap<any, number>;
@@ -153,13 +164,14 @@ export default class FormTable extends React.Component<TableProps, TableState> {
     constructor(props: TableProps);
     componentDidUpdate(nextProps: TableProps): void;
     componentWillUnmount(): void;
+    resolveVariableProps(props: TableProps, key: 'minLength' | 'maxLength'): number;
     subFormRef(form: any, x: number, y: number): void;
     validate(): Promise<string | void>;
     emitValue(): void;
     doAction(action: ActionObject, ctx: RendererData, ...rest: Array<any>): Promise<any>;
     copyItem(index: number): void;
     addItem(index: number): void;
-    startEdit(index: number, isCreate?: boolean): void;
+    startEdit(index: number, isCreate?: boolean, isCopy?: boolean): void;
     confirmEdit(): Promise<void>;
     cancelEdit(): void;
     removeItem(index: number): Promise<void>;

package/esm/renderers/Form/InputTable.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.4.0
+ * amis v2.5.0-rc.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __spreadArray } from 'tslib';
 import React from 'react';
-import { SimpleMap, getVariable, dataMapping, isEffectiveApi, filterDate, setVariable, isExpression, createObject, filter, generateIcon, getTree, spliceTree, autobind, FormItem } from 'amis-core';
+import { SimpleMap, isPureVariable, resolveVariableAndFilter, getVariable, dataMapping, isEffectiveApi, filterDate, setVariable, isExpression, createObject, filter, generateIcon, getTree, spliceTree, autobind, FormItem } from 'amis-core';
 import { Button, Icon } from 'amis-ui';
 import omit from 'lodash/omit';
 import findIndex from 'lodash/findIndex';
@@ -14,6 +14,7 @@ import isEqual from 'lodash/isEqual';
 import inRange from 'lodash/inRange';
 import find from 'lodash/find';
 import moment from 'moment';
+import merge from 'lodash/merge';
 
 var FormTable = /** @class */ (function (_super) {
     __extends(FormTable, _super);
@@ -54,17 +55,42 @@ var FormTable = /** @class */ (function (_super) {
     FormTable.prototype.componentWillUnmount = function () {
         this.entries.dispose();
     };
+    FormTable.prototype.resolveVariableProps = function (props, key) {
+        var defaultMap = {
+            minLength: 0,
+            maxLength: Infinity
+        };
+        var value = props[key];
+        if (!value) {
+            return defaultMap[key];
+        }
+        if (typeof value === 'string') {
+            if (isPureVariable(value)) {
+                var resolved = resolveVariableAndFilter(value, props.data, '| raw');
+                value = (typeof resolved === 'number' && resolved >= 0
+                    ? resolved
+                    : defaultMap[key]);
+            }
+            else {
+                var parsed = parseInt(value, 10);
+                value = (isNaN(parsed) ? defaultMap[key] : parsed);
+            }
+        }
+        return value;
+    };
     FormTable.prototype.subFormRef = function (form, x, y) {
         this.subForms["".concat(x, "-").concat(y)] = form;
     };
     FormTable.prototype.validate = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, value, minLength, maxLength, __, columns, subForms_1, results_1, msg, uniqueColumn_1, children;
+            var _a, value, __, columns, minLength, maxLength, subForms_1, results_1, msg, uniqueColumn_1, children;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, value = _a.value, minLength = _a.minLength, maxLength = _a.maxLength, __ = _a.translate, columns = _a.columns;
+                        _a = this.props, value = _a.value, __ = _a.translate, columns = _a.columns;
+                        minLength = this.resolveVariableProps(this.props, 'minLength');
+                        maxLength = this.resolveVariableProps(this.props, 'maxLength');
                         // todo: 如果当前正在编辑中，表单提交了，应该先让正在编辑的东西提交然后再做验证。
                         if (~this.state.editIndex) {
                             return [2 /*return*/, __('Table.editing')];
@@ -124,17 +150,18 @@ var FormTable = /** @class */ (function (_super) {
         onChange === null || onChange === void 0 ? void 0 : onChange(items);
     };
     FormTable.prototype.doAction = function (action, ctx) {
+        var _a, _b;
         var rest = [];
         for (var _i = 2; _i < arguments.length; _i++) {
             rest[_i - 2] = arguments[_i];
         }
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onAction, valueField, env, needConfirm, addable, addApi, __, items_1, toAdd_1, payload, items_2, toRemove;
+            var _c, onAction, valueField, env, needConfirm, addable, addApi, __, items_1, toAdd_1, payload, items_2, toRemove;
             var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        _a = this.props, onAction = _a.onAction, valueField = _a.valueField, env = _a.env, _a.onChange, _a.editable, needConfirm = _a.needConfirm, addable = _a.addable, addApi = _a.addApi, __ = _a.translate;
+                        _c = this.props, onAction = _c.onAction, valueField = _c.valueField, env = _c.env, _c.onChange, _c.editable, needConfirm = _c.needConfirm, addable = _c.addable, addApi = _c.addApi, __ = _c.translate;
                         if (!(action.actionType === 'add')) return [3 /*break*/, 6];
                         if (addable === false) {
                             return [2 /*return*/];
@@ -145,9 +172,9 @@ var FormTable = /** @class */ (function (_super) {
                         if (!isEffectiveApi(addApi, ctx)) return [3 /*break*/, 2];
                         return [4 /*yield*/, env.fetcher(addApi, ctx)];
                     case 1:
-                        payload = _b.sent();
+                        payload = _d.sent();
                         if (payload && !payload.ok) {
-                            env.notify('error', payload.msg || __('fetchFailed'));
+                            env.notify('error', (_b = (_a = addApi === null || addApi === void 0 ? void 0 : addApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : (payload.msg || __('fetchFailed')));
                             return [2 /*return*/];
                         }
                         else if (payload && payload.ok) {
@@ -156,7 +183,7 @@ var FormTable = /** @class */ (function (_super) {
                         return [3 /*break*/, 3];
                     case 2:
                         toAdd_1 = dataMapping(action.payload, ctx);
-                        _b.label = 3;
+                        _d.label = 3;
                     case 3:
                         toAdd_1 = Array.isArray(toAdd_1) ? toAdd_1 : [toAdd_1];
                         toAdd_1.forEach(function (toAdd) {
@@ -201,7 +228,7 @@ var FormTable = /** @class */ (function (_super) {
                             // todo 如果配置删除 Api 怎么办？
                             return [2 /*return*/];
                         }
-                        _b.label = 7;
+                        _d.label = 7;
                     case 7: return [2 /*return*/, onAction && onAction.apply(void 0, __spreadArray([action, ctx], rest, false))];
                 }
             });
@@ -220,7 +247,7 @@ var FormTable = /** @class */ (function (_super) {
                 _this.emitValue();
             }
             else {
-                _this.startEdit(index, true);
+                _this.startEdit(index, true, true);
             }
         });
     };
@@ -254,7 +281,7 @@ var FormTable = /** @class */ (function (_super) {
                 }
             });
         }
-        value = __assign(__assign({}, value), scaffold);
+        value = merge({}, value, scaffold);
         if (needConfirm === false) {
             delete value.__isPlaceholder;
         }
@@ -271,23 +298,25 @@ var FormTable = /** @class */ (function (_super) {
             }
         });
     };
-    FormTable.prototype.startEdit = function (index, isCreate) {
+    FormTable.prototype.startEdit = function (index, isCreate, isCopy) {
         if (isCreate === void 0) { isCreate = false; }
+        if (isCopy === void 0) { isCopy = false; }
         this.setState({
             editIndex: index,
             isCreateMode: isCreate,
-            raw: this.state.items[index],
+            raw: isCopy ? undefined : this.state.items[index],
             columns: this.buildColumns(this.props, isCreate)
         });
     };
     FormTable.prototype.confirmEdit = function () {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var _a, addApi, updateApi, data, env, __, subForms, items, item, isNew, remote;
+            var _c, addApi, updateApi, data, env, __, subForms, items, item, isNew, remote, apiMsg;
             var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        _a = this.props, addApi = _a.addApi, updateApi = _a.updateApi, data = _a.data, env = _a.env, __ = _a.translate;
+                        _c = this.props, addApi = _c.addApi, updateApi = _c.updateApi, data = _c.data, env = _c.env, __ = _c.translate;
                         subForms = [];
                         Object.keys(this.subForms).forEach(function (key) { return _this.subForms[key] && subForms.push(_this.subForms[key]); });
                         subForms.forEach(function (form) { return form.flush(); });
@@ -295,26 +324,27 @@ var FormTable = /** @class */ (function (_super) {
                         item = __assign({}, items[this.state.editIndex]);
                         isNew = item.__isPlaceholder;
                         remote = null;
+                        apiMsg = undefined;
                         if (!(isNew && isEffectiveApi(addApi, createObject(data, item)))) return [3 /*break*/, 2];
                         return [4 /*yield*/, env.fetcher(addApi, createObject(data, item))];
                     case 1:
-                        remote = _b.sent();
+                        remote = _d.sent();
+                        apiMsg = (_a = addApi === null || addApi === void 0 ? void 0 : addApi.messages) === null || _a === void 0 ? void 0 : _a.failed;
                         return [3 /*break*/, 4];
                     case 2:
                         if (!isEffectiveApi(updateApi, createObject(data, item))) return [3 /*break*/, 4];
                         return [4 /*yield*/, env.fetcher(updateApi, createObject(data, item))];
                     case 3:
-                        remote = _b.sent();
-                        _b.label = 4;
+                        remote = _d.sent();
+                        apiMsg = (_b = updateApi === null || updateApi === void 0 ? void 0 : updateApi.messages) === null || _b === void 0 ? void 0 : _b.failed;
+                        _d.label = 4;
                     case 4:
                         if (remote && !remote.ok) {
-                            env.notify('error', remote.msg || __('saveFailed'));
+                            env.notify('error', apiMsg !== null && apiMsg !== void 0 ? apiMsg : (remote.msg || __('saveFailed')));
                             return [2 /*return*/];
                         }
                         else if (remote && remote.ok) {
-                            item = __assign(__assign({}, ((isNew ? addApi : updateApi).replaceData
-                                ? {}
-                                : item)), remote.data);
+                            item = merge({}, (isNew ? addApi : updateApi).replaceData ? {} : item, remote.data);
                         }
                         delete item.__isPlaceholder;
                         items.splice(this.state.editIndex, 1, item);
@@ -330,12 +360,12 @@ var FormTable = /** @class */ (function (_super) {
     };
     FormTable.prototype.cancelEdit = function () {
         var items = this.state.items.concat();
-        if (this.state.isCreateMode) {
-            items = items.filter(function (item) { return !item.__isPlaceholder; });
-        }
-        else if (this.state.raw) {
+        if (this.state.raw) {
             items.splice(this.state.editIndex, 1, this.state.raw);
         }
+        else {
+            items.splice(this.state.editIndex, 1);
+        }
         this.setState({
             editIndex: -1,
             raw: undefined,
@@ -343,12 +373,13 @@ var FormTable = /** @class */ (function (_super) {
         }, this.emitValue);
     };
     FormTable.prototype.removeItem = function (index) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var _a, value, onChange, deleteApi, deleteConfirmText, env, data, __, newValue, item, ctx, confirmed, result;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var _c, value, onChange, deleteApi, deleteConfirmText, env, data, __, newValue, item, ctx, confirmed, result;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        _a = this.props, value = _a.value, onChange = _a.onChange, deleteApi = _a.deleteApi, deleteConfirmText = _a.deleteConfirmText, env = _a.env, data = _a.data, __ = _a.translate;
+                        _c = this.props, value = _c.value, onChange = _c.onChange, deleteApi = _c.deleteApi, deleteConfirmText = _c.deleteConfirmText, env = _c.env, data = _c.data, __ = _c.translate;
                         newValue = Array.isArray(value) ? value.concat() : [];
                         item = newValue[index];
                         if (!item) {
@@ -358,19 +389,19 @@ var FormTable = /** @class */ (function (_super) {
                         if (!isEffectiveApi(deleteApi, ctx)) return [3 /*break*/, 3];
                         return [4 /*yield*/, env.confirm(deleteConfirmText ? filter(deleteConfirmText, ctx) : __('deleteConfirm'))];
                     case 1:
-                        confirmed = _b.sent();
+                        confirmed = _d.sent();
                         if (!confirmed) {
                             // 如果不确认，则跳过！
                             return [2 /*return*/];
                         }
                         return [4 /*yield*/, env.fetcher(deleteApi, ctx)];
                     case 2:
-                        result = _b.sent();
+                        result = _d.sent();
                         if (!result.ok) {
-                            env.notify('error', __('deleteFailed'));
+                            env.notify('error', (_b = (_a = deleteApi === null || deleteApi === void 0 ? void 0 : deleteApi.messages) === null || _a === void 0 ? void 0 : _a.failed) !== null && _b !== void 0 ? _b : __('deleteFailed'));
                             return [2 /*return*/];
                         }
-                        _b.label = 3;
+                        _d.label = 3;
                     case 3:
                         this.removeEntry(item);
                         newValue.splice(index, 1);
@@ -412,12 +443,15 @@ var FormTable = /** @class */ (function (_super) {
         var __ = this.props.translate;
         var needConfirm = this.props.needConfirm;
         var showIndex = this.props.showIndex;
+        var minLength = this.resolveVariableProps(this.props, 'minLength');
+        var maxLength = this.resolveVariableProps(this.props, 'maxLength');
         var btns = [];
         if (props.addable && props.showAddBtn !== false) {
             btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
-                    return ~_this.state.editIndex && needConfirm !== false ? null : (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.addRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.addItem.bind(_this, rowIndex + offset, undefined) },
+                    return (~_this.state.editIndex && needConfirm !== false) ||
+                        maxLength <= _this.state.items.length ? null : (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.addRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.addItem.bind(_this, rowIndex + offset, undefined) },
                         props.addBtnLabel ? React.createElement("span", null, props.addBtnLabel) : null,
                         props.addBtnIcon ? (typeof props.addBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.addBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.addBtnIcon))) : null));
                 }
@@ -482,8 +516,9 @@ var FormTable = /** @class */ (function (_super) {
             btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, data = _a.data, offset = _a.offset;
-                    return (~_this.state.editIndex || (data && data.__isPlaceholder)) &&
-                        needConfirm !== false ? null : (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.deleteRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.removeItem.bind(_this, rowIndex + offset) },
+                    return ((~_this.state.editIndex || (data && data.__isPlaceholder)) &&
+                        needConfirm !== false) ||
+                        minLength >= _this.state.items.length ? null : (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.deleteRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.removeItem.bind(_this, rowIndex + offset) },
                         props.deleteBtnLabel ? (React.createElement("span", null, props.deleteBtnLabel)) : null,
                         props.deleteBtnIcon ? (typeof props.deleteBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.deleteBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.deleteBtnIcon))) : null));
                 }
@@ -556,7 +591,7 @@ var FormTable = /** @class */ (function (_super) {
                     indexes[0] += (page - 1) * perPage;
                 }
                 var origin = getTree(items, indexes);
-                var data = __assign(__assign({}, origin), diff[index]);
+                var data = merge({}, origin, diff[index]);
                 items = spliceTree(items, indexes, 1, data);
             });
         }
@@ -568,7 +603,7 @@ var FormTable = /** @class */ (function (_super) {
                 indexes[0] += (page - 1) * perPage;
             }
             var origin_2 = getTree(items, indexes);
-            var data = __assign(__assign({}, origin_2), diff);
+            var data = merge({}, origin_2, diff);
             items = spliceTree(items, indexes, 1, data);
             this.entries.set(data, this.entries.get(origin_2) || this.entityId++);
             // this.entries.delete(origin); // 反正最后都会清理的，先不删了吧。
@@ -635,6 +670,7 @@ var FormTable = /** @class */ (function (_super) {
         var _this = this;
         var _a, _b;
         var _c = this.props, className = _c.className; _c.value; var showAddBtn = _c.showAddBtn, disabled = _c.disabled, render = _c.render, placeholder = _c.placeholder, draggable = _c.draggable, addable = _c.addable, columnsTogglable = _c.columnsTogglable, combineNum = _c.combineNum, combineFromIndex = _c.combineFromIndex, __ = _c.translate, canAccessSuperData = _c.canAccessSuperData, expandConfig = _c.expandConfig, affixRow = _c.affixRow, prefixRow = _c.prefixRow, formInited = _c.formInited, perPage = _c.perPage, cx = _c.classnames, rowClassName = _c.rowClassName, rowClassNameExpr = _c.rowClassNameExpr, _d = _c.affixHeader, affixHeader = _d === void 0 ? false : _d, _e = _c.autoFillHeight, autoFillHeight = _e === void 0 ? false : _e, tableContentClassName = _c.tableContentClassName;
+        var maxLength = this.resolveVariableProps(this.props, 'maxLength');
         if (formInited === false) {
             return null;
         }
@@ -684,7 +720,10 @@ var FormTable = /** @class */ (function (_super) {
                 // TODO: 这里是为了处理columns里使用value变量添加的，目前会影响初始化数据加载后的组件行为，先回滚
                 // onPristineChange: this.handlePristineChange
             }),
-            (addable && showAddBtn !== false) || showPager ? (React.createElement("div", { className: cx('InputTable-toolbar') },
+            (addable &&
+                showAddBtn !== false &&
+                (!maxLength || maxLength > items.length)) ||
+                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); } },
                     React.createElement(Icon, { icon: "plus", className: "icon" }),
                     React.createElement("span", null, __('add')))) : null,
@@ -708,7 +747,9 @@ var FormTable = /** @class */ (function (_super) {
         deleteBtnIcon: 'minus',
         confirmBtnIcon: 'check',
         cancelBtnIcon: 'close',
-        valueField: ''
+        valueField: '',
+        minLength: 0,
+        maxLength: Infinity
     };
     FormTable.propsList = [
         'onChange',

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { OptionsControlProps, Option } from 'amis-core';
 import { ActionObject } from 'amis-core';
 import { FormOptionsSchema } from '../../Schema';
+import { TooltipWrapperSchema } from '../TooltipWrapper';
 /**
  * Tag 输入框
  * 文档：https://baidu.gitee.io/amis/docs/components/form/tag
@@ -31,7 +32,7 @@ export interface TagControlSchema extends FormOptionsSchema {
     /**
      * 收纳标签的Popover配置
      */
-    overflowTagPopover?: object;
+    overflowTagPopover?: TooltipWrapperSchema;
     /** 是否开启批量添加模式 */
     enableBatchAdd: boolean;
     /**
@@ -41,7 +42,7 @@ export interface TagControlSchema extends FormOptionsSchema {
      */
     separator?: string;
 }
-export declare type InputTagValidationType = 'max' | 'maxLength';
+export type InputTagValidationType = 'max' | 'maxLength';
 export interface TagProps extends OptionsControlProps {
     placeholder?: string;
     clearable: boolean;