tzjy-code
/
DataRoom
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:组件添加绕x轴y轴扭曲配置项

Browse Source
main
zhu.yawen 1 year ago
parent dade1b89fd
commit d4674f8f7e
64 changed files with 212 additions and 60 deletions
Show Stats Download Patch File Download Diff File

4
data-room-ui/packages/BasicComponents/Button/settingConfig.js
Unescape Escape View File

@ -45,7 +45,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
// 自定义属性 // 自定义属性
customize: { customize: {

4
data-room-ui/packages/BasicComponents/ChartTab/settingConfig.js
Unescape Escape View File

@ -23,7 +23,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
tabList: [], tabList: [],

4
data-room-ui/packages/BasicComponents/CurrentTime/settingConfig.js
Unescape Escape View File

@ -24,7 +24,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
fontSize: 28, fontSize: 28,

4
data-room-ui/packages/BasicComponents/DateTimePicker/settingConfig.js
Unescape Escape View File

@ -26,7 +26,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
// 自定义属性 // 自定义属性
customize: { customize: {

4
data-room-ui/packages/BasicComponents/DigitalFlop/settingConfig.js
Unescape Escape View File

@ -39,7 +39,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
color: '#fff', color: '#fff',

4
data-room-ui/packages/BasicComponents/FlyMap/settingConfig.js
Unescape Escape View File

@ -45,7 +45,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 地图id // 地图id

4
data-room-ui/packages/BasicComponents/HorizontalLine/settingConfig.js
Unescape Escape View File

@ -20,7 +20,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框线颜色 // 边框线颜色

4
data-room-ui/packages/BasicComponents/IframeChart/settingConfig.js
Unescape Escape View File

@ -27,7 +27,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
fontSize: 20, fontSize: 20,

4
data-room-ui/packages/BasicComponents/IndexCard/settingConfig.js
Unescape Escape View File

@ -44,7 +44,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
src: '', src: '',

4
data-room-ui/packages/BasicComponents/IndexCard2/settingConfig.js
Unescape Escape View File

@ -44,7 +44,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
src: '', src: '',

4
data-room-ui/packages/BasicComponents/IndicatorCard/settingConfig.js
Unescape Escape View File

@ -44,7 +44,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
borderRadius: 0, borderRadius: 0,

4
data-room-ui/packages/BasicComponents/IndicatorCard2/settingConfig.js
Unescape Escape View File

@ -44,7 +44,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
borderRadius: 0, borderRadius: 0,

4
data-room-ui/packages/BasicComponents/Input/settingConfig.js
Unescape Escape View File

@ -21,7 +21,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
// 自定义属性 // 自定义属性
customize: { customize: {

4
data-room-ui/packages/BasicComponents/LinkChart/settingConfig.js
Unescape Escape View File

@ -38,7 +38,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
title: '超链接占位符', title: '超链接占位符',

4
data-room-ui/packages/BasicComponents/Map/settingConfig.js
Unescape Escape View File

@ -46,7 +46,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
mapId: '', mapId: '',

4
data-room-ui/packages/BasicComponents/Marquee/settingConfig.js
Unescape Escape View File

@ -38,7 +38,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
title: '跑马灯占位符', title: '跑马灯占位符',

4
data-room-ui/packages/BasicComponents/Numbers/settingConfig.js
Unescape Escape View File

@ -48,7 +48,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
title: '1234', title: '1234',

4
data-room-ui/packages/BasicComponents/Picture/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
url: '', url: '',

4
data-room-ui/packages/BasicComponents/ScreenScrollBoard/setting.vue
Unescape Escape View File

@ -128,13 +128,15 @@ import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
import ColorPicker from 'data-room-ui/ColorPicker/index.vue' import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
import BorderSetting from 'data-room-ui/BigScreenDesign/RightSetting/BorderSetting.vue' import BorderSetting from 'data-room-ui/BigScreenDesign/RightSetting/BorderSetting.vue'
import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue' import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
import RotateSetting from 'data-room-ui/BigScreenDesign/RightSetting/RotateSetting.vue'
export default { export default {
name: 'BarSetting', name: 'BarSetting',
components: { components: {
ColorPicker, ColorPicker,
PosWhSetting, PosWhSetting,
SettingTitle, SettingTitle,
BorderSetting BorderSetting,
RotateSetting
}, },
data () { data () {
return { return {

4
data-room-ui/packages/BasicComponents/ScreenScrollBoard/settingConfig.js
Unescape Escape View File

@ -41,7 +41,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
rowNum: 5, rowNum: 5,

4
data-room-ui/packages/BasicComponents/ScreenScrollRanking/settingConfig.js
Unescape Escape View File

@ -34,7 +34,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
rowNum: 5, rowNum: 5,

4
data-room-ui/packages/BasicComponents/Select/settingConfig.js
Unescape Escape View File

@ -33,7 +33,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
// 自定义属性 // 自定义属性
customize: { customize: {

4
data-room-ui/packages/BasicComponents/Tables/settingConfig.js
Unescape Escape View File

@ -43,7 +43,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 500 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {

4
data-room-ui/packages/BasicComponents/Texts/settingConfig.js
Unescape Escape View File

@ -48,7 +48,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
title: '文本标签占位符', title: '文本标签占位符',

4
data-room-ui/packages/BasicComponents/ThemeSelect/settingConfig.js
Unescape Escape View File

@ -26,7 +26,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
title: '文本标签占位符', title: '文本标签占位符',

4
data-room-ui/packages/BasicComponents/ThemeSwitcher/settingConfig.js
Unescape Escape View File

@ -26,7 +26,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
activeColor: '#007aff', // 单选框字体激活状态 activeColor: '#007aff', // 单选框字体激活状态

4
data-room-ui/packages/BasicComponents/TimeCountDown/settingConfig.js
Unescape Escape View File

@ -23,7 +23,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
fontSize: 28, fontSize: 28,

4
data-room-ui/packages/BasicComponents/TimePicker/settingConfig.js
Unescape Escape View File

@ -26,7 +26,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
// 自定义属性 // 自定义属性
customize: { customize: {

4
data-room-ui/packages/BasicComponents/VerticalLine/settingConfig.js
Unescape Escape View File

@ -20,7 +20,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框线颜色 // 边框线颜色

4
data-room-ui/packages/BasicComponents/Video/settingConfig.js
Unescape Escape View File

@ -20,7 +20,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
videoType: 'application/x-mpegURL', videoType: 'application/x-mpegURL',

28
data-room-ui/packages/BigScreenDesign/RightSetting/RotateSetting.vue
Unescape Escape View File

@ -51,6 +51,30 @@
:step="1" :step="1"
/> />
</el-form-item> </el-form-item>
<el-form-item
:label-width="labelWidth"
label="沿x轴扭曲角度"
>
<el-input-number
v-model="config.skewX"
class="bs-el-input-number"
:min="-180"
:max="180"
:step="1"
/>
</el-form-item>
<el-form-item
:label-width="labelWidth"
label="绕y轴扭曲角度"
>
<el-input-number
v-model="config.skewY"
class="bs-el-input-number"
:min="-180"
:max="180"
:step="1"
/>
</el-form-item>
</div> </div>
</template> </template>
<script> <script>
@ -63,7 +87,9 @@ export default {
rotateX: 0, rotateX: 0,
rotateY: 0, rotateY: 0,
rotateZ: 0, rotateZ: 0,
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}) })
}, },
labelWidth: { labelWidth: {

2
data-room-ui/packages/BigScreenDesign/RightSetting/index.vue
Unescape Escape View File

@ -119,6 +119,8 @@ export default {
rotateY: this.config?.rotateY, rotateY: this.config?.rotateY,
rotateZ: this.config?.rotateZ, rotateZ: this.config?.rotateZ,
perspective: this.config?.perspective, perspective: this.config?.perspective,
skewX: this.config?.skewX,
skewY: this.config?.skewY,
setting: cloneDeep(this.config?.setting), setting: cloneDeep(this.config?.setting),
customize: cloneDeep(this.config?.customize), customize: cloneDeep(this.config?.customize),
url: this.config?.url, url: this.config?.url,

4
data-room-ui/packages/Borders/Border1/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
borderMainColor: '#83bff6', borderMainColor: '#83bff6',

4
data-room-ui/packages/Borders/Border10/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border11/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border12/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border13/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border14/settingConfig.js
Unescape Escape View File

@ -19,7 +19,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框线颜色 // 边框线颜色

4
data-room-ui/packages/Borders/Border15/settingConfig.js
Unescape Escape View File

@ -19,7 +19,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框线颜色 // 边框线颜色

4
data-room-ui/packages/Borders/Border2/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
borderMainColor: '#83bff6', borderMainColor: '#83bff6',

4
data-room-ui/packages/Borders/Border3/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
borderMainColor: '#83bff6', borderMainColor: '#83bff6',

4
data-room-ui/packages/Borders/Border4/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border5/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border6/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border7/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border8/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Borders/Border9/settingConfig.js
Unescape Escape View File

@ -29,7 +29,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
// 边框主要颜色 // 边框主要颜色

4
data-room-ui/packages/Decorations/Decoration1/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#fff', decorationColor1: '#fff',

4
data-room-ui/packages/Decorations/Decoration10/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#00c2ff', decorationColor1: '#00c2ff',

4
data-room-ui/packages/Decorations/Decoration11/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#1a98fc', decorationColor1: '#1a98fc',

4
data-room-ui/packages/Decorations/Decoration12/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: null, decorationColor1: null,

4
data-room-ui/packages/Decorations/Decoration2/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#3faacb', decorationColor1: '#3faacb',

4
data-room-ui/packages/Decorations/Decoration3/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#7acaec', decorationColor1: '#7acaec',

4
data-room-ui/packages/Decorations/Decoration4/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: 'rgba(255, 255, 255, 0.3)', decorationColor1: 'rgba(255, 255, 255, 0.3)',

4
data-room-ui/packages/Decorations/Decoration4Reverse/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: 'rgba(255, 255, 255, 0.3)', decorationColor1: 'rgba(255, 255, 255, 0.3)',

4
data-room-ui/packages/Decorations/Decoration5/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#3f96a5', decorationColor1: '#3f96a5',

4
data-room-ui/packages/Decorations/Decoration6/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1:'#7acaec', decorationColor1:'#7acaec',

4
data-room-ui/packages/Decorations/Decoration8/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#3f96a5', decorationColor1: '#3f96a5',

4
data-room-ui/packages/Decorations/Decoration8Reverse/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: '#3f96a5', decorationColor1: '#3f96a5',

4
data-room-ui/packages/Decorations/Decoration9/settingConfig.js
Unescape Escape View File

@ -25,7 +25,9 @@ const customConfig = {
// 绕z轴旋转角度 // 绕z轴旋转角度
rotateZ: 0, rotateZ: 0,
// 透视距离 // 透视距离
perspective: 0 perspective: 0,
skewX: 0,
skewY: 0
}, },
customize: { customize: {
decorationColor1: 'rgba(3, 166, 224, 0.8)', decorationColor1: 'rgba(3, 166, 224, 0.8)',

2
data-room-ui/packages/Echarts/echartList.js
Unescape Escape View File

@ -35,6 +35,8 @@ function getEchartsList (files) {
rotateY: config.rotateY || 0, rotateY: config.rotateY || 0,
rotateZ: config.rotateZ || 0, rotateZ: config.rotateZ || 0,
perspective: config.perspective || 0, perspective: config.perspective || 0,
skewX: config.skewX || 0,
skewY: config.skewY || 0,
type: 'echartsComponent', type: 'echartsComponent',
loading: false, loading: false,
// 把默认右侧配置与自定义右侧配置集合 // 把默认右侧配置与自定义右侧配置集合

2
data-room-ui/packages/G2Plots/plotList.js
Unescape Escape View File

@ -45,6 +45,8 @@ function getPlotList (files) {
rotateY: config.rotateY || 0, rotateY: config.rotateY || 0,
rotateZ: config.rotateZ || 0, rotateZ: config.rotateZ || 0,
perspective: config.perspective || 0, perspective: config.perspective || 0,
skewX: config.skewX || 0,
skewY: config.skewY || 0,
type: 'customComponent', type: 'customComponent',
chartType: config.chartType, chartType: config.chartType,
loading: false, loading: false,

4
data-room-ui/packages/RemoteComponents/remoteComponentsList.js
Unescape Escape View File

@ -43,6 +43,8 @@ export function getRemoteComponents (comList) {
rotateY: config.rotateY || 0, rotateY: config.rotateY || 0,
rotateZ: config.rotateZ || 0, rotateZ: config.rotateZ || 0,
perspective: config.perspective || 500, perspective: config.perspective || 500,
skewX: config.skewX || 0,
skewY: config.skewY || 0,
type: 'remoteComponent', type: 'remoteComponent',
option: { option: {
...cloneDeep(settingConfig), ...cloneDeep(settingConfig),
@ -79,6 +81,8 @@ export function getRemoteComponentConfig (code, name) {
rotateY: 0, rotateY: 0,
rotateZ: 0, rotateZ: 0,
perspective: 0, perspective: 0,
skewX: 0,
skewY: 0,
type: 'remoteComponent', type: 'remoteComponent',
option: { option: {
...cloneDeep(settingConfig) ...cloneDeep(settingConfig)

2
data-room-ui/packages/Render/index.vue
Unescape Escape View File

@ -38,7 +38,7 @@
:style="{ :style="{
zIndex: chart.z || 0, zIndex: chart.z || 0,
}" }"
:transform="`perspective(${chart.perspective > 0? (chart.perspective + 'px') : 'none' }) rotateX(${chart.rotateX == undefined ? 0 : chart.rotateX}deg) rotateY(${chart.rotateY == undefined ? 0 : chart.rotateY}deg) rotateZ(${chart.rotateZ == undefined ? 0 : chart.rotateZ}deg)`" :transform="`perspective(${chart.perspective > 0? (chart.perspective + 'px') : 'none' }) rotateX(${chart.rotateX == undefined ? 0 : chart.rotateX}deg) rotateY(${chart.rotateY == undefined ? 0 : chart.rotateY}deg) rotateZ(${chart.rotateZ == undefined ? 0 : chart.rotateZ}deg) skew(${chart.skewX == undefined ? 0 : chart.skewX}deg, ${chart.skewY == undefined? 0 : chart.skewY}deg)`"
:grid="[1,1]" :grid="[1,1]"
:handles="handlesList" :handles="handlesList"
class-name-handle="bs-handle-class" class-name-handle="bs-handle-class"

Write Preview
Loading…
Cancel
Save