0.10.1 • Published 2 months ago
@wfrog/vc v0.10.1
VC 组件库
自用
的基于 element-plus
二次封装的 vue3
组件库。追求在业务场景中,尽可能使用更少的代码量来实现需求。
因此在组件封装上,以 方便
为主,打包仅 esm
模式。
组件开发时,依赖的 vue
版本是 ^3.2.37
组件库所使用 CDN 源为 jsdelivr,并使用了一个自用的函数库 @wfrog/utils
!!!如果 jsdelivr 无法访问,会导致部分组件失效。解决办法:todo
全量引入
本组件库依赖 element-plus
,需要事先安装组件中使用的库,以及组件的依赖
npm i element-plus@~2.5.2 @element-plus/icons-vue@^2.0.9 @vueuse/core@^9.1.0
npm i @wfrog/utils@^0.1.0 lodash-es@^4.17.21 vuedraggable@^4.1.0
然后安装本组件库
npm i @wfrog/vc
在 app.ts 里,全量引入组件和css
import VC from '@wfrog/vc'
import '@wfrog/vc/es/style.css'
const app = createApp(App)
app.use(VC)
在 vue 文件中使用
<template>
<HButton :icon="{ type: 'svg', name: 'test' }" type="primary">SVG 图标</HButton>
</template>
单组件加载
本组件库依赖 element-plus
,需要事先安装组件中使用的库。组件的依赖可以不按照,仅在使用到有依赖组件的时候才去安装
npm i element-plus@~2.2.13 @element-plus/icons-vue@^2.0.9 @vueuse/core@^9.1.0
npm i @wfrog/utils@^0.1.0 lodash-es@^4.17.21
然后安装本组件库
npm i @wfrog/vc
在 app.ts 里,全量引入 css
import '@wfrog/vc/es/style.css'
在 vue 文件中
<template>
<HButton :icon="{ type: 'svg', name: 'test' }" type="primary">SVG 图标</HButton>
</template>
<script lang="ts" setup>
import HButton from '@wfrog/vc/es/components/button'
</script>
0.10.1
2 months ago
0.10.0
2 months ago
0.9.0
3 months ago
0.9.1
3 months ago
0.8.0
4 months ago
0.7.1
5 months ago
0.5.3
6 months ago
0.5.0
6 months ago
0.3.2
8 months ago
0.4.0
6 months ago
0.3.1
8 months ago
0.7.0
5 months ago
0.5.2
6 months ago
0.6.0
6 months ago
0.5.1
6 months ago
0.3.0
2 years ago
0.2.2
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago