zydx-plus 1.35.601 → 1.35.603
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -15,11 +15,14 @@
|
|
|
15
15
|
<button v-if="item.key === 'but'" class="buts" @click="item.onClick(item,info)" :disabled="disabled"
|
|
16
16
|
:style="{color: (disabled) ? '#ccc' : (item.active)? '#4B0C77' :'#000'}">{{ item.title }}
|
|
17
17
|
</button>
|
|
18
|
-
<label v-else-if="item.key === 'upImg'
|
|
18
|
+
<label v-else-if="item.key === 'upImg'">
|
|
19
19
|
<input type="file" @change="upload($event,item.key)" :disabled="disabled"
|
|
20
20
|
:accept="(item.key === 'upImg')?'image/*':'.docx,.pptx,.pdf,.xlsx,.mp3,.mp4'" style="display: none;"/>
|
|
21
21
|
<span class="buts" :style="{color: ( disabled) ? '#ccc':'#000'}">{{ item.title }}</span>
|
|
22
22
|
</label >
|
|
23
|
+
<button v-else-if="item.key === 'uploadAtt'" class="buts" @click="item.onClick(item)" :disabled="disabled"
|
|
24
|
+
:style="{color: (disabled) ? '#ccc' : (item.active)? '#4B0C77' :'#000'}">{{ item.title }}
|
|
25
|
+
</button>
|
|
23
26
|
<button v-else-if="item.key === 'paint'" class="buts" @click="toolTap('paint')" :disabled="disabled">{{ item.title }}</button>
|
|
24
27
|
<button v-else-if="item.key === 'voice'" class="buts" @mousedown.stop="speechDown" :disabled="disabled" @click="voice()"
|
|
25
28
|
:style="{color: (disabled) ? '#ccc' : (voiceStatus)? '#4B0C77' :'#000'}">{{ voiceStatus ? '关闭语音' : '语音输入' }}
|
|
@@ -137,7 +137,7 @@ export default {
|
|
|
137
137
|
if (!document.fullscreenElement) {
|
|
138
138
|
this.fullShow = true
|
|
139
139
|
}
|
|
140
|
-
this.mindMap
|
|
140
|
+
this.mindMap?.resize()
|
|
141
141
|
}
|
|
142
142
|
},
|
|
143
143
|
methods: {
|
|
@@ -281,6 +281,8 @@ export default {
|
|
|
281
281
|
// 保存
|
|
282
282
|
preservation() {
|
|
283
283
|
let that = this
|
|
284
|
+
this.styleStatus = false
|
|
285
|
+
this.lineStyleStatus = false
|
|
284
286
|
that.$emit('preservation', {
|
|
285
287
|
data: {
|
|
286
288
|
msg: that.mindMap.getData(),
|
|
@@ -141,7 +141,7 @@ export default {
|
|
|
141
141
|
],
|
|
142
142
|
lineStyleValue: 'none',
|
|
143
143
|
styleValue: 'none',
|
|
144
|
-
widthValue:
|
|
144
|
+
widthValue: 0,
|
|
145
145
|
optionWidth: [
|
|
146
146
|
{label: "0", value: 0},
|
|
147
147
|
{label: "1", value: 1},
|
|
@@ -202,7 +202,7 @@ export default {
|
|
|
202
202
|
this.color = val.nodeData.data.color || 'rgba(0,0,0,1)'
|
|
203
203
|
this.borderColor = val.nodeData.data.borderColor || 'rgba(84, 150, 136,1)'
|
|
204
204
|
this.styleValue = val.nodeData.data.borderDasharray || 'none'
|
|
205
|
-
this.widthValue = val.nodeData.data.borderWidth ||
|
|
205
|
+
this.widthValue = val.nodeData.data.borderWidth || 0
|
|
206
206
|
this.filletValue = val.nodeData.data.borderRadius || 5
|
|
207
207
|
this.fillColor = val.nodeData.data.fillColor || 'rgba(255,255,255,1)'
|
|
208
208
|
this.lineValue = val.nodeData.data.lineWidth || 1
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
<template v-if="!readonly">
|
|
26
26
|
<template v-if="options.length">
|
|
27
27
|
<ul v-if="isOpen"
|
|
28
|
+
class="custom-select-options scroll"
|
|
28
29
|
ref="dropdown"
|
|
29
|
-
:style="{position: 'fixed', 'z-index': '30000', left: x + 'px', top: y + 'px', width: width + 'px'}"
|
|
30
|
-
:class="{ 'custom-select-options': true, 'scroll': maxHeight > 0 }">
|
|
30
|
+
:style="{position: 'fixed', 'z-index': '30000', left: x + 'px', top: y + 'px', width: width + 'px', maxHeight: height + 'px'}">
|
|
31
31
|
<li v-for="(option, idx) in options"
|
|
32
32
|
:key="idx"
|
|
33
33
|
:class="option.disable ? 'disable': ''"
|
|
@@ -86,16 +86,19 @@ export default defineComponent({
|
|
|
86
86
|
selected: null,
|
|
87
87
|
x: 0,
|
|
88
88
|
y: 0,
|
|
89
|
-
width: 0
|
|
89
|
+
width: 0,
|
|
90
|
+
height: 300
|
|
90
91
|
}
|
|
91
92
|
},
|
|
92
93
|
emits: ['update:value', 'select'],
|
|
93
94
|
methods: {
|
|
94
95
|
toggleDropDown: function () {
|
|
96
|
+
const winHeight = window.innerHeight
|
|
95
97
|
const { x, y, width, height } = this.$refs.selectRef.getBoundingClientRect()
|
|
96
98
|
this.x = x
|
|
97
99
|
this.y = y + height
|
|
98
100
|
this.width = width
|
|
101
|
+
this.height = (winHeight - this.y) - 50
|
|
99
102
|
this.isOpen = !this.isOpen
|
|
100
103
|
if(this.isOpen) {
|
|
101
104
|
window.addEventListener('scroll', this.handler)
|
|
@@ -120,18 +123,11 @@ export default defineComponent({
|
|
|
120
123
|
},
|
|
121
124
|
computed: {
|
|
122
125
|
transform: function () {
|
|
123
|
-
return this.isOpen
|
|
124
|
-
? 'rotate(90 12 12)'
|
|
125
|
-
: 'rotate(-90 12 12)'
|
|
126
|
+
return this.isOpen ? 'rotate(90 12 12)' : 'rotate(-90 12 12)'
|
|
126
127
|
},
|
|
127
128
|
style: function () {
|
|
128
129
|
return 'transition: all 0.2s ease;'
|
|
129
130
|
},
|
|
130
|
-
_maxHeight: function () {
|
|
131
|
-
return this.maxHeight > 0
|
|
132
|
-
? `${this.maxHeight}px`
|
|
133
|
-
: ''
|
|
134
|
-
}
|
|
135
131
|
},
|
|
136
132
|
watch: {
|
|
137
133
|
value: {
|
|
@@ -247,14 +243,20 @@ export default defineComponent({
|
|
|
247
243
|
}
|
|
248
244
|
|
|
249
245
|
.custom-select-options.scroll {
|
|
250
|
-
max-height: v-bind(_maxHeight);
|
|
251
246
|
overflow-y: scroll;
|
|
252
247
|
}
|
|
253
248
|
|
|
254
249
|
.custom-select-options::-webkit-scrollbar {
|
|
255
250
|
display: none;
|
|
256
251
|
}
|
|
257
|
-
|
|
252
|
+
.custom-select-options {
|
|
253
|
+
scrollbar-width: none;
|
|
254
|
+
}
|
|
255
|
+
/** IE 与微软浏览器 **/
|
|
256
|
+
.custom-select-options {
|
|
257
|
+
-ms-overflow-style: none;
|
|
258
|
+
overflow: -moz-scrollbars-none;
|
|
259
|
+
}
|
|
258
260
|
.custom-select-options li {
|
|
259
261
|
padding: 0 10px;
|
|
260
262
|
font-size: 14px;
|