agora-vue-ui

agora vue ui

Usage no npm install needed!

<script type="module">
  import agoraVueUi from 'https://cdn.skypack.dev/agora-vue-ui';
</script>

README

agora-vue-ui

agora-vue-ui

简体中文 | English

自定义主题方案

  1. 在使用agora-vue-ui组件的项目中引入agora-vue-ui的index.css，这个index.css是包含var变量，利用使用agora-vue-ui的项目的webpack再重新打包一遍
  2. 用户选择主题色，打包一个新的主题

国际化方案

基于开发者项目中使用vue-i18n组件的国际化能力，将AgoraUI中的lang文件引入，并完成初始化。开发者项目切换中英文时，组件库内部只需要使用t(xxx)即可同步更改。我们会在初始化时将开发者项目中的i18n对象传递到组件库，并绑定在vue上，所以可以使用this.agoraI18n.t('xxx')来完成注册。对于未使用国际化的项目，组件内部会默认以中文方式处理

// 初始化
Vue.use(AgoraUI, {
  i18n: i18n,
  locale: 'zh',
})

开发规范

  1. 开发时切新分支，比如feat/xxx
  2. 开发分支合到master
  3. 从master切一个新分支release-vx.x.x
  4. npm version patch || npm version mirror 作用是打git tag并且修改package.json中的版本
  5. 修改CHANGELOG.md
  6. git push origin release-vx.x.x
  7. git push origin --tags
  8. npm publish

链接

Todo

  • 自定义主题
  • 国际化
  • agora-md-loader
  • 官网
  • 打包
  • 发布