zydx-plus 1.35.505 → 1.35.506
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,44 +1,44 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<div class="drag-
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
<div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @click.stop="dragTap">
|
|
3
|
+
<div v-show="!fixedStart" class="drag-head" :style="{'background-color':titleColor}" @click="selectedDrag">
|
|
4
|
+
<span @mousedown.stop="mousedown"
|
|
5
|
+
@mousemove.stop="mousemove"
|
|
6
|
+
@mouseup.stop="mouseup"
|
|
7
|
+
@mouseleave.stop="mousemove" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
|
|
8
|
+
<div class="drag-i">
|
|
9
|
+
<i class="minimize-cir" v-if="minimizeCir" @click.stop="minimizeTap"></i>
|
|
10
|
+
<i class="minimize" v-if="minimize" @click.stop="minimizeTap"></i>
|
|
11
|
+
<slot name="icon"></slot>
|
|
12
|
+
<i class="disconnect" v-if="disconnectShow" @click.stop="disconnect"></i>
|
|
13
|
+
<i class="enlarge" v-if="enlargeShow" @click.stop="enlarge"></i>
|
|
14
|
+
<i v-if="closeShow" @click.stop="close"></i>
|
|
14
15
|
</div>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
</div>
|
|
17
|
+
<div :class="{'drag-cont2': fixedStart,'drag-cont': dragStatus || dragTextShow,'drag-conts': !dragStatus || !dragTextShow}"
|
|
18
|
+
@mousemove.stop="footMove" @mouseleave.stop="footMove">
|
|
19
|
+
<div class="drag-cont-slot">
|
|
20
|
+
<slot name="content"></slot>
|
|
21
|
+
</div>
|
|
22
|
+
<div v-show="!fixedStart&&!autoHeight">
|
|
23
|
+
<i :class="{'drag-down2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-down" v-if="dragStatus" @mousedown.stop="footDown($event,'d')" @mouseup.stop="footUp"></i>
|
|
24
|
+
<i :class="{'drag-in2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-in" v-if="dragStatus" @mousedown.stop="footDown($event,'in')" @mouseup.stop="footUp"></i>
|
|
25
|
+
<i :class="{'drag-right2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-right" v-if="dragStatus" @mousedown.stop="footDown($event,'r')" @mouseup.stop="footUp"></i>
|
|
25
26
|
</div>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
27
|
+
</div>
|
|
28
|
+
<div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">
|
|
29
|
+
<div class="down-text-cont">
|
|
30
|
+
<slot name="down"></slot>
|
|
31
|
+
<!-- <img-->
|
|
32
|
+
<!-- src="data:image/png;base64,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"/>-->
|
|
33
|
+
<!-- <span>拖动图标调整窗口大小</span>-->
|
|
33
34
|
</div>
|
|
34
35
|
</div>
|
|
35
|
-
</
|
|
36
|
+
</div>
|
|
36
37
|
</template>
|
|
37
38
|
|
|
38
39
|
<script>
|
|
39
|
-
import interact from 'interactjs'
|
|
40
40
|
export default {
|
|
41
|
-
name: "zydx-drag-
|
|
41
|
+
name: "zydx-drag-popup",
|
|
42
42
|
data() {
|
|
43
43
|
return {
|
|
44
44
|
x: 0,//left:x
|
|
@@ -131,10 +131,6 @@ export default {
|
|
|
131
131
|
autoHeight: {
|
|
132
132
|
type: Boolean,
|
|
133
133
|
default: false
|
|
134
|
-
},
|
|
135
|
-
zIndex: {
|
|
136
|
-
type: Number,
|
|
137
|
-
default: 0
|
|
138
134
|
}
|
|
139
135
|
},
|
|
140
136
|
beforeUnmount() {
|
|
@@ -155,6 +151,7 @@ export default {
|
|
|
155
151
|
this.footDownOffset = val
|
|
156
152
|
if (this.isInitShowBottomRight) {
|
|
157
153
|
this.y = window.innerHeight - val
|
|
154
|
+
console.log('this.y', this.y)
|
|
158
155
|
}
|
|
159
156
|
},
|
|
160
157
|
immediate: true
|
|
@@ -168,11 +165,12 @@ export default {
|
|
|
168
165
|
deep: true
|
|
169
166
|
}
|
|
170
167
|
},
|
|
171
|
-
created() {
|
|
172
|
-
this.id = Math.random().toString(36).substr(2)
|
|
173
|
-
},
|
|
174
168
|
mounted() {
|
|
169
|
+
this.id = Math.random().toString(36).substr(2);
|
|
175
170
|
this.init()
|
|
171
|
+
// 全局监听鼠标抬起事件
|
|
172
|
+
document.addEventListener('mousemove', this.mousemove);
|
|
173
|
+
document.addEventListener('mouseup', this.mouseup);
|
|
176
174
|
document.addEventListener('mouseup', this.footUp);
|
|
177
175
|
this.$nextTick(() => {
|
|
178
176
|
this.$emit('updateDrag', {
|
|
@@ -202,6 +200,9 @@ export default {
|
|
|
202
200
|
this.x = this.left + (wid-this.initWidth)/2
|
|
203
201
|
}
|
|
204
202
|
});
|
|
203
|
+
document.onmouseup = () => {
|
|
204
|
+
this.isMove = false;
|
|
205
|
+
}
|
|
205
206
|
this.dragTap()
|
|
206
207
|
},
|
|
207
208
|
computed: {
|
|
@@ -216,7 +217,6 @@ export default {
|
|
|
216
217
|
emits: ['dragStatus', 'close', 'enlarge','updateDrag','minimize','dragMouseup'],
|
|
217
218
|
methods: {
|
|
218
219
|
dragTap() {
|
|
219
|
-
if(this.zIndex <= 0) return
|
|
220
220
|
let pop = JSON.parse(sessionStorage.getItem('pop'))
|
|
221
221
|
for(let i = 0; i< pop.length; i++) {
|
|
222
222
|
if(document.getElementById(pop[i]) === null) continue
|
|
@@ -244,7 +244,6 @@ export default {
|
|
|
244
244
|
this.$emit('dragStatus')
|
|
245
245
|
},
|
|
246
246
|
init() {
|
|
247
|
-
let that = this
|
|
248
247
|
if(this.fixedStart) {
|
|
249
248
|
const wid = document.getElementById('app').offsetWidth
|
|
250
249
|
this.x = this.left + (wid-this.initWidth)/2
|
|
@@ -255,28 +254,6 @@ export default {
|
|
|
255
254
|
this.x = this.clientWidth / 2 - this.footRightOffset / 2;
|
|
256
255
|
this.y = this.clientHeight / 2 - this.footDownOffset / 2;
|
|
257
256
|
}
|
|
258
|
-
setTimeout(() => {
|
|
259
|
-
interact(`#draggable${that.id}`).draggable({
|
|
260
|
-
listeners: {
|
|
261
|
-
move (event) {
|
|
262
|
-
that.y = event.rect.top
|
|
263
|
-
that.x = event.rect.left
|
|
264
|
-
if (that.x < -that.footRightOffset / 2) {
|
|
265
|
-
that.x = -that.footRightOffset / 2
|
|
266
|
-
}
|
|
267
|
-
if (that.x > that.clientWidth - that.footRightOffset + that.footRightOffset / 2) {
|
|
268
|
-
that.x = that.clientWidth - that.footRightOffset + that.footRightOffset / 2
|
|
269
|
-
}
|
|
270
|
-
if (that.y < 0) {
|
|
271
|
-
that.y = 0
|
|
272
|
-
}
|
|
273
|
-
if (that.y > that.clientHeight - that.footDownOffset + that.footDownOffset / 2) {
|
|
274
|
-
that.y = that.clientHeight - that.footDownOffset + that.footDownOffset / 2
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
})
|
|
279
|
-
},0)
|
|
280
257
|
},
|
|
281
258
|
getWH(v) {
|
|
282
259
|
this.transAll = true
|
|
@@ -323,6 +300,38 @@ export default {
|
|
|
323
300
|
})
|
|
324
301
|
this.footIsMove = false;
|
|
325
302
|
},
|
|
303
|
+
mousedown(event) {
|
|
304
|
+
event.preventDefault()
|
|
305
|
+
//鼠标按下事件
|
|
306
|
+
this.leftOffset = event.offsetX;
|
|
307
|
+
this.topOffset = event.offsetY;
|
|
308
|
+
this.isMove = true;
|
|
309
|
+
this.dragTap()
|
|
310
|
+
},
|
|
311
|
+
//鼠标移动
|
|
312
|
+
mousemove(event) {
|
|
313
|
+
if (this.state) return;
|
|
314
|
+
if (!this.isMove) return;
|
|
315
|
+
this.x = event.clientX - this.leftOffset;
|
|
316
|
+
this.y = event.clientY - this.topOffset;
|
|
317
|
+
// 边界判断
|
|
318
|
+
if (this.x < -this.footRightOffset / 2) {
|
|
319
|
+
this.x = -this.footRightOffset / 2
|
|
320
|
+
}
|
|
321
|
+
if (this.x > this.clientWidth - this.footRightOffset + this.footRightOffset / 2) {
|
|
322
|
+
this.x = this.clientWidth - this.footRightOffset + this.footRightOffset / 2
|
|
323
|
+
}
|
|
324
|
+
if (this.y < 0) {
|
|
325
|
+
this.y = 0
|
|
326
|
+
}
|
|
327
|
+
if (this.y > this.clientHeight - this.footDownOffset + this.footDownOffset / 2) {
|
|
328
|
+
this.y = this.clientHeight - this.footDownOffset + this.footDownOffset / 2
|
|
329
|
+
}
|
|
330
|
+
},
|
|
331
|
+
//鼠标抬起
|
|
332
|
+
mouseup() {
|
|
333
|
+
this.isMove = false;
|
|
334
|
+
},
|
|
326
335
|
enlarge() {
|
|
327
336
|
this.state = false
|
|
328
337
|
let clientWidth = document.documentElement.clientWidth;
|
|
@@ -115,6 +115,8 @@ export default {
|
|
|
115
115
|
}, 500)
|
|
116
116
|
},
|
|
117
117
|
mousedown(event) {
|
|
118
|
+
const className = event.target.className;
|
|
119
|
+
if (className === 'pic-down') return;
|
|
118
120
|
event.preventDefault()
|
|
119
121
|
//鼠标按下事件
|
|
120
122
|
this.leftOffset = event.offsetX;
|
|
@@ -123,12 +125,16 @@ export default {
|
|
|
123
125
|
},
|
|
124
126
|
//鼠标移动
|
|
125
127
|
mousemove(event) {
|
|
128
|
+
const className = event.target.className;
|
|
129
|
+
if (className === 'pic-down') return;
|
|
126
130
|
if (!this.isMove) return;
|
|
127
131
|
this.x = event.clientX - this.leftOffset;
|
|
128
132
|
this.y = event.clientY - this.topOffset;
|
|
129
133
|
},
|
|
130
134
|
//鼠标抬起
|
|
131
135
|
mouseup() {
|
|
136
|
+
const className = event.target.className;
|
|
137
|
+
if (className === 'pic-down') return;
|
|
132
138
|
this.isMove = false;
|
|
133
139
|
},
|
|
134
140
|
url(v) {
|