ra-element

基于 Vue3、Element Plus、ts 的如安组件库
13,313
Install
npm install ra-element
Latest Version:0.2.8
Vue:3
Last Updated:Mar 19, 2026
Links: npm
Maintainer: mmzhw51

ra-element

基于element-plus封装的适用如安的样式组件

npm版本

20.19.3

包管理器

pnpm

发布流程

1、npm run build (插件内会自动更新小版本,如果要更新大版本需要手动修改)
2、npm config set registry https://registry.npmjs.org (修改为发版包地址)
3、npm login
4、npm publish
5、npm config set registry http://registry.npmmirror.com/ (还原阿里源镜像,如果有代理可以不修改)

npm代理

npm config set proxy http://192.168.100.106:7890 npm config set https-proxy http://192.168.100.106:7890

取消npm代理

npm config delete proxy npm config delete https-proxy

(发布后,引用项目使用镜像源安装不一定能立即下载到,就是官网下载可能都需要等一会才会有新版本)

组件功能

基于el-element-plus封装的适用如安的样式组件 1、保留了原有组件功能 2、拓展功能参照docs里的md文件 3、原有el-element-plus组件暴露的defineExpose方法全部转移到component中,调用方式如下(机制问题,无法直接暴露,待研究更好的办法):

    import RaButton from '@/components/ra-button/index.vue';
    import RaButton from '@/components/ra-button/index.vue';
    const buttonRef = ref<InstanceType<typeof RaButton> | null>(null);
    console.log(buttonRef.value?.component.ref);
    console.log(buttonRef.value?.component.size);
    console.log(buttonRef.value?.component.type);

Version History

Version Released Vue License
0.2.8 ^3.5.17
0.2.7 ^3.5.17
0.2.6 ^3.5.17
0.2.4 ^3.5.17
0.2.3 ^3.5.17