amis-ui 3.4.2 → 3.5.0

package/lib/components/ResultBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -105,20 +105,22 @@ var ResultBox = /** @class */ (function (_super) {
                     _J$X_("div", { className: cx('ResultBox-value', {
                             'is-invalid': isShowInvalid
                         }), key: index },
-                        _J$X_("span", { className: cx('ResultBox-valueLabel') }, item.label)))) : (_J$X_("div", { className: cx('ResultBox-value', {
-                        'is-invalid': isShowInvalid
-                    }), key: index },
-                    _J$X_("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
-                    _J$X_("a", { "data-index": index, onClick: _this.removeItem },
-                        _J$X_(icons.Icon, { icon: "close", className: "icon" }))));
+                        _J$X_("span", { className: cx('ResultBox-valueLabel') }, item.label)))) : (_J$X_(TooltipWrapper["default"], { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index },
+                    _J$X_("div", { className: cx('ResultBox-value', {
+                            'is-invalid': isShowInvalid
+                        }) },
+                        _J$X_("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
+                        _J$X_("a", { "data-index": index, onClick: _this.removeItem },
+                            _J$X_(icons.Icon, { icon: "close", className: "icon" })))));
             });
         }
-        return tags.map(function (item, index) { return (_J$X_("div", { className: cx('ResultBox-value', {
-                'is-invalid': showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched)
-            }), key: index },
-            _J$X_("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
-            _J$X_("a", { "data-index": index, onClick: _this.removeItem },
-                _J$X_(icons.Icon, { icon: "close", className: "icon" })))); });
+        return tags.map(function (item, index) { return (_J$X_(TooltipWrapper["default"], { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index },
+            _J$X_("div", { className: cx('ResultBox-value', {
+                    'is-invalid': showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched)
+                }) },
+                _J$X_("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
+                _J$X_("a", { "data-index": index, onClick: _this.removeItem },
+                    _J$X_(icons.Icon, { icon: "close", className: "icon" }))))); });
     };
     ResultBox.prototype.render = function () {
         var _a;

package/lib/components/ResultList.d.ts

@@ -6,7 +6,7 @@ import React from 'react';
 import Sortable from 'sortablejs';
 import { Option, Options } from './Select';
 import { ThemeProps } from 'amis-core';
-import { LocaleProps } from 'amis-core';
+import { LocaleProps, ClassNamesFn } from 'amis-core';
 export interface ResultListProps extends ThemeProps, LocaleProps {
     className?: string;
     value?: Array<Option>;
@@ -30,6 +30,7 @@ export interface ItemRenderStates {
     index: number;
     disabled?: boolean;
     labelField?: string;
+    classnames: ClassNamesFn;
     onChange: (value: any, name: string) => void;
 }
 interface ResultListState {
@@ -60,7 +61,7 @@ export declare class ResultList extends React.Component<ResultListProps, ResultL
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+    new (props: Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
         placeholder?: string | undefined;
         itemHeight?: number | undefined;
         virtualThreshold?: number | undefined;
@@ -75,7 +76,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -86,7 +87,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & 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<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -101,7 +102,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -113,7 +114,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -123,7 +124,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -135,7 +136,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -145,7 +146,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -155,7 +156,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -165,7 +166,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -179,7 +180,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -194,7 +195,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -205,7 +206,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -220,7 +221,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -232,7 +233,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -242,7 +243,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -254,7 +255,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -264,7 +265,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -274,7 +275,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -284,7 +285,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -302,7 +303,7 @@ declare const _default: {
         ComposedComponent: typeof ResultList;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+    new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
         placeholder?: string | undefined;
         itemHeight?: number | undefined;
         virtualThreshold?: number | undefined;
@@ -317,7 +318,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -328,7 +329,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -343,7 +344,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -355,7 +356,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -365,7 +366,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -377,7 +378,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -387,7 +388,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -397,7 +398,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -407,7 +408,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -425,7 +426,7 @@ declare const _default: {
     ComposedComponent: typeof ResultList;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -440,7 +441,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -451,7 +452,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -466,7 +467,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -478,7 +479,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -488,7 +489,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -500,7 +501,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -510,7 +511,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -520,7 +521,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -530,7 +531,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "style" | "title" | "className" | "disabled" | "value" | "onChange" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;

package/lib/components/ResultList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -39,7 +39,15 @@ var ResultList = /** @class */ (function (_super) {
         return _this;
     }
     ResultList.itemRender = function (option, states) {
-        return (_J$X_("span", null, "".concat(option.scopeLabel || '').concat(option[(states === null || states === void 0 ? void 0 : states.labelField) || 'label'])));
+        var scopeLabel = option.scopeLabel || '';
+        var label = option[(states === null || states === void 0 ? void 0 : states.labelField) || 'label'];
+        var canScopeLabelTitle = typeof scopeLabel === 'string' || typeof scopeLabel === 'number';
+        var canLabelTitle = typeof label === 'string' || typeof label === 'number';
+        var title = canScopeLabelTitle && canLabelTitle ? "".concat(scopeLabel).concat(label) : '';
+        var classnames = states.classnames;
+        return (_J$X_("span", { title: title, className: classnames('Selection-ellipsis-line') },
+            scopeLabel,
+            label));
     };
     ResultList.prototype.componentDidMount = function () {
         this.props.sortable && this.initSortable();
@@ -183,7 +191,8 @@ var ResultList = /** @class */ (function (_super) {
                 index: index,
                 disabled: disabled,
                 onChange: this.handleValueChange.bind(this, index),
-                labelField: labelField
+                labelField: labelField,
+                classnames: cx
             })),
             !disabled ? (_J$X_("a", { className: cx('Selections-delBtn'), "data-index": index, onClick: function (e) {
                     return _this.handleCloseItem(e, option);