widget.qw

组件库-vue3

一.安装

安装nrm
npm i nrm -g

切换到私有仓库
nrm use npm

安装组件库
npm i widget.qw@latest

强制安装最新版本
清除npm缓存
npm cache clean --force
npm install widget.qw@latest

强制安装指定版本
清除npm缓存
npm cache clean --force
npm install widget.qw@1.0.14

二.配置组件

main.js

import {WIDGETQW,setup} from 'widget.qw'
import 'widget.qw/build/style.css'
setup({
    urlCallback: ()=>{
        return import.meta.env.DOMAIN
    },
    tokenCallback: ()=>{
        return util.getToken()
    },
    needLoginCallback: ()=>{
        router.push({path:'/login'})
    }
})

createApp(App)
  .use(WIDGETQW)
  .mount("#app");

三.组件使用

AuditBar/流程审核组件

见实例代码views/auditBar/index.vue

CheckGroup/复选组件

见实例代码views/CheckGroup/index.vue

SinglePicker/单选组件

见实例代码views/SinglePicker/index.vue

CheckGroup/复选组件

见实例代码views/CheckGroup/index.vue

四.发布组件

拉取widget.qw组件库源码
git clone https://gitee.com/hothotsavage/widget.qw.git

打包
注意：发布时 vite.config.ts的VUE_APP_IS_DEBUG必须配置为false
npm run build

添加账号
npm adduser --registry=https://registry.npmjs.org 用户名:hothotsavage 邮箱:1725288552@qq.com

发布
npm publish