so-ui

vue3+ts+pnpm mobile ui

多包应用

每个子包都可安装&发布

引用当前仓库本地的子包:先npm link生成软连接 再在需要的子包进行安装 pnpm add

组件库在packages下的so-ui文件夹中,开发完成的组件执行编译(pnpm compile)后在demo文件夹中的组件文档中可以写文档和使用示例

最后组件测试没问题即可发布到npm上

组件库架构开发中的一些记录

https://xunzhaotech.gitee.io/kuaizhidao/pages/course/typescript/#%E7%BC%96%E8%AF%91%E9%80%89%E9%A1%B9%E9%85%8D%E7%BD%AE

@types/node 安装当前最高版本时 代码有对原生元素类型的警告提示,目前尚不知原因,暂时先安装了18.7.18的版本

tab组件

  1. useChildren获取子组件
  2. tab组件中定义currentIndex, activeTab = children[currentIndex]
  3. 定义renderNav() 、 renderLine(), renderHeader = renderNav()&renderLine()

vue3 provide/inject的使用

使用provide/inject封装的hooks: https://www.jianshu.com/p/bf522934fd08

父组件
provide:{
 info:"值"
}
子组件
inject: [ 'info' ]

Object.assign(targetObject, sourceObject)