Weitu-visual-plus NPM

💪 Vue 3 Composition API
🔥 Written in TypeScript

介绍

weitu-visual-plus组件库主要集成了一些常用的可视化组件，如图表，地球等组件，在了解微兔可视化的朋友们应该了解，微兔可视化平台内使用的组件库于此同步，我们在导出的vue3.x代码中也使用了此库的组件，让代码更加精简、更加优雅。

同时为了更加贴切的满足广大的开发者，我们将微兔可视化组件对外开源，让更多的开发者在不使用微兔可视化工具的同时也能单独使用其中的组件。同时也能让设计再此处能得到灵感~

weitu-visual-plus组件库目前图表类主要集成了Echarts图表，团队也在不断的更新自己的图标，比如3D地球、媒体等等类型。

微兔可视化

一款全新高自由度可视化大屏开发设计IDE工具，丰富的组件（100+）和模板、多数据源实时渲染、源代码生成、动画引擎、3D引擎集成、PSD解析、丰富的社区资源和安全离线使用等核心功能，旨在让更多人轻松打造炫酷实用的可视化大屏。通过简单的拖拽方式即可实现大屏可视化开发。设计、开发和部署一站式轻松搞定。

>>点击了解微兔可视化<<

安装

本节介绍如何安装weitu-visual-plus。

环境支持

Edge ≥ 79 Firefox ≥ 78 Chrome ≥ 64 Safari ≥ 12

由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器。

版本

0.0.25

使用包管理器

我们建议您使用包管理器 (NPM, Yarn, pnpm) 安装 weitu-visual-plus, 然后您就可以使用打包工具，例如 Vite 和 webpack。

# 选择一个你喜欢的包管理器

# NPM
$ npm install weitu-visual-plus --save

# Yarn
$ yarn add weitu-visual-plus

# pnpm
$ pnpm install weitu-visual-plus

如果您的网络环境不好，建议使用相关镜像服务 cnpm 或中国 NPM 镜像。

快速开始

本节将介绍如何在项目中使用 weitu-visual-plus。

用法

完整引入

如果你对打包后的 文件大小 不是很在乎，那么使用完整导入会更方便。

// main.ts
import { createApp } from 'vue'
import WeiTuVisualPlus from 'weitu-visual-plus'
import App from './App.vue'

createApp(App).use(WeiTuVisualPlus).mount('#app')

按需导入

如果你只希望导入你 需要的组件 ，可使用按需导入的方法。

// main.ts
import { createApp } from 'vue'
import { WtLine, WtEarth } from 'weitu-visual-plus'
import App from './App.vue'

const app = createApp(App)
app.component(WtLine.name, WtLine)
app.component(WtEarth.name, WtEarth)
app.mount('#app')