# Ultraman Shop

A React component library for building e-commerce interfaces.

## 发布新版本

本项目提供了便捷的发布命令，用于发布新版本到 npm：

### 发布命令

- `npm run release:patch "更新说明"` - 发布补丁版本 (0.0.x)，用于修复 bug
- `npm run release:minor "更新说明"` - 发布次版本 (0.x.0)，用于添加新功能
- `npm run release:major "更新说明"` - 发布主版本 (x.0.0)，用于重大更新

### 版本号说明

- 补丁版本 (0.0.x)：用于修复 bug，不影响现有功能
- 次版本 (0.x.0)：用于添加新功能，向后兼容
- 主版本 (x.0.0)：用于重大更新，可能不向后兼容

### 使用示例

```bash
# 修复bug
npm run release:patch "修复了按钮点击事件不响应的问题"

# 添加新功能
npm run release:minor "添加了新的数据表格组件"

# 重大更新
npm run release:major "重构了整个组件库的样式系统"
```

发布命令会自动：

1. 更新 package.json 中的版本号
2. 更新 CHANGELOG.md 文件
3. 构建项目
4. 发布到 npm

### 目录结构

#### 写组件

1. 新建 xxx.tsx 组件写组件
2. 新建 index.tsx 导出组件
3. 新建 xxx.stories.tsx 写文档
4. 更新 src/index.tsx 文件导出文件

#### 写样式

1. 在组件里 写 xxx.scss 文件
2. 如果需要用到全局变量 需要在 头部引入 `@use '../../styles/variables' as \*;`
3. 然后需要将你新建的文件引入到 src/styles/index.scss ` @use '../components/Input/xxx.scss' as \*;`

### 打包发布流程

1. 运行 npm run build
2. 切换控制台到 dist 目录
3. 更新 package.json 的 version 版本