iBest-UI@HarmonyOS

Appearance

贡献指南 ​

介绍 ​

感谢你使用 iBest-UI。

以下是关于向 iBest-UI 提交反馈或代码的指南。在向 iBest-UI 提交 issue 或者 PR 之前，请先花几分钟时间阅读以下内容。

Issue 规范 ​

  • 遇到问题时，请先确认这个问题是否已经在 issue 中有记录或者已被修复。
  • 提 issue 时，请用简短的语言描述遇到的问题，并添加出现问题时的环境和复现步骤。

参与开发 ​

在进行本地开发前，请先确保你的开发环境中 DevEco-Studio 能够正常运行，相关配置正确。 按照下面的步骤操作，即可在本地开发组件。

  1. 克隆仓库
shell
# 克隆gitalb仓库
git clone git@github.com:ibestservices/ibest-ui.git

# 或者克隆gitee仓库
git clone git@gitee.com:ibestservices/ibest-ui.git
  1. 构建本地 library构建library
  2. 在 components 目录下开发组件、修复 BUG 或做你想做的事情 components

全局样式 ​

开发组件时如何使用全局样式 ​

ts
import { getDefaultBaseStyle, IBEST_UI_NAMESPACE } from '../../theme-chalk/src'
import { IbestUIBaseStyleObjType } from '../../theme-chalk/src/index.type'


@Component
export struct IBest组件名称 {
  /**
   * 全局公共样式
   */
  @StorageLink(IBEST_UI_NAMESPACE) private baseStyle: IbestUIBaseStyleObjType = getDefaultBaseStyle()

  build(){
    Columon(){

    }.animation({ duration: this.baseStyle.animationDuration as number})
  }
}

如何扩展全局样式 ​

将样式赋值在 library/src/theme-chalk/src/index.ts 中对外暴露的对象即可。

样式

目录结构 ​

ArkTS 工程目录结构（Stage 模型)

查看目录结构
shell
├── entry # 例子hap包
│   └── src
│   ├── main
│   │   ├── ets
│   │   │   ├── assets
│   │   │   │   └── styles # 例子页面样式
│   │   │   ├── components # 例子组件
│   │   │   ├── entryability
│   │   │   └── pages # 例子页面
│   │   └── resources
│   │   ├── base
# ...
├── hvigor
├── library  # 组件库
│   └── src
│   └── main
│   ├── ets
│   │   ├── assets
│   │   │   └── ets # 工具方法
│   │   ├── components # 组件目录
│   │   │   ├── button
│   │   │   ├── cell
│   │   │   └── ...
│   │   └── theme-chalk # 样式变量
│   │   └── src
│   └── resources # 组件库资源
│   ├── base
# ...

代码规范 ​

在编写代码时，请注意：

  • 确保代码可以通过的 鸿蒙编辑器及仓库的 ESLint 校验。
  • 确保代码格式是规范的，使用 鸿蒙编辑器 进行代码格式化。

提交 Pull Request ​

参考指南 ​

如果你是第一次在 GitHub 上提 Pull Request ，可以阅读下面这两篇文章来学习：

Pull Request 规范 ​

在提交 Pull Request 时，请注意：

  • 保持你的 PR 足够小，一个 PR 只解决单个问题或添加单个功能。
  • 当新增组件或者修改原有组件时，记得增加或者修改对应的单元测试，保证代码的稳定。
  • 在 PR 中请添加合适的描述，并关联相关的 Issue。

Pull Request 流程 ​

  • fork 主仓库，如果已经 fork 过，请同步主仓库的最新代码。
  • 基于 fork 后仓库的 main 分支新建一个分支，比如 feature/button_color。
  • 在新分支上进行开发，开发完成后，提 Pull Request 到主仓库的 main 分支。
  • Pull Request 会在 Review 通过后被合并到主仓库。
  • 等待 iBest-UI 发布新版本。

Pull Request 标题格式 ​

Pull Request 的标题应该遵循以下格式：

shell
type(ComponentName?)：commit message

示例

  • docs: fix typo in quickstart
  • build: optimize build speed
  • fix(Button): incorrect style
  • feat(Button): add color prop

可选的类型：

  • fix
  • feat
  • docs
  • perf
  • test
  • types
  • style
  • build
  • chore
  • release
  • refactor
  • breaking change
  • revert:

同步最新代码 ​

提 Pull Request 前，请依照下面的流程同步主仓库的最新代码：

shell
# 添加主仓库到 remote
git remote add upstream git@gitee.com:ibestservices/ibest-ui.git

# 拉取主仓库最新代码
git fetch upstream

# 切换至 master 分支
git checkout master

# 合并主仓库代码
git merge upstream/master