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

package/esm/renderers/Form/ListSelect.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/LocationPicker.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/MatrixCheckboxes.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import { FormControlProps } from 'amis-core';
+import { SpinnerExtraProps } from 'amis-ui';
 import { ActionObject } from 'amis-core';
 import { FormBaseControlSchema, SchemaApi } from '../../Schema';
 /**
@@ -48,7 +49,7 @@ export interface Row {
 export interface ValueItem extends Column, Row {
     checked: boolean;
 }
-export interface MatrixProps extends FormControlProps {
+export interface MatrixProps extends FormControlProps, SpinnerExtraProps {
     columns: Array<Column>;
     rows: Array<Row>;
     multiple: boolean;

package/esm/renderers/Form/MatrixCheckboxes.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -221,16 +221,14 @@ var MatrixCheckbox = /** @class */ (function (_super) {
         if (displayValue === void 0) { displayValue = '-'; }
         var _a = this.props, className = _a.className; _a.render; var cx = _a.classnames;
         var error = this.state.error;
-        return (React.createElement("div", { key: "input", className: cx('MatrixControl', className || '') }, error
-            ? displayValue
-            : this.renderInput(true)));
+        return (React.createElement("div", { key: "input", className: cx('MatrixControl', className || '') }, error ? displayValue : this.renderInput(true)));
     };
     MatrixCheckbox.prototype.render = function () {
-        var _a = this.props, className = _a.className; _a.style; _a.render; var cx = _a.classnames;
+        var _a = this.props, className = _a.className; _a.render; var cx = _a.classnames, loadingConfig = _a.loadingConfig;
         var _b = this.state, error = _b.error, loading = _b.loading;
         return (React.createElement("div", { key: "input", className: cx('MatrixControl', className || '') },
             error ? (React.createElement("div", { className: cx('MatrixControl-error Alert Alert--danger') }, String(error))) : (this.renderInput()),
-            React.createElement(Spinner, { size: "lg", overlay: true, key: "info", show: loading })));
+            React.createElement(Spinner, { size: "lg", overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     MatrixCheckbox.defaultProps = {
         columns: [],

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { SpinnerExtraProps } from 'amis-ui';
 import { OptionsControlProps } from 'amis-core';
 import { Option, Options } from 'amis-core';
 import { ActionObject } from 'amis-core';
@@ -38,7 +39,7 @@ export interface NestedSelectControlSchema extends FormOptionsSchema {
      */
     hideNodePathLabel?: boolean;
 }
-export interface NestedSelectProps extends OptionsControlProps {
+export interface NestedSelectProps extends OptionsControlProps, SpinnerExtraProps {
     cascade?: boolean;
     noResultsText?: string;
     withChildren?: boolean;

package/esm/renderers/Form/NestedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -547,7 +547,7 @@ var NestedSelectControl = /** @class */ (function (_super) {
     };
     NestedSelectControl.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className; _b.style; var disabled = _b.disabled, cx = _b.classnames, multiple = _b.multiple, placeholder = _b.placeholder, __ = _b.translate, inline = _b.inline, searchable = _b.searchable; _b.autoComplete; var selectedOptions = _b.selectedOptions, clearable = _b.clearable, loading = _b.loading, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, env = _b.env;
+        var _b = this.props, className = _b.className; _b.style; var disabled = _b.disabled, cx = _b.classnames, multiple = _b.multiple, placeholder = _b.placeholder, __ = _b.translate, inline = _b.inline, searchable = _b.searchable; _b.autoComplete; var selectedOptions = _b.selectedOptions, clearable = _b.clearable, loading = _b.loading, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, env = _b.env, loadingConfig = _b.loadingConfig;
         var mobileUI = useMobileUI && isMobile();
         return (React.createElement("div", { className: cx('NestedSelectControl', className) },
             React.createElement(ResultBox, { useMobileUI: useMobileUI, disabled: disabled, ref: this.domRef, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'placeholder.empty'), inputPlaceholder: '', className: cx("NestedSelect", (_a = {
@@ -563,7 +563,7 @@ var NestedSelectControl = /** @class */ (function (_super) {
                     ? selectedOptions
                     : selectedOptions.length
                         ? selectedOptions[0]
-                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, onClear: this.handleResultClear, itemRender: this.renderValue, onKeyPress: this.handleKeyPress, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, hasDropDownArrow: true, allowInput: searchable }, loading ? React.createElement(Spinner, { size: "sm" }) : undefined),
+                        : '', onResultClick: this.handleOutClick, value: this.state.inputValue, onChange: this.handleInputChange, onResultChange: this.handleResultChange, onClear: this.handleResultClear, itemRender: this.renderValue, onKeyPress: this.handleKeyPress, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.handleInputKeyDown, clearable: clearable, hasDropDownArrow: true, allowInput: searchable }, loading ? (React.createElement(Spinner, { loadingConfig: loadingConfig, size: "sm" })) : undefined),
             mobileUI ? (React.createElement(PopUp, { className: cx("NestedSelect-popup"), container: env && env.getModalContainer ? env.getModalContainer : undefined, isShow: this.state.isOpened, onHide: this.close, showConfirm: false, showClose: false },
                 React.createElement(Cascader, __assign({ onClose: this.close }, this.props, { onChange: this.handleResultChange, options: this.props.options.slice(), value: selectedOptions })))) : this.state.isOpened ? (this.renderOuter()) : null));
     };

package/esm/renderers/Form/Picker.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/Radios.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/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/esm/renderers/Form/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -266,7 +266,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 信息
@@ -282,7 +282,7 @@ var TransferDropdownRenderer = /** @class */ (function (_super) {
         }
         return (React.createElement(React.Fragment, null,
             React.createElement(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.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+            React.createElement(Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     __decorate([
         autobind,

package/esm/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/esm/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/esm/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/esm/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/esm/renderers/Form/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -222,10 +222,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.createElement("div", { className: cx('TabsTransferControl', className) },
             React.createElement(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: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
-            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+            React.createElement(Spinner, { overlay: true, key: "info", show: loading, loadingConfig: loadingConfig })));
     };
     TabsTransferRenderer.defaultProps = {
         multiple: true

package/esm/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/esm/renderers/Form/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -47,10 +47,10 @@ import { supportStatic } from './StaticHoc.js';
     };
     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.createElement("div", { className: cx('TabsTransferControl', className) },
             React.createElement(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: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
-            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+            React.createElement(Spinner, { loadingConfig: loadingConfig, overlay: true, key: "info", show: loading })));
     };
     __decorate([
         autobind,

package/esm/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/esm/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/esm/renderers/Form/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -199,7 +199,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 信息
@@ -214,8 +214,8 @@ var BaseTransferRenderer = /** @class */ (function (_super) {
             options = options[0].children;
         }
         return (React.createElement("div", { className: cx('TransferControl', className) },
-            React.createElement(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: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined }),
-            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+            React.createElement(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: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, loadingConfig: loadingConfig }),
+            React.createElement(Spinner, { overlay: true, key: "info", loadingConfig: loadingConfig, show: loading })));
     };
     __decorate([
         autobind,

package/esm/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/esm/renderers/Form/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -34,7 +34,7 @@ import { supportStatic } from './StaticHoc.js';
     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 信息
@@ -50,7 +50,7 @@ import { supportStatic } from './StaticHoc.js';
         }
         return (React.createElement("div", { className: cx('TransferControl', className) },
             React.createElement(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: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
-            React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
+            React.createElement(Spinner, { loadingConfig: loadingConfig, overlay: true, key: "info", show: loading })));
     };
     __decorate([
         autobind,

package/esm/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/esm/renderers/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -285,7 +285,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 && isMobile();
         return (React.createElement("div", { ref: this.container, className: cx("TreeSelectControl", className) },
@@ -300,7 +300,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 || isEffectiveApi(autoComplete), hasDropDownArrow: true }, loading ? React.createElement(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 || isEffectiveApi(autoComplete), hasDropDownArrow: true }, loading ? (React.createElement(Spinner, { loadingConfig: loadingConfig, size: "sm" })) : undefined),
             !mobileUI && isOpened ? (React.createElement(Overlay, { container: popOverContainer || (function () { return _this.container.current; }), target: function () { return _this.target; }, show: true },
                 React.createElement(PopOver, { classPrefix: ns, className: "".concat(ns, "TreeSelect-popover"), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined

package/esm/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/esm/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/esm/renderers/Form/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -9,6 +9,7 @@ import cx from 'classnames';
 import { isEffectiveApi, createObject, resolveEventData, autobind, OptionsControl } from 'amis-core';
 import { UserTabSelect, UserSelect } from 'amis-ui';
 import find from 'lodash/find';
+import { supportStatic } from './StaticHoc.js';
 
 var UserSelectControl = /** @class */ (function (_super) {
     __extends(UserSelectControl, _super);
@@ -146,15 +147,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.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.createElement("div", { className: cx("UserSelectControl", className) }, tabMode ? (React.createElement(UserTabSelect, { selection: selectedOptions, tabOptions: tabOptions, multiple: multiple, onChange: this.changeValue, onSearch: this.onSearch, deferLoad: this.deferLoad, data: data })) : (React.createElement(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.createElement("div", { className: cx("UserSelectControl", className) }, tabMode ? (React.createElement(UserTabSelect, { selection: selectedOptions, tabOptions: tabOptions, multiple: multiple, onChange: this.changeValue, onSearch: this.onSearch, deferLoad: this.deferLoad, data: data })) : (React.createElement(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
@@ -177,6 +185,12 @@ var UserSelectControl = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
     ], UserSelectControl.prototype, "changeValue", null);
+    __decorate([
+        supportStatic(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], UserSelectControl.prototype, "render", null);
     return UserSelectControl;
 }(React.Component));
 /** @class */ ((function (_super) {

package/esm/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/esm/renderers/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.3-beta.0
+ * amis v2.5.3-beta.3
  * Copyright 2018-2022 baidu
  */
 
@@ -62,14 +62,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.createElement("div", { className: cx('Grid', (_a = {},
                 _a["Grid--".concat(gap)] = gap,
                 _a["Grid--v".concat(ucFirst(vAlign))] = vAlign,
                 _a["Grid--h".concat(ucFirst(hAlign))] = hAlign,
                 _a), className), style: style },
             this.renderColumns(this.props.columns),
-            React.createElement(Spinner, { overlay: true, show: loading })));
+            React.createElement(Spinner, { loadingConfig: loadingConfig, overlay: true, show: loading })));
     };
     Grid.propsList = ['columns'];
     Grid.defaultProps = {};

package/esm/renderers/Grid2D.js

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

package/esm/renderers/GridNav.js

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

package/esm/renderers/HBox.js

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

package/esm/renderers/IFrame.js

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