@alifd/chat 0.3.39 → 0.3.40-beta.1

package/lib/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>>;

package/lib/select/button.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSelect = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const next_1 = require("@alifd/next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const withLabel_1 = require("../utils/hoc/withLabel");
+const ButtonSelectBase = ({ className, dataSource, mode = 'single', buttonCols = 2, value, size = "medium", onChange }) => {
+    const [selected, setSelected] = (0, react_1.useState)(value);
+    const handleItemClick = (item, status) => {
+        if (mode === 'multiple') {
+            if (Array.isArray(selected)) {
+                const newValue = status === 'normal' ? [...selected, item === null || item === void 0 ? void 0 : item.value] : selected.filter((v) => v !== (item === null || item === void 0 ? void 0 : item.value));
+                setSelected(newValue);
+                onChange === null || onChange === void 0 ? void 0 : onChange(newValue, 'itemClick');
+            }
+            else {
+                const newValue = [item === null || item === void 0 ? void 0 : item.value];
+                setSelected(newValue);
+                onChange === null || onChange === void 0 ? void 0 : onChange(newValue, 'itemClick');
+            }
+        }
+        if (mode === 'single') {
+            const newValue = status === 'normal' ? item : undefined;
+            setSelected(newValue);
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue, 'itemClick');
+        }
+    };
+    const renderRowButtons = (items) => {
+        if (!items || !items.length) {
+            return null;
+        }
+        return items.map((item, index) => {
+            if (!item) {
+                return null;
+            }
+            const { value: itemValue, label, disabled } = item;
+            let status = 'normal';
+            if (typeof selected === 'string' && selected === itemValue) {
+                status = 'selected';
+            }
+            else if (Array.isArray(selected) && selected.includes(itemValue)) {
+                status = 'selected';
+            }
+            else if (typeof selected === 'object' && 'value' in selected && selected.value === itemValue) {
+                status = 'selected';
+            }
+            let isDisabled = disabled;
+            // 单选模式下，已有选中项，并且不是选中的按钮
+            if (selected && mode === 'single' && status === 'normal') {
+                isDisabled = true;
+            }
+            return (react_1.default.createElement(next_1.Button, { onClick: () => handleItemClick(item, status), type: 'normal', key: `select_${index}`, disabled: isDisabled, className: `select-item ${status} row${buttonCols}`, size: size }, label));
+        });
+    };
+    const rows = Math.ceil(((dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0) / buttonCols);
+    const buttonRows = Array.from({ length: rows }, (_, index) => {
+        const start = index * buttonCols;
+        const end = Math.min(start + buttonCols, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0);
+        const buttonsDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(start, end);
+        if (!(buttonsDataSource === null || buttonsDataSource === void 0 ? void 0 : buttonsDataSource.length)) {
+            return null;
+        }
+        return (react_1.default.createElement("div", { key: `row_${index}`, className: 'select-row-container' }, renderRowButtons(buttonsDataSource)));
+    });
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}select`, className) }, buttonRows));
+};
+exports.ButtonSelect = (0, withLabel_1.withLabel)(ButtonSelectBase, {
+    coverStyle: false,
+    labelLayout: 'vertical',
+    enableHoverState: false,
+});

package/lib/select/index.d.ts

@@ -6,12 +6,12 @@
  * @when Select 用于替代原生 select，在限定的可选项内进行选择，核心能力是选择
  */
 import React from 'react';
-import type { DataSourceItem, ObjectItem } from '@alifd/next/types/select/types';
+import { type WithLabelProps } from '../utils';
 import type { SelectProps } from './types';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<SelectProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/select/types").SelectProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<SelectProps & WithLabelProps & 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/types").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
     componentDidMount(): void;
     ie9Hack(): void;
     useDetailValue(): boolean;
@@ -23,8 +23,8 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         };
     }): false | void;
     handleItemClick(key: string): void;
-    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select/types").VisibleChangeType): void;
-    handleMultipleSelect(keys: import("@alifd/next/types/select/types").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select/types").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select/types").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;
@@ -32,12 +32,12 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem): boolean;
+    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/types").VisibleChangeType): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
     afterClose(): void;
-    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select/types").ObjectItem[], totalValues: import("@alifd/next/types/select/types").ObjectItem[]): string;
+    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;
@@ -59,16 +59,16 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined;
-        mapValueDS?: Record<string, import("@alifd/next/types/select/types").ObjectItem> | 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/types").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
-    setVisible(visible: boolean, type?: import("@alifd/next/types/select/types").VisibleChangeType | undefined): 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/types").DataSourceItem | import("@alifd/next/types/select/types").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined): void;
+    handleChange(value: import("@alifd/next/types/select/types").DataSourceItem | import("@alifd/next/types/select/types").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;
@@ -85,27 +85,27 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").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;
+    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/types").SelectProps> & Readonly<{
+    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/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    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/types").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    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/types").SelectProps>, nextContext: any): void;
-    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextContext: any): void;
-    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
-    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): 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/types").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
     componentDidMount(): void;
     ie9Hack(): void;
     useDetailValue(): boolean;
@@ -117,8 +117,8 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         };
     }): false | void;
     handleItemClick(key: string): void;
-    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select/types").VisibleChangeType): void;
-    handleMultipleSelect(keys: import("@alifd/next/types/select/types").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select/types").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select/types").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;
@@ -126,12 +126,12 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem): boolean;
+    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/types").VisibleChangeType): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
     afterClose(): void;
-    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select/types").ObjectItem[], totalValues: import("@alifd/next/types/select/types").ObjectItem[]): string;
+    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;
@@ -153,16 +153,16 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined;
-        mapValueDS?: Record<string, import("@alifd/next/types/select/types").ObjectItem> | 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/types").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
-    setVisible(visible: boolean, type?: import("@alifd/next/types/select/types").VisibleChangeType | undefined): 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/types").DataSourceItem | import("@alifd/next/types/select/types").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined): void;
+    handleChange(value: import("@alifd/next/types/select/types").DataSourceItem | import("@alifd/next/types/select/types").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;
@@ -179,27 +179,27 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").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;
+    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/types").SelectProps> & Readonly<{
+    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/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    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/types").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    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/types").SelectProps>, nextContext: any): void;
-    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextContext: any): void;
-    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
-    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
-}, "focusInput" | "handleSearchClear">>, "key" | keyof SelectProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/select/types").SelectProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    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">>, "trim" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "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" | "onClick" | "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" | "onSelect" | "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" | "type" | "shape" | "size" | "warning" | "pure" | "rtl" | "device" | "popupContainer" | "locale" | "key" | "defaultVisible" | "visible" | "name" | "form" | "list" | "step" | "state" | "errorBoundary" | "label" | "labelLayout" | "disabled" | "required" | "readOnly" | "labelWidth" | "filter" | "pattern" | "value" | "dataSource" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "htmlType" | "height" | "max" | "min" | "width" | "display" | "mode" | "src" | "alt" | "onVisibleChange" | "addonBefore" | "addonAfter" | "overlay" | "multiple" | "popupStyle" | "safeNode" | "container" | "popupClassName" | "popupProps" | "followTrigger" | "extra" | "maxLength" | "accept" | "autoComplete" | "capture" | "checked" | "minLength" | `data-${string}` | "hasLimitHint" | "showLimitHint" | "cutString" | "getValueLength" | "hasBorder" | "isPreview" | "renderPreview" | "composition" | "hasClear" | "onPressEnter" | "hint" | "innerBefore" | "innerAfter" | "addonTextBefore" | "addonTextAfter" | "hoverShowClear" | "htmlSize" | "inputRender" | "inputStyle" | "inputClassName" | "innerBeforeClassName" | "innerAfterClassName" | "popupComponent" | "notFoundContent" | "maxTagPlaceholder" | "autoWidth" | "popupContent" | "menuProps" | "filterLocal" | "onToggleHighlightItem" | "useVirtual" | "itemRender" | "hasArrow" | "showSearch" | "autoClearSearchValue" | "onSearch" | "onSearchClear" | "hasSelectAll" | "fillProps" | "useDetailValue" | "cacheValue" | "valueRender" | "searchValue" | "tagInline" | "maxTagCount" | "adjustTagSize" | "hiddenSelected" | "showDataSourceChildren" | "onRemove" | "autoHighlightFirstItem" | "highlightKey" | "defaultHighlightKey" | "popupAutoFocus" | "tagClosable" | "onInputUpdate" | "filterBy" | "noFoundContent" | "buttonCols"> & 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/types").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
     componentDidMount(): void;
     ie9Hack(): void;
     useDetailValue(): boolean;
@@ -211,8 +211,8 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         };
     }): false | void;
     handleItemClick(key: string): void;
-    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select/types").VisibleChangeType): void;
-    handleMultipleSelect(keys: import("@alifd/next/types/select/types").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select/types").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select/types").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;
@@ -220,12 +220,12 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem): boolean;
+    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/types").VisibleChangeType): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
     afterClose(): void;
-    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select/types").ObjectItem[], totalValues: import("@alifd/next/types/select/types").ObjectItem[]): string;
+    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;
@@ -247,16 +247,16 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined;
-        mapValueDS?: Record<string, import("@alifd/next/types/select/types").ObjectItem> | 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/types").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
-    setVisible(visible: boolean, type?: import("@alifd/next/types/select/types").VisibleChangeType | undefined): 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/types").DataSourceItem | import("@alifd/next/types/select/types").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined): void;
+    handleChange(value: import("@alifd/next/types/select/types").DataSourceItem | import("@alifd/next/types/select/types").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;
@@ -273,27 +273,27 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").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;
+    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/types").SelectProps> & Readonly<{
+    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/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    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/types").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    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/types").SelectProps>, nextContext: any): void;
-    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextContext: any): void;
-    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
-    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): 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/types").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
+    componentDidUpdate(prevProps: import("@alifd/next/types/select").SelectProps, prevState: import("@alifd/next/types/select/base").BaseState): void;
     componentDidMount(): void;
     ie9Hack(): void;
     useDetailValue(): boolean;
@@ -305,8 +305,8 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         };
     }): false | void;
     handleItemClick(key: string): void;
-    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select/types").VisibleChangeType): void;
-    handleMultipleSelect(keys: import("@alifd/next/types/select/types").DataSourceItem[] | undefined, triggerType: import("@alifd/next/types/select/types").VisibleChangeType, key?: string | null | undefined, keepSearchValue?: boolean | undefined): void;
+    handleSingleSelect(key: string, triggerType: import("@alifd/next/types/select").VisibleChangeType): void;
+    handleMultipleSelect(keys: import("@alifd/next/types/select/types").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;
@@ -314,12 +314,12 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem): boolean;
+    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/types").VisibleChangeType): void;
+    handleVisibleChange(visible: boolean, type: import("@alifd/next/types/select").VisibleChangeType): void;
     afterClose(): void;
-    maxTagPlaceholder(selectedValues: import("@alifd/next/types/select/types").ObjectItem[], totalValues: import("@alifd/next/types/select/types").ObjectItem[]): string;
+    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;
@@ -341,16 +341,16 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined;
-        mapValueDS?: Record<string, import("@alifd/next/types/select/types").ObjectItem> | 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/types").SelectProps): import("@alifd/next/types/select/types").NormalizedObjectItem[];
-    setVisible(visible: boolean, type?: import("@alifd/next/types/select/types").VisibleChangeType | undefined): 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/types").DataSourceItem | import("@alifd/next/types/select/types").DataSourceItem[], args_0: unknown, args_1?: import("@alifd/next/types/select/types").ObjectItem | import("@alifd/next/types/select/types").ObjectItem[] | undefined): void;
+    handleChange(value: import("@alifd/next/types/select/types").DataSourceItem | import("@alifd/next/types/select/types").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;
@@ -367,23 +367,23 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
     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/types").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;
+    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/types").SelectProps> & Readonly<{
+    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/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): boolean;
+    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/types").SelectProps>, prevState: Readonly<import("@alifd/next/types/select/select").SelectState>): any;
+    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/types").SelectProps>, nextContext: any): void;
-    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextContext: any): void;
-    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): void;
-    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/select/types").SelectProps>, nextState: Readonly<import("@alifd/next/types/select/select").SelectState>, nextContext: any): 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/lib/select/index.js

@@ -12,63 +12,19 @@ const react_1 = tslib_1.__importStar(require("react"));
 const next_1 = require("@alifd/next");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const utils_1 = require("../utils");
+const button_1 = require("./button");
+const DefaultSelect = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, size = 'medium', mode = 'single', onChange } = _a, props = tslib_1.__rest(_a, ["className", "size", "mode", "onChange"]);
+    return (react_1.default.createElement(next_1.Select, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}select`, className), size: size, ref: ref, mode: mode, onChange: onChange })));
+});
+const LabeledDefaultSelect = (0, utils_1.withLabel)(DefaultSelect);
 const Select = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, size = 'medium', display = 'select', buttonCols = 2, dataSource, mode = 'single', onChange } = _a, props = tslib_1.__rest(_a, ["className", "size", "display", "buttonCols", "dataSource", "mode", "onChange"]);
