amis-ui 2.9.0 → 3.1.0

package/esm/components/TabsTransfer.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { autobind, themeable, localeable } from 'amis-core';
+import { filter, createObject, autobind, themeable, localeable } from 'amis-core';
 import ThemedTabs, { Tab } from './Tabs.js';
 import InputBox from './InputBox.js';
 import TableCheckboxes from './TableSelection.js';
@@ -93,7 +93,7 @@ var TabsTransfer = /** @class */ (function (_super) {
         this.handleSeachCancel();
     };
     TabsTransfer.prototype.renderSearchResult = function (searchResult) {
-        var _a = this.props, searchResultMode = _a.searchResultMode, noResultsText = _a.noResultsText, searchResultColumns = _a.searchResultColumns, cx = _a.classnames, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, option2value = _a.option2value, cellRender = _a.cellRender, optionItemRender = _a.optionItemRender, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, onlyChildren = _a.onlyChildren; _a.loadingConfig;
+        var _a = this.props, searchResultMode = _a.searchResultMode, noResultsText = _a.noResultsText, searchResultColumns = _a.searchResultColumns, cx = _a.classnames, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, option2value = _a.option2value, cellRender = _a.cellRender, optionItemRender = _a.optionItemRender, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, onlyChildren = _a.onlyChildren; _a.loadingConfig; var _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c;
         var options = searchResult || [];
         var mode = searchResultMode;
         return mode === 'table' ? (React__default.createElement(TableCheckboxes, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), columns: searchResultColumns, options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, cellRender: cellRender, itemHeight: itemHeight, virtualThreshold: virtualThreshold })) : mode === 'tree' ? (React__default.createElement(Tree, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, joinValues: false, onlyChildren: onlyChildren, showIcon: false, multiple: true, cascade: true, itemRender: optionItemRender
@@ -102,28 +102,28 @@ var TabsTransfer = /** @class */ (function (_super) {
                         panel: 'result'
                     });
                 }
-                : undefined })) : mode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                : undefined, valueField: valueField, labelField: labelField })) : mode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'result'
                     });
                 }
-                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold })) : (React__default.createElement(GroupedSelection, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField })) : (React__default.createElement(GroupedSelection, { placeholder: noResultsText, className: cx('Transfer-checkboxes'), options: options, value: value, disabled: disabled, onChange: onChange, option2value: option2value, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'result'
                     });
                 }
-                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold }));
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField }));
     };
     TabsTransfer.prototype.renderSelect = function () {
         var _this = this;
-        var _a = this.props, options = _a.options, placeholder = _a.placeholder, activeKey = _a.activeKey, cx = _a.classnames, __ = _a.translate;
+        var _a = this.props, options = _a.options, placeholder = _a.placeholder, activeKey = _a.activeKey, cx = _a.classnames, __ = _a.translate, ctx = _a.ctx;
         var showOptions = options.filter(function (item) { return item.visible !== false; });
         if (!Array.isArray(options) || !options.length) {
             return (React__default.createElement("div", { className: cx('TabsTransfer-placeholder') }, __(placeholder || 'placeholder.noOption')));
         }
-        return (React__default.createElement(ThemedTabs, { mode: "line", className: cx('TabsTransfer-tabs'), onSelect: this.handleTabChange, activeKey: activeKey }, showOptions.map(function (option, index) { return (React__default.createElement(Tab, { eventKey: index, key: index, title: option.label || option.title, className: "TabsTransfer-tab" },
+        return (React__default.createElement(ThemedTabs, { mode: "line", className: cx('TabsTransfer-tabs'), onSelect: this.handleTabChange, activeKey: activeKey }, showOptions.map(function (option, index) { return (React__default.createElement(Tab, { eventKey: index, key: index, title: filter(option.label || option.title, createObject(ctx, option)), className: "TabsTransfer-tab" },
             option.searchable ? (React__default.createElement("div", { className: cx('TabsTransfer-search') },
                 React__default.createElement(InputBox, { value: _this.state.inputValue, onChange: function (text) { return _this.handleSearch(text, option); }, placeholder: __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown }, _this.state.searchResult !== null ? (React__default.createElement("a", { onClick: _this.handleSeachCancel },
                     React__default.createElement(Icon, { icon: "close", className: "icon" }))) : (React__default.createElement(Icon, { icon: "search", className: "icon" }))))) : null,
@@ -133,36 +133,36 @@ var TabsTransfer = /** @class */ (function (_super) {
     };
     TabsTransfer.prototype.renderOptions = function (option) {
         var _a;
-        var _b = this.props, cx = _b.classnames, value = _b.value, disabled = _b.disabled, multiple = _b.multiple, onChange = _b.onChange, option2value = _b.option2value, onDeferLoad = _b.onDeferLoad, onLeftDeferLoad = _b.onLeftDeferLoad, cellRender = _b.cellRender; _b.translate; var optionItemRender = _b.optionItemRender, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, onlyChildren = _b.onlyChildren, loadingConfig = _b.loadingConfig;
-        return option.selectMode === 'table' ? (React__default.createElement(TableCheckboxes, { className: cx('Transfer-checkboxes'), columns: option.columns, options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, cellRender: cellRender, itemHeight: itemHeight, virtualThreshold: virtualThreshold })) : option.selectMode === 'tree' ? (React__default.createElement(Tree, { loadingConfig: loadingConfig, className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, joinValues: false, showIcon: false, onlyChildren: (_a = option.onlyChildren) !== null && _a !== void 0 ? _a : onlyChildren, cascade: true, onDeferLoad: onDeferLoad, autoCheckChildren: option.autoCheckChildren, itemRender: optionItemRender
+        var _b = this.props, cx = _b.classnames, value = _b.value, disabled = _b.disabled, multiple = _b.multiple, onChange = _b.onChange, option2value = _b.option2value, onDeferLoad = _b.onDeferLoad, onLeftDeferLoad = _b.onLeftDeferLoad, cellRender = _b.cellRender; _b.translate; var optionItemRender = _b.optionItemRender, itemHeight = _b.itemHeight, virtualThreshold = _b.virtualThreshold, onlyChildren = _b.onlyChildren, loadingConfig = _b.loadingConfig, _c = _b.valueField, valueField = _c === void 0 ? 'value' : _c, _d = _b.labelField, labelField = _d === void 0 ? 'label' : _d;
+        return option.selectMode === 'table' ? (React__default.createElement(TableCheckboxes, { className: cx('Transfer-checkboxes'), columns: option.columns, options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, cellRender: cellRender, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField })) : option.selectMode === 'tree' ? (React__default.createElement(Tree, { loadingConfig: loadingConfig, className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, joinValues: false, showIcon: false, onlyChildren: (_a = option.onlyChildren) !== null && _a !== void 0 ? _a : onlyChildren, cascade: true, onDeferLoad: onDeferLoad, autoCheckChildren: option.autoCheckChildren, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'tab',
                         tag: option
                     });
                 }
-                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold })) : option.selectMode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, defaultSelectedIndex: option.defaultSelectedIndex, itemRender: optionItemRender
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField })) : option.selectMode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, defaultSelectedIndex: option.defaultSelectedIndex, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'tab',
                         tag: option
                     });
                 }
-                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold })) : option.selectMode === 'associated' ? (React__default.createElement(AssociatedCheckboxes, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, onLeftDeferLoad: onLeftDeferLoad, leftMode: option.leftMode, leftOptions: option.leftOptions, leftDefaultValue: option.leftDefaultValue, loadingConfig: loadingConfig, itemRender: optionItemRender
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField })) : option.selectMode === 'associated' ? (React__default.createElement(AssociatedCheckboxes, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, onLeftDeferLoad: onLeftDeferLoad, leftMode: option.leftMode, leftOptions: option.leftOptions, leftDefaultValue: option.leftDefaultValue, loadingConfig: loadingConfig, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'tab',
                         tag: option
                     });
                 }
-                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold })) : (React__default.createElement(GroupedSelection, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, itemRender: optionItemRender
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField })) : (React__default.createElement(GroupedSelection, { className: cx('Transfer-checkboxes'), options: option.children || [], value: value, multiple: multiple, disabled: disabled, onChange: onChange, option2value: option2value, onDeferLoad: onDeferLoad, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'tab',
                         tag: option
                     });
                 }
-                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold }));
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField }));
     };
     TabsTransfer.prototype.render = function () {
         var _a = this.props, className = _a.className, cx = _a.classnames; _a.optionItemRender; _a.onSearch; var reset = __rest(_a, ["className", "classnames", "optionItemRender", "onSearch"]);

package/esm/components/TabsTransferPicker.d.ts

@@ -11,7 +11,7 @@ export declare class TransferPicker extends React.Component<TabsTransferPickerPr
     handleConfirm(value: any): void;
     onFoucs(): void;
     onBlur(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
@@ -21,7 +21,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
             locale?: string | undefined;
@@ -80,7 +80,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
                 locale?: string | undefined;
@@ -143,7 +143,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
             locale?: string | undefined;
@@ -206,7 +206,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
                 locale?: string | undefined;

package/esm/components/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
@@ -33,7 +33,7 @@ var TransferPicker = /** @class */ (function (_super) {
     };
     TransferPicker.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, rest = __rest(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size"]);
+        var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, _b = _a.labelField, labelField = _b === void 0 ? 'label' : _b, rest = __rest(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size", "labelField"]);
         return (React__default.createElement(PickerContainer, { title: __('Select.placeholder'), onFocus: this.onFoucs, onClose: this.onBlur, bodyRender: function (_a) {
                 _a.onClose; var value = _a.value, onChange = _a.onChange, setState = _a.setState, states = __rest(_a, ["onClose", "value", "onChange", "setState"]);
                 return (React__default.createElement(TabsTransfer, __assign({}, rest, states, { value: value, onChange: function (value, optionModified) {
@@ -47,10 +47,10 @@ var TransferPicker = /** @class */ (function (_super) {
                         else {
                             onChange(value);
                         }
-                    } })));
+                    }, labelField: labelField })));
             }, value: value, onConfirm: this.handleConfirm, size: size }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened;
-            return (React__default.createElement(ResultBox, { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled },
+            return (React__default.createElement(ResultBox, { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled, itemRender: function (option) { return (React__default.createElement("span", null, (option && option[labelField]) || 'undefiend')); } },
                 React__default.createElement("span", { className: cx('TransferPicker-icon') },
                     React__default.createElement(Icon, { icon: "pencil", className: "icon" }))));
         }));

package/esm/components/Tag.d.ts

@@ -27,23 +27,23 @@ export interface CheckableTagProps extends TagProps {
 export type TagLevel = 'inactive' | 'active' | 'success' | 'processing' | 'error' | 'warning';
 export declare class Tag extends React.Component<TagProps> {
     static defaultProps: Partial<TagProps>;
-    renderCloseIcon(): JSX.Element | null;
+    renderCloseIcon(): React.JSX.Element | null;
     handleClose(e: React.MouseEvent<HTMLElement>): void;
     handleClick(e: React.MouseEvent<HTMLElement>): void;
     handleMouseEnter(e: React.MouseEvent<any>): void;
     handleMouseLeave(e: React.MouseEvent<any>): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare class CheckableTagComp extends React.Component<CheckableTagProps> {
     handleClick(e: React.MouseEvent): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const CheckableTag: {
     new (props: Omit<CheckableTagProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<CheckableTagProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -95,7 +95,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
             children?: React.ReactNode | React.ReactNode[];

package/esm/components/Tag.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
@@ -51,16 +51,32 @@ var Tag = /** @class */ (function (_super) {
     };
     Tag.prototype.render = function () {
         var _a;
-        var _b = this.props, children = _b.children, cx = _b.classnames, className = _b.className, displayMode = _b.displayMode, disabled = _b.disabled, color = _b.color, icon = _b.icon, style = _b.style, label = _b.label; _b.closable;
+        var _b = this.props, children = _b.children, cx = _b.classnames, className = _b.className, displayMode = _b.displayMode, disabled = _b.disabled, color = _b.color, icon = _b.icon, style = _b.style, label = _b.label;
         var isPresetColor = color && PRESET_COLOR.indexOf(color) !== -1;
         var customColor = color && !isPresetColor ? color : undefined;
         var tagStyle = __assign({ backgroundColor: displayMode === 'normal' ? customColor : undefined, borderColor: displayMode === 'rounded' ? customColor : undefined, color: displayMode === 'rounded' ? customColor : undefined }, style);
-        var prevIcon = displayMode === 'status' && (React__default.createElement("span", { className: cx('Tag--prev') }, typeof icon === 'string' ? (getIcon(icon) ? (React__default.createElement(Icon, { icon: icon, className: "icon" })) : (generateIcon(cx, icon, 'Icon'))) : React__default.isValidElement(icon) ? (icon) : (React__default.createElement(Icon, { icon: "dot", className: "icon" }))));
+        var prevIcon;
+        if (displayMode === 'status') {
+            var iconItem = void 0;
+            if (icon) {
+                if (typeof icon === 'string' && getIcon(icon)) {
+                    iconItem = React__default.createElement(Icon, { icon: icon, className: "icon" });
+                }
+                else {
+                    iconItem = generateIcon(cx, icon, 'Icon');
+                }
+            }
+            if (!iconItem) {
+                iconItem = (React__default.createElement(Icon, { icon: "dot", className: cx('icon', 'Tag-default-icon') }));
+            }
+            var prevIconStyle = customColor ? { style: { color: customColor } } : {};
+            prevIcon = (React__default.createElement("span", __assign({ className: cx('Tag--prev') }, prevIconStyle), iconItem));
+        }
         return (React__default.createElement("span", { className: cx('Tag', "Tag--".concat(displayMode), className, (_a = {},
                 _a["Tag--".concat(displayMode, "--").concat(color)] = isPresetColor,
                 _a["Tag--".concat(displayMode, "--hasColor")] = color,
                 _a["Tag--disabled"] = disabled,
-                _a)), style: tagStyle, onClick: this.handleClick },
+                _a)), style: tagStyle, onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
             React__default.createElement("span", { className: cx('Tag-text') },
                 prevIcon,
                 label || children),

package/esm/components/Textarea.d.ts

@@ -69,7 +69,7 @@ export declare class Textarea extends React.Component<TextAreaProps, TextAreaSta
     handleFocus(e: React.FocusEvent<HTMLTextAreaElement>): void;
     handleBlur(e: React.FocusEvent<HTMLTextAreaElement>): void;
     handleClear(): Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Omit<Pick<Omit<TextAreaProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "value" | "maxLength" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "readOnly" | "borderMode" | "showCounter" | "forwardRef"> & {
@@ -85,7 +85,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<TextAreaProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "value" | "maxLength" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "readOnly" | "borderMode" | "showCounter" | "forwardRef"> & {
             clearable?: boolean | undefined;
@@ -204,7 +204,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TextAreaProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "value" | "maxLength" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "readOnly" | "borderMode" | "showCounter" | "forwardRef"> & {
                 clearable?: boolean | undefined;
@@ -327,7 +327,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TextAreaProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "value" | "maxLength" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "readOnly" | "borderMode" | "showCounter" | "forwardRef"> & {
             clearable?: boolean | undefined;
@@ -450,7 +450,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TextAreaProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "value" | "maxLength" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "readOnly" | "borderMode" | "showCounter" | "forwardRef"> & {
                 clearable?: boolean | undefined;

package/esm/components/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/Timeline.d.ts

@@ -8,13 +8,13 @@ export interface TimelineProps extends ThemeProps {
     reverse?: boolean;
     mode?: 'left' | 'right' | 'alternate';
 }
-export declare function Timeline(props: TimelineProps): JSX.Element;
+export declare function Timeline(props: TimelineProps): React.JSX.Element;
 declare const _default: {
     new (props: Omit<TimelineProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TimelineProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/esm/components/Timeline.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/TimelineItem.d.ts

@@ -38,7 +38,7 @@ export interface TimelineItemProps {
 export interface TimelineItem extends ThemeProps, LocaleProps, TimelineItemProps {
     key: string;
 }
-export declare function TimelineItem(props: TimelineItem): JSX.Element;
+export declare function TimelineItem(props: TimelineItem): React.JSX.Element;
 declare const _default: {
     new (props: Omit<Omit<TimelineItem, keyof LocaleProps> & {
         locale?: string | undefined;
@@ -47,7 +47,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<TimelineItem, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -106,7 +106,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TimelineItem, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -169,7 +169,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TimelineItem, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -232,7 +232,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TimelineItem, keyof LocaleProps> & {
                 locale?: string | undefined;

package/esm/components/TimelineItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/Tinymce.d.ts

@@ -50,6 +50,6 @@ export default class TinymceEditor extends React.Component<TinymceEditorProps> {
     componentDidUpdate(prevProps: TinymceEditorProps): void;
     componentWillUnmount(): void;
     initEditor(e: any, editor: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/esm/components/Tinymce.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/TitleBar.d.ts

@@ -38,7 +38,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TitleBarProps, keyof import("amis-core").ThemeProps>, never> & {
             title?: React.ReactNode;

package/esm/components/TitleBar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/Toast.d.ts

@@ -29,6 +29,7 @@ interface Item extends Config {
     body: string | React.ReactNode;
     level: ToastLevel;
     id: string;
+    className?: string;
     onDissmiss?: () => void;
     position?: 'top-right' | 'top-center' | 'top-left' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center';
     showIcon?: boolean;
@@ -51,7 +52,7 @@ export declare class ToastComponent extends React.Component<ToastComponentProps,
     info(content: string, config?: any): void;
     warning(content: string, config?: any): void;
     handleDismissed(index: number): void;
-    render(): JSX.Element[] | null;
+    render(): React.JSX.Element[] | null;
 }
 declare const _default: {
     new (props: Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
@@ -67,7 +68,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
@@ -186,7 +187,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
@@ -309,7 +310,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
@@ -432,7 +433,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
@@ -555,6 +556,7 @@ interface ToastMessageProps {
     classnames: ClassNamesFn;
     translate: TranslateFn;
     allowHtml: boolean;
+    className?: string;
     useMobileUI?: boolean;
 }
 interface ToastMessageState {
@@ -579,7 +581,7 @@ export declare class ToastMessage extends React.Component<ToastMessageProps, Toa
     handleMouseLeave(): void;
     handleEntered(): void;
     close(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const toast: {
     container: any;

package/esm/components/Toast.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
@@ -58,7 +58,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 // 移动端只能存在一个
                 items = [];
             }
-            items.push(__assign(__assign({ body: content, level: level }, config), { id: guid(), position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
+            items.push(__assign(__assign({ body: content, level: level }, config), { id: guid(), className: config.className || '', position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
             return {
                 items: items,
                 useMobileUI: useMobileUI
@@ -105,7 +105,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 var _a, _b, _c;
                 var level = item.level || 'info';
                 var toastTimeout = (_a = item.timeout) !== null && _a !== void 0 ? _a : (level === 'error' ? errorTimeout : timeout);
-                return (React__default.createElement(ToastMessage, { classnames: cx, key: item.id || index, title: item.title, body: item.body, level: level, timeout: toastTimeout, closeButton: !mobileUI && ((_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton), onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: (_c = item.showIcon) !== null && _c !== void 0 ? _c : showIcon, useMobileUI: mobileUI }));
+                return (React__default.createElement(ToastMessage, { classnames: cx, key: item.id || index, title: item.title, body: item.body, level: level, className: item.className, timeout: toastTimeout, closeButton: !mobileUI && ((_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton), onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: (_c = item.showIcon) !== null && _c !== void 0 ? _c : showIcon, useMobileUI: mobileUI }));
             })));
         });
     };
@@ -184,11 +184,11 @@ var ToastMessage = /** @class */ (function (_super) {
     };
     ToastMessage.prototype.render = function () {
         var _this = this;
-        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, useMobileUI = _a.useMobileUI; _a.translate;
+        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, useMobileUI = _a.useMobileUI; _a.translate; var className = _a.className;
         var iconName = useMobileUI ? '' : 'alert-';
         return (React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, in: this.state.visible, timeout: 750, onEntered: this.handleEntered, onExited: onDismiss }, function (status) {
             var _a, _b, _c, _d;
-            return (React__default.createElement("div", { className: cx("Toast Toast--".concat(level), fadeStyles[status], {
+            return (React__default.createElement("div", { className: cx("Toast Toast--".concat(level), className, fadeStyles[status], {
                     'Toast-mobile--has-icon': useMobileUI && showIcon !== false
                 }), onMouseEnter: _this.handleMouseEnter, onMouseLeave: _this.handleMouseLeave, onClick: closeButton ? noop : _this.close },
                 showIcon === false ? null : (React__default.createElement("div", { className: cx('Toast-icon') }, level === 'success' ? (React__default.createElement(Icon, { icon: iconName + 'success', className: "icon" })) : level == 'error' ? (React__default.createElement(Icon, { icon: iconName + 'fail', className: "icon" })) : level == 'info' ? (React__default.createElement(Icon, { icon: iconName + 'info', className: "icon" })) : level == 'warning' ? (React__default.createElement(Icon, { icon: iconName + 'warning', className: "icon" })) : null)),

package/esm/components/Tooltip.d.ts

@@ -17,6 +17,7 @@ interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
     placement?: string;
     showArrow?: boolean;
     tooltipTheme?: string;
+    bodyClassName?: string;
     [propName: string]: any;
 }
 export declare class Tooltip extends React.Component<TooltipProps> {
@@ -25,14 +26,14 @@ export declare class Tooltip extends React.Component<TooltipProps> {
         tooltipTheme: string;
         showArrow: boolean;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Omit<TooltipProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TooltipProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/esm/components/Tooltip.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,11 +18,11 @@ var Tooltip = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Tooltip.prototype.render = function () {
-        var _a = this.props; _a.classPrefix; var className = _a.className, tooltipTheme = _a.tooltipTheme, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style; _a.placement; _a.arrowOffsetLeft; _a.arrowOffsetTop; _a.positionLeft; _a.positionTop; var cx = _a.classnames, activePlacement = _a.activePlacement, showArrow = _a.showArrow, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = __rest(_a, ["classPrefix", "className", "tooltipTheme", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "showArrow", "onMouseEnter", "onMouseLeave"]);
+        var _a = this.props; _a.classPrefix; var className = _a.className, tooltipTheme = _a.tooltipTheme, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style; _a.placement; _a.arrowOffsetLeft; _a.arrowOffsetTop; _a.positionLeft; _a.positionTop; var cx = _a.classnames, activePlacement = _a.activePlacement, showArrow = _a.showArrow, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, bodyClassName = _a.bodyClassName, rest = __rest(_a, ["classPrefix", "className", "tooltipTheme", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "showArrow", "onMouseEnter", "onMouseLeave", "bodyClassName"]);
         return (React__default.createElement("div", __assign({}, rest, { className: cx("Tooltip", activePlacement ? "Tooltip--".concat(activePlacement) : '', className, "Tooltip--".concat(tooltipTheme === 'dark' ? 'dark' : 'light')), style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: "tooltip" }),
             showArrow ? (React__default.createElement("div", __assign({ className: cx("Tooltip-arrow") }, arrowProps))) : null,
             title ? React__default.createElement("div", { className: cx('Tooltip-title') }, title) : null,
-            React__default.createElement("div", { className: cx('Tooltip-body') }, children)));
+            React__default.createElement("div", { className: cx(bodyClassName, 'Tooltip-body') }, children)));
     };
     Tooltip.defaultProps = {
         className: '',