feat: add huicharts runtime and update docs (#2981)

This commit is contained in:
ajaxzheng 2025-03-03 09:59:22 +08:00 committed by GitHub
parent e3bf5ad29e
commit adf5c2475a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 10 deletions

View File

@ -6,10 +6,11 @@
## 自动导入(推荐) ## 自动导入(推荐)
首先你需要安装 `@opentiny/unplugin-tiny-vue` 这款插件。 首先你需要安装 `@opentiny/unplugin-tiny-vue` 这款插件,还需要安装两个 `unplugin` 官方的插件包
```bash ```bash
npm i @opentiny/unplugin-tiny-vue -D # 注意 @opentiny/unplugin-tiny-vue 版本号需要大于等于v1.0.0
npm i @opentiny/unplugin-tiny-vue unplugin-auto-import unplugin-vue-components -D
``` ```
然后把以下代码插入到你项目的 `Vite``Webpack` 配置文件中。 然后把以下代码插入到你项目的 `Vite``Webpack` 配置文件中。
@ -73,8 +74,9 @@ module.exports = {
``` ```
想了解更多自动按需导入的信息,请参考: 想了解更多自动按需导入的信息,请参考:
[unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)、
[unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)、
[unplugin-tiny-vue](https://github.com/opentiny/unplugin-tiny-vue)
## 多组件引入 ## 多组件引入

View File

@ -92,17 +92,19 @@ export default defineConfig({
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
"vue": "https://registry.npmmirror.com/vue/3.4.27/files/dist/vue.runtime.esm-browser.js", "vue": "https://registry.npmmirror.com/vue/3.5/files/dist/vue.runtime.esm-browser.js",
"echarts": "https://registry.npmmirror.com/echarts/5.4.1/files/dist/echarts.esm.js", "echarts": "https://registry.npmmirror.com/echarts/5.4.1/files/dist/echarts.esm.js",
"@opentiny/vue": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.17/files/dist3/tiny-vue-pc.mjs", // v3.22.0版本新增
"@opentiny/vue-icon": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.17/files/dist3/tiny-vue-icon.mjs", "@opentiny/vue-huicharts": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-huicharts.mjs",
"@opentiny/vue-locale": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.17/files/dist3/tiny-vue-locale.mjs", "@opentiny/vue": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-pc.mjs",
"@opentiny/vue-common": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.17/files/dist3/tiny-vue-common.mjs" "@opentiny/vue-icon": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-icon.mjs",
"@opentiny/vue-locale": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-locale.mjs",
"@opentiny/vue-common": "https://registry.npmmirror.com/@opentiny/vue-runtime/3.22/files/dist3/tiny-vue-common.mjs"
} }
} }
</script> </script>
<!-- 引入 @opentiny/vue 样式 --> <!-- 引入 @opentiny/vue 样式 -->
<link rel="stylesheet" href="https://registry.npmmirror.com/@opentiny/vue-theme/3.17/files/index.css" /> <link rel="stylesheet" href="https://registry.npmmirror.com/@opentiny/vue-theme/3.22/files/index.css" />
</head> </head>
``` ```

View File

@ -203,6 +203,10 @@ function getEntryTasks() {
{ {
path: 'vue-directive/index.ts', path: 'vue-directive/index.ts',
libPath: 'tiny-vue-directive' libPath: 'tiny-vue-directive'
},
{
path: 'vue/src/huicharts/index.ts',
libPath: 'tiny-vue-huicharts'
} }
] ]
return entry return entry