uran-ui

安装

npm i @koala123/uran-ui

使用

import uranUI from '@koala123/uran-ui';
import "@koala123/uran-ui/css";

import { createApp } from "vue";
const app = createApp(App);
app.use(pinia)
  .use(uranUI, {
    // 全局配置项
    // 是否加载字体图标
    loadIconfont: true,
    // imageData为相机对象grabImage的返回值（自定义，这里假定为imageData）
    grabImageSuccessCB(imageData: ImageData) {
      ElMessageBox.confirm(
        `图像采集完成，是否下载？`,
        '图像下载',
      ).then(() => {
        downloadImageData(imageData);
      })
    },
  })
  .mount("#app");

全局配置项

import type { App } from 'vue'

export interface KLConfig {
  /** 是否加载字体图标 */
  loadIconfont?: boolean;
  /** 成功采集图像的回调函数 */
  grabImageSuccessCB: (image: any) => void;
  /** 其它全局组件注册 */
  install: (app: App) => void,
}