@alifd/chat 0.3.40-beta.0 → 0.3.40-beta.1

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

@@ -18,8 +18,9 @@
  * | SPACE       | Trigger the onClick event    |
  */
 import React from 'react';
+import type { PersonPickerProps } from './types';
 export * from './types';
-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, {
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<Omit<PersonPickerProps, "label" | "required"> & 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;
@@ -207,193 +208,5 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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: import("react").ChangeEvent<HTMLInputElement>): void;
-    handleSearchClear(triggerType?: string | undefined): void;
-    handleSearchKeyDown(e: import("react").KeyboardEvent<HTMLElement>): void;
-    chooseMultipleItem(key: string): void;
-    chooseHighlightItem(proxy: unknown, e: import("react").UIEvent<HTMLElement, UIEvent>): false | undefined;
-    handleTagClose(item: import("@alifd/next/types/select").ObjectItem): boolean;
-    handleDeleteTag(e: import("react").UIEvent<HTMLElement, UIEvent>): false | undefined;
-    handleSelectAll(e: import("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(): import("react").ReactNode;
-    handleWrapClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleArrowClick: (e: import("react").UIEvent<HTMLElement, UIEvent>) => void;
-    handleClear: (e: import("react").UIEvent<HTMLElement, UIEvent>) => void;
-    hasClear(): boolean | undefined;
-    renderExtraNode(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
-    renderSelect(): import("react").JSX.Element;
-    renderSearchInput(valueNodes: import("react").ReactNode, placeholder: string | undefined, inputEl: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>): import("react").JSX.Element;
-    renderMenuHeader(): import("react").ReactNode;
-    render(): import("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: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    renderMenu(): import("react").JSX.Element;
-    renderMenuItem(dataSource: import("@alifd/next/types/select/types").NormalizedObjectItem[]): import("react").ReactElement<any, string | import("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): 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?: import("react").ReactNode;
-    }>;
-    state: Readonly<import("@alifd/next/types/select/select").SelectState>;
-    refs: {
-        [key: string]: import("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: import("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: import("react").ChangeEvent<HTMLInputElement>): void;
-    handleSearchClear(triggerType?: string | undefined): void;
-    handleSearchKeyDown(e: import("react").KeyboardEvent<HTMLElement>): void;
-    chooseMultipleItem(key: string): void;
-    chooseHighlightItem(proxy: unknown, e: import("react").UIEvent<HTMLElement, UIEvent>): false | undefined;
-    handleTagClose(item: import("@alifd/next/types/select").ObjectItem): boolean;
-    handleDeleteTag(e: import("react").UIEvent<HTMLElement, UIEvent>): false | undefined;
-    handleSelectAll(e: import("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(): import("react").ReactNode;
-    handleWrapClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleArrowClick: (e: import("react").UIEvent<HTMLElement, UIEvent>) => void;
-    handleClear: (e: import("react").UIEvent<HTMLElement, UIEvent>) => void;
-    hasClear(): boolean | undefined;
-    renderExtraNode(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
-    renderSelect(): import("react").JSX.Element;
-    renderSearchInput(valueNodes: import("react").ReactNode, placeholder: string | undefined, inputEl: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>): import("react").JSX.Element;
-    renderMenuHeader(): import("react").ReactNode;
-    render(): import("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: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    renderMenu(): import("react").JSX.Element;
-    renderMenuItem(dataSource: import("@alifd/next/types/select/types").NormalizedObjectItem[]): import("react").ReactElement<any, string | import("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): 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?: import("react").ReactNode;
-    }>;
-    state: Readonly<import("@alifd/next/types/select/select").SelectState>;
-    refs: {
-        [key: string]: import("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: import("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">, {}>;
+}, "focusInput" | "handleSearchClear">> & import("../utils").WithLabelProps, "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "warning" | "pure" | "rtl" | "device" | "locale" | "key" | "errorBoundary" | keyof import("../utils").WithLabelProps | "value" | "mode" | "pageSize"> & React.RefAttributes<any>, "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "warning" | "pure" | "rtl" | "device" | "locale" | "key" | "errorBoundary" | keyof import("../utils").WithLabelProps | "value" | "mode" | "pageSize"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, any, {}>;
 export default _default;

package/es/person-picker/index.js

@@ -21,27 +21,11 @@ import { __awaiter, __rest } from "tslib";
 import React, { useState, forwardRef, useRef, useEffect } from 'react';
 import { Select as NextSelect, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+import { PREFIX_DEFAULT, assignSubComponent, withLabel } from '../utils';
 const PersonPicker = forwardRef((_a, ref) => {
     var { className, size = 'medium', defaultValue, readOnly } = _a, props = __rest(_a, ["className", "size", "defaultValue", "readOnly"]);
     const [dataSource, setDataSource] = useState([]);
     const debounceTimerRef = useRef(null);
-    // 默认出现最近联系人
-    useEffect(() => {
-        handleUserSearch('');
-    }, []);
-    const tagRender = (selectItem) => {
-        return React.createElement("div", { className: "tag-container" },
-            React.createElement("img", { src: `https://work.alibaba-inc.com/photo/${selectItem.value}.40x40.jpg` }),
-            React.createElement("div", { className: 'right-container' },
-                React.createElement("div", { className: 'nick-name' }, selectItem.label),
-                React.createElement("div", { className: 'dept-name' }, (selectItem === null || selectItem === void 0 ? void 0 : selectItem.deptName) || '')));
-    };
-    const labelRender = (selectItem) => {
-        return React.createElement("div", { className: "label-container" },
-            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 fetchUserData = (keyword) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (readOnly) {
@@ -64,9 +48,9 @@ const PersonPicker = forwardRef((_a, ref) => {
                 },
             });
             const responseData = yield response.json();
-            const newDataSource = (_a = responseData === null || responseData === void 0 ? void 0 : responseData.content) === null || _a === void 0 ? void 0 : _a.map((item) => {
+            const newDataSource = ((_a = responseData === null || responseData === void 0 ? void 0 : responseData.content) === null || _a === void 0 ? void 0 : _a.map((item) => {
                 return Object.assign(Object.assign({}, item), { label: item.nickName, value: item.workNo });
-            });
+            })) || [];
             setDataSource(newDataSource);
         }
         catch (error) {
@@ -84,9 +68,27 @@ const PersonPicker = forwardRef((_a, ref) => {
             fetchUserData(keyword);
         }, 200);
     };
-    return (React.createElement(NextSelect, Object.assign({}, props, { popupClassName: cs(`${PREFIX_DEFAULT}person-picker`, className), itemRender: tagRender, valueRender: labelRender, mode: "multiple", showSearch: true, filterLocal: false, hiddenSelected: true, dataSource: dataSource, onSearch: handleUserSearch, size: size, ref: ref, readOnly: readOnly })));
+    // 默认出现最近联系人
+    useEffect(() => {
+        handleUserSearch('');
+    }, []);
+    const tagRender = (selectItem) => {
+        return React.createElement("div", { className: "tag-container" },
+            React.createElement("img", { src: `https://work.alibaba-inc.com/photo/${selectItem.value}.40x40.jpg`, alt: `${selectItem.label} 头像` }),
+            React.createElement("div", { className: 'right-container' },
+                React.createElement("div", { className: 'nick-name' }, selectItem.label),
+                React.createElement("div", { className: 'dept-name' }, (selectItem === null || selectItem === void 0 ? void 0 : selectItem.deptName) || '')));
+    };
+    const labelRender = (selectItem) => {
+        return React.createElement("div", { className: "label-container" },
+            React.createElement("img", { style: { width: '20px', height: '20px', borderRadius: '4px' }, src: `https://work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg`, alt: `${selectItem.label} 头像` }),
+            React.createElement("span", { className: "label-text" }, selectItem.label));
+    };
+    return (React.createElement(NextSelect, Object.assign({}, props, { popupClassName: cs(`${PREFIX_DEFAULT}person-picker-popup`, className), itemRender: tagRender, className: cs(`${PREFIX_DEFAULT}person-picker`, className), valueRender: labelRender, mode: "multiple", showSearch: true, filterLocal: false, hiddenSelected: true, dataSource: dataSource, onSearch: handleUserSearch, size: size, ref: ref, readOnly: readOnly, state: props.state })));
 });
-const PersonPickerWithSub = assignSubComponent(PersonPicker, {
+// Apply withLabel HOC to PersonPicker
+const PersonPickerWithLabel = withLabel(PersonPicker, {});
+const PersonPickerWithSub = assignSubComponent(PersonPickerWithLabel, {
     displayName: 'PersonPicker',
 });
 export * from './types';

package/es/person-picker/main.scss

@@ -1,6 +1,20 @@
 @import "../core/variables.scss";
 
 .#{$prefix}person-picker {
+  width: 100%;
+  position: relative;
+  top: 0.5px;
+
+  .next-input .next-tag {
+    padding-top: 2px;
+
+    .next-tag-close-btn {
+      line-height: 20px;
+    }
+  }
+}
+
+.#{$prefix}person-picker-popup {
   .next-menu-item-inner {
     height: var(--s--6, 44px);
   }
@@ -22,7 +36,7 @@
         line-height: var(--font-size-body-2, 14px);
         font-size: var(--font-size-body-2, 14px);
         margin-bottom: var(--s--1, 4px);
-        color: var(--color-text1-4, #111720);
+        color: var(--color-text1-4, #333333);
       } 
       .dept-name {
         font-size: var(--s--3, 12px);

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

@@ -1,20 +1,62 @@
 import type React from 'react';
-type HTMLAttributesWeak = Omit<React.ButtonHTMLAttributes<HTMLElement>, 'type' | 'onClick'>;
+import type { WithLabelProps } from '../utils/hoc/withLabel';
+import type { CommonProps } from '@alifd/next/types/util';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onSelect'>;
 /**
- * @api TimePicker
+ * @api PersonPicker
  */
-export interface TimePickerProps extends HTMLAttributesWeak {
+export interface PersonPickerBaseProps extends HTMLAttributesWeak, CommonProps {
     /**
-     * 采用模式
-     * @en mode of time-picker
-     * @defaultValue 'normal'
+     * 选择器尺寸
+     * @en Size of person picker
+     * @defaultValue 'medium'
      */
-    mode?: 'normal' | 'dingtalk';
+    size?: 'medium';
     /**
-     * 时间选择器其他属性
-     * @en key of time-picker
-     * @defaultValue 'medium'
+     * 默认值
+     * @en Default selected value(s)
+     */
+    defaultValue?: Array<{
+        value: string;
+        label: string;
+    }>;
+    /**
+     * 当前值
+     * @en Current selected value(s)
+     */
+    value?: Array<{
+        value: string;
+        label: string;
+    }>;
+    /**
+     * 是否只读
+     * @en Whether is readonly
+     * @defaultValue false
+     */
+    readOnly?: boolean;
+    /**
+     * 每页显示的数量
+     * @en Page size for search results
+     * @defaultValue 5
+     */
+    pageSize?: number;
+    /**
+     * 选择器模式
+     * @en Select mode
+     * @defaultValue 'multiple'
      */
-    [key: string]: any;
+    mode?: 'single' | 'multiple';
+    /**
+     * 值改变时的回调
+     * @en Callback when value changes
+     */
+    onChange?: (value: Array<{
+        value: string;
+        label: string;
+    }>) => void;
 }
+/**
+ * @api PersonPicker
+ */
+export type PersonPickerProps = PersonPickerBaseProps & WithLabelProps;
 export {};

package/es/radio-group/index.d.ts

@@ -6,5 +6,5 @@
  */
 import React from 'react';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, HTMLDivElement, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement> & import("../utils").WithLabelProps, string | number | symbol> & React.RefAttributes<any>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, any, {}>;
 export default _default;

package/es/radio-group/index.js

@@ -7,7 +7,7 @@
 import React, { forwardRef } from 'react';
 import { ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+import { PREFIX_DEFAULT, assignSubComponent, withLabel } from '../utils';
 const ArrowIcon = () => {
     return (React.createElement("svg", { viewBox: "0 0 1024 1024", className: "radio-item-icon" },
         React.createElement("path", { d: "M562.005333 512l-181.034666 181.034667a42.666667 42.666667 0 1 0 60.330666 60.330666l211.2-211.2a42.666667 42.666667 0 0 0 0-60.330666l-211.2-211.2a42.666667 42.666667 0 1 0-60.330666 60.330666L562.005333 512z" })));
@@ -19,13 +19,19 @@ const RadioGroup = forwardRef((props) => {
     const onItemClick = (value) => {
         props.onChange && props.onChange(value);
     };
-    return (React.createElement("div", { className: `${PREFIX_DEFAULT}radio-group` }, props.options.map((item) => (React.createElement("div", { className: cs('radio-item', { active: item.value === props.value }), key: item.value, onClick: () => onItemClick(item.value) },
+    return (React.createElement("div", { className: `${PREFIX_DEFAULT}radio-group` }, props.options.map((item) => (React.createElement("div", { className: cs('radio-item', { active: item.value === props.value, 'disabled': props.disabled || item.disabled }), key: item.value, onClick: () => onItemClick(item.value) },
         React.createElement("div", { className: "radio-item-title-container" },
             React.createElement("div", { className: "radio-item-title" }, item.label),
             React.createElement(ArrowIcon, null)),
         item.description && (React.createElement("div", { className: "radio-item-desc" }, item.description)))))));
 });
-const RadioGroupWithSub = assignSubComponent(RadioGroup, {
+const LabeledRadioGroup = withLabel(RadioGroup, {
+    labelLayout: 'vertical',
+    coverStyle: false,
+    enableHoverState: false,
+    enableDisabledState: false,
+});
+const RadioGroupWithSub = assignSubComponent(LabeledRadioGroup, {
     displayName: 'RadioGroup',
 });
 export * from './types';

package/es/radio-group/main.scss

@@ -1,10 +1,12 @@
 @import '../core/variables.scss';
 
 .#{$prefix}radio-group {
+  width: 100%;
+
   .radio-item {
-    padding: 10px;
-    margin-bottom: 8px;
-    border-radius: 6px;
+    padding: var(--s-2, 8px);
+    margin-bottom: var(--s-2, 8px);
+    border-radius: var(--corner-2, 6px);
     background-color: $color-fill1-1;
     cursor: pointer;
 
@@ -15,6 +17,11 @@
     &.active {
       background-color: $color-fill1-2;
     }
+
+    &.disabled {
+      background-color: $color-fill1-2;
+      cursor: not-allowed;
+    }
   }
 
   .radio-item-title-container {
@@ -25,12 +32,12 @@
 
   .radio-item-title {
     width: calc(100% - 24px);
-    margin-right: 8px;
+    margin-right: var(--s-2, 8px);
     flex-shrink: 1;
     overflow: hidden;
     font-size: 14px;
     font-weight: 500;
-    line-height: 22px;
+    line-height: 20px;
     color: $color-text1-4;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -54,5 +61,6 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     user-select: none;
+    margin-top: 2px;
   }
 }

package/es/radio-group/types.d.ts

@@ -1,10 +1,12 @@
+import { WithLabelProps } from '../utils';
 export interface RadioItem {
     label: string;
     value: string;
     description?: string;
+    disabled?: boolean;
 }
-export interface RadioGroupProps {
+export interface RadioGroupProps extends Partial<WithLabelProps> {
     options: RadioItem[];
-    value: string;
-    onChange: (value: string) => void;
+    value?: string;
+    onChange?: (value: string) => void;
 }

package/es/reference/index.d.ts

@@ -5,7 +5,7 @@
  * @when Reference
  */
 import React from 'react';
-import { ReferenceProps } from './types';
+import { type ReferenceProps } from './types';
 export * from './types';
 declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<ReferenceProps & React.RefAttributes<HTMLDivElement>, "key" | keyof ReferenceProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, HTMLDivElement, {}>;
 export default _default;

package/es/reference/index.js

@@ -6,10 +6,9 @@
  */
 import React, { forwardRef, useState, useEffect } from 'react';
 import { ConfigProvider } from '@alifd/next';
-import Icon from '../icon';
 import cs from 'classnames';
+import Icon, { renderCommonIcon } from '../icon';
 import { PREFIX_DEFAULT } from '../utils';
-import { renderCommonIcon } from '../icon';
 const DEFAULT_REFERENCE_ICON = 'https://img.alicdn.com/imgextra/i3/O1CN01hpxNXz26hRw9Jz4O1_!!6000000007693-55-tps-200-200.svg';
 const DEFAULT_DETAIL_CLOSE_ICON = 'close';
 const DEFAULT_DETAIL_TITLE = '引用信息';
@@ -40,6 +39,18 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
         event.stopPropagation();
         onContentClick === null || onContentClick === void 0 ? void 0 : onContentClick(isExpanded);
     };
+    const renderDetailHeader = () => {
+        if (header === false) {
+            return null;
+        }
+        const headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_DETAIL_CLOSE_ICON;
+        const headerTitle = (header === null || header === void 0 ? void 0 : header.title) || DEFAULT_DETAIL_TITLE;
+        return (React.createElement("div", { className: `reference-header ${mode}` },
+            React.createElement("div", { className: 'reference-text' }, headerTitle),
+            React.createElement("div", { className: 'reference-close', onClick: () => {
+                    onHeaderClose === null || onHeaderClose === void 0 ? void 0 : onHeaderClose();
+                } }, renderCommonIcon(headerIcon, 'xs'))));
+    };
     const renderHeader = () => {
         if (header === false) {
             return null;
@@ -47,7 +58,7 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
         if (mode === 'detail') {
             return renderDetailHeader();
         }
-        let headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_REFERENCE_ICON;
+        const headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_REFERENCE_ICON;
         const iconType = isExpanded ? 'arrow-up' : 'arrow-down';
         return (React.createElement("div", { className: `reference-header ${mode}`, onClick: (e) => {
                 handleHeaderClick(e);
@@ -60,18 +71,6 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
                 } },
                 React.createElement(Icon, { type: iconType, size: 'xs' }))));
     };
-    const renderDetailHeader = () => {
-        if (header === false) {
-            return null;
-        }
-        const headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_DETAIL_CLOSE_ICON;
-        const headerTitle = (header === null || header === void 0 ? void 0 : header.title) || DEFAULT_DETAIL_TITLE;
-        return (React.createElement("div", { className: `reference-header ${mode}` },
-            React.createElement("div", { className: 'reference-text' }, headerTitle),
-            React.createElement("div", { className: 'reference-close', onClick: () => {
-                    onHeaderClose === null || onHeaderClose === void 0 ? void 0 : onHeaderClose();
-                } }, renderCommonIcon(headerIcon, 'xs'))));
-    };
     const handleReferenceClick = (item, index, event) => {
         event.stopPropagation();
         if (onItemClick) {

package/es/reference/main.scss

@@ -138,7 +138,7 @@ $detail-header-height: $s-12;
           display: -webkit-box; /* 使其成为弹性盒子 */
           -webkit-box-orient: vertical; /* 垂直排列 */
           -webkit-line-clamp: 3; /* 限制显示3行 */
-          margin-top: var(---s-1, 4px);
+          margin-top: var(--s-1, 4px);
         }
       }
     }

package/es/reference/types.d.ts

@@ -11,6 +11,7 @@ export interface ReferenceItemProps {
 }
 /**
  * 参考来源属性
+ * @api
  */
 export interface ReferenceProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
     className?: string;

package/es/select/button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type SelectProps } from './types';
+export declare const ButtonSelect: React.ForwardRefExoticComponent<Omit<SelectProps, "display"> & import("../utils").WithLabelProps & React.RefAttributes<any>>;