-    if (display === 'button') {
-        const renderRowButtons = (items) => {
-            if (!items || !items.length) {
-                return null;
-            }
-            const selected = props === null || props === void 0 ? void 0 : props.value;
-            return items.map((item, index) => {
-                if (!item) {
-                    return null;
-                }
-                const { value, label, disabled } = item;
-                let status = 'normal';
-                if (typeof selected === 'string' && selected === value) {
-                    status = 'selected';
-                }
-                else if (Array.isArray(selected) && selected.includes(value)) {
-                    status = 'selected';
-                }
-                else if (typeof selected === 'object' && 'value' in selected && selected.value === value) {
-                    status = 'selected';
-                }
-                //
-                let isDisabled = disabled;
-                // 单选模式下，已有选中项，并且不是选中的按钮
-                if (selected && mode === 'single' && status === 'normal') {
-                    isDisabled = true;
-                }
-                return (react_1.default.createElement(next_1.Button, { onClick: () => {
-                        if (mode === 'multiple') {
-                            if (Array.isArray(selected)) {
-                                onChange === null || onChange === void 0 ? void 0 : onChange(status === 'normal' ? [...selected, value] : selected.filter((v) => v !== value), 'itemClick');
-                            }
-                            else {
-                                onChange === null || onChange === void 0 ? void 0 : onChange([value], 'itemClick');
-                            }
-                        }
-                        if (mode === 'single') {
-                            onChange === null || onChange === void 0 ? void 0 : onChange(status === 'normal' ? item : undefined, 'itemClick');
-                        }
-                    }, type: 'normal', key: `select_${index}`, disabled: isDisabled, className: `select-item ${status} row${buttonCols}` }, label));
-            });
-        };
-        const rows = Math.ceil(((dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0) / buttonCols);
-        const buttonRows = Array.from({ length: rows }, (_, index) => {
-            const start = index * buttonCols;
-            const end = Math.min(start + buttonCols, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0);
-            const buttonsDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(start, end);
-            if (!(buttonsDataSource === null || buttonsDataSource === void 0 ? void 0 : buttonsDataSource.length)) {
-                return null;
-            }
-            return react_1.default.createElement("div", { key: `row_${index}`, className: 'select-row-container' }, renderRowButtons(buttonsDataSource));
-        });
-        return react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}select`) }, buttonRows);
+    var { className, display = 'select', buttonCols = 2, dataSource, mode = 'single', onChange } = _a, props = tslib_1.__rest(_a, ["className", "display", "buttonCols", "dataSource", "mode", "onChange"]);
+    const displayType = ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 6) ? 'select' : display;
+    if (displayType === 'button') {
+        return (react_1.default.createElement(button_1.ButtonSelect, { className: className, dataSource: dataSource, mode: mode, buttonCols: buttonCols, value: props.value, onChange: onChange, label: props.label, required: props.required, size: 'medium' }));
     }
-    return react_1.default.createElement(next_1.Select, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}select`, className), size: size, dataSource: dataSource, ref: ref, mode: mode, onChange: onChange }));
+    return (react_1.default.createElement(LabeledDefaultSelect, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}select`, className), dataSource: dataSource, ref: ref, mode: mode, onChange: onChange, label: props.label, required: props.required, size: 'medium' })));
 });
 const SelectWithSub = (0, utils_1.assignSubComponent)(Select, {
     displayName: 'Select',