ra-element
v0.1.70
Published
基于 Vue3、Element Plus、ts 的如安组件库
Downloads
3,186
Readme
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://127.0.0.1:7890 npm config set https-proxy http://127.0.0.1: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);