tea-component-taro v0.3.17

Tea - 移动端组件库 (Taro)

文档 & 示例

组件用法可参考 http://tea.tencent.com/mobile

组件目录

组件升级还在进行中，进度如下（🏃 进行中 📌 已计划 🕒 暂时挂起）：

• 通用

  • Button - 按钮
  • Icon - 图标
  • Typography - 排版

• 布局

  • Flex - 弹性布局
  • Grid - 宫格
  • Level - 端对齐
  • WhiteSpace - 留白

• 导航

  • SegmentedControl - 分段器
  • Tabs - 选项卡

• 展示

  • Alert - 提示条
  • Badge - 徽章
  • Card - 卡片
  • Cell - 项
  • Collapse - 折叠面板
  • Descriptions - 描述列表
  • Form - 表单
  • HeaderBar - 顶栏
  • List - 列表
  • Progress - 进度条
  • Statistic - 统计数值
  • Table - 表格
  • Tag - 标签

• 表单

  • Checkbox - 复选框
  • Input - 输入框
  • InputNumber - 数字输入
  • Picker - 选择器
  • Radio - 单选框
  • Search - 搜索
  • Select - 下拉选择
  • Slider - 滑块
  • Switch - 开关

• 反馈

  • ActionSheet - 动作面板
  • Loading - 加载中
  • Message - 消息通知
  • Modal - 模态框
  • Popup - 弹出层
  • Toast - 轻提示

• 场景

  • Result - 结果页

开发

本地开发

前往 tea-web 目录，执行 npm install 完成依赖安装。

• 在 tea-component-mobile 目录执行 npm run dev:h5 运行 H5 示例开发服务。

• 在 tea-web 目录执行 npm run start，即可在本地运行起 Tea 文档站点。

新建组件

如需新建组件，请先在上文 组件目录 中添加组件说明，并建立相对应的目录（组件/样式/示例）。

可执行 npm run component，如npm run component button 按钮。

README.md

网站中组件示例由 tea-component-mobile/src 下各组件目录中 README.md 生成，一个 README.md 的示例如下：

# Button 按钮

提供标准的按钮交互和样式。

## 使用示例

[Code](./demo/index.tsx)

## 组件属性

[Interface: ButtonProps](./Button.tsx)

需要注意的是 Code 及 Interface 的引入方式。

git 相关

分支

请基于 release 分支来进行开发，开发完成后请提交 Merge Request 到该分支。

提交注释

请参考提交注释规范

发布

构建

执行 npm run build 进行构建。

版本号更新

执行 npm version patch 更新末位版本号。

如需发布非 @latest 版本，请修改对应标签版本号，如 2.0.0-beta.1。

发布至 TNPM

执行 tnpm publish 发布包。

如需发布非 @latest 版本，请添加 --tag 参数，如 tnpm publish --tag beta。