jiaminghi/data-view改造版dataV for vite2.8+vue3项目

发布于:2022-10-18 ⋅ 阅读:(2674) ⋅ 点赞:(2)

       最近在制作一个企业大屏,需要一些大屏的插件,然后就找到了一款组件,jiaminghi的data-view,它的边框是我首先较为喜欢的,调用也很简单,一两句简单的html就能完成了,美中不足的是它原生态是支持vue-cli的webpack打包工具,不支持vite,直接引入包,项目会出错的,不过经过站长一周的改造,效果还是蛮可以的,调用的图表组件均加入deep,可以通过API接口动态修改图表数据,官网给的状态更新教程也是针对vue-cli的,虽然比较耗费资源,不过deep还是个不错的解决方案。随带还解决了Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/bezier-curve/lib/index.js?v=1dc9a735' does not provide an export named 'default'跟vite require is not defined的两个问题,不过类似动态环图跟水位图这些效果,全屏跟退出全屏时可能会错位,展示还是通过iframe来实现屏幕自适应的效果。最后还是夸一夸vite的run dev速度跟打包速度,vue-cli真心没法比,后续希望原作者也能出一个vite版本的dataV。

       目前站长做了npm\cnpm\pnpm的三个兼容版本(目前兼容vite2.8.2+vue3+windows/macos,yarn、npm、pnpm可通用,就是node_modules底层文件位置不一样,找到了自行替换就行了,有需要的请联系站长,站长有时间会整理好放上去的,其实修改原来都差不多,下过来稍微研究下相信大家都能改造),cnpm版本下载地址jiaminghi/data-viewdataVforvite2vue3windows补丁forcnpm-Javascript文档类资源-CSDN下载,pnpm版本下载地址jiaminghi/data-viewdataVforvite2vue3windows补丁forpnpm-Javascript文档类资源-CSDN下载,npm版本/yarn版本通用(支持windows跟macos)下载地址jiaminghi/data-viewdataVforvite2vue3windows补丁fornpm/yarn_jiaminghi/data-view-Javascript文档类资源-CSDN下载,有兴趣的小伙伴可以下载过来研究下的,然后通过patch-package来定制自己的node_modules依赖补丁包(自行度娘下哈,非常简单的操作),这样就npm install的时候就可以自行替换了,项目重装依赖的时候就不用手动去复制粘贴了,这样团队内分享项目也会比较轻松。

 

默认新装报错1

[plugin:vite:vue]

/node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue:8:11

6  |        >

7  |         <rect

8  |            :key="i"

   |             ^

9  |            :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"

10 |            :x="point[0] - halfRectWidth"

默认报错2:

The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=66938fb6' does not provide an export named 'default

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到