amis 2.7.3-beta.0 → 2.9.0

package/esm/renderers/Form/InputNumber.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __awaiter, __generator, __decorate, __metadata, __assign } from 'tslib';
+import { __extends, __values, __awaiter, __generator, __decorate, __metadata, __assign } from 'tslib';
 import React from 'react';
 import { toFixed } from '@rc-component/mini-decimal';
 import { normalizeOptions, resolveEventData, filter, autobind, FormItem } from 'amis-core';
@@ -43,18 +43,19 @@ var NumberControl = /** @class */ (function (_super) {
      */
     NumberControl.prototype.doAction = function (action, args) {
         var actionType = action === null || action === void 0 ? void 0 : action.actionType;
-        var _a = this.props, min = _a.min, max = _a.max, precision = _a.precision, step = _a.step, resetValue = _a.resetValue, big = _a.big, onChange = _a.onChange;
+        var _a = this.props, min = _a.min, max = _a.max, precision = _a.precision, step = _a.step, resetValue = _a.resetValue, big = _a.big, onChange = _a.onChange, clearValueOnEmpty = _a.clearValueOnEmpty;
         if (actionType === 'clear') {
-            onChange === null || onChange === void 0 ? void 0 : onChange('');
+            onChange === null || onChange === void 0 ? void 0 : onChange(clearValueOnEmpty ? undefined : '');
         }
         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, big), this.filterNum(max, big), finalPrecision, resetValue !== null && resetValue !== void 0 ? resetValue : '', big);
-            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            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 : '', clearValueOnEmpty, big);
+            onChange === null || onChange === void 0 ? void 0 : onChange(clearValueOnEmpty && value === '' ? undefined : value);
         }
     };
     // 解析出单位
     NumberControl.prototype.getUnit = function () {
+        var e_1, _a;
         var props = this.props;
         if (props.unitOptions && props.unitOptions.length) {
             var optionValues = normalizeOptions(props.unitOptions).map(function (option) { return option.value; });
@@ -63,12 +64,21 @@ var NumberControl = /** @class */ (function (_super) {
                 var unit = optionValues[0];
                 // 先找长的字符，这样如果有 ab 和 b 两种后缀相同的也能识别
                 optionValues.sort(function (a, b) { return b.length - a.length; });
-                for (var _i = 0, optionValues_1 = optionValues; _i < optionValues_1.length; _i++) {
-                    var optionValue = optionValues_1[_i];
-                    if (props.value.endsWith(optionValue)) {
-                        unit = optionValue;
-                        break;
+                try {
+                    for (var optionValues_1 = __values(optionValues), optionValues_1_1 = optionValues_1.next(); !optionValues_1_1.done; optionValues_1_1 = optionValues_1.next()) {
+                        var optionValue = optionValues_1_1.value;
+                        if (props.value.endsWith(optionValue)) {
+                            unit = optionValue;
+                            break;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (optionValues_1_1 && !optionValues_1_1.done && (_a = optionValues_1.return)) _a.call(optionValues_1);
                     }
+                    finally { if (e_1) throw e_1.error; }
                 }
                 return unit;
             }
@@ -104,19 +114,20 @@ var NumberControl = /** @class */ (function (_super) {
     };
     NumberControl.prototype.handleChange = function (inputValue) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onChange, dispatchEvent, value, rendererEvent;
+            var _a, onChange, dispatchEvent, clearValueOnEmpty, value, resultValue, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent;
+                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, clearValueOnEmpty = _a.clearValueOnEmpty;
                         value = this.getValue(inputValue);
-                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, { value: value }, 'value'))];
+                        resultValue = clearValueOnEmpty && value === '' ? undefined : value;
+                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, { value: resultValue }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
-                        onChange(value);
+                        onChange(resultValue);
                         return [2 /*return*/];
                 }
             });
@@ -191,7 +202,7 @@ var NumberControl = /** @class */ (function (_super) {
         var _a;
         var _this = this;
         var _b;
-        var _c = this.props, className = _c.className; _c.style; var 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, resetValue = _c.resetValue;
+        var _c = this.props, className = _c.className; _c.style; var 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, resetValue = _c.resetValue, clearValueOnEmpty = _c.clearValueOnEmpty;
         var finalPrecision = this.filterNum(precision);
         var unit = (_b = this.state) === null || _b === void 0 ? void 0 : _b.unit;
         // 数据格式化
@@ -217,12 +228,15 @@ 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, 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));
+            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, clearValueOnEmpty: clearValueOnEmpty }),
+            unitOptions ? (unitOptions.length > 1 ? (React.createElement(Select, { value: unit, clearable: false, options: this.state.unitOptions || [], onChange: this.handleChangeUnit, className: "".concat(ns, "NumberControl-unit") })) : (React.createElement("div", { className: cx("".concat(ns, "NumberControl-unit"), " ".concat(ns, "NumberControl-single-unit"), "".concat(ns, "Select")) }, typeof unitOptions[0] === 'string'
+                ? unitOptions[0]
+                : unitOptions[0].label))) : null));
     };
     NumberControl.defaultProps = {
         step: 1,
-        resetValue: ''
+        resetValue: '',
+        clearValueOnEmpty: false
     };
     __decorate([
         autobind,

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.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/InputRange.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __read } from 'tslib';
 import React from 'react';
 import isNumber from 'lodash/isNumber';
 import isObject from 'lodash/isObject';
@@ -20,16 +20,16 @@ import { supportStatic } from './StaticHoc.js';
  * @returns number | {min: number, max: number}
  */
 function formatValue(value, props) {
-    var _a;
+    var _a, _b;
     if (props.multiple) {
         var min = props.min, max = props.max;
         // value是字符串
         if (typeof value === 'string') {
-            _a = value.split(props.delimiter || ',').map(function (v) { return Number(v); }), min = _a[0], max = _a[1];
+            _a = __read(value.split(props.delimiter || ',').map(function (v) { return Number(v); }), 2), min = _a[0], max = _a[1];
         }
         // value是数组
         else if (Array.isArray(value)) {
-            min = value[0], max = value[1];
+            _b = __read(value, 2), min = _b[0], max = _b[1];
         }
         // value是对象
         else if (typeof value === 'object') {

package/esm/renderers/Form/InputRating.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/InputRepeat.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/InputRichText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/InputSubForm.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormControlProps, FormBaseControl, SimpleMap, RendererData, ActionObject, ITableStore } from 'amis-core';
 import { TableSchema } from '../Table';
-import { SchemaApi } from '../../Schema';
+import { SchemaApi, SchemaCollection } from '../../Schema';
 import type { SchemaTokenizeableString } from '../../Schema';
 export interface TableControlSchema extends FormBaseControl, Omit<TableSchema, 'type'> {
     type: 'input-table';
@@ -41,10 +41,6 @@ export interface TableControlSchema extends FormBaseControl, Omit<TableSchema, '
      * 新增按钮图标
      */
     addBtnIcon?: string;
-    /**
-     * 显示新增按钮
-     */
-    showAddBtn?: boolean;
     /**
      * 可否删除
      */
@@ -129,6 +125,18 @@ export interface TableControlSchema extends FormBaseControl, Omit<TableSchema, '
      * 限制最小个数
      */
     minLength?: number | SchemaTokenizeableString;
+    /**
+     * 是否显示底部新增按钮
+     */
+    showFooterAddBtn?: boolean;
+    /**
+     * 是否显示表格操作栏新增按钮
+     */
+    showTableAddBtn?: boolean;
+    /**
+     * 底部新增按钮配置
+     */
+    footerAddBtn?: SchemaCollection;
 }
 export interface TableProps extends FormControlProps, Omit<TableControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
 }
@@ -153,6 +161,8 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         valueField: string;
         minLength: number;
         maxLength: number;
+        showFooterAddBtn: boolean;
+        showTableAddBtn: boolean;
     };
     static propsList: Array<string>;
     entries: SimpleMap<any, number>;
@@ -194,6 +204,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
     removeEntry(entry: any): void;
     getEntryId(entry: any): string;
     tableRef(ref: any): void;
+    computedAddBtnDisabled(): boolean;
     render(): JSX.Element | null;
 }
 export declare class TableControlRenderer extends FormTable {

package/esm/renderers/Form/InputTable.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __spreadArray } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __spreadArray, __read } from 'tslib';
 import React from 'react';
-import { SimpleMap, isPureVariable, resolveVariableAndFilter, 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, getRendererByName, generateIcon, getTree, spliceTree, autobind, FormItem } from 'amis-core';
 import { Button, Icon } from 'amis-ui';
 import omit from 'lodash/omit';
 import findIndex from 'lodash/findIndex';
@@ -15,6 +15,7 @@ import inRange from 'lodash/inRange';
 import find from 'lodash/find';
 import moment from 'moment';
 import merge from 'lodash/merge';
+import mergeWith from 'lodash/mergeWith';
 
 var FormTable = /** @class */ (function (_super) {
     __extends(FormTable, _super);
@@ -44,6 +45,13 @@ var FormTable = /** @class */ (function (_super) {
     FormTable.prototype.componentDidUpdate = function (nextProps) {
         var props = this.props;
         var toUpdate = null;
+        // 如果static为true 或 disabled为true，
+        // 则删掉正在新增 或 编辑的那一行
+        if (props.$schema.disabled !== nextProps.$schema.disabled
+            || props.$schema.static !== nextProps.$schema.static) {
+            var items = this.state.items.filter(function (item) { return !item.__isPlaceholder; });
+            toUpdate = __assign(__assign({}, toUpdate), { items: items, editIndex: -1, columns: this.buildColumns(props) });
+        }
         if (props.columns !== nextProps.columns) {
             toUpdate = __assign(__assign({}, toUpdate), { columns: this.buildColumns(props) });
         }
@@ -229,7 +237,7 @@ var FormTable = /** @class */ (function (_super) {
                             return [2 /*return*/];
                         }
                         _d.label = 7;
-                    case 7: return [2 /*return*/, onAction && onAction.apply(void 0, __spreadArray([action, ctx], rest, false))];
+                    case 7: return [2 /*return*/, onAction && onAction.apply(void 0, __spreadArray([action, ctx], __read(rest), false))];
                 }
             });
         });
@@ -238,7 +246,13 @@ var FormTable = /** @class */ (function (_super) {
         var _this = this;
         var needConfirm = this.props.needConfirm;
         var items = this.state.items.concat();
-        items.splice(index + 1, 0, items[index]);
+        if (needConfirm === false) {
+            items.splice(index + 1, 0, items[index]);
+        }
+        else {
+            // 复制相当于新增一行，需要同addItem一致添加__placeholder属性
+            items.splice(index + 1, 0, __assign(__assign({}, items[index]), { __isPlaceholder: true }));
+        }
         index = Math.min(index + 1, items.length - 1);
         this.setState({
             items: items
@@ -311,7 +325,7 @@ var FormTable = /** @class */ (function (_super) {
     FormTable.prototype.confirmEdit = function () {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var _c, addApi, updateApi, data, env, __, subForms, items, item, isNew, remote, apiMsg;
+            var _c, addApi, updateApi, data, env, __, subForms, validateForms, results, items, item, isNew, remote, apiMsg;
             var _this = this;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -320,25 +334,40 @@ var FormTable = /** @class */ (function (_super) {
                         subForms = [];
                         Object.keys(this.subForms).forEach(function (key) { return _this.subForms[key] && subForms.push(_this.subForms[key]); });
                         subForms.forEach(function (form) { return form.flush(); });
+                        validateForms = [];
+                        Object.keys(this.subForms).forEach(function (key) {
+                            var arr = key.split('-');
+                            var num = +arr[1];
+                            if (num === _this.state.editIndex && _this.subForms[key]) {
+                                validateForms.push(_this.subForms[key]);
+                            }
+                        });
+                        return [4 /*yield*/, Promise.all(validateForms.map(function (item) { return item.validate(); }))];
+                    case 1:
+                        results = _d.sent();
+                        // 有校验不通过的
+                        if (~results.indexOf(false)) {
+                            return [2 /*return*/];
+                        }
                         items = this.state.items.concat();
                         item = __assign({}, items[this.state.editIndex]);
                         isNew = item.__isPlaceholder;
                         remote = null;
                         apiMsg = undefined;
-                        if (!(isNew && isEffectiveApi(addApi, createObject(data, item)))) return [3 /*break*/, 2];
+                        if (!(isNew && isEffectiveApi(addApi, createObject(data, item)))) return [3 /*break*/, 3];
                         return [4 /*yield*/, env.fetcher(addApi, createObject(data, item))];
-                    case 1:
+                    case 2:
                         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))];
+                        return [3 /*break*/, 5];
                     case 3:
+                        if (!isEffectiveApi(updateApi, createObject(data, item))) return [3 /*break*/, 5];
+                        return [4 /*yield*/, env.fetcher(updateApi, createObject(data, item))];
+                    case 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:
+                        _d.label = 5;
+                    case 5:
                         if (remote && !remote.ok) {
                             env.notify('error', apiMsg !== null && apiMsg !== void 0 ? apiMsg : (remote.msg || __('saveFailed')));
                             return [2 /*return*/];
@@ -447,25 +476,28 @@ var FormTable = /** @class */ (function (_super) {
         var showIndex = this.props.showIndex;
         var minLength = this.resolveVariableProps(this.props, 'minLength');
         var maxLength = this.resolveVariableProps(this.props, 'maxLength');
+        var isStatic = this.props.static;
+        var disabled = this.props.disabled;
+        this.props.showTableAddBtn;
         var btns = [];
-        if (props.addable && props.showAddBtn !== false) {
+        if (!isStatic && props.addable && props.showTableAddBtn !== false) {
             btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
                     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));
+                        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, disabled: disabled, onClick: _this.addItem.bind(_this, rowIndex + offset, undefined) },
+                        props.addBtnIcon ? (typeof props.addBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.addBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.addBtnIcon))) : null,
+                        props.addBtnLabel ? React.createElement("span", null, props.addBtnLabel) : null));
                 }
             });
         }
-        if (props.copyable && props.showCopyBtn !== false) {
+        if (!isStatic && props.copyable && props.showCopyBtn !== 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.copyRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.copyItem.bind(_this, rowIndex + offset, undefined) },
-                        props.copyBtnLabel ? React.createElement("span", null, props.copyBtnLabel) : null,
-                        props.copyBtnIcon ? (typeof props.copyBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.copyBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.copyBtnIcon))) : null));
+                    return ~_this.state.editIndex && needConfirm !== false ? null : (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.copyRow'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, disabled: disabled, onClick: _this.copyItem.bind(_this, rowIndex + offset, undefined) },
+                        props.copyBtnIcon ? (typeof props.copyBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.copyBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.copyBtnIcon))) : null,
+                        props.copyBtnLabel ? React.createElement("span", null, props.copyBtnLabel) : null));
                 }
             });
         }
@@ -474,7 +506,7 @@ var FormTable = /** @class */ (function (_super) {
                 var quickEdit = column.quickEdit;
                 return quickEdit === false
                     ? omit(column, ['quickEdit'])
-                    : __assign(__assign({}, column), { quickEdit: __assign(__assign(__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline' }) });
+                    : __assign(__assign({}, column), { quickEdit: __assign(__assign(__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline', disabled: disabled, static: isStatic }) });
             });
         }
         else if (props.addable || props.editable || isCreateMode) {
@@ -482,47 +514,57 @@ var FormTable = /** @class */ (function (_super) {
                 var quickEdit = !isCreateMode && column.hasOwnProperty('quickEditOnUpdate')
                     ? column.quickEditOnUpdate
                     : column.quickEdit;
+                var render = getRendererByName(column === null || column === void 0 ? void 0 : column.type);
                 return quickEdit === false
                     ? omit(column, ['quickEdit'])
-                    : __assign(__assign({}, column), { quickEdit: __assign(__assign(__assign({}, _this.columnToQuickEdit(column)), quickEdit), { saveImmediately: true, mode: 'inline' }) });
+                    : __assign(__assign({}, column), { quickEdit: __assign(__assign(__assign({}, _this.columnToQuickEdit(column)), quickEdit), { isQuickEditFormMode: !!(render === null || render === void 0 ? void 0 : render.isFormItem), saveImmediately: true, mode: 'inline', disabled: disabled }) });
             });
-            props.editable &&
+            !isStatic && props.editable &&
                 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) ? null : (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('Table.editRow'), tooltipContainer: env && env.getModalContainer
                                 ? env.getModalContainer
-                                : undefined, onClick: function () { return _this.startEdit(rowIndex + offset); } },
-                            props.updateBtnLabel || props.editBtnLabel ? (React.createElement("span", null, props.updateBtnLabel || props.editBtnLabel)) : null,
-                            typeof props.updateBtnIcon !== 'undefined' ? (props.updateBtnIcon ? (typeof props.updateBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.updateBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.updateBtnIcon))) : null) : props.editBtnIcon ? (typeof props.editBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.editBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.editBtnIcon))) : null));
+                                : undefined, disabled: disabled, onClick: function () { return _this.startEdit(rowIndex + offset); } },
+                            typeof props.updateBtnIcon !== 'undefined' ? (props.updateBtnIcon ? (typeof props.updateBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.updateBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.updateBtnIcon))) : null) : props.editBtnIcon ? (typeof props.editBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.editBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.editBtnIcon))) : null,
+                            props.updateBtnLabel || props.editBtnLabel ? (React.createElement("span", null, props.updateBtnLabel || props.editBtnLabel)) : null));
                     }
                 });
-            btns.push({
+            !isStatic && btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
                     return _this.state.editIndex === rowIndex + offset ? (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('save'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.confirmEdit },
-                        props.confirmBtnLabel ? (React.createElement("span", null, props.confirmBtnLabel)) : null,
-                        props.confirmBtnIcon ? (typeof props.confirmBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.confirmBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.confirmBtnIcon))) : null)) : null;
+                        props.confirmBtnIcon ? (typeof props.confirmBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.confirmBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.confirmBtnIcon))) : null,
+                        props.confirmBtnLabel ? (React.createElement("span", null, props.confirmBtnLabel)) : null)) : null;
                 }
             });
-            btns.push({
+            !isStatic && btns.push({
                 children: function (_a) {
                     var key = _a.key, rowIndex = _a.rowIndex, offset = _a.offset;
                     return _this.state.editIndex === rowIndex + offset ? (React.createElement(Button, { classPrefix: ns, size: "sm", key: key, level: "link", tooltip: __('cancel'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, onClick: _this.cancelEdit },
-                        props.cancelBtnLabel ? (React.createElement("span", null, props.cancelBtnLabel)) : null,
-                        props.cancelBtnIcon ? (typeof props.cancelBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.cancelBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.cancelBtnIcon))) : null)) : null;
+                        props.cancelBtnIcon ? (typeof props.cancelBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.cancelBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.cancelBtnIcon))) : null,
+                        props.cancelBtnLabel ? (React.createElement("span", null, props.cancelBtnLabel)) : null)) : null;
                 }
             });
         }
