From dade1b89fd6a23ce15096bece9f101cfdcd46ed8 Mon Sep 17 00:00:00 2001 From: "zhu.yawen" Date: Fri, 13 Oct 2023 11:37:29 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=E5=8E=BB=E9=99=A43D=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E5=AF=B9=E6=97=8B=E8=BD=AC=E5=B1=9E=E6=80=A7=E7=9A=84=E7=9B=91?= =?UTF-8?q?=E6=B5=8B=EF=BC=88=E5=86=97=E4=BD=99=EF=BC=89=EF=BC=8C=E4=BF=AE?= =?UTF-8?q?=E6=94=B9g2=E5=9B=BE=E8=A1=A8=E9=BB=98=E8=AE=A4perspective?= =?UTF-8?q?=E5=80=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- data-room-ui/packages/EchartsRender/index.vue | 44 ------------------- data-room-ui/packages/G2Plots/plotList.js | 2 +- 2 files changed, 1 insertion(+), 45 deletions(-) diff --git a/data-room-ui/packages/EchartsRender/index.vue b/data-room-ui/packages/EchartsRender/index.vue index 504bd978..f829eba0 100644 --- a/data-room-ui/packages/EchartsRender/index.vue +++ b/data-room-ui/packages/EchartsRender/index.vue @@ -71,50 +71,6 @@ export default { this.changeStyle(this.config, true) } } - }, - 'config.rotateX': { - deep: true, - handler (val) { - const dom = document.querySelector('#' + this.config.code) - const rotate = `rotateX(${this.config.rotateX}deg) rotateY(${this.config.rotateY}deg) rotateZ(${this.config.rotateZ}deg)` - const regex = /rotateX\(\d+deg\) rotateY\(\d+deg\) rotateZ\(\d+deg\)/g - // 提取出原本的transform属性内容 - const result = dom.style.transform.replace(regex, '') - dom.style.transform = result + ' ' + rotate - } - }, - 'config.rotateY': { - deep: true, - handler (val) { - const dom = document.querySelector('#' + this.config.code) - const rotate = `rotateX(${this.config.rotateX}deg) rotateY(${this.config.rotateY}deg) rotateZ(${this.config.rotateZ}deg)` - const regex = /rotateX\(\d+deg\) rotateY\(\d+deg\) rotateZ\(\d+deg\)/g; - const result = dom.style.transform.replace(regex, '') - dom.style.transform = result + ' ' + rotate - } - }, - 'config.rotateZ': { - deep: true, - handler (val) { - const dom = document.querySelector('#' + this.config.code) - const rotate = `rotateX(${this.config.rotateX}deg) rotateY(${this.config.rotateY}deg) rotateZ(${this.config.rotateZ}deg)` - const regex = /rotateX\(\d+deg\) rotateY\(\d+deg\) rotateZ\(\d+deg\)/g - const result = dom.style.transform.replace(regex, '') - dom.style.transform = result + ' ' + rotate - } - }, - 'config.perspective': { - deep: true, - handler (val) { - const dom = document.querySelector('#' + this.config.code) - // 获取translate属性 - const translateReg = /translate\((.*?)\)/ - const translateResult = dom.style.transform.match(translateReg) - const rotateReg = /rotateX\(\d+deg\) rotateY\(\d+deg\) rotateZ\(\d+deg\)/g - const rotateResult = dom.style.transform.match(rotateReg) - const transform = translateResult[0] + ' ' + 'perspective(' + this.config.perspective + 'px)' + ' ' + rotateResult[0] - dom.style.transform = transform - } } }, mounted () { diff --git a/data-room-ui/packages/G2Plots/plotList.js b/data-room-ui/packages/G2Plots/plotList.js index a9f58432..d7aba9f2 100644 --- a/data-room-ui/packages/G2Plots/plotList.js +++ b/data-room-ui/packages/G2Plots/plotList.js @@ -44,7 +44,7 @@ function getPlotList (files) { rotateX: config.rotateX || 0, rotateY: config.rotateY || 0, rotateZ: config.rotateZ || 0, - perspective: config.perspective || 500, + perspective: config.perspective || 0, type: 'customComponent', chartType: config.chartType, loading: false,