Files
xiaoxia-saas/apps/web/src/components/ui/index.ts
T
CI Bot 8f446eef08
CI/CD Pipeline / Validate Code Quality And Tests (push) Has been cancelled
CI/CD Pipeline / Frontend Lint (push) Has been cancelled
Deploy / Deploy Staging (push) Has been cancelled
Deploy / Build Production Runtime Images (push) Has been cancelled
Deploy / Deploy Production (push) Has been cancelled
Deploy / Production Browser E2E (push) Has been cancelled
feat(ui): 封装基础 UI 组件库
封装 10 个 V21 设计系统基础组件,统一使用 CSS 变量:
- Button: 6 种变体 (primary/secondary/ghost/text/danger/link) + 3 种尺寸
- Input: 支持 error 状态,含 Search/TextArea/Password 子组件
- Select: V21 圆角下拉样式
- Modal: 含 confirm/info/success/error/warning 快捷方法
- Table: V21 表格样式
- Card: 支持悬浮动效变体
- Tag/Badge: 5 种语义变体 (primary/success/warning/error/info)
- Tooltip/Popover: V21 气泡样式
- Form: 支持 compact 紧凑模式
- Pagination: V21 分页样式

所有组件使用 CSS 变量(无硬编码值),支持暗色/亮色主题切换,
响应式布局适配移动端。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-30 21:43:47 +08:00

35 lines
1.0 KiB
TypeScript

/**
* V21 UI 组件库 - 统一导出
*/
// 组件导出
export { default as Button } from "./Button";
export type { ButtonProps, ButtonType, ButtonSize } from "./Button";
export { default as Input } from "./Input";
export type { InputProps } from "./Input";
export { default as Select } from "./Select";
export type { SelectProps } from "./Select";
export { default as Modal } from "./Modal";
export type { ModalProps } from "./Modal";
export { default as Table } from "./Table";
export type { TableProps } from "./Table";
export { default as Card } from "./Card";
export type { CardProps } from "./Card";
export { Tag, Badge } from "./Tag";
export type { TagProps, TagVariant } from "./Tag";
export { Tooltip, Popover } from "./Tooltip";
export type { TooltipProps, PopoverProps } from "./Tooltip";
export { default as Form, FormItem, FormList, FormProvider } from "./Form";
export type { FormProps } from "./Form";
export { default as Pagination } from "./Pagination";
export type { PaginationProps } from "./Pagination";