@alifd/chat 0.1.15-beta.9 → 0.1.16

package/es/message/types.d.ts

@@ -0,0 +1,195 @@
+import type React from 'react';
+import type { OverlayProps } from '@alifd/next/types/overlay';
+import type { ConsumerState } from '@alifd/next/types/config-provider/consumer';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+/**
+ * @api Message
+ */
+export interface MessageProps extends HTMLAttributesWeak {
+    /**
+     * 反馈类型
+     * @en type of message
+     * @defaultValue 'success'
+     */
+    type?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /**
+     * 反馈外观
+     * @en shape of message
+     * @defaultValue 'inline'
+     */
+    shape?: 'inline' | 'addon' | 'toast';
+    /**
+     * 反馈大小
+     * @en size of message
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 标题
+     * @en title of message
+     */
+    title?: React.ReactNode;
+    /**
+     * 内容，非函数式调用下使用
+     * @en content of message
+     */
+    children?: React.ReactNode;
+    /**
+     * 默认是否显示
+     * @en whether the message is visible in default
+     * @defaultValue false
+     */
+    defaultVisible?: boolean;
+    /**
+     * 当前是否显示
+     * @en whether the message is visible currently
+     */
+    visible?: boolean;
+    /**
+     * 显示的图标类型，会覆盖内部设置的IconType，传false不显示图标
+     * @en type of icon, overriding the internally type of icon
+     */
+    iconType?: string | false;
+    /**
+     * 显示关闭按钮
+     * @en whether to show the close button
+     * @defaultValue false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭按钮的回调
+     * @en callback function triggered when close
+     * @defaultValue () =\> \{\}
+     */
+    onClose?: () => void;
+    /**
+     * 关闭之后调用的函数
+     * @en callback function triggered after closed
+     * @defaultValue () =\> \{\}
+     */
+    afterClose?: () => void;
+    /**
+     * 是否开启展开收起动画
+     * @en whether to enable expand and collapse animation
+     * @defaultValue true
+     */
+    animation?: boolean;
+}
+/**
+ * @api Message.show
+ * @remarks Message.show(props) 提供一个单例的调用方式，配置参数如下（继承 Overlay 的配置）：
+ *
+ * ```js
+ * Message.show({
+ *  type: 'error',
+ *  title: '错误',
+ *  content: '请联系相关人员反馈！',
+ *  hasMask: true
+ * });
+ * ```
+ * -
+ * `Message.show(props)` provides a singleton call with the following configuration parameters (inheriting `Overlay` configuration):
+ * ```js
+ * Message.show({
+ *  type: 'error',
+ *  title: 'Error',
+ *  content: 'Please contact admin feedback!',
+ *  hasMask: true
+ * });
+ * ```
+ */
+export interface MessageQuickProps extends Omit<HTMLAttributesWeak, 'content'> {
+    /**
+     * 反馈类型
+     * @en type of message
+     * @defaultValue 'success'
+     */
+    type?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /**
+     * 反馈大小
+     * @en size of message
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 标题
+     * @en title of message
+     */
+    title?: React.ReactNode;
+    /**
+     * 内容，函数式调用下使用
+     * @en content of message
+     */
+    content?: React.ReactNode;
+    /**
+     * 弹层对齐方式，详情见 Overlay align
+     * @en alignment reference Overlay
+     * @defaultValue 'tc tc'
+     */
+    align?: string | boolean;
+    /**
+     * 弹层相对于参照元素定位的微调
+     * @en offset after positioned
+     * @defaultValue [0, 0]
+     */
+    offset?: Array<number>;
+    /**
+     * 是否显示遮罩
+     * @en whether to have a mask
+     * @defaultValue false
+     */
+    hasMask?: boolean;
+    /**
+     * 显示持续时间，0表示一直存在，以毫秒为单位
+     * @en show duration, 0 means always present, in milliseconds
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * @skip
+     */
+    timeoutId?: string;
+    /**
+     * 显示关闭按钮
+     * @en whether to show the close button
+     * @defaultValue false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭按钮的回调
+     * @en callback function triggered when close
+     * @defaultValue () =\> \{\}
+     */
+    onClose?: () => void;
+    /**
+     * 关闭之后调用的函数
+     * @en callback function triggered after closed
+     * @defaultValue () =\> \{\}
+     */
+    afterClose?: () => void;
+    /**
+     * 是否开启展开收起动画
+     * @en whether to enable expand and collapse animation
+     * @defaultValue true
+     */
+    animation?: boolean;
+    /**
+     * 透传到弹层组件的属性对象
+     * @en props of Overlay
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * @skip
+     */
+    contextConfig?: ConsumerState;
+}
+export type OpenProps = string | React.ReactElement | MessageQuickProps;
+export interface MessageWrapperItem extends MessageQuickProps {
+    timer?: ReturnType<typeof setTimeout>;
+    key: string;
+}
+export interface MessageWrapperProps {
+    prefix?: MessageQuickProps['prefix'];
+    dataSource: Array<MessageWrapperItem>;
+}
+export {};

