amis 2.7.3-beta.0 → 2.9.0

package/esm/renderers/Form/InputColor.js

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

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

@@ -232,6 +232,7 @@ interface DateControlState {
     }>;
 }
 export default class DateControl extends React.PureComponent<DateProps, DateControlState> {
+    placeholder: string;
     static defaultProps: {
         format: string;
         viewMode: string;
@@ -254,8 +255,8 @@ export default class DateControl extends React.PureComponent<DateProps, DateCont
     render(): JSX.Element;
 }
 export declare class DateControlRenderer extends DateControl {
+    placeholder: any;
     static defaultProps: {
-        placeholder: string;
         dateFormat: string;
         timeFormat: string;
         strictMode: boolean;
@@ -271,8 +272,8 @@ export declare class DateControlRenderer extends DateControl {
     };
 }
 export declare class DatetimeControlRenderer extends DateControl {
+    placeholder: any;
     static defaultProps: {
-        placeholder: string;
         inputFormat: string;
         dateFormat: string;
         timeFormat: string;
@@ -289,8 +290,8 @@ export declare class DatetimeControlRenderer extends DateControl {
     };
 }
 export declare class TimeControlRenderer extends DateControl {
+    placeholder: any;
     static defaultProps: {
-        placeholder: string;
         inputFormat: string;
         dateFormat: string;
         timeFormat: string;
@@ -306,8 +307,8 @@ export declare class TimeControlRenderer extends DateControl {
     };
 }
 export declare class MonthControlRenderer extends DateControl {
+    placeholder: any;
     static defaultProps: {
-        placeholder: string;
         inputFormat: string;
         dateFormat: string;
         timeFormat: string;
@@ -324,8 +325,8 @@ export declare class MonthControlRenderer extends DateControl {
     };
 }
 export declare class QuarterControlRenderer extends DateControl {
+    placeholder: any;
     static defaultProps: {
-        placeholder: string;
         inputFormat: string;
         dateFormat: string;
         timeFormat: string;
@@ -342,8 +343,8 @@ export declare class QuarterControlRenderer extends DateControl {
     };
 }
 export declare class YearControlRenderer extends DateControl {
+    placeholder: any;
     static defaultProps: {
-        placeholder: string;
         inputFormat: string;
         dateFormat: string;
         timeFormat: string;

package/esm/renderers/Form/InputDate.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -15,6 +15,7 @@ var DateControl = /** @class */ (function (_super) {
     __extends(DateControl, _super);
     function DateControl(props) {
         var _this = _super.call(this, props) || this;
+        _this.placeholder = '';
         var minDate = props.minDate, maxDate = props.maxDate, value = props.value, defaultValue = props.defaultValue, setPrinstineValue = props.setPrinstineValue, data = props.data, format = props.format, utc = props.utc;
         if (defaultValue && value === defaultValue) {
             var date = filterDate(defaultValue, data, format);
@@ -131,7 +132,7 @@ var DateControl = /** @class */ (function (_super) {
         });
     };
     DateControl.prototype.render = function () {
-        var _a = this.props, className = _a.className; _a.style; _a.defaultValue; _a.defaultData; var cx = _a.classnames; _a.minDate; _a.maxDate; var type = _a.type, format = _a.format, timeFormat = _a.timeFormat, valueFormat = _a.valueFormat, env = _a.env, largeMode = _a.largeMode; _a.render; var useMobileUI = _a.useMobileUI, rest = __rest(_a, ["className", "style", "defaultValue", "defaultData", "classnames", "minDate", "maxDate", "type", "format", "timeFormat", "valueFormat", "env", "largeMode", "render", "useMobileUI"]);
+        var _a = this.props, className = _a.className; _a.style; _a.defaultValue; _a.defaultData; var cx = _a.classnames; _a.minDate; _a.maxDate; var type = _a.type, format = _a.format, timeFormat = _a.timeFormat, valueFormat = _a.valueFormat, env = _a.env, largeMode = _a.largeMode; _a.render; var useMobileUI = _a.useMobileUI, placeholder = _a.placeholder, rest = __rest(_a, ["className", "style", "defaultValue", "defaultData", "classnames", "minDate", "maxDate", "type", "format", "timeFormat", "valueFormat", "env", "largeMode", "render", "useMobileUI", "placeholder"]);
         var mobileUI = useMobileUI && isMobile();
         if (type === 'time' && timeFormat) {
             format = timeFormat;
@@ -140,7 +141,7 @@ var DateControl = /** @class */ (function (_super) {
                 'is-date': /date$/.test(type),
                 'is-datetime': /datetime$/.test(type)
             }, className) },
-            React.createElement(DatePicker, __assign({}, rest, { useMobileUI: useMobileUI, popOverContainer: mobileUI && env && env.getModalContainer
+            React.createElement(DatePicker, __assign({}, rest, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : this.placeholder, useMobileUI: useMobileUI, popOverContainer: mobileUI && env && env.getModalContainer
                     ? env.getModalContainer
                     : mobileUI
                         ? undefined
@@ -186,9 +187,11 @@ var DateControl = /** @class */ (function (_super) {
 var DateControlRenderer = /** @class */ (function (_super) {
     __extends(DateControlRenderer, _super);
     function DateControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.placeholder = _this.props.translate('Date.placeholder');
+        return _this;
     }
-    DateControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { placeholder: 'Date.placeholder', dateFormat: 'YYYY-MM-DD', timeFormat: '', strictMode: false });
+    DateControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { dateFormat: 'YYYY-MM-DD', timeFormat: '', strictMode: false });
     DateControlRenderer = __decorate([
         FormItem({
             type: 'input-date',
@@ -200,9 +203,11 @@ var DateControlRenderer = /** @class */ (function (_super) {
 /** @class */ ((function (_super) {
     __extends(DatetimeControlRenderer, _super);
     function DatetimeControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.placeholder = _this.props.translate('DateTime.placeholder');
+        return _this;
     }
-    DatetimeControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { placeholder: 'DateTime.placeholder', inputFormat: 'YYYY-MM-DD HH:mm:ss', dateFormat: 'LL', timeFormat: 'HH:mm:ss', closeOnSelect: false, strictMode: false });
+    DatetimeControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { inputFormat: 'YYYY-MM-DD HH:mm:ss', dateFormat: 'LL', timeFormat: 'HH:mm:ss', closeOnSelect: false, strictMode: false });
     DatetimeControlRenderer = __decorate([
         FormItem({
             type: 'input-datetime'
@@ -213,9 +218,11 @@ var DateControlRenderer = /** @class */ (function (_super) {
 /** @class */ ((function (_super) {
     __extends(TimeControlRenderer, _super);
     function TimeControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.placeholder = _this.props.translate('Time.placeholder');
+        return _this;
     }
-    TimeControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { placeholder: 'Time.placeholder', inputFormat: 'HH:mm', dateFormat: '', timeFormat: 'HH:mm', viewMode: 'time', closeOnSelect: false });
+    TimeControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { inputFormat: 'HH:mm', dateFormat: '', timeFormat: 'HH:mm', viewMode: 'time', closeOnSelect: false });
     TimeControlRenderer = __decorate([
         FormItem({
             type: 'input-time'
@@ -226,9 +233,11 @@ var DateControlRenderer = /** @class */ (function (_super) {
 /** @class */ ((function (_super) {
     __extends(MonthControlRenderer, _super);
     function MonthControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.placeholder = _this.props.translate('Month.placeholder');
+        return _this;
     }
-    MonthControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { placeholder: 'Month.placeholder', inputFormat: 'YYYY-MM', dateFormat: 'MM', timeFormat: '', viewMode: 'months', closeOnSelect: true, strictMode: false });
+    MonthControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { inputFormat: 'YYYY-MM', dateFormat: 'MM', timeFormat: '', viewMode: 'months', closeOnSelect: true, strictMode: false });
     MonthControlRenderer = __decorate([
         FormItem({
             type: 'input-month'
@@ -239,9 +248,11 @@ var DateControlRenderer = /** @class */ (function (_super) {
 /** @class */ ((function (_super) {
     __extends(QuarterControlRenderer, _super);
     function QuarterControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.placeholder = _this.props.translate('Quarter.placeholder');
+        return _this;
     }
-    QuarterControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { placeholder: 'Quarter.placeholder', inputFormat: 'YYYY [Q]Q', dateFormat: 'YYYY [Q]Q', timeFormat: '', viewMode: 'quarters', closeOnSelect: true, strictMode: false });
+    QuarterControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { inputFormat: 'YYYY [Q]Q', dateFormat: 'YYYY [Q]Q', timeFormat: '', viewMode: 'quarters', closeOnSelect: true, strictMode: false });
     QuarterControlRenderer = __decorate([
         FormItem({
             type: 'input-quarter'
@@ -252,9 +263,11 @@ var DateControlRenderer = /** @class */ (function (_super) {
 /** @class */ ((function (_super) {
     __extends(YearControlRenderer, _super);
     function YearControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.placeholder = _this.props.translate('Year.placeholder');
+        return _this;
     }
-    YearControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { placeholder: 'Year.placeholder', inputFormat: 'YYYY', dateFormat: 'YYYY', timeFormat: '', viewMode: 'years', closeOnSelect: true, strictMode: false });
+    YearControlRenderer.defaultProps = __assign(__assign({}, DateControl.defaultProps), { inputFormat: 'YYYY', dateFormat: 'YYYY', timeFormat: '', viewMode: 'years', closeOnSelect: true, strictMode: false });
     YearControlRenderer = __decorate([
         FormItem({
             type: 'input-year'

package/esm/renderers/Form/InputDateRange.js

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

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

@@ -33,6 +33,10 @@ export interface InputExcelControlSchema extends FormBaseControlSchema {
     parseImage?: boolean;
     /** 图片解析结果使用 data URI 格式 */
     imageDataURI?: boolean;
+    /**
+     * 占位文本提示
+     */
+    placeholder?: string;
 }
 export interface ExcelProps extends FormControlProps, Omit<InputExcelControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
 }

package/esm/renderers/Form/InputExcel.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __values, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import DropZone from 'react-dropzone';
 import { resolveEventData, isObject, autobind, FormItem } from 'amis-core';
@@ -93,20 +93,30 @@ var ExcelControl = /** @class */ (function (_super) {
     };
     /** 读取工作表里的图片 */
     ExcelControl.prototype.readImages = function (worksheet, workbook) {
+        var e_1, _a;
         var imageDataURI = this.props.imageDataURI;
         var images = worksheet.getImages();
         var imgResult = [];
-        for (var _i = 0, images_1 = images; _i < images_1.length; _i++) {
-            var image = images_1[_i];
-            var img = workbook.getImage(+image.imageId);
-            var imgBase64 = this.encodeBase64Bytes(img.buffer);
-            if (imageDataURI) {
-                var extension = img.extension || 'png';
-                imgResult.push("data:image/".concat(extension, ";base64,") + imgBase64);
+        try {
+            for (var images_1 = __values(images), images_1_1 = images_1.next(); !images_1_1.done; images_1_1 = images_1.next()) {
+                var image = images_1_1.value;
+                var img = workbook.getImage(+image.imageId);
+                var imgBase64 = this.encodeBase64Bytes(img.buffer);
+                if (imageDataURI) {
+                    var extension = img.extension || 'png';
+                    imgResult.push("data:image/".concat(extension, ";base64,") + imgBase64);
+                }
+                else {
+                    imgResult.push(imgBase64);
+                }
             }
-            else {
-                imgResult.push(imgBase64);
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (images_1_1 && !images_1_1.done && (_a = images_1.return)) _a.call(images_1);
             }
+            finally { if (e_1) throw e_1.error; }
         }
         return imgResult;
     };
@@ -254,7 +264,7 @@ var ExcelControl = /** @class */ (function (_super) {
     };
     ExcelControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames; _a.classPrefix; _a.value; var disabled = _a.disabled, __ = _a.translate;
+        var _a = this.props, className = _a.className, cx = _a.classnames; _a.classPrefix; var disabled = _a.disabled, __ = _a.translate, placeholder = _a.placeholder;
         return (React.createElement("div", { className: cx('ExcelControl', className) },
             React.createElement(DropZone, { key: "drop-zone", onDrop: this.handleDrop, accept: ".xlsx", multiple: false, disabled: disabled }, function (_a) {
                 var getRootProps = _a.getRootProps, getInputProps = _a.getInputProps;
@@ -263,7 +273,7 @@ var ExcelControl = /** @class */ (function (_super) {
                         React.createElement("input", __assign({}, getInputProps())),
                         _this.state.filename ? (__('Excel.parsed', {
                             filename: _this.state.filename
-                        })) : (React.createElement("p", null, __('Excel.placeholder'))))));
+                        })) : (React.createElement("p", null, placeholder !== null && placeholder !== void 0 ? placeholder : __('Excel.placeholder'))))));
             })));
     };
     ExcelControl.defaultProps = {

package/esm/renderers/Form/InputFile.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
@@ -401,7 +401,7 @@ var FileControl = /** @class */ (function (_super) {
                         }
                         onProgress(1);
                         value = ret.data.value || ret.data.url || ret.data;
-                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: __assign(__assign({}, file), ret.data), value: value }))];
+                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: file, result: ret.data, value: value }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -806,7 +806,7 @@ var FileControl = /** @class */ (function (_super) {
     };
     FileControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, btnLabel = _a.btnLabel, accept = _a.accept, disabled = _a.disabled, maxLength = _a.maxLength, maxSize = _a.maxSize, multiple = _a.multiple, autoUpload = _a.autoUpload, description = _a.description, descriptionClassName = _a.descriptionClassName, hideUploadButton = _a.hideUploadButton, className = _a.className; _a.style; var btnClassName = _a.btnClassName, btnUploadClassName = _a.btnUploadClassName, cx = _a.classnames, __ = _a.translate, render = _a.render, downloadUrl = _a.downloadUrl, templateUrl = _a.templateUrl, drag = _a.drag, documentation = _a.documentation, documentLink = _a.documentLink;
+        var _a = this.props, btnLabel = _a.btnLabel, accept = _a.accept, disabled = _a.disabled, maxLength = _a.maxLength, maxSize = _a.maxSize, multiple = _a.multiple, autoUpload = _a.autoUpload, description = _a.description, descriptionClassName = _a.descriptionClassName, hideUploadButton = _a.hideUploadButton, className = _a.className; _a.style; var btnClassName = _a.btnClassName, btnUploadClassName = _a.btnUploadClassName, cx = _a.classnames, __ = _a.translate, render = _a.render, downloadUrl = _a.downloadUrl, templateUrl = _a.templateUrl, drag = _a.drag, documentation = _a.documentation, documentLink = _a.documentLink, env = _a.env, container = _a.container;
         var _b = this.state, files = _b.files, uploading = _b.uploading; _b.error;
         var nameField = this.props.nameField || 'name';
         var valueField = this.props.valueField || 'value';
@@ -871,7 +871,7 @@ var FileControl = /** @class */ (function (_super) {
                 var filename = file[nameField] ||
                     file.filename;
                 return (React.createElement("li", { key: file.id },
-                    React.createElement(TooltipWrapper, { placement: "bottom", tooltipClassName: cx('FileControl-list-tooltip'), tooltip: file.state === 'invalid' || file.state === 'error'
+                    React.createElement(TooltipWrapper, { placement: "bottom", container: container || (env === null || env === void 0 ? void 0 : env.getModalContainer), tooltipClassName: cx('FileControl-list-tooltip'), tooltip: file.state === 'invalid' || file.state === 'error'
                             ? file.error ||
                                 (maxSize && file.size > maxSize
                                     ? __('File.maxSize', {

package/esm/renderers/Form/InputFormula.js

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

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { FormControlProps } from 'amis-core';
-import { IFormStore } from 'amis-core';
+import { FormControlProps, IFormStore } from 'amis-core';
 import { FormBaseControlSchema, SchemaCollection } from '../../Schema';
 /**
  * InputGroup
@@ -12,6 +11,19 @@ export interface InputGroupControlSchema extends FormBaseControlSchema {
      * FormItem 集合
      */
     body: SchemaCollection;
+    /**
+     * 校验提示信息配置
+     */
+    validationConfig?: {
+        /**
+         * 错误提示的展示模式, full为整体飘红, highlight为仅错误项飘红, 默认为full
+         */
+        errorMode?: 'full' | 'partial';
+        /**
+         * 单个子元素多条校验信息的分隔符
+         */
+        delimiter?: string;
+    };
 }
 export interface InputGroupProps extends FormControlProps {
     body: Array<any>;
@@ -21,7 +33,22 @@ interface InputGroupState {
     isFocused: boolean;
 }
 export declare class InputGroup extends React.Component<InputGroupProps, InputGroupState> {
+    static defaultProps: {
+        validationConfig: {
+            errorMode: string;
+            delimiter: string;
+        };
+    };
+    toDispose: Array<Function>;
     constructor(props: InputGroupProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<InputGroupProps>): void;
+    componentWillUnmount(): void;
+    getValidationConfig(): {
+        errorMode: string;
+        delimiter: any;
+    };
+    validateHook(): void;
     handleFocus(): void;
     handleBlur(): void;
     renderControl(control: any, index: any, otherProps?: any): JSX.Element | null;

package/esm/renderers/Form/InputGroup.js

@@ -1,23 +1,73 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __decorate } from 'tslib';
+import { __extends, __assign, __spreadArray, __read, __decorate } from 'tslib';
 import React from 'react';
-import { getExprProperties, makeHorizontalDeeper, FormItem } from 'amis-core';
+import { anyChanged, getExprProperties, makeHorizontalDeeper, FormItem } from 'amis-core';
 
 var InputGroup = /** @class */ (function (_super) {
     __extends(InputGroup, _super);
     function InputGroup(props) {
         var _this = _super.call(this, props) || this;
+        _this.toDispose = [];
         _this.handleFocus = _this.handleFocus.bind(_this);
         _this.handleBlur = _this.handleBlur.bind(_this);
+        _this.validateHook = _this.validateHook.bind(_this);
         _this.state = {
             isFocused: false
         };
         return _this;
     }
+    InputGroup.prototype.componentDidMount = function () {
+        var _a = this.props, addHook = _a.addHook, name = _a.name;
+        if (name && addHook) {
+            this.toDispose.push(addHook(this.validateHook, 'validate'));
+        }
+    };
+    InputGroup.prototype.componentDidUpdate = function (prevProps) {
+        var _a;
+        if (anyChanged(['errorCode', 'delimiter'], prevProps === null || prevProps === void 0 ? void 0 : prevProps.validationConfig, (_a = this.props) === null || _a === void 0 ? void 0 : _a.validationConfig)) {
+            this.validateHook();
+        }
+    };
+    InputGroup.prototype.componentWillUnmount = function () {
+        this.toDispose.forEach(function (fn) { return fn(); });
+        this.toDispose = [];
+    };
+    InputGroup.prototype.getValidationConfig = function () {
+        var validationConfig = this.props.validationConfig;
+        return {
+            errorMode: (validationConfig === null || validationConfig === void 0 ? void 0 : validationConfig.errorMode) !== 'partial' ? 'full' : 'partial',
+            delimiter: (validationConfig === null || validationConfig === void 0 ? void 0 : validationConfig.delimiter) &&
+                typeof validationConfig.delimiter === 'string'
+                ? validationConfig.delimiter
+                : '; '
+        };
+    };
+    InputGroup.prototype.validateHook = function () {
+        var _a;
+        var _b = this.props, formStore = _b.formStore, formItem = _b.formItem, name = _b.name;
+        var delimiter = this.getValidationConfig().delimiter;
+        if (!name) {
+            return;
+        }
+        var chidren = (_a = formStore === null || formStore === void 0 ? void 0 : formStore.inputGroupItems) === null || _a === void 0 ? void 0 : _a[name];
+        var errorCollection = chidren
+            .map(function (item, index) {
+            if (item.errors.length <= 0) {
+                return '';
+            }
+            /** 标识符格式: 索引值 + label */
+            var identifier = item.label
+                ? "(".concat(index + 1, ")").concat(item.label)
+                : "(".concat(index + 1, ")");
+            return "".concat(identifier, ": ").concat(item.errors.join(delimiter));
+        })
+            .filter(Boolean);
+        formItem && formItem.setError(errorCollection);
+    };
     InputGroup.prototype.handleFocus = function () {
         this.setState({
             isFocused: true
@@ -42,14 +92,15 @@ var InputGroup = /** @class */ (function (_super) {
         // issue 处理这个，按理不需要这么弄。
         formItem === null || formItem === void 0 ? void 0 : formItem.subFormItems.forEach(function (item) {
             if (item.errors.length) {
-                errors.push.apply(errors, item.errors);
+                errors.push.apply(errors, __spreadArray([], __read(item.errors), false));
             }
         });
         return errors.length ? errors : '';
     };
     InputGroup.prototype.render = function () {
         var _this = this;
-        var _a = this.props, body = _a.body, controls = _a.controls, className = _a.className; _a.style; _a.mode; var horizontal = _a.horizontal; _a.formMode; var formHorizontal = _a.formHorizontal, data = _a.data, cx = _a.classnames;
+        var _a = this.props, body = _a.body, controls = _a.controls, className = _a.className; _a.style; _a.mode; var horizontal = _a.horizontal; _a.formMode; var formHorizontal = _a.formHorizontal, data = _a.data, cx = _a.classnames, isStatic = _a.static, disabled = _a.disabled;
+        var errorMode = this.getValidationConfig().errorMode;
         var inputs = Array.isArray(controls) ? controls : body;
         if (!Array.isArray(inputs)) {
             inputs = [];
@@ -68,7 +119,7 @@ var InputGroup = /** @class */ (function (_super) {
             (formHorizontal
                 ? makeHorizontalDeeper(formHorizontal, inputs.length)
                 : undefined);
-        return (React.createElement("div", { className: cx("InputGroup", className, {
+        return (React.createElement("div", { className: cx("InputGroup", "InputGroup-validation--".concat(errorMode), className, {
                 'is-focused': this.state.isFocused
             }) }, inputs.map(function (control, index) {
             var isAddOn = ~[
@@ -83,7 +134,14 @@ var InputGroup = /** @class */ (function (_super) {
                 formHorizontal: horizontalDeeper,
                 formMode: 'normal',
                 inputOnly: true,
+                inputGroupControl: {
+                    name: _this.props.name,
+                    path: _this.props.$path,
+                    schema: _this.props.$schema
+                },
                 key: index,
+                static: isStatic,
+                disabled: disabled,
                 onFocus: _this.handleFocus,
                 onBlur: _this.handleBlur
             });
@@ -92,6 +150,12 @@ var InputGroup = /** @class */ (function (_super) {
                     : 'InputGroup-addOn') }, dom)) : (dom);
         })));
     };
+    InputGroup.defaultProps = {
+        validationConfig: {
+            errorMode: 'full',
+            delimiter: '; '
+        }
+    };
     return InputGroup;
 }(React.Component));
 /** @class */ ((function (_super) {

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

@@ -249,6 +249,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         receiver: string;
         hideUploadButton: boolean;
         placeholder: string;
+        placeholderPlacement: string;
         joinValues: boolean;
         extractValue: boolean;
         delimiter: string;

package/esm/renderers/Form/InputImage.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.9.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __awaiter, __generator, __spreadArray, __decorate } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __spreadArray, __read, __decorate } from 'tslib';
 import React, { Suspense } from 'react';
 import { guid, isEmpty, dataMapping, prettyBytes, buildApi, createObject, qsparse, qsstringify, resolveEventData, filter, FormItem } from 'amis-core';
 import DropZone from 'react-dropzone';
@@ -528,7 +528,7 @@ var ImageControl = /** @class */ (function (_super) {
         if (this.reuploadIndex !== undefined) {
             finalFiles = currentFiles.concat();
             // 因为单个文件重新上传也能选择多个，都插到一起
-            finalFiles.splice.apply(finalFiles, __spreadArray([this.reuploadIndex, 1], inputFiles, false));
+            finalFiles.splice.apply(finalFiles, __spreadArray([this.reuploadIndex, 1], __read(inputFiles), false));
             this.reuploadIndex = undefined;
         }
         else {
@@ -620,7 +620,7 @@ var ImageControl = /** @class */ (function (_super) {
                         }
                         obj = __assign(__assign({}, ret.data), { state: 'uploaded' });
                         obj.value = obj.value || obj.url;
-                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: __assign(__assign({}, file), ret.data), value: obj.value }))];
+                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: file, result: ret.data, value: obj.value }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -818,7 +818,7 @@ var ImageControl = /** @class */ (function (_super) {
     };
     ImageControl.prototype.render = function () {
         var _this_1 = this;
-        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, placeholder = _a.placeholder, disabled = _a.disabled, multiple = _a.multiple, accept = _a.accept, maxLength = _a.maxLength, autoUpload = _a.autoUpload, hideUploadButton = _a.hideUploadButton, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio, reCropable = _a.reCropable, frameImage = _a.frameImage, fixedSize = _a.fixedSize, fixedSizeClassName = _a.fixedSizeClassName, __ = _a.translate;
+        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, placeholder = _a.placeholder, placeholderPlacement = _a.placeholderPlacement, disabled = _a.disabled, multiple = _a.multiple, accept = _a.accept, maxLength = _a.maxLength, autoUpload = _a.autoUpload, hideUploadButton = _a.hideUploadButton, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio, reCropable = _a.reCropable, frameImage = _a.frameImage, fixedSize = _a.fixedSize, fixedSizeClassName = _a.fixedSizeClassName, __ = _a.translate;
         var _b = this.state, files = _b.files, error = _b.error, crop = _b.crop, uploading = _b.uploading, cropFile = _b.cropFile, frameImageWidth = _b.frameImageWidth;
         var frameImageStyle = {};
         if (fixedSizeClassName && frameImageWidth && fixedSize) {
@@ -896,7 +896,7 @@ var ImageControl = /** @class */ (function (_super) {
                     (multiple && (!maxLength || files.length < maxLength)) ||
                         (!multiple && !files.length) ? (React.createElement("label", { className: cx('ImageControl-addBtn', {
                             'is-disabled': disabled
-                        }, fixedSize ? 'ImageControl-fixed-size' : '', fixedSize ? fixedSizeClassName : ''), style: frameImageStyle, onClick: _this_1.handleSelect, "data-tooltip": __(placeholder), "data-position": "right", ref: _this_1.frameImageRef },
+                        }, fixedSize ? 'ImageControl-fixed-size' : '', fixedSize ? fixedSizeClassName : ''), style: frameImageStyle, onClick: _this_1.handleSelect, "data-tooltip": __(placeholder), "data-position": placeholderPlacement, ref: _this_1.frameImageRef },
                         filterFrameImage ? (React.createElement(ThemedImageThumb, { key: "upload-default-image", src: filterFrameImage, className: cx(fixedSize ? 'Image-thumb--fixed-size' : ''), onLoad: _this_1.handleFrameImageLoaded.bind(_this_1), thumbMode: thumbMode, thumbRatio: thumbRatio })) : (React.createElement(React.Fragment, null,
                             React.createElement(Icon, { icon: "plus-fine", className: "icon" }),
                             React.createElement("span", { className: cx('ImageControl-addBtn-text') }, __('Image.upload')))),
@@ -911,6 +911,7 @@ var ImageControl = /** @class */ (function (_super) {
         receiver: '/api/upload',
         hideUploadButton: false,
         placeholder: 'Image.placeholder',
+        placeholderPlacement: 'top',
         joinValues: true,
         extractValue: false,
         delimiter: ',',

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
 /**
  * MonthRange 月范围控件

package/esm/renderers/Form/InputMonthRange.js

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

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

@@ -106,6 +106,10 @@ export interface NumberProps extends FormControlProps {
      * 是否是大数，如果是的话输入输出都将是字符串
      */
     big?: boolean;
+    /**
+     * 是否在清空内容时从数据域中删除该表单项对应的值
+     */
+    clearValueOnEmpty?: boolean;
 }
 interface NumberState {
     unit?: string;