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

package/lib/renderers/Form/Radios.js

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

package/lib/renderers/Form/Select.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { OptionsControlProps, Option } from 'amis-core';
 import { Api, ActionObject } from 'amis-core';
 import { FormOptionsSchema, SchemaApi } from '../../Schema';
+import { SpinnerExtraProps } from 'amis-ui';
 import { TransferControlSchema } from './Transfer';
 import type { SchemaClassName } from '../../Schema';
 import type { TooltipObject } from 'amis-ui/lib/components/TooltipWrapper';
@@ -9,7 +10,7 @@ import type { TooltipObject } from 'amis-ui/lib/components/TooltipWrapper';
  * Select 下拉选择框。
  * 文档：https://baidu.gitee.io/amis/docs/components/form/select
  */
-export interface SelectControlSchema extends FormOptionsSchema {
+export interface SelectControlSchema extends FormOptionsSchema, SpinnerExtraProps {
     type: 'select' | 'multi-select';
     /**
      * 自动完成 API，当输入部分文字的时候，会将这些文字通过 ${term} 可以取到，发送给接口。
@@ -97,7 +98,7 @@ export interface SelectControlSchema extends FormOptionsSchema {
      */
     optionClassName?: SchemaClassName;
 }
-export interface SelectProps extends OptionsControlProps {
+export interface SelectProps extends OptionsControlProps, SpinnerExtraProps {
     autoComplete?: Api;
     searchable?: boolean;
     showInvalidMatch?: boolean;
@@ -132,7 +133,7 @@ export default class SelectControl extends React.Component<SelectProps, any> {
     doAction(action: ActionObject, data: object, throwErrors: boolean): any;
     render(): JSX.Element;
 }
-export interface TransferDropDownProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+export interface TransferDropDownProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'>, SpinnerExtraProps {
     borderMode?: 'full' | 'half' | 'none';
     useMobileUI?: boolean;
 }

package/lib/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -277,7 +277,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
     };
     TransferDropdownRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode;
+        var _b = this.props, className = _b.className; _b.classnames; var selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, clearable = _b.clearable, selectTitle = _b.selectTitle, selectMode = _b.selectMode, multiple = _b.multiple, columns = _b.columns, leftMode = _b.leftMode, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, popOverContainer = _b.popOverContainer, maxTagCount = _b.maxTagCount, overflowTagPopover = _b.overflowTagPopover, placeholder = _b.placeholder, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, rightMode = _b.rightMode, loadingConfig = _b.loadingConfig;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -293,7 +293,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
         }
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(amisUi.TransferDropDown, { selectMode: selectMode, className: className, value: selectedOptions, disabled: disabled, clearable: clearable, options: options, onChange: this.handleChange, option2value: this.option2value, itemRender: this.renderItem, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, multiple: multiple, columns: columns, leftMode: leftMode, rightMode: rightMode, leftOptions: leftOptions, borderMode: borderMode, useMobileUI: useMobileUI, popOverContainer: popOverContainer, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, placeholder: placeholder, itemHeight: itemHeight, virtualThreshold: virtualThreshold, virtualListHeight: 266 }),
-            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
+            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/renderers/Form/Static.js

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

package/lib/renderers/Form/StaticHoc.js

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

package/lib/renderers/Form/Switch.js

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

package/lib/renderers/Form/TabsTransfer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
 import { Option } from 'amis-core';
 import { ActionObject } from 'amis-core';
@@ -8,10 +9,10 @@ import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
  * TabsTransfer
  * 文档：https://baidu.gitee.io/amis/docs/components/form/tabs-transfer
  */
