zydx-plus 1.35.500 → 1.35.502
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
|
@@ -1,36 +1,38 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<div
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<!-- <i class="minimize" v-if="
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
<teleport to="body">
|
|
3
|
+
<div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @mousedown.stop="dragTap">
|
|
4
|
+
<div v-show="!fixedStart" class="drag-head" :style="{'background-color':titleColor}" @click="selectedDrag">
|
|
5
|
+
<span :class="id + 'draggable'" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
|
|
6
|
+
<div class="drag-i">
|
|
7
|
+
<!-- <i class="minimize-cir" v-if="minimizeCir" @click.stop="minimizeTap"></i>-->
|
|
8
|
+
<!-- <i class="minimize" v-if="minimize" @click.stop="minimizeTap"></i>-->
|
|
9
|
+
<slot name="icon"></slot>
|
|
10
|
+
<i class="disconnect" v-if="disconnectShow" @click.stop="disconnect"></i>
|
|
11
|
+
<i class="enlarge" v-if="enlargeShow" @click.stop="enlarge"></i>
|
|
12
|
+
<i v-if="closeShow" @click.stop="close"></i>
|
|
13
|
+
</div>
|
|
12
14
|
</div>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
<i :class="{'drag-
|
|
22
|
-
|
|
15
|
+
<div :class="{'drag-cont2': fixedStart,'drag-cont': dragStatus || dragTextShow,'drag-conts': !dragStatus || !dragTextShow}"
|
|
16
|
+
@mousemove.stop="footMove" @mouseleave.stop="footMove">
|
|
17
|
+
<div class="drag-cont-slot">
|
|
18
|
+
<slot name="content"></slot>
|
|
19
|
+
</div>
|
|
20
|
+
<div v-show="!fixedStart&&!autoHeight">
|
|
21
|
+
<!-- <i :class="{'drag-down2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-down" v-if="dragStatus" @mousedown.stop="footDown($event,'d')" @mouseup.stop="footUp"></i>-->
|
|
22
|
+
<i :class="{'drag-in2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-in" v-if="dragStatus" @mousedown.stop="footDown($event,'in')" @mouseup.stop="footUp"></i>
|
|
23
|
+
<!-- <i :class="{'drag-right2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-right" v-if="dragStatus" @mousedown.stop="footDown($event,'r')" @mouseup.stop="footUp"></i>-->
|
|
24
|
+
</div>
|
|
23
25
|
</div>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<
|
|
28
|
-
<!--
|
|
29
|
-
<!--
|
|
30
|
-
|
|
26
|
+
<div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">
|
|
27
|
+
<div class="down-text-cont">
|
|
28
|
+
<slot name="down"></slot>
|
|
29
|
+
<!-- <img-->
|
|
30
|
+
<!-- src="data:image/png;base64,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"/>-->
|
|
31
|
+
<!-- <span>拖动图标调整窗口大小</span>-->
|
|
32
|
+
</div>
|
|
31
33
|
</div>
|
|
32
34
|
</div>
|
|
33
|
-
</
|
|
35
|
+
</teleport>
|
|
34
36
|
</template>
|
|
35
37
|
|
|
36
38
|
<script>
|
|
@@ -129,6 +131,10 @@ export default {
|
|
|
129
131
|
autoHeight: {
|
|
130
132
|
type: Boolean,
|
|
131
133
|
default: false
|
|
134
|
+
},
|
|
135
|
+
zIndex: {
|
|
136
|
+
type: Number,
|
|
137
|
+
default: 0
|
|
132
138
|
}
|
|
133
139
|
},
|
|
134
140
|
beforeUnmount() {
|
|
@@ -168,14 +174,28 @@ export default {
|
|
|
168
174
|
this.id = Math.random().toString(36).substr(2);
|
|
169
175
|
this.init()
|
|
170
176
|
// 全局监听鼠标抬起事件
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
177
|
+
setTimeout(() => {
|
|
178
|
+
interact(`.${that.id}draggable`).draggable({
|
|
179
|
+
listeners: {
|
|
180
|
+
move (event) {
|
|
181
|
+
that.y = event.rect.top
|
|
182
|
+
that.x = event.rect.left
|
|
183
|
+
if (that.x < -that.footRightOffset / 2) {
|
|
184
|
+
that.x = -that.footRightOffset / 2
|
|
185
|
+
}
|
|
186
|
+
if (that.x > that.clientWidth - that.footRightOffset + that.footRightOffset / 2) {
|
|
187
|
+
that.x = that.clientWidth - that.footRightOffset + that.footRightOffset / 2
|
|
188
|
+
}
|
|
189
|
+
if (that.y < 0) {
|
|
190
|
+
that.y = 0
|
|
191
|
+
}
|
|
192
|
+
if (that.y > that.clientHeight - that.footDownOffset + that.footDownOffset / 2) {
|
|
193
|
+
that.y = that.clientHeight - that.footDownOffset + that.footDownOffset / 2
|
|
194
|
+
}
|
|
195
|
+
}
|
|
176
196
|
}
|
|
177
|
-
}
|
|
178
|
-
})
|
|
197
|
+
})
|
|
198
|
+
},100)
|
|
179
199
|
document.addEventListener('mouseup', this.footUp);
|
|
180
200
|
this.$nextTick(() => {
|
|
181
201
|
this.$emit('updateDrag', {
|
|
@@ -205,9 +225,6 @@ export default {
|
|
|
205
225
|
this.x = this.left + (wid-this.initWidth)/2
|
|
206
226
|
}
|
|
207
227
|
});
|
|
208
|
-
document.onmouseup = () => {
|
|
209
|
-
this.isMove = false;
|
|
210
|
-
}
|
|
211
228
|
this.dragTap()
|
|
212
229
|
},
|
|
213
230
|
computed: {
|
|
@@ -222,6 +239,7 @@ export default {
|
|
|
222
239
|
emits: ['dragStatus', 'close', 'enlarge','updateDrag','minimize','dragMouseup'],
|
|
223
240
|
methods: {
|
|
224
241
|
dragTap() {
|
|
242
|
+
if(this.zIndex <= 0) return
|
|
225
243
|
let pop = JSON.parse(sessionStorage.getItem('pop'))
|
|
226
244
|
for(let i = 0; i< pop.length; i++) {
|
|
227
245
|
if(document.getElementById(pop[i]) === null) continue
|
|
@@ -523,3 +541,9 @@ export default {
|
|
|
523
541
|
z-index: 10000;
|
|
524
542
|
}
|
|
525
543
|
</style>
|
|
544
|
+
<script setup>
|
|
545
|
+
</script>
|
|
546
|
+
<script setup>
|
|
547
|
+
</script>
|
|
548
|
+
<script setup>
|
|
549
|
+
</script>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<teleport to="body">
|
|
3
|
-
<div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @
|
|
3
|
+
<div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @mousedown.stop="dragTap">
|
|
4
4
|
<div v-show="!fixedStart" class="drag-head" :style="{'background-color':titleColor}" @click="selectedDrag">
|
|
5
|
-
|
|
5
|
+
<span :class="id + 'draggable'" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
|
|
6
6
|
<div class="drag-i">
|
|
7
7
|
<!-- <i class="minimize-cir" v-if="minimizeCir" @click.stop="minimizeTap"></i>-->
|
|
8
8
|
<!-- <i class="minimize" v-if="minimize" @click.stop="minimizeTap"></i>-->
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
<slot name="content"></slot>
|
|
19
19
|
</div>
|
|
20
20
|
<div v-show="!fixedStart&&!autoHeight">
|
|
21
|
-
<!--
|
|
21
|
+
<!-- <i :class="{'drag-down2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-down" v-if="dragStatus" @mousedown.stop="footDown($event,'d')" @mouseup.stop="footUp"></i>-->
|
|
22
22
|
<i :class="{'drag-in2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-in" v-if="dragStatus" @mousedown.stop="footDown($event,'in')" @mouseup.stop="footUp"></i>
|
|
23
|
-
<!--
|
|
23
|
+
<!-- <i :class="{'drag-right2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-right" v-if="dragStatus" @mousedown.stop="footDown($event,'r')" @mouseup.stop="footUp"></i>-->
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
<div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">
|
|
@@ -131,6 +131,10 @@ export default {
|
|
|
131
131
|
autoHeight: {
|
|
132
132
|
type: Boolean,
|
|
133
133
|
default: false
|
|
134
|
+
},
|
|
135
|
+
zIndex: {
|
|
136
|
+
type: Number,
|
|
137
|
+
default: 0
|
|
134
138
|
}
|
|
135
139
|
},
|
|
136
140
|
beforeUnmount() {
|
|
@@ -166,17 +170,32 @@ export default {
|
|
|
166
170
|
}
|
|
167
171
|
},
|
|
168
172
|
mounted() {
|
|
169
|
-
|
|
173
|
+
let that = this
|
|
170
174
|
this.id = Math.random().toString(36).substr(2);
|
|
171
175
|
this.init()
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
176
|
+
// 全局监听鼠标抬起事件
|
|
177
|
+
setTimeout(() => {
|
|
178
|
+
interact(`.${that.id}draggable`).draggable({
|
|
179
|
+
listeners: {
|
|
180
|
+
move (event) {
|
|
181
|
+
that.y = event.rect.top
|
|
182
|
+
that.x = event.rect.left
|
|
183
|
+
if (that.x < -that.footRightOffset / 2) {
|
|
184
|
+
that.x = -that.footRightOffset / 2
|
|
185
|
+
}
|
|
186
|
+
if (that.x > that.clientWidth - that.footRightOffset + that.footRightOffset / 2) {
|
|
187
|
+
that.x = that.clientWidth - that.footRightOffset + that.footRightOffset / 2
|
|
188
|
+
}
|
|
189
|
+
if (that.y < 0) {
|
|
190
|
+
that.y = 0
|
|
191
|
+
}
|
|
192
|
+
if (that.y > that.clientHeight - that.footDownOffset + that.footDownOffset / 2) {
|
|
193
|
+
that.y = that.clientHeight - that.footDownOffset + that.footDownOffset / 2
|
|
194
|
+
}
|
|
195
|
+
}
|
|
177
196
|
}
|
|
178
|
-
}
|
|
179
|
-
})
|
|
197
|
+
})
|
|
198
|
+
},100)
|
|
180
199
|
document.addEventListener('mouseup', this.footUp);
|
|
181
200
|
this.$nextTick(() => {
|
|
182
201
|
this.$emit('updateDrag', {
|
|
@@ -206,23 +225,21 @@ export default {
|
|
|
206
225
|
this.x = this.left + (wid-this.initWidth)/2
|
|
207
226
|
}
|
|
208
227
|
});
|
|
209
|
-
// document.onmouseup = () => {
|
|
210
|
-
// this.isMove = false;
|
|
211
|
-
// }
|
|
212
228
|
this.dragTap()
|
|
213
229
|
},
|
|
214
230
|
computed: {
|
|
215
231
|
position() {
|
|
216
232
|
if(this.autoHeight) {
|
|
217
|
-
return `
|
|
233
|
+
return `top:${this.y}px;left:${this.x}px;width:${this.footRightOffset}px;min-height:${this.footDownOffset}px;`;
|
|
218
234
|
} else {
|
|
219
|
-
return `
|
|
235
|
+
return `top:${this.y}px;left:${this.x}px;width:${this.footRightOffset}px;height:${this.footDownOffset}px;`;
|
|
220
236
|
}
|
|
221
237
|
},
|
|
222
238
|
},
|
|
223
239
|
emits: ['dragStatus', 'close', 'enlarge','updateDrag','minimize','dragMouseup'],
|
|
224
240
|
methods: {
|
|
225
241
|
dragTap() {
|
|
242
|
+
if(this.zIndex <= 0) return
|
|
226
243
|
let pop = JSON.parse(sessionStorage.getItem('pop'))
|
|
227
244
|
for(let i = 0; i< pop.length; i++) {
|
|
228
245
|
if(document.getElementById(pop[i]) === null) continue
|
|
@@ -479,8 +496,8 @@ export default {
|
|
|
479
496
|
|
|
480
497
|
.drag-pop {
|
|
481
498
|
position: fixed;
|
|
482
|
-
top: 0;
|
|
483
|
-
left: 0;
|
|
499
|
+
/* top: 0;
|
|
500
|
+
left: 0; */
|
|
484
501
|
background-color: #fff;
|
|
485
502
|
border-radius: 3px;
|
|
486
503
|
z-index: 9999;
|
|
@@ -518,9 +535,15 @@ export default {
|
|
|
518
535
|
position: relative;
|
|
519
536
|
}
|
|
520
537
|
.zIndex9999{
|
|
521
|
-
z-index:
|
|
538
|
+
z-index: 9999;
|
|
522
539
|
}
|
|
523
540
|
.zIndex10000{
|
|
524
|
-
z-index:
|
|
541
|
+
z-index: 10000;
|
|
525
542
|
}
|
|
526
543
|
</style>
|
|
544
|
+
<script setup>
|
|
545
|
+
</script>
|
|
546
|
+
<script setup>
|
|
547
|
+
</script>
|
|
548
|
+
<script setup>
|
|
549
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<dragPopup2 title="手写记录" @updateDrag="updateDragInit" :width="width" :height="height" :minWidth="740" :minHeight="487" @close="cancel" :minimizeCir="false" :dragTextShow="false">
|
|
2
|
+
<dragPopup2 :z-index="10002" title="手写记录" @updateDrag="updateDragInit" :width="width" :height="height" :minWidth="740" :minHeight="487" @close="cancel" :minimizeCir="false" :dragTextShow="false">
|
|
3
3
|
<template #content>
|
|
4
4
|
<div class="paint" :id="ids">
|
|
5
5
|
<div class="paint-title"></div>
|
|
@@ -10,29 +10,29 @@
|
|
|
10
10
|
<button class="buts" @click="exportTap">确定</button>
|
|
11
11
|
<button class="buts" @click="cancel">取消</button>
|
|
12
12
|
</div>
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
</
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
</
|
|
13
|
+
</div>
|
|
14
|
+
</template>
|
|
15
|
+
</dragPopup2>
|
|
16
|
+
<dragPopup2 :z-index="10003" :width="600" :height="417" v-if="show" :dragStatus="false" :minimizeCir="false" :enlargeShow="false" @close="close">
|
|
17
|
+
<template #content>
|
|
18
|
+
<div class="can">
|
|
19
|
+
<div class="can-cont" :id="ids + 'cont'">
|
|
20
|
+
<canvas :id="ids + 'can'"></canvas>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="can-but">
|
|
23
|
+
<div class="can-but-cont">
|
|
24
|
+
<span @click="reset">重置</span>
|
|
25
|
+
<span @click="distinguish">{{ distinguishText }}</span>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="can-pop" v-if="show2">
|
|
30
|
+
<div class="can-pop-cont">
|
|
31
|
+
<img ref="canPopCont" :src="appData" alt="" />
|
|
32
|
+
</div>
|
|
33
|
+
<div class="can-pop-but-cont">
|
|
34
|
+
<div class="can-pop-but" @click="addImage">确认</div>
|
|
35
|
+
</div>
|
|
36
36
|
</div>
|
|
37
37
|
</template>
|
|
38
38
|
</dragPopup2>
|
|
@@ -787,7 +787,7 @@ export default {
|
|
|
787
787
|
|
|
788
788
|
.tool-cont {
|
|
789
789
|
position: fixed;
|
|
790
|
-
z-index:
|
|
790
|
+
z-index: 10004;
|
|
791
791
|
}
|
|
792
792
|
|
|
793
793
|
.tool-item {
|