amis-ui 2.8.0 → 3.0.0

package/esm/components/TabsTransfer.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v2.8.0
+ * amis-ui v3.0.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';
@@ -118,12 +118,12 @@ var TabsTransfer = /** @class */ (function (_super) {
     };
     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,

package/esm/components/TabsTransferPicker.d.ts

@@ -22,7 +22,7 @@ declare const _default: {
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -31,9 +31,7 @@ declare const _default: {
         readonly props: Readonly<Omit<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -83,7 +81,7 @@ declare const _default: {
             childRef(ref: any): void;
             getWrappedInstance(): any;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -92,8 +90,6 @@ declare const _default: {
             readonly props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }> & Readonly<{
-                children?: React.ReactNode;
             }>;
             state: Readonly<{}>;
             refs: {
@@ -148,7 +144,7 @@ declare const _default: {
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -157,8 +153,6 @@ declare const _default: {
         readonly props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }> & Readonly<{
-            children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
         refs: {
@@ -213,7 +207,7 @@ declare const _default: {
             childRef(ref: any): void;
             getWrappedInstance(): any;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -222,8 +216,6 @@ declare const _default: {
             readonly props: Readonly<Omit<TabsTransferPickerProps, keyof import("amis-core").LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
-            }> & Readonly<{
-                children?: React.ReactNode;
             }>;
             state: Readonly<{}>;
             refs: {

package/esm/components/TabsTransferPicker.js

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

package/esm/components/Tag.d.ts

@@ -17,6 +17,7 @@ export interface TagProps extends ThemeProps {
     onClick?: (e: React.MouseEvent) => void;
     onMouseEnter?: (e: React.MouseEvent) => void;
     onMouseLeave?: (e: React.MouseEvent) => void;
+    children?: React.ReactNode | Array<React.ReactNode>;
 }
 export interface CheckableTagProps extends TagProps {
     onClick?: (e: React.MouseEvent) => void;
@@ -43,12 +44,10 @@ export declare const CheckableTag: {
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<Omit<CheckableTagProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Omit<CheckableTagProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -73,33 +72,221 @@ export declare const CheckableTag: {
     ComposedComponent: typeof CheckableTagComp;
 };
 declare const _default: {
-    new (props: Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+        children?: React.ReactNode | React.ReactNode[];
+        label?: React.ReactNode;
+        disabled?: boolean | undefined;
+        icon?: React.ReactNode;
+        onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        color?: string | undefined;
+        onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        closable?: boolean | undefined;
+        displayMode?: "status" | "normal" | "rounded" | undefined;
+        closeIcon?: React.ReactNode;
+    } & {
+        classPrefix?: string | undefined;
+        classnames?: import("amis-core").ClassNamesFn | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        theme?: string | undefined;
+    } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "onMouseEnter" | "onMouseLeave" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "style" | "theme">> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
+            children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            color?: string | undefined;
+            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            closable?: boolean | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
+            closeIcon?: React.ReactNode;
+        } & {
+            classPrefix?: string | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            theme?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/esm/components/Tag.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.8.0
+ * amis-ui v3.0.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),