amis 2.5.3-beta.0 → 2.5.3-beta.3

package/esm/renderers/Form/InputCity.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -211,7 +211,7 @@ var CityPicker = /** @class */ (function (_super) {
     };
     CityPicker.prototype.render = function () {
         var _a, _b;
-        var _c = this.props, cx = _c.classnames, className = _c.className; _c.style; var disabled = _c.disabled, allowCity = _c.allowCity, allowDistrict = _c.allowDistrict, allowStreet = _c.allowStreet, searchable = _c.searchable, __ = _c.translate;
+        var _c = this.props, cx = _c.classnames, className = _c.className; _c.style; var disabled = _c.disabled, allowCity = _c.allowCity, allowDistrict = _c.allowDistrict, allowStreet = _c.allowStreet, searchable = _c.searchable, __ = _c.translate, loadingConfig = _c.loadingConfig;
         var _d = this.state, provinceCode = _d.provinceCode, cityCode = _d.cityCode, districtCode = _d.districtCode, street = _d.street, db = _d.db;
         return db ? (React.createElement("div", { className: cx('CityPicker', className) },
             React.createElement(Select, { searchable: searchable, disabled: disabled, options: db.province.map(function (item) { return ({
@@ -228,7 +228,7 @@ var CityPicker = /** @class */ (function (_super) {
                     label: db[item],
                     value: item
                 }); }), value: districtCode || '', onChange: this.handleDistrictChange })) : null,
-            allowStreet && provinceCode ? (React.createElement("input", { className: cx('CityPicker-input'), value: street || '', onChange: this.handleStreetChange, onBlur: this.handleStreetEnd, placeholder: __('City.street'), disabled: disabled })) : null)) : (React.createElement(Spinner, { show: true, size: "sm" }));
+            allowStreet && provinceCode ? (React.createElement("input", { className: cx('CityPicker-input'), value: street || '', onChange: this.handleStreetChange, onBlur: this.handleStreetEnd, placeholder: __('City.street'), disabled: disabled })) : null)) : (React.createElement(Spinner, { show: true, size: "sm", loadingConfig: loadingConfig }));
     };
     CityPicker.defaultProps = {
         joinValues: true,
@@ -324,14 +324,14 @@ 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;
+        var _a = this.props, value = _a.value, delimiter = _a.delimiter, loadingConfig = _a.loadingConfig;
         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' });
+            return React.createElement(Spinner, { size: "sm", show: true, loadingConfig: loadingConfig });
         }
         if (!value) {
             return React.createElement(React.Fragment, null, displayValue);
@@ -341,9 +341,7 @@ var LocationControl = /** @class */ (function (_super) {
             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)));
+        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;

package/esm/renderers/Form/InputColor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputDate.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputDateRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

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

@@ -14,19 +14,25 @@ export interface InputExcelControlSchema extends FormBaseControlSchema {
     /**
      * 是否解析所有 sheet，默认情况下只解析第一个
      */
-    allSheets: boolean;
+    allSheets?: boolean;
     /**
      * 解析模式，array 是解析成二维数组，object 是将第一列作为字段名，解析为对象数组
      */
-    parseMode: 'array' | 'object';
+    parseMode?: 'array' | 'object';
     /**
      * 是否包含空内容，主要用于二维数组模式
      */
-    includeEmpty: boolean;
+    includeEmpty?: boolean;
     /**
      * 纯文本模式
      */
-    plainText: boolean;
+    plainText?: boolean;
+    /**
+     * 解析图片
+     */
+    parseImage?: boolean;
+    /** 图片解析结果使用 data URI 格式 */
+    imageDataURI?: boolean;
 }
 export interface ExcelProps extends FormControlProps, Omit<InputExcelControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
 }
@@ -41,6 +47,10 @@ export default class ExcelControl extends React.PureComponent<ExcelProps, ExcelC
     ExcelJS: any;
     componentDidUpdate(prevProps: ExcelProps): void;
     handleDrop(files: File[]): void;