-export interface TabsTransferControlSchema extends Omit<TransferControlSchema, 'type'> {
+export interface TabsTransferControlSchema extends Omit<TransferControlSchema, 'type'>, SpinnerExtraProps {
     type: 'tabs-transfer';
 }
-export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'>, SpinnerExtraProps {
 }
 interface BaseTransferState {
     activeKey: number;

package/lib/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -231,10 +231,10 @@ var BaseTabsTransferRenderer = /** @class */ (function (_super) {
         }
     };
     TabsTransferRenderer.prototype.render = function () {
-        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, onlyChildren = _a.onlyChildren;
+        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, onlyChildren = _a.onlyChildren, loadingConfig = _a.loadingConfig;
         return (React__default["default"].createElement("div", { className: cx('TabsTransferControl', className) },
             React__default["default"].createElement(amisUi.TabsTransfer, { onlyChildren: onlyChildren, activeKey: this.state.activeKey, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, onLeftDeferLoad: leftDeferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onTabChange: this.onTabChange, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
-            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
+            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     TabsTransferRenderer.defaultProps = {
         multiple: true

package/lib/renderers/Form/TabsTransferPicker.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import { BaseTabsTransferRenderer } from './TabsTransfer';
 import { TabsTransferControlSchema } from './TabsTransfer';
 import { ActionObject } from 'amis-core';
@@ -8,10 +9,10 @@ import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
  * TabsTransferPicker 穿梭器的弹框形态
  * 文档：https://baidu.gitee.io/amis/docs/components/form/tabs-transfer-picker
  */
-export interface TabsTransferPickerControlSchema extends Omit<TabsTransferControlSchema, 'type'> {
+export interface TabsTransferPickerControlSchema extends Omit<TabsTransferControlSchema, 'type'>, SpinnerExtraProps {
     type: 'tabs-transfer-picker';
 }
-export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferPickerControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
+export interface TabsTransferProps extends OptionsControlProps, Omit<TabsTransferPickerControlSchema, 'type' | 'options' | 'inputClassName' | 'className' | 'descriptionClassName'>, SpinnerExtraProps {
 }
 interface BaseTransferState {
     activeKey: number;

package/lib/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -53,10 +53,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
     };
     TabsTransferPickerRenderer.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, leftMode = _a.leftMode, leftOptions = _a.leftOptions, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold;
+        var _a = this.props, className = _a.className; _a.style; var cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, pickerSize = _a.pickerSize, leftMode = _a.leftMode, leftOptions = _a.leftOptions, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, loadingConfig = _a.loadingConfig;
         return (React__default["default"].createElement("div", { className: cx('TabsTransferControl', className) },
             React__default["default"].createElement(amisUi.TabsTransferPicker, { activeKey: this.state.activeKey, onTabChange: this.onTabChange, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, leftMode: leftMode, leftOptions: leftOptions, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
-            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
+            React__default["default"].createElement(amisUi.Spinner, { loadingConfig: loadingConfig, overlay: true, key: "info", show: loading })));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/renderers/Form/Textarea.js

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

package/lib/renderers/Form/Transfer.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { OptionsControlProps } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import type { Option } from 'amis-core';
 import { FormOptionsSchema, SchemaApi, SchemaObject } from '../../Schema';
 import { ActionObject } from 'amis-core';
@@ -8,7 +9,7 @@ import type { ItemRenderStates } from 'amis-ui/lib/components/Selection';
  * Transfer
  * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer
  */
-export interface TransferControlSchema extends FormOptionsSchema {
+export interface TransferControlSchema extends FormOptionsSchema, SpinnerExtraProps {
     type: 'transfer';
     /**
      * 是否显示剪头
@@ -99,12 +100,13 @@ export interface TransferControlSchema extends FormOptionsSchema {
      */
     virtualThreshold?: number;
 }
-export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+export interface BaseTransferProps extends OptionsControlProps, Omit<TransferControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'>, SpinnerExtraProps {
     resultItemRender?: (option: Option) => JSX.Element;
     virtualThreshold?: number;
     itemHeight?: number;
 }
-export declare class BaseTransferRenderer<T extends OptionsControlProps = BaseTransferProps> extends React.Component<T> {
+type OptionsControlWithSpinnerProps = OptionsControlProps & SpinnerExtraProps;
+export declare class BaseTransferRenderer<T extends OptionsControlWithSpinnerProps = BaseTransferProps> extends React.Component<T> {
     tranferRef?: any;
     reload(): void;
     handleChange(value: Array<Option> | Option, optionModified?: boolean): Promise<void>;

package/lib/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -208,7 +208,7 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
     };
     BaseTransferRenderer.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.style; var cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d, statistics = _b.statistics, labelField = _b.labelField, virtualThreshold = _b.virtualThreshold, itemHeight = _b.itemHeight;
+        var _b = this.props, className = _b.className; _b.style; var cx = _b.classnames, selectedOptions = _b.selectedOptions, showArrow = _b.showArrow, sortable = _b.sortable, selectMode = _b.selectMode, columns = _b.columns, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, searchResultColumns = _b.searchResultColumns, deferLoad = _b.deferLoad, leftMode = _b.leftMode, rightMode = _b.rightMode, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle; _b.menuTpl; var searchPlaceholder = _b.searchPlaceholder, _c = _b.resultListModeFollowSelect, resultListModeFollowSelect = _c === void 0 ? false : _c, resultSearchPlaceholder = _b.resultSearchPlaceholder, _d = _b.resultSearchable, resultSearchable = _d === void 0 ? false : _d, statistics = _b.statistics, labelField = _b.labelField, virtualThreshold = _b.virtualThreshold, itemHeight = _b.itemHeight, loadingConfig = _b.loadingConfig;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -223,8 +223,8 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React__default["default"].createElement("div", { className: cx('TransferControl', className) },
-            React__default["default"].createElement(amisUi.Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef, virtualThreshold: virtualThreshold, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined }),
-            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
+            React__default["default"].createElement(amisUi.Transfer, { value: selectedOptions, options: options, disabled: disabled, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, showArrow: showArrow, selectMode: selectMode, searchResultMode: searchResultMode, searchResultColumns: searchResultColumns, columns: columns, onSearch: searchable ? this.handleSearch : undefined, onDeferLoad: deferLoad, leftOptions: leftOptions, leftMode: leftMode, rightMode: rightMode, cellRender: this.renderCell, selectTitle: selectTitle, resultTitle: resultTitle, resultListModeFollowSelect: resultListModeFollowSelect, onResultSearch: this.handleResultSearch, searchPlaceholder: searchPlaceholder, resultSearchable: resultSearchable, resultSearchPlaceholder: resultSearchPlaceholder, statistics: statistics, labelField: labelField, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onSelectAll: this.onSelectAll, onRef: this.getRef, virtualThreshold: virtualThreshold, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, loadingConfig: loadingConfig }),
+            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", loadingConfig: loadingConfig, show: loading })));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/renderers/Form/TransferPicker.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { OptionsControlProps } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import { BaseTransferRenderer, TransferControlSchema } from './Transfer';
 import { ActionObject } from 'amis-core';
 /**
  * TransferPicker 穿梭器的弹框形态
  * 文档：https://baidu.gitee.io/amis/docs/components/form/transfer-picker
  */
-export interface TransferPickerControlSchema extends Omit<TransferControlSchema, 'type'> {
+export interface TransferPickerControlSchema extends Omit<TransferControlSchema, 'type'>, SpinnerExtraProps {
     type: 'transfer-picker';
     /**
      * 边框模式，全边框，还是半边框，或者没边框。

package/lib/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -40,7 +40,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
     TransferPickerRenderer.prototype.render = function () {
         var _this = this;
         var _a;
-        var _b = this.props, className = _b.className; _b.style; var cx = _b.classnames, selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle, pickerSize = _b.pickerSize, columns = _b.columns, leftMode = _b.leftMode, selectMode = _b.selectMode, borderMode = _b.borderMode, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold;
+        var _b = this.props, className = _b.className; _b.style; var cx = _b.classnames, selectedOptions = _b.selectedOptions, sortable = _b.sortable, loading = _b.loading, searchable = _b.searchable, searchResultMode = _b.searchResultMode, showArrow = _b.showArrow, deferLoad = _b.deferLoad, disabled = _b.disabled, selectTitle = _b.selectTitle, resultTitle = _b.resultTitle, pickerSize = _b.pickerSize, columns = _b.columns, leftMode = _b.leftMode, selectMode = _b.selectMode, borderMode = _b.borderMode, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, loadingConfig = _b.loadingConfig;
         // 目前 LeftOptions 没有接口可以动态加载
         // 为了方便可以快速实现动态化，让选项的第一个成员携带
         // LeftOptions 信息
@@ -56,7 +56,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
         }
         return (React__default["default"].createElement("div", { className: cx('TransferControl', className) },
             React__default["default"].createElement(amisUi.TransferPicker, { borderMode: borderMode, selectMode: selectMode, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, size: pickerSize, columns: columns, leftMode: leftMode, leftOptions: leftOptions, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); }, itemHeight: amisCore.toNumber(itemHeight) > 0 ? amisCore.toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
-            React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", show: loading })));
+            React__default["default"].createElement(amisUi.Spinner, { loadingConfig: loadingConfig, overlay: true, key: "info", show: loading })));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/renderers/Form/TreeSelect.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpinnerExtraProps } from 'amis-ui';
 import { OptionsControlProps, Option } from 'amis-core';
 import { Api } from 'amis-core';
 import { ActionObject } from 'amis-core';
@@ -71,7 +72,7 @@ export interface TreeSelectControlSchema extends FormOptionsSchema {
      */
     overflowTagPopover?: TooltipWrapperSchema;
 }
-export interface TreeSelectProps extends OptionsControlProps {
+export interface TreeSelectProps extends OptionsControlProps, SpinnerExtraProps {
     placeholder?: any;
     autoComplete?: Api;
     hideNodePathLabel?: boolean;

package/lib/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -295,7 +295,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
     };
     TreeSelectControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className; _a.style; var disabled = _a.disabled, inline = _a.inline, loading = _a.loading, multiple = _a.multiple; _a.value; var clearable = _a.clearable, ns = _a.classPrefix, cx = _a.classnames, searchable = _a.searchable, autoComplete = _a.autoComplete, selectedOptions = _a.selectedOptions, placeholder = _a.placeholder, popOverContainer = _a.popOverContainer, useMobileUI = _a.useMobileUI, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, __ = _a.translate, env = _a.env;
+        var _a = this.props, className = _a.className; _a.style; var disabled = _a.disabled, inline = _a.inline, loading = _a.loading, multiple = _a.multiple; _a.value; var clearable = _a.clearable, ns = _a.classPrefix, cx = _a.classnames, searchable = _a.searchable, autoComplete = _a.autoComplete, selectedOptions = _a.selectedOptions, placeholder = _a.placeholder, popOverContainer = _a.popOverContainer, useMobileUI = _a.useMobileUI, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, __ = _a.translate, env = _a.env, loadingConfig = _a.loadingConfig;
         var isOpened = this.state.isOpened;
         var mobileUI = useMobileUI && amisCore.isMobile();
         return (React__default["default"].createElement("div", { ref: this.container, className: cx("TreeSelectControl", className) },
@@ -310,7 +310,7 @@ var TreeSelectControl = /** @class */ (function (_super) {
                     ? selectedOptions
                     : selectedOptions.length
                         ? this.renderItem(selectedOptions[0])
-                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete), hasDropDownArrow: true }, loading ? React__default["default"].createElement(amisUi.Spinner, { size: "sm" }) : undefined),
+                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, itemRender: this.renderItem, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, allowInput: searchable || amisCore.isEffectiveApi(autoComplete), hasDropDownArrow: true }, loading ? (React__default["default"].createElement(amisUi.Spinner, { loadingConfig: loadingConfig, size: "sm" })) : undefined),
             !mobileUI && isOpened ? (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || (function () { return _this.container.current; }), target: function () { return _this.target; }, show: true },
                 React__default["default"].createElement(amisCore.PopOver, { classPrefix: ns, className: "".concat(ns, "TreeSelect-popover"), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined

package/lib/renderers/Form/UUID.js

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

package/lib/renderers/Form/UserSelect.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { OptionsControlProps, Option } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import { PlainObject } from 'amis-core';
 import { FormOptionsSchema } from '../../Schema';
 /**
@@ -8,7 +9,7 @@ import { FormOptionsSchema } from '../../Schema';
 export interface UserSelectControlSchema extends FormOptionsSchema {
     type: 'users-select';
 }
-export interface UserSelectProps extends OptionsControlProps {
+export interface UserSelectProps extends OptionsControlProps, SpinnerExtraProps {
     /**
      * 部门可选
      */
@@ -49,6 +50,7 @@ export default class UserSelectControl extends React.Component<UserSelectProps,
     onSearch(input: string, cancelExecutor: Function, param?: PlainObject): Promise<any>;
     deferLoad(data?: Object, isRef?: boolean, param?: PlainObject): Promise<any>;
     changeValue(value: Option | Array<Option> | string | void): Promise<void>;
+    renderStatic(): string | JSX.Element[];
     render(): JSX.Element;
 }
 export declare class UserSelectControlRenderer extends UserSelectControl {

package/lib/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -13,6 +13,7 @@ var cx = require('classnames');
 var amisCore = require('amis-core');
 var amisUi = require('amis-ui');
 var find = require('lodash/find');
+var StaticHoc = require('./StaticHoc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -156,15 +157,22 @@ var UserSelectControl = /** @class */ (function (_super) {
             });
         });
     };
+    UserSelectControl.prototype.renderStatic = function () {
+        var _a = this.props, selectedOptions = _a.selectedOptions, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, cx = _a.classnames;
+        if (labelField === 'avatar') {
+            return selectedOptions.map(function (item, index) { return (React__default["default"].createElement("img", { key: index, className: cx('UserSelect-avatar-img'), src: item[labelField], alt: "" })); });
+        }
+        return selectedOptions.map(function (item) { return item[labelField]; }).join(',');
+    };
     UserSelectControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, showNav = _a.showNav, navTitle = _a.navTitle, searchable = _a.searchable, options = _a.options, className = _a.className; _a.style; var selectedOptions = _a.selectedOptions, tabOptions = _a.tabOptions, multi = _a.multi, multiple = _a.multiple, isDep = _a.isDep, isRef = _a.isRef, placeholder = _a.placeholder, searchPlaceholder = _a.searchPlaceholder, tabMode = _a.tabMode, data = _a.data;
+        var _a = this.props, showNav = _a.showNav, navTitle = _a.navTitle, searchable = _a.searchable, options = _a.options, className = _a.className; _a.style; var selectedOptions = _a.selectedOptions, tabOptions = _a.tabOptions, multi = _a.multi, multiple = _a.multiple, isDep = _a.isDep, isRef = _a.isRef, placeholder = _a.placeholder, searchPlaceholder = _a.searchPlaceholder, tabMode = _a.tabMode, data = _a.data, displayFields = _a.displayFields, labelField = _a.labelField, loadingConfig = _a.loadingConfig;
         tabOptions === null || tabOptions === void 0 ? void 0 : tabOptions.forEach(function (item) {
             item.deferLoad = _this.deferLoad;
             item.onChange = _this.changeValue;
             item.onSearch = _this.onSearch;
         });
-        return (React__default["default"].createElement("div", { className: cx__default["default"]("UserSelectControl", className) }, tabMode ? (React__default["default"].createElement(amisUi.UserTabSelect, { selection: selectedOptions, tabOptions: tabOptions, multiple: multiple, onChange: this.changeValue, onSearch: this.onSearch, deferLoad: this.deferLoad, data: data })) : (React__default["default"].createElement(amisUi.UserSelect, { showNav: showNav, navTitle: navTitle, selection: selectedOptions, options: options, multi: multi, multiple: multiple, searchable: searchable, placeholder: placeholder, searchPlaceholder: searchPlaceholder, deferLoad: this.deferLoad, onChange: this.changeValue, onSearch: this.onSearch, isDep: isDep, isRef: isRef }))));
+        return (React__default["default"].createElement("div", { className: cx__default["default"]("UserSelectControl", className) }, tabMode ? (React__default["default"].createElement(amisUi.UserTabSelect, { selection: selectedOptions, tabOptions: tabOptions, multiple: multiple, onChange: this.changeValue, onSearch: this.onSearch, deferLoad: this.deferLoad, data: data })) : (React__default["default"].createElement(amisUi.UserSelect, { loadingConfig: loadingConfig, showNav: showNav, navTitle: navTitle, selection: selectedOptions, options: options, multi: multi, multiple: multiple, searchable: searchable, placeholder: placeholder, searchPlaceholder: searchPlaceholder, deferLoad: this.deferLoad, onChange: this.changeValue, onSearch: this.onSearch, displayFields: displayFields, labelField: labelField, isDep: isDep, isRef: isRef }))));
     };
     UserSelectControl.defaultProps = {
         showNav: true
@@ -187,6 +195,12 @@ var UserSelectControl = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", Promise)
     ], UserSelectControl.prototype, "changeValue", null);
+    tslib.__decorate([
+        StaticHoc.supportStatic(),
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], UserSelectControl.prototype, "render", null);
     return UserSelectControl;
 }(React__default["default"].Component));
 /** @class */ ((function (_super) {

package/lib/renderers/Grid.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FormHorizontal, RendererProps } from 'amis-core';
 import { BaseSchema, SchemaClassName, SchemaCollection } from '../Schema';
+import { SpinnerExtraProps } from 'amis-ui';
 export declare const ColProps: string[];
 export type GridColumnObject = {
     /**
@@ -67,7 +68,7 @@ export interface GridSchema extends BaseSchema {
      */
     align?: 'left' | 'right' | 'between' | 'center';
 }
-export interface GridProps extends RendererProps, Omit<GridSchema, 'type' | 'className' | 'columnClassName'> {
+export interface GridProps extends RendererProps, Omit<GridSchema, 'type' | 'className' | 'columnClassName'>, SpinnerExtraProps {
     itemRender?: (item: any, length: number, props: any) => JSX.Element;
 }
 export default class Grid<T> extends React.Component<GridProps & T, object> {

package/lib/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -71,14 +71,14 @@ var Grid = /** @class */ (function (_super) {
     };
     Grid.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, style = _b.style, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align, _c = _b.loading, loading = _c === void 0 ? false : _c;
+        var _b = this.props, className = _b.className, style = _b.style, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align, _c = _b.loading, loading = _c === void 0 ? false : _c, loadingConfig = _b.loadingConfig;
         return (React__default["default"].createElement("div", { className: cx('Grid', (_a = {},
                 _a["Grid--".concat(gap)] = gap,
                 _a["Grid--v".concat(amisCore.ucFirst(vAlign))] = vAlign,
                 _a["Grid--h".concat(amisCore.ucFirst(hAlign))] = hAlign,
                 _a), className), style: style },
             this.renderColumns(this.props.columns),
-            React__default["default"].createElement(amisUi.Spinner, { overlay: true, show: loading })));
+            React__default["default"].createElement(amisUi.Spinner, { loadingConfig: loadingConfig, overlay: true, show: loading })));
     };
     Grid.propsList = ['columns'];
     Grid.defaultProps = {};

package/lib/renderers/Grid2D.js

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

package/lib/renderers/GridNav.js

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

package/lib/renderers/HBox.js

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

package/lib/renderers/IFrame.js

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

package/lib/renderers/Icon.js

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

package/lib/renderers/Image.d.ts

@@ -135,7 +135,9 @@ declare const ThemedImageThumb: {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
-        ref: any;
+        ref: any; /**
+         * 是否新窗口打开
+         */
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
@@ -200,6 +202,9 @@ declare const ThemedImageThumb: {
             childRef(ref: any): void;
             getWrappedInstance(): any;
             render(): JSX.Element;
+            /**
+             * 图片无法显示时的替换文本
+             */
             context: any;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -207,6 +212,9 @@ declare const ThemedImageThumb: {
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
+                /**
+                 * 预览图比率
+                 */
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }> & Readonly<{
@@ -265,6 +273,9 @@ declare const ThemedImageThumb: {
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
+        /**
+         * 图片无法显示时的替换文本
+         */
         context: any;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -272,6 +283,9 @@ declare const ThemedImageThumb: {
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
+            /**
+             * 预览图比率
+             */
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }> & Readonly<{
@@ -330,6 +344,9 @@ declare const ThemedImageThumb: {
             childRef(ref: any): void;
             getWrappedInstance(): any;
             render(): JSX.Element;
+            /**
+             * 图片无法显示时的替换文本
+             */
             context: any;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -337,6 +354,9 @@ declare const ThemedImageThumb: {
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<Omit<ImageThumbProps, keyof LocaleProps> & {
+                /**
+                 * 预览图比率
+                 */
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }> & Readonly<{

package/lib/renderers/Image.js

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

package/lib/renderers/Images.js

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

package/lib/renderers/Json.js

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

package/lib/renderers/Link.js

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