-        if (props.removable) {
+        else {
+            columns = columns.map(function (column) {
+                var render = getRendererByName(column === null || column === void 0 ? void 0 : column.type);
+                if (!!(render === null || render === void 0 ? void 0 : render.isFormItem)) {
+                    return __assign(__assign({}, column), { quickEdit: __assign(__assign({}, column), { isFormMode: true }) });
+                }
+                return column;
+            });
+        }
+        if (!isStatic && props.removable) {
             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) ||
-                        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));
+                        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, disabled: disabled, onClick: _this.removeItem.bind(_this, rowIndex + offset) },
+                        props.deleteBtnIcon ? (typeof props.deleteBtnIcon === 'string' ? (React.createElement(Icon, { icon: props.deleteBtnIcon, className: "icon" })) : (generateIcon(props.classnames, props.deleteBtnIcon))) : null,
+                        props.deleteBtnLabel ? (React.createElement("span", null, props.deleteBtnLabel)) : null));
                 }
             });
         }
@@ -568,6 +610,7 @@ var FormTable = /** @class */ (function (_super) {
         return quickEdit;
     };
     FormTable.prototype.handleTableSave = function (rows, diff, rowIndexes) {
+        var _a;
         var perPage = this.props.perPage;
         if (~this.state.editIndex) {
             var items_3 = this.state.items.concat();
@@ -605,7 +648,23 @@ var FormTable = /** @class */ (function (_super) {
                 indexes[0] += (page - 1) * perPage;
             }
             var origin_2 = getTree(items, indexes);
-            var data = merge({}, origin_2, diff);
+            var comboNames_1 = [];
+            ((_a = this.props.$schema.columns) !== null && _a !== void 0 ? _a : []).forEach(function (e) {
+                if (e.type === 'combo' && !Array.isArray(diff)) {
+                    comboNames_1.push(e.name);
+                }
+            });
+            var data = mergeWith({}, origin_2, diff, function (objValue, srcValue, key, object, source, stack) {
+                // 只对第一层做处理，如果不是combo，并且是数组，直接采用diff的值
+                if (stack.size === 0
+                    && comboNames_1.indexOf(key) === -1
+                    && Array.isArray(objValue)
+                    && Array.isArray(srcValue)) {
+                    return srcValue;
+                }
+                // 直接return，默认走的mergeWith自身的merge
+                return;
+            });
             items = spliceTree(items, indexes, 1, data);
             this.entries.set(data, this.entries.get(origin_2) || this.entityId++);
             // this.entries.delete(origin); // 反正最后都会清理的，先不删了吧。
@@ -668,10 +727,17 @@ var FormTable = /** @class */ (function (_super) {
         }
         this.tableStore = (_a = ref === null || ref === void 0 ? void 0 : ref.props) === null || _a === void 0 ? void 0 : _a.store;
     };
+    FormTable.prototype.computedAddBtnDisabled = function () {
+        var disabled = this.props.disabled;
+        if (disabled !== undefined) {
+            return disabled;
+        }
+        return !!~this.state.editIndex;
+    };
     FormTable.prototype.render = function () {
         var _this = this;
         var _a, _b;
-        var _c = this.props, className = _c.className; _c.style; _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 _c = this.props, className = _c.className; _c.style; _c.value; var 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, isStatic = _c.static, showFooterAddBtn = _c.showFooterAddBtn; _c.showTableAddBtn; var footerAddBtn = _c.footerAddBtn;
         var maxLength = this.resolveVariableProps(this.props, 'maxLength');
         if (formInited === false) {
             return null;
@@ -687,6 +753,11 @@ var FormTable = /** @class */ (function (_super) {
             showPager = true;
             offset = (page - 1) * perPage;
         }
+        var footerAddBtnDisabled = this.computedAddBtnDisabled();
+        var footerAddBtnSchema = __assign({ type: 'button', level: 'primary', size: 'sm', label: __('Table.add'), icon: 'fa fa-plus', disabled: footerAddBtnDisabled }, (footerAddBtnDisabled ? { disabledTip: __('Table.addButtonDisabledTip') } : {}));
+        if (footerAddBtn !== undefined) {
+            footerAddBtnSchema = Object.assign(footerAddBtnSchema, footerAddBtn);
+        }
         return (React.createElement("div", { className: cx('InputTable', className) },
             render('body', {
                 type: 'table',
@@ -722,13 +793,13 @@ var FormTable = /** @class */ (function (_super) {
                 // TODO: 这里是为了处理columns里使用value变量添加的，目前会影响初始化数据加载后的组件行为，先回滚
                 // onPristineChange: this.handlePristineChange
             }),
-            (addable &&
-                showAddBtn !== false &&
+            (!isStatic && addable &&
+                showFooterAddBtn !== 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,
+                addable && showFooterAddBtn !== false ? (render('button', footerAddBtnSchema, {
+                    onClick: function () { return _this.addItem(_this.state.items.length); }
+                })) : null,
                 showPager
                     ? render('pager', {
                         type: 'pagination'
@@ -751,7 +822,9 @@ var FormTable = /** @class */ (function (_super) {
         cancelBtnIcon: 'close',
         valueField: '',
         minLength: 0,
-        maxLength: Infinity
+        maxLength: Infinity,
+        showFooterAddBtn: true,
+        showTableAddBtn: true
     };
     FormTable.propsList = [
         'onChange',
@@ -759,7 +832,7 @@ var FormTable = /** @class */ (function (_super) {
         'columns',
         'label',
         'scaffold',
-        'showAddBtn',
+        'showTableAddBtn',
         'addable',
         'removable',
         'copyable',

package/esm/renderers/Form/InputTag.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */