amis-ui 3.1.1 → 3.3.0

package/esm/components/TabsTransfer.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __awaiter, __generator, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { filter, createObject, autobind, themeable, localeable } from 'amis-core';
+import { isMobile, 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,13 +118,14 @@ 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, ctx = _a.ctx;
+        var _a = this.props, options = _a.options, placeholder = _a.placeholder, activeKey = _a.activeKey, cx = _a.classnames, __ = _a.translate, ctx = _a.ctx, useMobileUI = _a.useMobileUI;
         var showOptions = options.filter(function (item) { return item.visible !== false; });
+        var mobileUI = useMobileUI && isMobile();
         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: filter(option.label || option.title, createObject(ctx, option)), className: "TabsTransfer-tab" },
-            option.searchable ? (React__default.createElement("div", { className: cx('TabsTransfer-search') },
+            option.searchable ? (React__default.createElement("div", { className: cx('TabsTransfer-search', { 'is-mobile': mobileUI }) },
                 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,
             _this.state.searchResult !== null
@@ -165,8 +166,8 @@ var TabsTransfer = /** @class */ (function (_super) {
                 : 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"]);
-        return (React__default.createElement(Transfer, __assign({}, reset, { statistics: false, classnames: cx, className: cx('TabsTransfer', className), selectRender: this.renderSelect })));
+        var _a = this.props, className = _a.className, cx = _a.classnames; _a.optionItemRender; _a.onSearch; var useMobileUI = _a.useMobileUI, reset = __rest(_a, ["className", "classnames", "optionItemRender", "onSearch", "useMobileUI"]);
+        return (React__default.createElement(Transfer, __assign({}, reset, { useMobileUI: useMobileUI, statistics: false, classnames: cx, className: cx('TabsTransfer', className), selectRender: this.renderSelect })));
     };
     TabsTransfer.defaultProps = {
         multiple: true,

package/esm/components/TabsTransferPicker.d.ts

@@ -5,6 +5,8 @@ export interface TabsTransferPickerProps extends Omit<TabsTransferProps, 'itemRe
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     onFocus?: () => void;
     onBlur?: () => void;
+    useMobileUI?: boolean;
+    popOverContainer?: any;
 }
 export declare class TransferPicker extends React.Component<TabsTransferPickerProps> {
     optionModified: boolean;

package/esm/components/TabsTransferPicker.js

@@ -1,10 +1,10 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
-import { mapTree, autobind, themeable, localeable, uncontrollable } from 'amis-core';
+import { isMobile, mapTree, autobind, themeable, localeable, uncontrollable } from 'amis-core';
 import React__default from 'react';
 import ResultBox from './ResultBox.js';
 import { Icon } from './icons.js';
@@ -33,10 +33,11 @@ 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, _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) {
+        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, useMobileUI = _a.useMobileUI, popOverContainer = _a.popOverContainer, rest = __rest(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size", "labelField", "useMobileUI", "popOverContainer"]);
+        var mobileUI = useMobileUI && isMobile();
+        return (React__default.createElement(PickerContainer, { title: __('Select.placeholder'), useMobileUI: useMobileUI, popOverContainer: popOverContainer, 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) {
+                return (React__default.createElement(TabsTransfer, __assign({}, rest, states, { value: value, useMobileUI: useMobileUI, onChange: function (value, optionModified) {
                         if (optionModified) {
                             var options = mapTree(rest.options, function (item) {
                                 return (value.find(function (a) { return a.value === item.value; }) || item);
@@ -50,9 +51,8 @@ var TransferPicker = /** @class */ (function (_super) {
                     }, 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, 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" }))));
+            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')); }, useMobileUI: useMobileUI }, !mobileUI ? (React__default.createElement("span", { className: cx('TransferPicker-icon') },
+                React__default.createElement(Icon, { icon: "pencil", className: "icon" }))) : null));
         }));
     };
     __decorate([

package/esm/components/Tag.d.ts

@@ -73,23 +73,23 @@ export declare const CheckableTag: {
 };
 declare const _default: {
     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;
+        icon?: React.ReactNode;
+        label?: React.ReactNode;
+        children?: React.ReactNode | React.ReactNode[];
         onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        disabled?: boolean | 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;
+        displayMode?: "rounded" | "status" | "normal" | undefined;
         closeIcon?: React.ReactNode;
     } & {
-        classPrefix?: string | undefined;
         classnames?: import("amis-core").ClassNamesFn | undefined;
-        className?: string | undefined;
+        classPrefix?: string | undefined;
         style?: React.CSSProperties | undefined;
+        className?: string | undefined;
         theme?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
@@ -98,44 +98,44 @@ declare const _default: {
         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[];
-            label?: React.ReactNode;
-            disabled?: boolean | undefined;
-            icon?: React.ReactNode;
-            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             color?: string | undefined;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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> & {
-            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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
@@ -144,147 +144,147 @@ declare const _default: {
         };
         componentDidMount?(): void;
         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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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> & {
-            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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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> & {
-            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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | 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;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            children?: React.ReactNode | React.ReactNode[];
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+            disabled?: boolean | 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;
+            displayMode?: "rounded" | "status" | "normal" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classPrefix?: string | undefined;
             classnames?: import("amis-core").ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: React.CSSProperties | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };

package/esm/components/Tag.js

@@ -1,12 +1,12 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { generateIcon, autobind, noop, themeable } from 'amis-core';
-import { getIcon, Icon } from './icons.js';
+import { autobind, noop, themeable } from 'amis-core';
+import { Icon } from './icons.js';
 
 /**
  * @file Tag
@@ -29,7 +29,7 @@ var Tag = /** @class */ (function (_super) {
         if (!closable) {
             return null;
         }
-        var icon = typeof closeIcon === 'string' ? (getIcon(closeIcon) ? (React__default.createElement(Icon, { icon: closeIcon, className: "icon" })) : (generateIcon(cx, closeIcon, 'Icon'))) : React__default.isValidElement(closeIcon) ? (closeIcon) : (React__default.createElement(Icon, { icon: "close", className: "icon" }));
+        var icon = React__default.createElement(Icon, { cx: cx, icon: closeIcon || 'close', className: "icon" });
         return (React__default.createElement("span", { className: cx("Tag--close"), onClick: this.handleClose }, icon));
     };
     Tag.prototype.handleClose = function (e) {
@@ -59,12 +59,7 @@ var Tag = /** @class */ (function (_super) {
         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');
-                }
+                iconItem = React__default.createElement(Icon, { icon: icon, className: "icon" });
             }
             if (!iconItem) {
                 iconItem = (React__default.createElement(Icon, { icon: "dot", className: cx('icon', 'Tag-default-icon') }));