watercolor-ui
Version:
A modern minimalist cross-framework component library
210 lines • 13.7 kB
TypeScript
export { default as AccordionVue } from './components/Accordion/Accordion.vue';
export { default as AccordionReact } from './components/Accordion/Accordion.jsx';
export { default as AlertVue } from './components/Alert/Alert.vue';
export { default as AlertReact } from './components/Alert/Alert.jsx';
export { default as AppBarVue } from './components/AppBar/AppBar.vue';
export { default as AppBarReact } from './components/AppBar/AppBar.jsx';
export { default as AvatarVue } from './components/Avatar/Avatar.vue';
export { default as BadgeVue } from './components/Badge/Badge.vue';
export { default as BadgeReact } from './components/Badge/Badge.jsx';
export { default as BannerVue } from './components/Banner/Banner.vue';
export { default as BannerReact } from './components/Banner/Banner.jsx';
export { default as Blockquote } from './components/Blockquote/Blockquote.vue';
export { default as BlockquoteReact } from './components/Blockquote/Blockquote.jsx';
export { default as BoxVue } from './components/Box/Box.vue';
export { default as BoxReact } from './components/Box/Box.jsx';
export { default as BreadcrumbVue } from './components/Breadcrumb/Breadcrumb.vue';
export { default as BreadcrumbReact } from './components/Breadcrumb/Breadcrumb.jsx';
export { default as ButtonVue } from './components/Button/Button.vue';
export { default as ButtonReact } from './components/Button/Button.jsx';
export { default as CardVue } from './components/Card/Card.vue';
export { default as CardReact } from './components/Card/Card.jsx';
export { default as CardActionsVue } from './components/Card/CardActions.vue';
export { default as CardContentVue } from './components/Card/CardContent.vue';
export { default as CheckboxVue } from './components/Checkbox/Checkbox.vue';
export { default as ChipVue } from './components/Chip/Chip.vue';
export { default as ChipReact } from './components/Chip/Chip.jsx';
export { default as CircularProgressVue } from './components/CircularProgress/CircularProgress.vue';
export { default as CircularProgressReact } from './components/CircularProgress/CircularProgress.jsx';
export { default as ColorPicker } from './components/ColorPicker/ColorPicker.vue';
export { default as ColorPickerReact } from './components/ColorPicker/ColorPicker.jsx';
export { default as ContainerVue } from './components/Container/Container.vue';
export { default as ContainerReact } from './components/Container/Container.jsx';
export { default as CopyVue } from './components/Copy/Copy.vue';
export { default as CopyReact } from './components/Copy/Copy.jsx';
export { default as Countdown } from './components/Countdown/Countdown.vue';
export { default as CountdownReact } from './components/Countdown/Countdown.jsx';
export { default as DatePickerVue } from './components/DatePicker/DatePicker.vue';
export { default as DatePickerReact } from './components/DatePicker/DatePicker.jsx';
export { default as DropdownVue } from './components/Dropdown/Dropdown.vue';
export { default as FabVue } from './components/Button/Fab.vue';
export { default as Feed } from './components/Feed/Feed.vue';
export { default as FeedReact } from './components/Feed/Feed.jsx';
export { default as Feature } from './components/Feature/Feature.vue';
export { default as FeatureReact } from './components/Feature/Feature.jsx';
export { default as FileInput } from './components/FileInput/FileInput.vue';
export { default as FileInputReact } from './components/FileInput/FileInput.jsx';
export { default as FormControlVue } from './components/Form/FormControl.vue';
export { default as FormControlReact } from './components/Form/FormControl.jsx';
export { default as FormControlLabelVue } from './components/Form/FormControlLabel.vue';
export { default as FormControlLabelReact } from './components/Form/FormControlLabel.jsx';
export { default as FormGroupVue } from './components/Form/FormGroup.vue';
export { default as FormGroupReact } from './components/Form/FormGroup.jsx';
export { default as FormHelperTextVue } from './components/Form/FormHelperText.vue';
export { default as FormHelperTextReact } from './components/Form/FormHelperText.jsx';
export { default as GridVue } from './components/Grid/Grid.vue';
export { default as GridReact } from './components/Grid/Grid.jsx';
export { default as HoverCard } from './components/HoverCard/HoverCard.vue';
export { default as HoverCardReact } from './components/HoverCard/HoverCard.jsx';
export { default as IconVue } from './components/Icon/Icon.vue';
export { default as IconReact } from './components/Icon/Icon.jsx';
export { default as IconButtonVue } from './components/Button/IconButton.vue';
export { default as ImageGallery } from './components/ImageGallery/ImageGallery.vue';
export { default as ImageGalleryReact } from './components/ImageGallery/ImageGallery.jsx';
export { default as InputVue } from './components/Input/Input.vue';
export { default as InputReact } from './components/Input/Input.jsx';
export { default as ListVue } from './components/List/List.vue';
export { default as ListReact } from './components/List/List.jsx';
export { default as ListItemVue } from './components/List/ListItem.vue';
export { default as ListItemReact } from './components/List/ListItem.jsx';
export { default as ListItemIconVue } from './components/List/ListItemIcon.vue';
export { default as ListItemIconReact } from './components/List/ListItemIcon.jsx';
export { default as ListItemTextVue } from './components/List/ListItemText.vue';
export { default as ListItemTextReact } from './components/List/ListItemText.jsx';
export { default as Marquee } from './components/Marquee/Marquee.vue';
export { default as MarqueeReact } from './components/Marquee/Marquee.jsx';
export { default as ModalVue } from './components/Modal/Modal.vue';
export { default as NumberAnimation } from './components/NumberAnimation/NumberAnimation.vue';
export { default as NumberAnimationReact } from './components/NumberAnimation/NumberAnimation.jsx';
export { default as Pagination } from './components/Pagination/Pagination.vue';
export { default as PaginationReact } from './components/Pagination/Pagination.jsx';
export { default as PaperVue } from './components/Paper/Paper.vue';
export { default as PaperReact } from './components/Paper/Paper.jsx';
export { default as Paradox } from './components/Paradox/Paradox.vue';
export { default as ParadoxReact } from './components/Paradox/Paradox.jsx';
export { default as Popover } from './components/Popover/Popover.vue';
export { default as PopoverReact } from './components/Popover/Popover.jsx';
export { default as PricingTable } from './components/PricingTable/PricingTable.vue';
export { default as PricingTableReact } from './components/PricingTable/PricingTable.jsx';
export { default as ProgressVue } from './components/Progress/Progress.vue';
export { default as ProgressReact } from './components/Progress/Progress.jsx';
export { default as RadioVue } from './components/Radio/Radio.vue';
export { default as RadioReact } from './components/Radio/Radio.jsx';
export { default as RadioGroupVue } from './components/Radio/RadioGroup.vue';
export { RadioGroup as RadioGroupReact } from './components/Radio/Radio.jsx';
export { default as Rating } from './components/Rating/Rating.vue';
export { default as RatingReact } from './components/Rating/Rating.jsx';
export { default as SelectVue } from './components/Select/Select.vue';
export { default as SkeletonVue } from './components/Skeleton/Skeleton.vue';
export { default as SkeletonReact } from './components/Skeleton/Skeleton.jsx';
export { default as SliderVue } from './components/Slider/Slider.vue';
export { default as SliderReact } from './components/Slider/Slider.jsx';
export { default as SlideOver } from './components/SlideOver/SlideOver.vue';
export { default as SlideOverReact } from './components/SlideOver/SlideOver.jsx';
export { default as SnackbarVue } from './components/Snackbar/Snackbar.vue';
export { default as SnackbarReact } from './components/Snackbar/Snackbar.jsx';
export { default as Spinner } from './components/Spinner/Spinner.vue';
export { default as SpinnerReact } from './components/Spinner/Spinner.jsx';
export { default as SwitchVue } from './components/Switch/Switch.vue';
export { default as SwitchReact } from './components/Switch/Switch.jsx';
export { default as TableVue } from './components/Table/Table.vue';
export { default as TableReact } from './components/Table/Table.jsx';
export { default as TableBodyVue } from './components/Table/TableBody.vue';
export { default as TableCellVue } from './components/Table/TableCell.vue';
export { default as TableHeadVue } from './components/Table/TableHead.vue';
export { default as TableRowVue } from './components/Table/TableRow.vue';
export { default as TabsVue } from './components/Tabs/Tabs.vue';
export { default as TabsReact } from './components/Tabs/Tabs.jsx';
export { default as TextFieldVue } from './components/TextField/TextField.vue';
export { default as ToolbarVue } from './components/Toolbar/Toolbar.vue';
export { default as ToolbarReact } from './components/Toolbar/Toolbar.jsx';
export { default as TooltipVue } from './components/Tooltip/Tooltip.vue';
export { default as TooltipReact } from './components/Tooltip/Tooltip.jsx';
export { default as TypographyVue } from './components/Typography/Typography.vue';
export { default as TypographyReact } from './components/Typography/Typography.jsx';
export { default as TypingText } from './components/TypingText/TypingText.vue';
export { default as TypingTextReact } from './components/TypingText/TypingText.jsx';
export { default as VerificationCodeInput } from './components/Input/VerificationCodeInput.vue';
export { default as VideoPlayer } from './components/VideoPlayer/VideoPlayer.vue';
export { default as VideoPlayerReact } from './components/VideoPlayer/VideoPlayer.jsx';
export { default as Watermark } from './components/Watermark/Watermark.vue';
export { default as WatermarkReact } from './components/Watermark/Watermark.jsx';
export * from './utils/theme';
export * from './utils/icons';
export type AccordionVariant = 'default' | 'bordered' | 'filled';
export type AppBarPosition = 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
export type AppBarColor = 'primary' | 'secondary' | 'transparent' | 'inherit';
export type AlertSeverity = 'success' | 'info' | 'warning' | 'error';
export type AlertVariant = 'standard' | 'filled' | 'outlined';
export type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'purple' | 'orange' | 'cyan' | 'pink';
export type BadgeSize = 'sm' | 'md' | 'lg';
export type BannerType = 'success' | 'info' | 'warning' | 'error';
export type BannerPosition = 'top' | 'bottom';
export type ButtonVariant = 'primary' | 'secondary' | 'filled' | 'success' | 'warning' | 'error' | 'purple' | 'orange' | 'cyan' | 'pink';
export type ButtonSize = 'sm' | 'md' | 'lg';
export type BreadcrumbVariant = 'default' | 'underlined' | 'contained';
export type CopyVariant = 'default' | 'outlined' | 'filled' | 'minimal';
export type CopySize = 'sm' | 'md' | 'lg';
export type CardVariant = 'default' | 'elevated';
export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
export type ContainerMaxWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | false;
export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type DatePickerVariant = 'default' | 'outlined' | 'filled';
export type DatePickerSize = 'sm' | 'md' | 'lg';
export type InputSize = 'sm' | 'md' | 'lg';
export type ProgressColor = 'primary' | 'success' | 'warning' | 'error' | 'purple' | 'orange' | 'cyan' | 'pink';
export type ProgressSize = 'sm' | 'md' | 'lg';
export type SwitchColor = 'primary' | 'success' | 'warning' | 'error' | 'purple' | 'orange' | 'cyan' | 'pink';
export type SnackbarSeverity = 'success' | 'info' | 'warning' | 'error';
export type SnackbarVariant = 'filled' | 'outlined' | 'standard';
export type TabsVariant = 'default' | 'pills' | 'underline';
export type TextFieldVariant = 'outlined' | 'filled' | 'standard';
export type TextFieldSize = 'sm' | 'md' | 'lg';
export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'button';
export type TypographyColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'textPrimary' | 'textSecondary' | 'textDisabled';
export interface AnchorOrigin {
vertical: 'top' | 'center' | 'bottom';
horizontal: 'left' | 'center' | 'right';
}
export interface AccordionItem {
title: string;
content: string;
}
export interface BreadcrumbItem {
label: string;
href?: string;
to?: string;
disabled?: boolean;
icon?: string;
}
export interface WatercolorTheme {
primary: Record<string, string>;
secondary?: Record<string, string>;
neutral?: Record<string, string>;
success?: Record<string, string>;
warning?: Record<string, string>;
error?: Record<string, string>;
info?: Record<string, string>;
danger?: Record<string, string>;
purple?: Record<string, string>;
orange?: Record<string, string>;
cyan?: Record<string, string>;
pink?: Record<string, string>;
/** 圆角配置,与 --wc-radius-xxx 变量对应 */
radius?: {
sm?: string;
md?: string;
lg?: string;
xl?: string;
'2xl'?: string;
full?: string;
};
}
export interface SelectOption {
label: string;
value: string | number;
disabled?: boolean;
}
export { provideTheme, useTheme as useVueTheme } from './ThemeVUE.ts';
export { ThemeProvider, useTheme as useReactTheme } from './ThemeReact.tsx';
//# sourceMappingURL=index.d.ts.map