amis-ui 6.2.2 → 6.4.0

package/esm/components/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -93,38 +93,39 @@ 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, selectMode = _a.selectMode; _a.loadingConfig; var activeKey = _a.activeKey, optionsConfig = _a.options, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c;
+        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, selectMode = _a.selectMode; _a.loadingConfig; var activeKey = _a.activeKey, optionsConfig = _a.options, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c, testIdBuilder = _a.testIdBuilder;
         var options = searchResult || [];
         var mode = searchResultMode || selectMode; // 没有配置时默认和左侧选项展示形式一致
+        var searchTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('search-result');
         var activeTab = optionsConfig[activeKey];
-        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, autoCheckChildren: activeTab.autoCheckChildren, itemRender: optionItemRender
+        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, testIdBuilder: searchTIB })) : 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, autoCheckChildren: activeTab.autoCheckChildren, itemRender: optionItemRender
                 ? function (item, states) {
                     return optionItemRender(item, states, {
                         panel: 'result'
                     });
                 }
-                : 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
+                : undefined, valueField: valueField, labelField: labelField, testIdBuilder: searchTIB })) : 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, 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
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: searchTIB })) : (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, valueField: valueField, labelField: labelField }));
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: searchTIB }));
     };
     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, mobileUI = _a.mobileUI, searchable = _a.searchable;
+        var _a = this.props, options = _a.options, placeholder = _a.placeholder, activeKey = _a.activeKey, cx = _a.classnames, __ = _a.translate, ctx = _a.ctx, mobileUI = _a.mobileUI, searchable = _a.searchable, testIdBuilder = _a.testIdBuilder;
         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: filter(option.label || option.title, createObject(ctx, option)), className: "TabsTransfer-tab" },
+        return (React__default.createElement(ThemedTabs, { mode: "line", className: cx('TabsTransfer-tabs'), onSelect: this.handleTabChange, activeKey: activeKey, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('tabs') }, 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", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("tab-".concat(index)) },
             option.searchable || 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,
@@ -134,37 +135,38 @@ 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, _c = _b.initiallyOpen, initiallyOpen = _c === void 0 ? true : _c, _d = _b.valueField, valueField = _d === void 0 ? 'value' : _d, _e = _b.labelField, labelField = _e === void 0 ? 'label' : _e, _f = _b.deferField, deferField = _f === void 0 ? 'defer' : _f;
+        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.initiallyOpen, initiallyOpen = _c === void 0 ? true : _c, _d = _b.valueField, valueField = _d === void 0 ? 'value' : _d, _e = _b.labelField, labelField = _e === void 0 ? 'label' : _e, _f = _b.deferField, deferField = _f === void 0 ? 'defer' : _f, testIdBuilder = _b.testIdBuilder;
         var selectMode = option.selectMode || this.props.selectMode;
-        return 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 })) : 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 selTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('selection');
+        return 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, testIdBuilder: selTIB })) : 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, valueField: valueField, labelField: labelField, initiallyOpen: initiallyOpen })) : 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, initiallyOpen: initiallyOpen, testIdBuilder: selTIB })) : 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, valueField: valueField, labelField: labelField })) : 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, testIdBuilder: selTIB })) : 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, valueField: valueField, labelField: labelField, deferField: deferField })) : (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, deferField: deferField, testIdBuilder: selTIB })) : (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, valueField: valueField, labelField: labelField }));
+                : undefined, itemHeight: itemHeight, virtualThreshold: virtualThreshold, valueField: valueField, labelField: labelField, testIdBuilder: selTIB }));
     };
     TabsTransfer.prototype.render = function () {
         var _a = this.props, className = _a.className, cx = _a.classnames; _a.optionItemRender; _a.onSearch; var mobileUI = _a.mobileUI, reset = __rest(_a, ["className", "classnames", "optionItemRender", "onSearch", "mobileUI"]);

package/esm/components/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Tag.d.ts

@@ -73,25 +73,25 @@ export declare const CheckableTag: {
 };
 declare const _default: {
     new (props: Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-        color?: string | undefined;
-        icon?: React.ReactNode;
-        label?: React.ReactNode;
         children?: React.ReactNode | React.ReactNode[];
+        label?: React.ReactNode;
+        disabled?: boolean | undefined;
+        icon?: React.ReactNode;
         onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
         onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
         onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        disabled?: boolean | undefined;
+        color?: string | undefined;
         closable?: boolean | undefined;
-        displayMode?: "rounded" | "status" | "normal" | undefined;
+        displayMode?: "status" | "normal" | "rounded" | undefined;
         closeIcon?: React.ReactNode;
     } & {
-        classnames?: import("amis-core").ClassNamesFn | undefined;
         classPrefix?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        classnames?: import("amis-core").ClassNamesFn | undefined;
         className?: string | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -99,47 +99,47 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
@@ -147,155 +147,155 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & {
-            color?: string | undefined;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
+            label?: React.ReactNode;
+            disabled?: boolean | undefined;
+            icon?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
             onClose?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            disabled?: boolean | undefined;
+            color?: string | undefined;
             closable?: boolean | undefined;
-            displayMode?: "rounded" | "status" | "normal" | undefined;
+            displayMode?: "status" | "normal" | "rounded" | undefined;
             closeIcon?: React.ReactNode;
         } & {
-            classnames?: import("amis-core").ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: React.CSSProperties | undefined;
+            classnames?: import("amis-core").ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: React.CSSProperties | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/esm/components/Tag.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */