amis 2.3.1 → 2.4.0

package/esm/renderers/Form/InputCity.js

@@ -1,13 +1,66 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __decorate, __metadata, __awaiter, __generator } from 'tslib';
 import React from 'react';
-import { autobind, themeable, localeable, createObject, isMobile, FormItem } from 'amis-core';
+import { autobind, themeable, localeable, resolveEventData, isMobile, FormItem } from 'amis-core';
 import { Select, Spinner, CityArea } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
+var getCityFromCode = function (_a) {
+    var _b;
+    var value = _a.value, db = _a.db, _c = _a.delimiter, delimiter = _c === void 0 ? ',' : _c;
+    var result = {
+        code: 0,
+        province: '',
+        provinceCode: 0,
+        city: '',
+        cityCode: 0,
+        district: '',
+        districtCode: 0,
+        street: ''
+    };
+    if (!db || !value) {
+        return result;
+    }
+    var code = (value && value.code) ||
+        (typeof value === 'number' && value) ||
+        (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
+    if (code && db[code]) {
+        code = parseInt(code, 10);
+        result.code = code;
+        var provinceCode = code - (code % 10000);
+        if (db[provinceCode]) {
+            result.provinceCode = provinceCode;
+            result.province = db[provinceCode];
+        }
+        var cityCode = code - (code % 100);
+        if (cityCode !== provinceCode && db[cityCode]) {
+            result.cityCode = cityCode;
+            result.city = db[cityCode];
+        }
+        else if (~((_b = db.city[provinceCode]) === null || _b === void 0 ? void 0 : _b.indexOf(code))) {
+            result.cityCode = code;
+            result.city = db[code];
+        }
+        if (code % 100) {
+            result.district = db[code];
+            result.districtCode = code;
+        }
+    }
+    if (value && value.street) {
+        result.street = value.street;
+    }
+    else if (typeof value === 'string' && ~value.indexOf(delimiter)) {
+        result.street = value.slice(value.indexOf(delimiter) + delimiter.length);
+    }
+    return result;
+};
+var loadDb = function (callback) {
+    import('amis-ui/lib/components/CityDB').then(callback);
+};
 var CityPicker = /** @class */ (function (_super) {
     __extends(CityPicker, _super);
     function CityPicker() {
@@ -41,7 +94,7 @@ var CityPicker = /** @class */ (function (_super) {
             callback === null || callback === void 0 ? void 0 : callback();
             return;
         }
-        import('amis-ui/lib/components/CityDB').then(function (db) {
+        loadDb(function (db) {
             _this.setState({
                 db: __assign(__assign({}, db.default), { province: db.province, city: db.city, district: db.district })
             }, callback);
@@ -121,55 +174,17 @@ var CityPicker = /** @class */ (function (_super) {
         this.syncOut();
     };
     CityPicker.prototype.syncIn = function (props) {
-        var _a;
         if (props === void 0) { props = this.props; }
         var db = this.state.db;
         var value = props.value, delimiter = props.delimiter;
         if (!db) {
             return;
         }
-        var state = {
-            code: 0,
-            province: '',
-            provinceCode: 0,
-            city: '',
-            cityCode: 0,
-            district: '',
-            districtCode: 0,
-            street: ''
-        };
-        var code = (value && value.code) ||
-            (typeof value === 'number' && value) ||
-            (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
-        if (code && db[code]) {
-            code = parseInt(code, 10);
-            state.code = code;
-            var provinceCode = code - (code % 10000);
-            if (db[provinceCode]) {
-                state.provinceCode = provinceCode;
-                state.province = db[provinceCode];
-            }
-            var cityCode = code - (code % 100);
-            if (cityCode !== provinceCode && db[cityCode]) {
-                state.cityCode = cityCode;
-                state.city = db[cityCode];
-            }
-            else if (~((_a = db.city[provinceCode]) === null || _a === void 0 ? void 0 : _a.indexOf(code))) {
-                state.cityCode = code;
-                state.city = db[code];
-            }
-            if (code % 100) {
-                state.district = db[code];
-                state.districtCode = code;
-            }
-        }
-        if (value && value.street) {
-            state.street = value.street;
-        }
-        else if (typeof value === 'string' && ~value.indexOf(delimiter)) {
-            state.street = value.slice(value.indexOf(delimiter) + delimiter.length);
-        }
-        this.setState(state);
+        this.setState(getCityFromCode({
+            value: value,
+            delimiter: delimiter,
+            db: db
+        }));
     };
     CityPicker.prototype.syncOut = function () {
         var _a = this.props, onChange = _a.onChange, allowStreet = _a.allowStreet, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter;
@@ -278,7 +293,11 @@ var ThemedCity = themeable(localeable(CityPicker));
 var LocationControl = /** @class */ (function (_super) {
     __extends(LocationControl, _super);
     function LocationControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            db: null
+        };
+        return _this;
     }
     LocationControl.prototype.doAction = function (action, data, throwErrors) {
         var _a = this.props, resetValue = _a.resetValue, onChange = _a.onChange;
@@ -292,14 +311,12 @@ var LocationControl = /** @class */ (function (_super) {
     };
     LocationControl.prototype.handleChange = function (value) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data, onChange, rendererEvent;
+            var _a, dispatchEvent, onChange, rendererEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, onChange = _a.onChange;
-                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
-                                value: value
-                            }))];
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, onChange = _a.onChange;
+                        return [4 /*yield*/, dispatchEvent('change', resolveEventData(this.props, { value: value }, 'value'))];
                     case 1:
                         rendererEvent = _b.sent();
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
@@ -311,6 +328,30 @@ var LocationControl = /** @class */ (function (_super) {
             });
         });
     };
+    LocationControl.prototype.renderStatic = function (displayValue) {
+        var _this = this;
+        if (displayValue === void 0) { displayValue = ''; }
+        var _a = this.props, value = _a.value, delimiter = _a.delimiter;
+        if (!this.state.db) {
+            loadDb(function (db) {
+                _this.setState({
+                    db: __assign(__assign({}, db.default), { province: db.province, city: db.city, district: db.district })
+                });
+            });
+            return React.createElement(Spinner, { size: 'sm' });
+        }
+        if (!value) {
+            return React.createElement(React.Fragment, null, displayValue);
+        }
+        var _b = getCityFromCode({
+            value: value,
+            delimiter: delimiter,
+            db: this.state.db
+        }), province = _b.province, city = _b.city, district = _b.district, street = _b.street;
+        return (React.createElement(React.Fragment, null, [province, city, district, street]
+            .filter(function (v) { return !!v; })
+            .join(delimiter)));
+    };
     LocationControl.prototype.render = function () {
         var _a = this.props, value = _a.value, allowCity = _a.allowCity, allowDistrict = _a.allowDistrict, extractValue = _a.extractValue, joinValues = _a.joinValues, allowStreet = _a.allowStreet, disabled = _a.disabled, searchable = _a.searchable, env = _a.env, useMobileUI = _a.useMobileUI;
         var mobileUI = useMobileUI && isMobile();
@@ -328,6 +369,12 @@ var LocationControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], LocationControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], LocationControl.prototype, "render", null);
     return LocationControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputColor.js

@@ -1,12 +1,13 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __rest, __assign, __decorate } from 'tslib';
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React, { Suspense } from 'react';
 import cx from 'classnames';
 import { isMobile, FormItem } from 'amis-core';
+import { supportStatic } from './StaticHoc.js';
 
 // todo amis-ui 里面组件直接改成按需加载
 var ColorPicker = React.lazy(function () { return import('amis-ui/lib/components/ColorPicker'); });
@@ -20,7 +21,7 @@ var ColorControl = /** @class */ (function (_super) {
         return _this;
     }
     ColorControl.prototype.render = function () {
-        var _a = this.props, className = _a.className, ns = _a.classPrefix, value = _a.value, env = _a.env, useMobileUI = _a.useMobileUI, rest = __rest(_a, ["className", "classPrefix", "value", "env", "useMobileUI"]);
+        var _a = this.props, className = _a.className, ns = _a.classPrefix, value = _a.value, env = _a.env; _a.static; var useMobileUI = _a.useMobileUI, rest = __rest(_a, ["className", "classPrefix", "value", "env", "static", "useMobileUI"]);
         var mobileUI = useMobileUI && isMobile();
         return (React.createElement("div", { className: cx("".concat(ns, "ColorControl"), className) },
             React.createElement(Suspense, { fallback: React.createElement("div", null, "...") },
@@ -34,6 +35,12 @@ var ColorControl = /** @class */ (function (_super) {
         format: 'hex',
         clearable: true
     };
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ColorControl.prototype, "render", null);
     return ColorControl;
 }(React.PureComponent));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputDate.js

@@ -1,14 +1,15 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { filterDate, resolveVariableAndFilter, anyChanged, isPureVariable, createObject, isMobile, autobind, FormItem } from 'amis-core';
+import { filterDate, resolveVariableAndFilter, anyChanged, isPureVariable, createObject, resolveEventData, isMobile, autobind, FormItem } from 'amis-core';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 import { DatePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var DateControl = /** @class */ (function (_super) {
     __extends(DateControl, _super);
@@ -99,8 +100,8 @@ var DateControl = /** @class */ (function (_super) {
     };
     // 派发有event的事件
     DateControl.prototype.dispatchEvent = function (e) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, value = _a.value;
-        dispatchEvent(e, createObject(data, { value: value }));
+        var _a = this.props, dispatchEvent = _a.dispatchEvent, value = _a.value;
+        dispatchEvent(e, resolveEventData(this.props, { value: value }, 'value'));
     };
     // 动作
     DateControl.prototype.doAction = function (action, data, throwErrors) {
@@ -117,10 +118,10 @@ var DateControl = /** @class */ (function (_super) {
     // 值的变化
     DateControl.prototype.handleChange = function (nextValue) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data, dispatcher;
-            return __generator(this, function (_b) {
-                _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-                dispatcher = dispatchEvent('change', createObject(data, { value: nextValue }));
+            var dispatchEvent, dispatcher;
+            return __generator(this, function (_a) {
+                dispatchEvent = this.props.dispatchEvent;
+                dispatcher = dispatchEvent('change', resolveEventData(this.props, { value: nextValue }, 'value'));
                 if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
                     return [2 /*return*/];
                 }
@@ -174,6 +175,12 @@ var DateControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], DateControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], DateControl.prototype, "render", null);
     return DateControl;
 }(React.PureComponent));
 var DateControlRenderer = /** @class */ (function (_super) {

package/esm/renderers/Form/InputDateRange.js

@@ -1,14 +1,15 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { filterDate, createObject, isMobile, parseDuration, autobind, FormItem } from 'amis-core';
+import { filterDate, resolveEventData, isMobile, parseDuration, autobind, FormItem } from 'amis-core';
 import cx from 'classnames';
 import 'moment/locale/zh-cn';
 import { DateRangePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var DateRangeControl = /** @class */ (function (_super) {
     __extends(DateRangeControl, _super);
@@ -48,10 +49,8 @@ var DateRangeControl = /** @class */ (function (_super) {
     };
     // 派发有event的事件
     DateRangeControl.prototype.dispatchEvent = function (eventName) {
-        var _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, value = _a.value;
-        dispatchEvent(eventName, createObject(data, {
-            value: value
-        }));
+        var _a = this.props, dispatchEvent = _a.dispatchEvent; _a.data; var value = _a.value;
+        dispatchEvent(eventName, resolveEventData(this.props, { value: value }, 'value'));
     };
     // 动作
     DateRangeControl.prototype.doAction = function (action, data, throwErrors) {
@@ -68,10 +67,10 @@ var DateRangeControl = /** @class */ (function (_super) {
     // 值的变化
     DateRangeControl.prototype.handleChange = function (nextValue) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data, dispatcher;
+            var _a, dispatchEvent, dispatcher;
             return __generator(this, function (_b) {
-                _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-                dispatcher = dispatchEvent('change', createObject(data, { value: nextValue }));
+                _a = this.props, dispatchEvent = _a.dispatchEvent, _a.data;
+                dispatcher = dispatchEvent('change', resolveEventData(this.props, { value: nextValue }, 'value'));
                 if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
                     return [2 /*return*/];
                 }
@@ -120,6 +119,12 @@ var DateRangeControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], DateRangeControl.prototype, "handleChange", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], DateRangeControl.prototype, "render", null);
     return DateRangeControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/renderers/Form/InputExcel.js

@@ -1,12 +1,12 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import DropZone from 'react-dropzone';
-import { createObject, isObject, autobind, FormItem } from 'amis-core';
+import { resolveEventData, isObject, autobind, FormItem } from 'amis-core';
 
 var ExcelControl = /** @class */ (function (_super) {
     __extends(ExcelControl, _super);
@@ -24,7 +24,7 @@ var ExcelControl = /** @class */ (function (_super) {
     };
     ExcelControl.prototype.handleDrop = function (files) {
         var _this = this;
-        var _a = this.props, allSheets = _a.allSheets, onChange = _a.onChange; _a.dispatchEvent; _a.data;
+        var _a = this.props, allSheets = _a.allSheets, onChange = _a.onChange; _a.dispatchEvent;
         var excel = files[0];
         var reader = new FileReader();
         reader.readAsArrayBuffer(excel);
@@ -75,14 +75,12 @@ var ExcelControl = /** @class */ (function (_super) {
     };
     ExcelControl.prototype.dispatchEvent = function (eventName, eventData) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, dispatchEvent, data;
+            var _a, dispatchEvent;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
-                        return [4 /*yield*/, dispatchEvent(eventName, createObject(data, {
-                                value: eventData
-                            }))];
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, _a.data;
+                        return [4 /*yield*/, dispatchEvent(eventName, resolveEventData(this.props, { value: eventData }, 'value'))];
                     case 1: return [2 /*return*/, _b.sent()];
                 }
             });

package/esm/renderers/Form/InputFile.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __decorate } from 'tslib';
 import React from 'react';
-import { guid, createObject, normalizeApi, buildApi, isEmpty, dataMapping, qsstringify, prettyBytes, FormItem, isEffectiveApi, isApiOutdated, isApiOutdatedWithData } from 'amis-core';
+import { guid, createObject, normalizeApi, buildApi, isEmpty, dataMapping, qsstringify, resolveEventData, prettyBytes, FormItem, isEffectiveApi, isApiOutdated, isApiOutdatedWithData } from 'amis-core';
 import find from 'lodash/find';
 import isPlainObject from 'lodash/isPlainObject';
 import { Icon, Button, TooltipWrapper } from 'amis-ui';
@@ -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), { value: value, state: 'uploaded' }))];
+                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: file, value: value }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -416,7 +416,10 @@ var FileControl = /** @class */ (function (_super) {
             var dispatcher;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.dispatchEvent('fail', { file: file, error: error })];
+                    case 0: return [4 /*yield*/, this.dispatchEvent('fail', {
+                            item: file,
+                            error: error
+                        })];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -436,7 +439,7 @@ var FileControl = /** @class */ (function (_super) {
                     case 0:
                         files = this.state.files.concat();
                         removeFile = files[index];
-                        return [4 /*yield*/, this.dispatchEvent('remove', removeFile)];
+                        return [4 /*yield*/, this.dispatchEvent('remove', __assign(__assign({}, removeFile), { item: removeFile }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -776,9 +779,9 @@ var FileControl = /** @class */ (function (_super) {
     };
     FileControl.prototype.dispatchEvent = function (e, data) {
         return __awaiter(this, void 0, void 0, function () {
-            var dispatchEvent, getEventData, value;
-            return __generator(this, function (_a) {
-                dispatchEvent = this.props.dispatchEvent;
+            var _a, dispatchEvent, multiple, getEventData, value;
+            return __generator(this, function (_b) {
+                _a = this.props, dispatchEvent = _a.dispatchEvent, multiple = _a.multiple;
                 getEventData = function (item) { return ({
                     name: item.path || item.name,
                     value: item.value,
@@ -788,9 +791,7 @@ var FileControl = /** @class */ (function (_super) {
                 value = data
                     ? getEventData(data)
                     : this.state.files.map(function (item) { return getEventData(item); });
-                return [2 /*return*/, dispatchEvent(e, createObject(this.props.data, {
-                        file: value
-                    }))];
+                return [2 /*return*/, dispatchEvent(e, resolveEventData(this.props, __assign(__assign({}, data), { file: multiple ? value : value === null || value === void 0 ? void 0 : value[0] }), 'file'))];
             });
         });
     };

package/esm/renderers/Form/InputFormula.js

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

package/esm/renderers/Form/InputGroup.js

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

package/esm/renderers/Form/InputImage.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __assign, __awaiter, __generator, __spreadArray, __decorate } from 'tslib';
 import React, { Suspense } from 'react';
-import { guid, isEmpty, dataMapping, prettyBytes, buildApi, createObject, qsparse, qsstringify, filter, FormItem } from 'amis-core';
+import { guid, isEmpty, dataMapping, prettyBytes, buildApi, createObject, qsparse, qsstringify, resolveEventData, filter, FormItem } from 'amis-core';
 import DropZone from 'react-dropzone';
 import 'blueimp-canvastoblob';
 import find from 'lodash/find';
@@ -297,7 +297,7 @@ var ImageControl = /** @class */ (function (_super) {
                 switch (_a.label) {
                     case 0:
                         files = this.files.concat();
-                        return [4 /*yield*/, this.dispatchEvent('remove', file)];
+                        return [4 /*yield*/, this.dispatchEvent('remove', __assign(__assign({}, file), { item: file }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -587,7 +587,10 @@ var ImageControl = /** @class */ (function (_super) {
                         }
                         if (!error) return [3 /*break*/, 2];
                         file.state = 'invalid';
-                        return [4 /*yield*/, this.dispatchEvent('fail', { file: file, error: error })];
+                        return [4 /*yield*/, this.dispatchEvent('fail', {
+                                item: file,
+                                error: error
+                            })];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -618,7 +621,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), { value: obj.value, state: 'uploaded' }))];
+                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: file, value: obj.value }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -634,7 +637,7 @@ var ImageControl = /** @class */ (function (_super) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, this.dispatchEvent('fail', {
-                            file: file,
+                            item: file,
                             error: error
                         })];
                     case 1:
@@ -781,9 +784,9 @@ var ImageControl = /** @class */ (function (_super) {
     };
     ImageControl.prototype.dispatchEvent = function (e, data) {
         return __awaiter(this, void 0, void 0, function () {
-            var dispatchEvent, getEventData, value;
-            return __generator(this, function (_a) {
-                dispatchEvent = this.props.dispatchEvent;
+            var _a, dispatchEvent, multiple, getEventData, value;
+            return __generator(this, function (_b) {
+                _a = this.props, dispatchEvent = _a.dispatchEvent, multiple = _a.multiple;
                 getEventData = function (item) { return ({
                     name: item.path || item.name,
                     value: item.value,
@@ -793,7 +796,7 @@ var ImageControl = /** @class */ (function (_super) {
                 value = data
                     ? getEventData(data)
                     : this.files.map(function (item) { return getEventData(item); });
-                return [2 /*return*/, dispatchEvent(e, createObject(this.props.data, { file: value }))];
+                return [2 /*return*/, dispatchEvent(e, resolveEventData(this.props, __assign(__assign({}, data), { file: multiple ? value : value === null || value === void 0 ? void 0 : value[0] }), 'file'))];
             });
         });
     };

package/esm/renderers/Form/InputMonthRange.js

@@ -1,14 +1,15 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __rest, __assign, __decorate } from 'tslib';
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { filterDate, parseDuration, FormItem } from 'amis-core';
 import cx from 'classnames';
 import DateRangeControl from './InputDateRange.js';
 import { DateRangePicker } from 'amis-ui';
+import { supportStatic } from './StaticHoc.js';
 
 var MonthRangeControl = /** @class */ (function (_super) {
     __extends(MonthRangeControl, _super);
@@ -20,6 +21,12 @@ var MonthRangeControl = /** @class */ (function (_super) {
         return (React.createElement("div", { className: cx("".concat(ns, "DateRangeControl"), className) },
             React.createElement(DateRangePicker, __assign({ viewMode: "months", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? filterDate(minDate, data, format) : undefined, maxDate: maxDate ? filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? parseDuration(minDuration) : undefined, maxDuration: maxDuration ? parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
     };
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], MonthRangeControl.prototype, "render", null);
     return MonthRangeControl;
 }(DateRangeControl));
 /** @class */ ((function (_super) {

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

@@ -70,6 +70,9 @@ export interface NumberProps extends FormControlProps {
     max?: number | string;
     min?: number | string;
     step?: number;
+    /**
+     *  精度
+     */
     precision?: number;
     /**
      * 边框模式，全边框，还是半边框，或者没边框。
@@ -122,11 +125,13 @@ 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;
     handleChangeUnit(option: Option): void;
     componentDidUpdate(prevProps: NumberProps): void;
     inputRef(ref: any): void;
     focus(): void;
+    renderStatic(displayValue?: string): JSX.Element;
     render(): JSX.Element;
 }
 export declare class NumberControlRenderer extends NumberControl {