Space Component

这是一个为SpaceTime项目开发的UI组件库，提供了一系列可复用的React组件。

文档

查看组件库文档和示例：https://components.gaudivideo.com/

安装

npm install --save @gaudi-dev/space-component
# 或者
yarn add @gaudi-dev/space-component

使用

import { Button, Card } from '@gaudi-dev/space-component';

function App() {
  return (
    <div>
      <Card title="示例卡片">
        这是一个示例卡片内容
        <Button>点击我</Button>
      </Card>
    </div>
  );
}

开发

1. 克隆仓库

git clone <repository-url>
cd space-component

2. 安装依赖

pnpm install

3. 启动Storybook进行开发

pnpm storybook

4. 构建组件库

pnpm build

5. 构建Storybook文档站点

pnpm build-storybook

6. 部署Storybook到Cloudflare Pages

pnpm deploy-storybook

7. 发布组件库到NPM

# 确保已经登录到NPM
npm login

# 发布组件库（注意：带有组织作用域的包需要指定为公开）
npm publish --access public

组件列表

基础组件

• Button - 按钮
• Card - 卡片
• Badge - 徽章
• Input - 输入框
• Textarea - 文本域
• Label - 标签
• Select - 选择器

布局组件

• Separator - 分隔线
• Sheet - 抽屉

反馈组件

• Alert Dialog - 警告对话框
• Toast - 消息提示
• Progress - 进度条
• Skeleton - 骨架屏
• Full Screen Loader - 全屏加载器

导航组件

• Tabs - 标签页
• Dropdown Menu - 下拉菜单
• Command - 命令菜单

数据展示

• Avatar - 头像
• Tooltip - 文字提示
• Popover - 弹出框

更多组件正在开发中...

贡献指南

1. Fork 这个仓库
2. 创建你的特性分支 (git checkout -b feature/amazing-feature)
3. 提交你的改动 (git commit -m 'Add some amazing feature')
4. 推送到分支 (git push origin feature/amazing-feature)
5. 开启一个 Pull Request

许可证

MIT