package/es/message/types.js

@@ -0,0 +1 @@
+export {};

package/es/person-picker/index.d.ts

@@ -18,7 +18,382 @@
  * | SPACE       | Trigger the onClick event    |
  */
 import React from 'react';
-import { Select as NextSelect } from '@alifd/next';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<NextSelect>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextSelect, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/select").SelectProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    selectAllYet: boolean;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidMount(): void;
+    ie9Hack(): void;
+    useDetailValue(): boolean;
+    hasSearch(): boolean;
+    getTagSize(): "small" | "medium" | "large" | undefined;
+    handleMenuSelect(keys: string[], item: {
+        props: {
+            _key: string;
+        };
+    }): false | void;
+    handleItemClick(key: string): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    updateSelectAllYet(value?: unknown): void;
+    handleSearchValue(value: string): void;
+    handleSearch(value: string, e: React.ChangeEvent<HTMLInputElement>): void;
+    handleSearchClear(triggerType?: string | undefined): void;
+    handleSearchKeyDown(e: React.KeyboardEvent<HTMLElement>): void;
+    chooseMultipleItem(key: string): void;
+    chooseHighlightItem(proxy: unknown, e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleTagClose(item: import("@alifd/next/types/select").ObjectItem): boolean;
+    handleDeleteTag(e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleSelectAll(e: React.UIEvent<HTMLElement, UIEvent>): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
+    afterClose(): void;
+    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select").ObjectItem[], totalValues: import("@alifd/next/types/select").ObjectItem[]): string;
+    renderValues(): React.ReactNode;
+    handleWrapClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    handleArrowClick: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    handleClear: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    hasClear(): boolean | undefined;
+    renderExtraNode(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    renderSelect(): React.JSX.Element;
+    renderSearchInput(valueNodes: React.ReactNode, placeholder: string | undefined, inputEl: React.ReactElement<any, string | React.JSXElementConstructor<any>>): React.JSX.Element;
+    renderMenuHeader(): React.ReactNode;
+    render(): React.JSX.Element;
+    dataStore: import("@alifd/next/types/select/data-store").default;
+    selectDOM: HTMLElement;
+    width: string | number;
+    popupRef: HTMLDivElement;
+    resizeTimeout: number;
+    highlightTimer: number | undefined;
+    menuRef: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/menu").MenuProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/menu/view/menu").Menu> | null;
+    isAutoComplete: boolean;
+    inputRef: import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>;
+    valueDataSource: {
+        value?: string | number | boolean | (string | number | boolean | null | undefined)[] | null | undefined;
+        valueDS?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined;
+        mapValueDS?: Record<string, import("@alifd/next/types/select").ObjectItem> | undefined;
+    };
+    componentWillUnmount(): void;
+    syncWidth(): void;
+    handleResize(): void;
+    setDataSource(props: import("@alifd/next/types/select").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
+    setVisible(visible: boolean, type?: import("@alifd/next/types/select").VisibleChangeType | undefined): void;
+    setFirstHightLightKeyForMenu(searchValue?: unknown): void;
+    handleChange(value: import("@alifd/next/types/select").DataSourceItem | import("@alifd/next/types/select").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined): void;
+    handleMenuBodyClick(): void;
+    toggleHighlightItem(dir: number): false | import("@alifd/next/types/select/types").NormalizedObjectItem | undefined;
+    scrollMenuIntoView(): void;
+    handleSelect(): void;
+    handleMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    renderMenu(): React.JSX.Element;
+    renderMenuItem(dataSource: import("@alifd/next/types/select/types").NormalizedObjectItem[]): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    saveSelectRef: (ref: HTMLElement | null) => void;
+    saveInputRef: (ref: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">) => void;
+    focusInput(): void;
+    focus(start?: number | undefined, end?: number | undefined, preventScroll?: boolean | undefined): void;
+    beforeOpen(): void;
+    beforeClose(): void;
+    savePopupRef: (ref: HTMLDivElement) => void;
+    shouldAutoWidth(): boolean | undefined;
+    context: any;
+    setState<K extends keyof import("@alifd/next/types/select/select").SelectState>(state: import("@alifd/next/types/select/select").SelectState | ((prevState: Readonly<import("@alifd/next/types/select/select").SelectState>, props: Readonly<import("@alifd/next/types/select").SelectProps>) => import("@alifd/next/types/select/select").SelectState | Pick<import("@alifd/next/types/select/select").SelectState, K> | null) | Pick<import("@alifd/next/types/select/select").SelectState, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/select").SelectProps> & Readonly<{
+        children?: React.ReactNode;
+    }>;
+    state: Readonly<import("@alifd/next/types/select/select").SelectState>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/select").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+}> & Pick<{
+    selectAllYet: boolean;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidMount(): void;
+    ie9Hack(): void;
+    useDetailValue(): boolean;
+    hasSearch(): boolean;
+    getTagSize(): "small" | "medium" | "large" | undefined;
+    handleMenuSelect(keys: string[], item: {
+        props: {
+            _key: string;
+        };
+    }): false | void;
+    handleItemClick(key: string): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    updateSelectAllYet(value?: unknown): void;
+    handleSearchValue(value: string): void;
+    handleSearch(value: string, e: React.ChangeEvent<HTMLInputElement>): void;
+    handleSearchClear(triggerType?: string | undefined): void;
+    handleSearchKeyDown(e: React.KeyboardEvent<HTMLElement>): void;
+    chooseMultipleItem(key: string): void;
+    chooseHighlightItem(proxy: unknown, e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleTagClose(item: import("@alifd/next/types/select").ObjectItem): boolean;
+    handleDeleteTag(e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleSelectAll(e: React.UIEvent<HTMLElement, UIEvent>): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
+    afterClose(): void;
+    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select").ObjectItem[], totalValues: import("@alifd/next/types/select").ObjectItem[]): string;
+    renderValues(): React.ReactNode;
+    handleWrapClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    handleArrowClick: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    handleClear: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    hasClear(): boolean | undefined;
+    renderExtraNode(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    renderSelect(): React.JSX.Element;
+    renderSearchInput(valueNodes: React.ReactNode, placeholder: string | undefined, inputEl: React.ReactElement<any, string | React.JSXElementConstructor<any>>): React.JSX.Element;
+    renderMenuHeader(): React.ReactNode;
+    render(): React.JSX.Element;
+    dataStore: import("@alifd/next/types/select/data-store").default;
+    selectDOM: HTMLElement;
+    width: string | number;
+    popupRef: HTMLDivElement;
+    resizeTimeout: number;
+    highlightTimer: number | undefined;
+    menuRef: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/menu").MenuProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/menu/view/menu").Menu> | null;
+    isAutoComplete: boolean;
+    inputRef: import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>;
+    valueDataSource: {
+        value?: string | number | boolean | (string | number | boolean | null | undefined)[] | null | undefined;
+        valueDS?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined;
+        mapValueDS?: Record<string, import("@alifd/next/types/select").ObjectItem> | undefined;
+    };
+    componentWillUnmount(): void;
+    syncWidth(): void;
+    handleResize(): void;
+    setDataSource(props: import("@alifd/next/types/select").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
+    setVisible(visible: boolean, type?: import("@alifd/next/types/select").VisibleChangeType | undefined): void;
+    setFirstHightLightKeyForMenu(searchValue?: unknown): void;
+    handleChange(value: import("@alifd/next/types/select").DataSourceItem | import("@alifd/next/types/select").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined): void;
+    handleMenuBodyClick(): void;
+    toggleHighlightItem(dir: number): false | import("@alifd/next/types/select/types").NormalizedObjectItem | undefined;
+    scrollMenuIntoView(): void;
+    handleSelect(): void;
+    handleMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    renderMenu(): React.JSX.Element;
+    renderMenuItem(dataSource: import("@alifd/next/types/select/types").NormalizedObjectItem[]): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    saveSelectRef: (ref: HTMLElement | null) => void;
+    saveInputRef: (ref: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">) => void;
+    focusInput(): void;
+    focus(start?: number | undefined, end?: number | undefined, preventScroll?: boolean | undefined): void;
+    beforeOpen(): void;
+    beforeClose(): void;
+    savePopupRef: (ref: HTMLDivElement) => void;
+    shouldAutoWidth(): boolean | undefined;
+    context: any;
+    setState<K_1 extends keyof import("@alifd/next/types/select/select").SelectState>(state: import("@alifd/next/types/select/select").SelectState | ((prevState: Readonly<import("@alifd/next/types/select/select").SelectState>, props: Readonly<import("@alifd/next/types/select").SelectProps>) => import("@alifd/next/types/select/select").SelectState | Pick<import("@alifd/next/types/select/select").SelectState, K_1> | null) | Pick<import("@alifd/next/types/select/select").SelectState, K_1> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/select").SelectProps> & Readonly<{
+        children?: React.ReactNode;
+    }>;
+    state: Readonly<import("@alifd/next/types/select/select").SelectState>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/select").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+}, "focusInput" | "handleSearchClear">>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/select").SelectProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    selectAllYet: boolean;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidMount(): void;
+    ie9Hack(): void;
+    useDetailValue(): boolean;
+    hasSearch(): boolean;
+    getTagSize(): "small" | "medium" | "large" | undefined;
+    handleMenuSelect(keys: string[], item: {
+        props: {
+            _key: string;
+        };
+    }): false | void;
+    handleItemClick(key: string): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    updateSelectAllYet(value?: unknown): void;
+    handleSearchValue(value: string): void;
+    handleSearch(value: string, e: React.ChangeEvent<HTMLInputElement>): void;
+    handleSearchClear(triggerType?: string | undefined): void;
+    handleSearchKeyDown(e: React.KeyboardEvent<HTMLElement>): void;
+    chooseMultipleItem(key: string): void;
+    chooseHighlightItem(proxy: unknown, e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleTagClose(item: import("@alifd/next/types/select").ObjectItem): boolean;
+    handleDeleteTag(e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleSelectAll(e: React.UIEvent<HTMLElement, UIEvent>): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
+    afterClose(): void;
+    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select").ObjectItem[], totalValues: import("@alifd/next/types/select").ObjectItem[]): string;
+    renderValues(): React.ReactNode;
+    handleWrapClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    handleArrowClick: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    handleClear: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    hasClear(): boolean | undefined;
+    renderExtraNode(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    renderSelect(): React.JSX.Element;
+    renderSearchInput(valueNodes: React.ReactNode, placeholder: string | undefined, inputEl: React.ReactElement<any, string | React.JSXElementConstructor<any>>): React.JSX.Element;
+    renderMenuHeader(): React.ReactNode;
+    render(): React.JSX.Element;
+    dataStore: import("@alifd/next/types/select/data-store").default;
+    selectDOM: HTMLElement;
+    width: string | number;
+    popupRef: HTMLDivElement;
+    resizeTimeout: number;
+    highlightTimer: number | undefined;
+    menuRef: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/menu").MenuProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/menu/view/menu").Menu> | null;
+    isAutoComplete: boolean;
+    inputRef: import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>;
+    valueDataSource: {
+        value?: string | number | boolean | (string | number | boolean | null | undefined)[] | null | undefined;
+        valueDS?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined;
+        mapValueDS?: Record<string, import("@alifd/next/types/select").ObjectItem> | undefined;
+    };
+    componentWillUnmount(): void;
+    syncWidth(): void;
+    handleResize(): void;
+    setDataSource(props: import("@alifd/next/types/select").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
+    setVisible(visible: boolean, type?: import("@alifd/next/types/select").VisibleChangeType | undefined): void;
+    setFirstHightLightKeyForMenu(searchValue?: unknown): void;
+    handleChange(value: import("@alifd/next/types/select").DataSourceItem | import("@alifd/next/types/select").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined): void;
+    handleMenuBodyClick(): void;
+    toggleHighlightItem(dir: number): false | import("@alifd/next/types/select/types").NormalizedObjectItem | undefined;
+    scrollMenuIntoView(): void;
+    handleSelect(): void;
+    handleMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    renderMenu(): React.JSX.Element;
+    renderMenuItem(dataSource: import("@alifd/next/types/select/types").NormalizedObjectItem[]): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    saveSelectRef: (ref: HTMLElement | null) => void;
+    saveInputRef: (ref: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">) => void;
+    focusInput(): void;
+    focus(start?: number | undefined, end?: number | undefined, preventScroll?: boolean | undefined): void;
+    beforeOpen(): void;
+    beforeClose(): void;
+    savePopupRef: (ref: HTMLDivElement) => void;
+    shouldAutoWidth(): boolean | undefined;
+    context: any;
+    setState<K extends keyof import("@alifd/next/types/select/select").SelectState>(state: import("@alifd/next/types/select/select").SelectState | ((prevState: Readonly<import("@alifd/next/types/select/select").SelectState>, props: Readonly<import("@alifd/next/types/select").SelectProps>) => import("@alifd/next/types/select/select").SelectState | Pick<import("@alifd/next/types/select/select").SelectState, K> | null) | Pick<import("@alifd/next/types/select/select").SelectState, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/select").SelectProps> & Readonly<{
+        children?: React.ReactNode;
+    }>;
+    state: Readonly<import("@alifd/next/types/select/select").SelectState>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/select").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+}> & Pick<{
+    selectAllYet: boolean;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidMount(): void;
+    ie9Hack(): void;
+    useDetailValue(): boolean;
+    hasSearch(): boolean;
+    getTagSize(): "small" | "medium" | "large" | undefined;
+    handleMenuSelect(keys: string[], item: {
+        props: {
+            _key: string;
+        };
+    }): false | void;
+    handleItemClick(key: string): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    updateSelectAllYet(value?: unknown): void;
+    handleSearchValue(value: string): void;
+    handleSearch(value: string, e: React.ChangeEvent<HTMLInputElement>): void;
+    handleSearchClear(triggerType?: string | undefined): void;
+    handleSearchKeyDown(e: React.KeyboardEvent<HTMLElement>): void;
+    chooseMultipleItem(key: string): void;
+    chooseHighlightItem(proxy: unknown, e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleTagClose(item: import("@alifd/next/types/select").ObjectItem): boolean;
+    handleDeleteTag(e: React.UIEvent<HTMLElement, UIEvent>): false | undefined;
+    handleSelectAll(e: React.UIEvent<HTMLElement, UIEvent>): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
+    afterClose(): void;
+    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select").ObjectItem[], totalValues: import("@alifd/next/types/select").ObjectItem[]): string;
+    renderValues(): React.ReactNode;
+    handleWrapClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    handleArrowClick: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    handleClear: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    hasClear(): boolean | undefined;
+    renderExtraNode(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    renderSelect(): React.JSX.Element;
+    renderSearchInput(valueNodes: React.ReactNode, placeholder: string | undefined, inputEl: React.ReactElement<any, string | React.JSXElementConstructor<any>>): React.JSX.Element;
+    renderMenuHeader(): React.ReactNode;
+    render(): React.JSX.Element;
+    dataStore: import("@alifd/next/types/select/data-store").default;
+    selectDOM: HTMLElement;
+    width: string | number;
+    popupRef: HTMLDivElement;
+    resizeTimeout: number;
+    highlightTimer: number | undefined;
+    menuRef: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/menu").MenuProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/menu/view/menu").Menu> | null;
+    isAutoComplete: boolean;
+    inputRef: import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>;
+    valueDataSource: {
+        value?: string | number | boolean | (string | number | boolean | null | undefined)[] | null | undefined;
+        valueDS?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined;
+        mapValueDS?: Record<string, import("@alifd/next/types/select").ObjectItem> | undefined;
+    };
+    componentWillUnmount(): void;
+    syncWidth(): void;
+    handleResize(): void;
+    setDataSource(props: import("@alifd/next/types/select").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
+    setVisible(visible: boolean, type?: import("@alifd/next/types/select").VisibleChangeType | undefined): void;
+    setFirstHightLightKeyForMenu(searchValue?: unknown): void;
+    handleChange(value: import("@alifd/next/types/select").DataSourceItem | import("@alifd/next/types/select").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select").ObjectItem | import("@alifd/next/types/select").ObjectItem[] | undefined): void;
+    handleMenuBodyClick(): void;
+    toggleHighlightItem(dir: number): false | import("@alifd/next/types/select/types").NormalizedObjectItem | undefined;
+    scrollMenuIntoView(): void;
+    handleSelect(): void;
+    handleMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    renderMenu(): React.JSX.Element;
+    renderMenuItem(dataSource: import("@alifd/next/types/select/types").NormalizedObjectItem[]): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    saveSelectRef: (ref: HTMLElement | null) => void;
+    saveInputRef: (ref: import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">) => void;
+    focusInput(): void;
+    focus(start?: number | undefined, end?: number | undefined, preventScroll?: boolean | undefined): void;
+    beforeOpen(): void;
+    beforeClose(): void;
+    savePopupRef: (ref: HTMLDivElement) => void;
+    shouldAutoWidth(): boolean | undefined;
+    context: any;
+    setState<K_1 extends keyof import("@alifd/next/types/select/select").SelectState>(state: import("@alifd/next/types/select/select").SelectState | ((prevState: Readonly<import("@alifd/next/types/select/select").SelectState>, props: Readonly<import("@alifd/next/types/select").SelectProps>) => import("@alifd/next/types/select/select").SelectState | Pick<import("@alifd/next/types/select/select").SelectState, K_1> | null) | Pick<import("@alifd/next/types/select/select").SelectState, K_1> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/select").SelectProps> & Readonly<{
+        children?: React.ReactNode;
+    }>;
+    state: Readonly<import("@alifd/next/types/select/select").SelectState>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/select").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
+}, "focusInput" | "handleSearchClear">, {}>;
 export default _default;

package/es/person-picker/index.js

@@ -19,7 +19,7 @@ import { __awaiter, __rest } from "tslib";
  * | SPACE       | Trigger the onClick event    |
  */
 import React, { useState, forwardRef, useEffect } from 'react';
-import { Select as NextSelect, Avatar as NextAvatar, ConfigProvider } from '@alifd/next';
+import { Select as NextSelect, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
 import axios from 'axios';
 import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
@@ -39,7 +39,7 @@ const PersonPicker = forwardRef((_a, ref) => {
     };
     const labelRender = (selectItem) => {
         return React.createElement("div", { className: "label-container" },
-            React.createElement(NextAvatar, { className: "mr-2", shape: "square", size: "small", src: `https://work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg` }),
+            React.createElement("img", { style: { width: '20px', height: '20px', borderRadius: '4px' }, src: `https://work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg` }),
             React.createElement("span", { className: "label-text" }, selectItem.label));
     };
     const handleUserSearch = (keyword) => __awaiter(void 0, void 0, void 0, function* () {

package/es/tab/main.scss

@@ -1,9 +1,8 @@
-@import "@alifd/next/variables.scss";
 @import "../core/variables.scss";
 
 .#{$prefix}tabs {
-  &.#{$css-prefix}tabs-pure {
-    .#{$css-prefix}tabs-bar {
+  &.#{$prefix}tabs-pure {
+    .#{$prefix}tabs-bar {
       border-color: transparent;
     }
   }