usp-comp-ui

A frontend compoent library for Vue3 + Element Plus
1,003
Install
npm install usp-comp-ui
Latest Version:1.2.20
Vue:3
Last Updated:Nov 18, 2024
Links: npm
Maintainer: zhangdarking

#usp-comp-ui usp-comp-ui saas项目前端公共组件库, 适用于vue3项目

安装

npm install usp-comp-ui -S

使用

import Vue from 'vue'
import ElementPlus from 'element-plus'
import UspCompUI from 'usp-comp-ui'

// ......
const app = createApp(App)
app.use(ElementPlus).use(UspCompUI)

代码中使用:

<usp-waybill-print
    ref="waybillPrintRef"
    :printBaseUrl="printBaseUrl"
    :showCloudPrint="true"
    :printTemplateList="printTemplateList"
    :cloudPrinterList="cloudPrinterList"
    :apiGetPrintData="apiGetPrintData"
    :apiCloudPrintData="apiCloudPrintData"
/>

打印组件 usp-waybill-print

export interface IOption {
  label: strirng,
  value: string | number
}
属性名 说明 类型 默认值
showCloudPrint 是否开启云打印 boolean true
cloudPrinterList 云打印机列表 IOption[] [] (必传)
printTemplateList 打印模板列表 IOption[] [] (必传)
localPrinterStorageKey 默认打印机缓存的key值,需要与打印配置里移植 string defaultPrinter
printBaseUrl 打印模板前缀 string - 必传
processImgUrl 打印中图标地址地址 string https://itim-ms-cd-voucher2-prd-obs.obs.cn-south-1.myhuaweicloud.com/usp/front-static-file/web/printProcess.gif
apiCloudPrintData 云打印接口,返回Promise Function - 必传
apiGetPrintData 本地打印机打印接口, 返回Promise Function 必传

Version History

Version Released Vue License
1.2.20 ^3.0.0
1.2.18 ^3.0.0
1.2.17 ^3.0.0
1.2.16 ^3.0.0
1.2.15 ^3.0.0