Dango UI

一套适用于 uni-app 小程序和 Web 的 Vue 3 移动端组件库

🚧🚧 This repo is under heavy development 🚧🚧

特性

• 多平台兼容，uni-app、Web 都可以使用
• 默认就很好看，业务上久经考验
• 🚧 易于扩展主题，满足定制需求（开发中）

安装

npm install dangoui

yarn add dangoui

pnpm add dangoui

开发

# 编译组件库
pnpm run build

# 文档站 dev 模式
cd docs
# 在 run dev 前，要编译组件库，要查看最新组件库更改，也要编译组件库
pnpm run dev

链接

• Dango UI 文档

发布

发布 packages

1. 做出更改后，git add，然后执行 npx changeset，并把变更提交到仓库
2. 发布
   1. 手动发布（不推荐）,npx changest version、pnpm run build、npx changeset publish
   2. 自动发布（GitHub Action），提交/合并到 main 的代码，如果含有 changeset 文件，会更新版本并提交一个 PR，合并 PR 后，会进行版本发布

💡 npx changeset 的使用
使用空格键确认，使用回车键跳过。在选版本提升时（bump）通过回车键跳过来切换 major，minor，patch 版本。

发布文档站

在 GitHub Actions 中，选择 Doc，并点 Run workflow

同步到 npmmirror

因为我们的项目用的 npmmirror 镜像，当我们想立刻使用最新版本的时候，可以执行 pnpm run sync

活动

更新图标

1. 如果根目录下没有 .alioss.json 的话，需要创建这个文件，并加入 accessKeyId、accessKeySecret、region、bucket 这四个字段。这个文件不要提交到远程代码仓库中。
2. 首先需要更新图标文件 Url，去这个网站：https://iconpark.oceanengine.com/projects/7443/detail，不要忘记点击页面上的`更新代码`哦，复制 SVG Symbol 下的 script 的 src 中的地址到 packages/dangoui/icon-url 中去。
3. 其次执行 packages/dangoui/package.json 下的 gen:icon 命令，等待更新完成
4. 更新完成后，提交代码，并执行 changeset。