@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
27 lines (26 loc) • 2.16 kB
TypeScript
/**
* 企业级选择器组件
* 基于 Radix Select 实现的可访问性选择器
*/
import * as React from 'react';
import * as SelectPrimitive from '@radix-ui/react-select';
import type { EnterpriseSelectProps, SelectOption } from './types';
declare const SelectRoot: React.FC<SelectPrimitive.SelectProps>;
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
variant?: "default" | "outline" | "ghost" | undefined;
size?: "default" | "sm" | "lg" | undefined;
} & React.RefAttributes<HTMLButtonElement>>;
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const EnterpriseSelect: React.FC<EnterpriseSelectProps>;
declare const useSelect: <T extends string>(options: SelectOption[], defaultValue?: T | undefined) => {
value: T | undefined;
setValue: React.Dispatch<React.SetStateAction<T | undefined>>;
selectedOption: SelectOption | undefined;
onValueChange: React.Dispatch<React.SetStateAction<T | undefined>>;
};
export { EnterpriseSelect, useSelect, SelectRoot, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };