@kingsoft-ai/design 0.1.9

package/README.md

@@ -0,0 +1,67 @@
+# @kingsoft-ai/design
+
+基于 React 和 Emotion 的设计组件库，使用三层 Design Token 体系。
+
+## 组件
+
+- **Button**: 支持多种变体（primary, secondary, text, danger, gradient）的按钮组件
+- **Checkbox**: 支持多种色调的复选框组件
+- **Radio**: 单选框组件
+
+## 开发
+
+### 构建
+
+```bash
+pnpm build:lib
+```
+
+### 测试
+
+本包使用 Vitest + Testing Library 作为测试框架，覆盖率达到 **100% 语句覆盖**。
+
+```bash
+# 交互式测试（watch 模式）
+pnpm test
+
+# 一次性运行所有测试
+pnpm test:run
+
+# 生成覆盖率报告
+pnpm test:coverage
+
+# 打开 Vitest UI
+pnpm test:ui
+```
+
+测试文件位于 `src/<component>/__tests__/*.test.tsx`。
+
+详细测试文档请参阅 [TESTING.md](./TESTING.md)。
+
+## 使用
+
+```tsx
+import { Button, Checkbox, Radio } from '@kingsoft-ai/design'
+import { CustomThemeProvider } from '@kingsoft-ai/theme'
+
+function App() {
+  return (
+    <CustomThemeProvider>
+      <Button variant="primary" size="md">
+        点击我
+      </Button>
+      <Checkbox label="同意条款" />
+      <Radio label="选项 A" name="choice" value="a" />
+    </CustomThemeProvider>
+  )
+}
+```
+
+## 依赖
+
+- React >= 18
+- @emotion/react >= 11
+- @emotion/styled >= 11
+- react-aria >= 3
+- @kingsoft-ai/theme (workspace)
+