+    /** 读取工作表里的图片 */
+    readImages(worksheet: any, workbook: any): string[];
+    /** 将 buffer 转成 base64 */
+    encodeBase64Bytes(bytes: Uint8Array): string;
     dispatchEvent(eventName: string, eventData?: Record<string, any>): Promise<any>;
     /**
      * 检查当前单元格数据是否为富文本

package/esm/renderers/Form/InputExcel.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -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;
+        var _a = this.props, allSheets = _a.allSheets, onChange = _a.onChange, parseImage = _a.parseImage;
         var excel = files[0];
         var reader = new FileReader();
         reader.readAsArrayBuffer(excel);
@@ -33,7 +33,7 @@ var ExcelControl = /** @class */ (function (_super) {
             return __generator(this, function (_a) {
                 if (reader.result) {
                     import('exceljs').then(function (ExcelJS) { return __awaiter(_this, void 0, void 0, function () {
-                        var workbook, sheetsResult, worksheet, dispatcher;
+                        var workbook, sheetsResult, worksheet, images, dispatcher;
                         var _this = this;
                         return __generator(this, function (_a) {
                             switch (_a.label) {
@@ -46,15 +46,33 @@ var ExcelControl = /** @class */ (function (_super) {
                                     sheetsResult = [];
                                     if (allSheets) {
                                         workbook.eachSheet(function (worksheet) {
-                                            sheetsResult.push({
-                                                sheetName: worksheet.name,
-                                                data: _this.readWorksheet(worksheet)
-                                            });
+                                            if (parseImage) {
+                                                sheetsResult.push({
+                                                    sheetName: worksheet.name,
+                                                    data: _this.readWorksheet(worksheet),
+                                                    images: _this.readImages(worksheet, workbook)
+                                                });
+                                            }
+                                            else {
+                                                sheetsResult.push({
+                                                    sheetName: worksheet.name,
+                                                    data: _this.readWorksheet(worksheet)
+                                                });
+                                            }
                                         });
                                     }
                                     else {
                                         worksheet = workbook.worksheets[0];
-                                        sheetsResult = this.readWorksheet(worksheet);
+                                        if (parseImage) {
+                                            images = this.readImages(worksheet, workbook);
+                                            sheetsResult = {
+                                                data: this.readWorksheet(worksheet),
+                                                images: images
+                                            };
+                                        }
+                                        else {
+                                            sheetsResult = this.readWorksheet(worksheet);
+                                        }
                                     }
                                     return [4 /*yield*/, this.dispatchEvent('change', sheetsResult)];
                                 case 2:
@@ -73,6 +91,29 @@ var ExcelControl = /** @class */ (function (_super) {
             });
         }); };
     };
+    /** 读取工作表里的图片 */
+    ExcelControl.prototype.readImages = function (worksheet, workbook) {
+        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);
+            }
+            else {
+                imgResult.push(imgBase64);
+            }
+        }
+        return imgResult;
+    };
+    /** 将 buffer 转成 base64 */
+    ExcelControl.prototype.encodeBase64Bytes = function (bytes) {
+        return btoa(bytes.reduce(function (acc, current) { return acc + String.fromCharCode(current); }, ''));
+    };
     ExcelControl.prototype.dispatchEvent = function (eventName, eventData) {
         return __awaiter(this, void 0, void 0, function () {
             var _a, dispatchEvent;
@@ -229,7 +270,9 @@ var ExcelControl = /** @class */ (function (_super) {
         allSheets: false,
         parseMode: 'object',
         includeEmpty: true,
-        plainText: true
+        plainText: true,
+        parseImage: false,
+        imageDataURI: true
     };
     __decorate([
         autobind,

package/esm/renderers/Form/InputFile.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 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: file, value: value }))];
+                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: __assign(__assign({}, file), ret.data), value: value }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {

package/esm/renderers/Form/InputFormula.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

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

@@ -298,7 +298,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
     removeFile(file: FileValue, index: number): Promise<void>;
     previewImage(file: FileX, index: number, e: React.MouseEvent<any>): void;
     editImage(index: number): void;
-    onChange(changeImmediately?: boolean, changeEvent?: boolean): Promise<void>;
+    onChange(changeImmediately?: boolean, changeEvent?: boolean, initAutoFill?: boolean): Promise<void>;
     syncAutoFill(): void;
     handleSelect(): void;
     handleRetry(index: number): void;

package/esm/renderers/Form/InputImage.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -23,7 +23,9 @@ var preventEvent = function (e) { return e.stopPropagation(); };
 var ImageControl = /** @class */ (function (_super) {
     __extends(ImageControl, _super);
     function ImageControl(props) {
-        var _this_1 = _super.call(this, props) || this;
+        var _this_1 = this;
+        var _a;
+        _this_1 = _super.call(this, props) || this;
         _this_1.state = {
             uploading: false,
             locked: false,
@@ -42,7 +44,7 @@ var ImageControl = /** @class */ (function (_super) {
         var joinValues = props.joinValues;
         var delimiter = props.delimiter;
         var files = [];
-        _this_1.initAutoFill = !!props.initAutoFill;
+        _this_1.initAutoFill = !!((_a = props.initAutoFill) !== null && _a !== void 0 ? _a : true);
         if (value) {
             // files = (multiple && Array.isArray(value) ? value : joinValues ? (value as string).split(delimiter) : [value])
             files = (Array.isArray(value)
@@ -135,11 +137,7 @@ var ImageControl = /** @class */ (function (_super) {
             }
             this.setState({
                 files: (this.files = files)
-            }, this.syncAutoFill);
-        }
-        else if (prevProps.value !== props.value && !this.initAutoFill) {
-            this.initAutoFill = true;
-            this.syncAutoFill();
+            }, this.initAutoFill ? this.syncAutoFill : function () { });
         }
         if (prevProps.crop !== props.crop) {
             this.setState({
@@ -345,14 +343,15 @@ var ImageControl = /** @class */ (function (_super) {
             cropFileName: files[index].name
         });
     };
-    ImageControl.prototype.onChange = function (changeImmediately, changeEvent) {
+    ImageControl.prototype.onChange = function (changeImmediately, changeEvent, initAutoFill) {
         if (changeEvent === void 0) { changeEvent = true; }
         return __awaiter(this, void 0, void 0, function () {
-            var _a, multiple, onChange, joinValues, extractValue, delimiter, valueField, files, newValue, dispatcher;
+            var _a, multiple, onChange, joinValues, extractValue, delimiter, valueField, curInitAutoFill, files, newValue, dispatcher;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         _a = this.props, multiple = _a.multiple, onChange = _a.onChange, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, valueField = _a.valueField;
+                        curInitAutoFill = initAutoFill !== null && initAutoFill !== void 0 ? initAutoFill : true;
                         files = this.files.filter(function (file) { return file.state == 'uploaded' || file.state == 'init'; });
                         newValue = files.length
                             ? joinValues
@@ -383,7 +382,7 @@ var ImageControl = /** @class */ (function (_super) {
                         _b.label = 2;
                     case 2:
                         onChange((this.emitValue = newValue || ''), undefined, changeImmediately);
-                        this.syncAutoFill();
+                        curInitAutoFill && this.syncAutoFill();
                         return [2 /*return*/];
                 }
             });
@@ -621,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: file, value: obj.value }))];
+                        return [4 /*yield*/, this.dispatchEvent('success', __assign(__assign({}, file), { item: __assign(__assign({}, file), ret.data), value: obj.value }))];
                     case 1:
                         dispatcher = _a.sent();
                         if (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented) {
@@ -741,7 +740,11 @@ var ImageControl = /** @class */ (function (_super) {
             _this_1.unmounted ||
                 _this_1.setState({
                     files: (_this_1.files = files)
-                }, !needUploading ? _this_1.onChange : undefined);
+                }, function () {
+                    if (!needUploading) {
+                        _this_1.onChange(false, true, _this_1.initAutoFill);
+                    }
+                });
         };
         img.src = imgDom.src;
     };

package/esm/renderers/Form/InputMonthRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

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

@@ -131,7 +131,7 @@ export default class NumberControl extends React.Component<NumberProps, NumberSt
     componentDidUpdate(prevProps: NumberProps): void;
     inputRef(ref: any): void;
     focus(): void;
-    renderStatic(displayValue?: string): JSX.Element;
+    renderStatic(displayValue?: string): string | JSX.Element;
     render(): JSX.Element;
 }
 export declare class NumberControlRenderer extends NumberControl {

package/esm/renderers/Form/InputNumber.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -11,6 +11,7 @@ import cx from 'classnames';
 import { NumberInput, Select } from 'amis-ui';
 import { supportStatic } from './StaticHoc.js';
 
+var numberFormatter = new Intl.NumberFormat();
 var NumberControl = /** @class */ (function (_super) {
     __extends(NumberControl, _super);
     function NumberControl(props) {
@@ -167,12 +168,24 @@ var NumberControl = /** @class */ (function (_super) {
         this.input.focus();
     };
     NumberControl.prototype.renderStatic = function (displayValue) {
+        var _a;
         if (displayValue === void 0) { displayValue = '-'; }
-        var _a = this.props, unit = _a.unit, value = _a.value;
+        var _b = this.props, value = _b.value, kilobitSeparator = _b.kilobitSeparator, prefix = _b.prefix, suffix = _b.suffix;
+        if (value == null) {
+            return displayValue;
+        }
+        var unit = ((_a = this.state) === null || _a === void 0 ? void 0 : _a.unit) || '';
+        // 处理单位
         var finalValue = unit && value && typeof value === 'string'
             ? value.replace(unit, '')
             : value;
-        return React.createElement(React.Fragment, null, finalValue || displayValue);
+        // 增加千分分隔
+        if (kilobitSeparator && finalValue) {
+            finalValue = numberFormatter.format(finalValue);
+        }
+        // 增加前后缀
+        finalValue = (prefix ? prefix : '') + finalValue + (suffix ? suffix : '');
+        return React.createElement(React.Fragment, null, finalValue + unit);
     };
     NumberControl.prototype.render = function () {
         var _a;
@@ -185,7 +198,7 @@ var NumberControl = /** @class */ (function (_super) {
         var formatter = function (value) {
             // 增加千分分隔
             if (kilobitSeparator && value) {
-                value = (value + '').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+                value = numberFormatter.format(value);
             }
             return (prefix ? prefix : '') + value + (suffix ? suffix : '');
         };

package/esm/renderers/Form/InputQuarterRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputRating.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputRepeat.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputRichText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputSubForm.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { OptionsControlProps, Option } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import { ActionObject } from 'amis-core';
 import { FormOptionsSchema } from '../../Schema';
 import { TooltipWrapperSchema } from '../TooltipWrapper';
@@ -43,7 +44,7 @@ export interface TagControlSchema extends FormOptionsSchema {
     separator?: string;
 }
 export type InputTagValidationType = 'max' | 'maxLength';
-export interface TagProps extends OptionsControlProps {
+export interface TagProps extends OptionsControlProps, SpinnerExtraProps {
     placeholder?: string;
     clearable: boolean;
     resetValue?: any;

package/esm/renderers/Form/InputTag.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -317,7 +317,7 @@ var TagControl = /** @class */ (function (_super) {
     };
     TagControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, disabled = _a.disabled, placeholder = _a.placeholder, name = _a.name, clearable = _a.clearable, selectedOptions = _a.selectedOptions, loading = _a.loading, popOverContainer = _a.popOverContainer, dropdown = _a.dropdown, options = _a.options, optionsTip = _a.optionsTip, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, __ = _a.translate;
+        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, disabled = _a.disabled, placeholder = _a.placeholder, name = _a.name, clearable = _a.clearable, selectedOptions = _a.selectedOptions, loading = _a.loading, popOverContainer = _a.popOverContainer, dropdown = _a.dropdown, options = _a.options, optionsTip = _a.optionsTip, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, __ = _a.translate, loadingConfig = _a.loadingConfig;
         var finnalOptions = Array.isArray(options)
             ? filterTree(options, function (item) {
                 return (Array.isArray(item.children) && !!item.children.length) ||
@@ -337,7 +337,7 @@ var TagControl = /** @class */ (function (_super) {
                     onFocus: _this.handleFocus,
                     onBlur: _this.handleBlur,
                     disabled: disabled
-                }), { inputPlaceholder: '', onChange: _this.handleInputChange, className: cx('TagControl-input'), result: selectedOptions, onResultChange: _this.handleChange, itemRender: _this.renderItem, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, allowInput: true }), loading ? React.createElement(Spinner, { size: "sm" }) : undefined),
+                }), { inputPlaceholder: '', onChange: _this.handleInputChange, className: cx('TagControl-input'), result: selectedOptions, onResultChange: _this.handleChange, itemRender: _this.renderItem, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, allowInput: true }), loading ? (React.createElement(Spinner, { loadingConfig: loadingConfig, size: "sm" })) : undefined),
                 dropdown !== false ? (React.createElement(Overlay, { container: popOverContainer || _this.getParent, target: _this.getTarget, placement: 'auto', show: isOpen && !!finnalOptions.length },
                     React.createElement(PopOver, { overlay: true, className: cx('TagControl-popover'), onHide: _this.close },
                         React.createElement(ListMenu, { options: finnalOptions, itemRender: _this.renderItem, highlightIndex: highlightedIndex, getItemProps: function (_a) {

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { OptionsControlProps } from 'amis-core';
 import { ActionObject } from 'amis-core';
 import { StateChangeOptions } from 'downshift';
+import { SpinnerExtraProps } from 'amis-ui';
 import { ActionSchema } from '../Action';
 import { FormOptionsSchema, SchemaApi } from '../../Schema';
 import type { Option } from 'amis-core';
@@ -68,7 +69,7 @@ export interface TextControlSchema extends FormOptionsSchema {
     clearValueOnEmpty?: boolean;
 }
 export type InputTextRendererEvent = 'blur' | 'focus' | 'click' | 'change' | 'enter';
-export interface TextProps extends OptionsControlProps {
+export interface TextProps extends OptionsControlProps, SpinnerExtraProps {
     placeholder?: string;
     addOn?: ActionObject & {
         position?: 'left' | 'right';

package/esm/renderers/Form/InputText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -445,7 +445,7 @@ var TextControl = /** @class */ (function (_super) {
     TextControl.prototype.renderSugestMode = function () {
         var _this = this;
         var _a;
-        var _b = this.props, className = _b.className; _b.style; var inputControlClassName = _b.inputControlClassName, nativeInputClassName = _b.nativeInputClassName, inputOnly = _b.inputOnly, value = _b.value, placeholder = _b.placeholder, cx = _b.classnames, disabled = _b.disabled, readOnly = _b.readOnly, name = _b.name, loading = _b.loading, clearable = _b.clearable, options = _b.options, selectedOptions = _b.selectedOptions, autoComplete = _b.autoComplete, labelField = _b.labelField, valueField = _b.valueField, multiple = _b.multiple, creatable = _b.creatable, borderMode = _b.borderMode, showCounter = _b.showCounter, maxLength = _b.maxLength, minLength = _b.minLength, __ = _b.translate;
+        var _b = this.props, className = _b.className; _b.style; var inputControlClassName = _b.inputControlClassName, nativeInputClassName = _b.nativeInputClassName, inputOnly = _b.inputOnly, value = _b.value, placeholder = _b.placeholder, cx = _b.classnames, disabled = _b.disabled, readOnly = _b.readOnly, name = _b.name, loading = _b.loading, clearable = _b.clearable, options = _b.options, selectedOptions = _b.selectedOptions, autoComplete = _b.autoComplete, labelField = _b.labelField, valueField = _b.valueField, multiple = _b.multiple, creatable = _b.creatable, borderMode = _b.borderMode, showCounter = _b.showCounter, maxLength = _b.maxLength, minLength = _b.minLength, __ = _b.translate, loadingConfig = _b.loadingConfig;
         var type = (_a = this.props.type) === null || _a === void 0 ? void 0 : _a.replace(/^(?:native|input)\-/, '');
         return (React.createElement(Downshift, { isOpen: this.state.isOpen && !disabled && !readOnly, inputValue: this.state.inputValue, onChange: this.handleChange, onStateChange: this.handleStateChange, selectedItem: selectedOptions.map(function (item) { return item[valueField || 'value']; }) }, function (_a) {
             var _b, _c;
@@ -505,7 +505,7 @@ var TextControl = /** @class */ (function (_super) {
                 showCounter ? (React.createElement("span", { className: cx('TextControl-counter') }, "".concat((_d = _this.valueToString(value)) === null || _d === void 0 ? void 0 : _d.length).concat(typeof maxLength === 'number' && maxLength
                     ? "/".concat(maxLength)
                     : ''))) : null,
-                loading ? (React.createElement(Spinner, { show: true, icon: "reload", size: "sm", spinnerClassName: cx('TextControl-spinner') })) : null,
+                loading ? (React.createElement(Spinner, { show: true, icon: "reload", size: "sm", spinnerClassName: cx('TextControl-spinner'), loadingConfig: loadingConfig })) : null,
                 isOpen && filtedOptions.length ? (React.createElement("div", { className: cx('TextControl-sugs') }, filtedOptions.map(function (option) {
                     var label = option[labelField || 'label'];
                     var value = option[valueField || 'value'];

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpinnerExtraProps } from 'amis-ui';
 import { OptionsControlProps, ActionObject } from 'amis-core';
 import { FormOptionsSchema, SchemaApi } from '../../Schema';
 /**
@@ -69,7 +70,7 @@ export interface TreeControlSchema extends FormOptionsSchema {
      */
     highlightTxt?: string;
 }
-export interface TreeProps extends OptionsControlProps, Omit<TreeControlSchema, 'type' | 'options' | 'className' | 'inputClassName' | 'descriptionClassName' | 'deferApi'> {
+export interface TreeProps extends OptionsControlProps, Omit<TreeControlSchema, 'type' | 'options' | 'className' | 'inputClassName' | 'descriptionClassName' | 'deferApi'>, SpinnerExtraProps {
     enableNodePath?: boolean;
     pathSeparator?: string;
 }

package/esm/renderers/Form/InputTree.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -71,13 +71,13 @@ var TreeControl = /** @class */ (function (_super) {
         }
     };
     TreeControl.prototype.render = function () {
-        var _a = this.props, className = _a.className; _a.style; var treeContainerClassName = _a.treeContainerClassName, ns = _a.classPrefix, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, loading = _a.loading, hideRoot = _a.hideRoot, rootLabel = _a.rootLabel, autoCheckChildren = _a.autoCheckChildren, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, showOutline = _a.showOutline, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, labelField = _a.labelField, iconField = _a.iconField, nodePath = _a.nodePath, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, __ = _a.translate, data = _a.data, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight;
+        var _a = this.props, className = _a.className; _a.style; var treeContainerClassName = _a.treeContainerClassName, ns = _a.classPrefix, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, loading = _a.loading, hideRoot = _a.hideRoot, rootLabel = _a.rootLabel, autoCheckChildren = _a.autoCheckChildren, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, showOutline = _a.showOutline, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, labelField = _a.labelField, iconField = _a.iconField, nodePath = _a.nodePath, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, __ = _a.translate, data = _a.data, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight, loadingConfig = _a.loadingConfig;
         var highlightTxt = this.props.highlightTxt;
         if (isPureVariable(highlightTxt)) {
             highlightTxt = resolveVariableAndFilter(highlightTxt, data);
         }
         return (React.createElement("div", { className: cx("".concat(ns, "TreeControl"), className, treeContainerClassName) },
-            React.createElement(Spinner, { size: "sm", key: "info", show: loading }),
+            React.createElement(Spinner, { size: "sm", key: "info", show: loading, loadingConfig: loadingConfig }),
             loading ? null : (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, labelField: labelField, valueField: valueField, iconField: iconField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(placeholder), options: options, highlightTxt: highlightTxt, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, hideRoot: hideRoot, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, autoCheckChildren: autoCheckChildren, cascade: cascade, foldedField: "collapsed", value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, selfDisabledAffectChildren: false, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions, virtualThreshold: virtualThreshold, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined }))));
     };
     TreeControl.defaultProps = {

package/esm/renderers/Form/InputYearRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/JSONSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */