zydx-plus 1.35.527 → 1.35.529
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
|
@@ -11,25 +11,25 @@
|
|
|
11
11
|
<i v-if="closeShow" @click.stop="close"></i>
|
|
12
12
|
</div>
|
|
13
13
|
</div>
|
|
14
|
-
<div :
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
<div :class="{'drag-cont2': fixedStart,'drag-conts': true}">
|
|
15
|
+
<div class="drag-cont-slot" :class="{'zIndexSlot': footIsMove}">
|
|
16
|
+
<div class="zIndexSlot" v-if="footIsMove"></div>
|
|
17
17
|
<slot name="content"></slot>
|
|
18
18
|
</div>
|
|
19
|
-
|
|
20
|
-
<!-- <i :class="{'drag-down2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-down" v-if="dragStatus" @mousedown.stop="footDown($event,'d')" @mouseup.stop="footUp"></i>-->
|
|
21
|
-
|
|
22
|
-
<!-- <i :class="{'drag-right2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-right" v-if="dragStatus" @mousedown.stop="footDown($event,'r')" @mouseup.stop="footUp"></i>-->
|
|
23
|
-
|
|
19
|
+
<div v-show="!fixedStart&&!autoHeight">
|
|
20
|
+
<!-- <i :class="{'drag-down2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-down" v-if="dragStatus" @mousedown.stop="footDown($event,'d')" @mouseup.stop="footUp"></i>-->
|
|
21
|
+
<i :class="{'drag-in2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-in" v-if="dragStatus" @mousedown.stop="footDown($event,'in')" @mouseup.stop="footUp"></i>
|
|
22
|
+
<!-- <i :class="{'drag-right2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-right" v-if="dragStatus" @mousedown.stop="footDown($event,'r')" @mouseup.stop="footUp"></i>-->
|
|
23
|
+
</div>
|
|
24
24
|
</div>
|
|
25
|
-
<!-- <div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">-->
|
|
26
|
-
<!-- <div class="down-text-cont">-->
|
|
27
|
-
<!-- <slot name="down"></slot>-->
|
|
28
|
-
<!-- <!– <img–>-->
|
|
29
|
-
<!-- <!– src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAFkdJREFUeF7tnQ20HVV1x/ee+14CTYpW+ZIqgoLYgAoUKBYQUCmsKqWUPhBlWRJ4Z88NX5ISEATkQyAQAvjIe/fseS95CJVCQEsp2g9YFQoI4aOxKcGCfKQqVEglSAMY8u6crhNuspKb+bgzb+beuXf2WSsrbyXn7LP3b5//OzNnZs5BkCIEhEAoARQ2QkAIhBMQgcjoEAIRBEQgMjyEgAhExoAQSEdAZpB03KRVSQiIQEqSaAkzHQERSDpu0qokBEQgJUm0hJmOgAgkHTdpVRICIpCSJFrCTEdABJKOm7QqCQERSEkSLWGmIyACScdNWpWEgAikJImWMNMREIGk4yatSkJABFKSREuY6QiIQNJxk1YlISACKUmiJcx0BEQg6bhJq5IQ6KhAarXaLgBwGCLu7zjODGPMngCwXUnYS5jhBFYh4grf95+uVCoPAcCDg4ODv+wEsI4IpFarnew4jgsAf9SJoKXPriTwiO/7XrVavamd3rdVIFrroxHxTAD4fDuDlL56isB9xpgh13X/oR1RtU0gzEwAoNsRlPRRCgI3ENHZeUfaFoEw890AcHTewYj90hG4j4iOyDPq3AXied64MebkmCDWAsBTALDM9/2X8gxYbBefQKVS2QEA9jbG7A0AW8V4fAYRLcwrqlwF0rgZH49w/i5EnL9mzZplc+bMeTuvIMVudxIYHx/fat26dfsaY64GgIPDokDEE5VSt+URZW4Cue6667aePn36o8aYTwY5johzlVLX5hGU2Ow9Asz8XQD4cshYWr5mzZoD8/glm5tAmPlcALDKDypHEtG/9F4aJaI8CXie90VjTNjq1XlEdE3W/ecikKGhoW2mTp36NAD8foDDHhHZFS0pQiAxAc/zXGNMLaDhS1OmTNlr5syZryc2GtEgF4HUarUjHcf5p4B+c191yBKO2ComgYiFn2OJ6K4svc5FIFrrKxHx/CZH1xhj9nVd92dZBiC2ykfAvqLkOI5d9ZzWFH3mz0ZyEQgzPwYA+zc5/xARHVK+dErEeRBg5kcDXlV6nIgOyLK/XATieZ6dLZrVvZCIzsjSebFVXgLMvAgAZm1KABHfVEpNz5JK5gJpTH8vBjg5SERjWTovtspLgJmrADDSTMD3/V2r1erKrMjkIZDDHMf5UYDjh1er1fuzclzslJtArVZryzgTgZR7nHVt9CKQrk2dON4OAiKQdlAuSR9jY2Pvq9frFyLiPgDgm3eLb39GxPV/N/6YDT9v+Pec6n68Xq9v19fX99Dg4OCFadIgAklDTdpsQUBrPcN+vlpgNBNE1J/UPxFIUmJSP5CA1voHiPinRcCDiGCMnaS2KEuJ6MAkPopAktCSuqEEmHk1ALy34IjqRNSXxEcRSBJaUjdKIM8AwMeKjoiIEq2oikCKntEu8Y+ZGQBUwd01ROQk8VEEkoSW1I0kUKvVLnEc55vtxmTvN+x9RwtlHRFNaaHexioikCS0pG4sgVqtZr/N2R0AHETESqXiGGPsb+31f9t/2/Bz878317X/7zgOblpvg11EtLZ28H1/JgDsFOvYuxXeIaKpLdZdX00EkoSW1C0MgbGxsd3q9foddtOFBE79loi2TlBfBJIEltQtBoGRkZGPVCoVK459E3r0FhE1v/0dd9ko72IlhCzVO0ig8Ra3Fcd+KdxYQ0S/m6SdXGIloSV1O0qAmXcGgDsDPpLb1K/nAeCjIY6+QUTvSRKECCQJLanbMQLDw8Mf6uvrszNH6EbkxpgXAGAmIj4Q4uhviCjRw0wRSMdSLh23SsCujDmOY8Xx6Yg2K40xA77vP1+pVF4LqbeaiN7Xar+yipWElNTtCAFm/gAi3mGMOSjCgV8AwAARLV24cOH7+/v7/zek7q+JaNskgcgMkoSW1G0rgdHR0R2MMVYcUZtwvIyIA0qpH1vnFi9evN26deteDXF0FRFtnyQIEUgSWlK3bQQaA91eVh0a0ekr9Xp9YPbs2Q9uqGNF5fv+r0LavEJEOyYJQgSShJbUbQsBZt7WzhyIeFhYh4i4yl5WKaU2uyG3l2QA8HJIu/8holafuq83IQJpS8qlk1YJ2K8SJyYmrDg+G9HmNcdxBgYHB/+1uc6iRYt2mpiYCDva4mUiCtqmNrQrEUirmZN6uRMYHx9/7zvvvGMvq6KOzvuNXa1yXffeIIdGR0c/6Pu+vWkPKr8kog8lCUQEkoSW1M2NQGMjciuOP4noxG4UaMURtB/z+maNh4n/HWLj50T04SRBiECS0JK6uRAYHh6e3ngIeFREB281Lqt+GOVExIaCttlKIto1SRAikCS0pG7mBJj5dxrPOaK+Z1/bmDliT5xtvMhoXzcJKi8QUdhrKIENRCCZp1wMtkrAng42bdo0e1n1hYg2E42HgC0dNzA8PLxbX19f4M7+iPicUsp+q9JyEYG0jEoqZklgaGho6tSpU604ok4lNo2HgN9rtW+t9e6I+GxI/Z8RUaLv5kUgrZKXepkRYOb+xnOOY2KMHk9EVkQtl5GRkT0qlcp/BTUwxjzjuu7HWzYmz0GSoJK6WRBYsmRJ5bXXXrPPOY6Nspf2RNnR0dE/8H3fHssXVH5KRDOSxCEzSBJaUndSBIwx6HmenRGOixHHSUope9ps4uJ53p7GGHsqVFBZQUR7JTEqAklCS+pOigAzL7E33FFGjDF/5bruzWk7YuZPAMDykPb/SUSBx4WH9ScCSZsJaZeIADPfBgAnxMwcM5VSNyUy3FR5dHT0k77v/0eIjeVE9Kkk9kUgSWhJ3VQEmPlvAeBLMTPHqa7r2uPOJlU8z9vbGLMsxMhPiMjuPN9yEYG0jEoqpiHAzPZe4ssxbe2R9l4a+81tmNnudPJkiK1/J6I/TNKPCCQJLambiAAz3wIAJ8U0mk1EtUSGIyprrfdDxMdDqjxBRM2nIkd2LQLJKjNiZzMCnud9xxjz1RgspxPRcJboarXaAY7jLA2yiYiPKaVCN30IaiMCyTI7Yms9Ac/zxo0xJ8fgOIuIhrJGNjIycmClUnkkRCCPKqWiNn7YopkIJOsMldxe0LniAUjmENH1eaDSWn8aEdd/nx5QHiGiP07SrwgkCS2pG0lAaz2GiKdEVTLGzHVd99q8UI6NjR1Ur9cfCrJvjHnYdd2Dk/QtAklCS+qGEtBae4g4GIPoPCK6Jk+Mo6Ojh/i+/28hAnnQdd3PJOlfBJKEltQNJMDMGgAoCg8iXqCUuipvhJ7nHWqMuT+knweIKHQjiKA2IpC8M9bj9pl5BACqMZdVF7mu+612oFi0aNEeExMTgW/zAsD3iSjyPbBmH0Ug7chaj/bBzAsB4LSY8C4hokvbicDzvKeMMXs29+n7/qXVavWSJL6IQJLQkrobCTDzjQBwesxl1WVKqbYfydZYyboHADbuw4uI9yulDk+aQhFIUmJS3+4c8m0AODMGxRVEdGGncNnPebfeeusTHMd5PyI+o5SygklcRCCJkZW7ATPb5xdfi6Ewj4jO7wVSIpBeyGKbYvA8b4ExZk5Md/OJ6Nw2uZR7NyKQ3BH3Rgee5803xpwTE80CIoqr01VARCBdla7OOMvMVwNA3KxwAxGd3RkP8+tVBJIf256wrLWeh4jnRQVjjLnRdd24m/au5CEC6cq0tcdprfWViBh5s22MGXFdN+5ZSHsczqEXEUgOUHvBJDPbJ9/fiIoFEbVSKvIperezEIF0ewZz8J+ZLwOAi2Iuq0Zd11U5dF8okyKQQqWj884ws30VI+7p92IiinytvfORZOOBCCQbjj1hxfO8LxpjIndQR8SblFIzeyLgFoIQgbQAqSxVWvjg6RYiivvOvKdwiUB6Kp2TC4aZ/w4A/jzEyq1E9JXJ9dB9rUUg3Zez3Dyu1WqXOI4TdP9xOxFFbvyWm1MdNiwC6XACitS9PUIZEW81xmz61V1pbsiDciECKdIILYgvzDzg+/6elUplqVLqHwviVkfcEIF0BLt02i0ERCDdkinxsyMERCAdwS6ddgsBEUi3ZEr87AgBEUhHsEun3UJABNItmRI/O0JABNIR7NJptxAQgXRLpsTPjhAQgXQEu3TaLQREIN2SqRb8HB4ent7f329fWd/RGLPCdd17W2gmVSIIiEB6ZHhorWcg4igAbDwgJs1etD2CI7MwRCCZoeycoZGRkT0cx7kTEfdq9sL3/aOq1eo/d8677u5ZBNLd+YOxsbHd6vX6nQDwqZBQziWi+V0eZsfcF4F0DP3kOx4dHd3V930rDns2eGBBxBOVUrdNvrdyWhCBdGnemXlnALDiiDr3+8cTExNHnnbaaWu6NMyOuy0C6XgKkjswOjr6wcbMEXrmNyL+FAAGlFIrkvcgLTYQEIF02ViwX/01Zo6o44yfdRxnYHBwcHmXhVc4d0UghUtJuEO1Wm17RLSrVYdEuP287/sD1Wp1WReFVlhXRSCFTc3mjjHztoh4R9P34s3erzTGDLiu+0SXhFV4N0UghU8RwMjIyO9VKpU7AOBzEe7+vFKpDJx66qmPdUFIXeOiCKTgqRoaGtpmypQp9rLqiAhXX2rMHI8UPJyuc08EUuCU3XzzzdPefvttu5R7VISbv7KrVUT0UIFD6VrXRCAFTZ09pXXatGn2suoLES6uQkS7lPtAQcPoerdEIJuk0D5fAID+wcHBFzuZ2SVLlkxZvXq1FcefRfjx68bM8aNO+trrfYtAAMDzvL2NMTcAwKGNhD8JAHOJqO2Db8mSJZXVq1fby6qwPXKti683Zo77en2Adjo+EQgAMPOzALD7pslAxNf7+vo+NmvWrFXtTBIzW3EcF9Hn/zXEIW/otiExpReI1vov7fOFENZnENHCNuRhfRda69sR8fiI/t5qrFb9sF0+lb0fEYjW5yHivJCBMExEp7djkHieZzeNPjGir982Zo572uGP9PEugdILhJm/DgBXhQyItpz9rbX+G0SMOntjXePdqr+XgdteAqUXiNb6fES8MgT79UQ0J8+UaK2/g4hRpzb5jcuq7+fph9gOJlB6gTDzBQBwRRAeRLxOKfXXeQ0eZl4MAHHn/R1PRGH3SHm5JnYbBEQgzPYscHsmeFBZQETn5DFamNlusHBqlG35GjAP8slsll4gWusLEfHykBnkWqXU3GRI42szswYAiqn5FSK6Nd6a1MiTQOkFwswXAcBlIZDnE9G5WSaAmUcAoBozc3xVKXVLlv2KrXQESi8QrfXFiHhpCL5riOi8dGi3bMXMNwJA5LKx7/szq9XqTVn1KXYmR6D0AmFme6rrJSGXWFcrpewy8KSL1voGRDwrZuY4RSllb9ylFISACITZiiPo6GObonlEdP5kc+V53gJjTORyMSIqpZS9cZdSIAKlF4jW+lJEvDhkBrlKKWWXgVMXrfV8RIxcCTPGVF3XtTfuUgpGoPQCYWZ7g25v1IPKlURkl4FTFc/z5hlj4u5hTiei4VQdSKPcCZReIFrryxHxwhDSVxBR2P9FJoeZ7cPHyNkHEc9UStkbdykFJVB6gTCzfUgYOEsg4reUUmGzS2hKY2alDe3OJiL7DYqUAhMQgUT/pr+ciALvT8JyytE3/RuanUNECwo8LsS1BoHSC0RrfSUiBq5UIeJlSqmwFa4tBlHMQ8cN9c8jomtkBHYHgdILhJntq+5hzzouJaLAZyTN6Y166XGTuucTUdi3J90xYkrmZekForWeh4hhK02XEFHYU/aNQyXmm5IN9S4kosC3hks25roq3NILhJmvBoDA960Q8ZtKqbD3tNYnmpnty4yRl0yt2OmqUVMiZ0UgzHZwh72xezERBb7pa8eI1noOIkbebBtjLnNdt+X7mBKNva4ItfQCiXrSjYgXKaUCvxXxPO+sxlZBoYlOu0zcFSOnJE6WXiDMfC0AhH01GHjfoLU+AxGHosaIMeYq13Un9ZpKScZgocMsvUC01gsQMexFwm8Q0Wbfq3ueN9sYE/dqSKavyRd6BPW4c6UXCDNfBwBnB+UZES9QSm3c8YSZ7VeAcS8V5vaZbo+PxUKGJwJhvh4AvhaSnY3PLZjZfj8e9zp67rugFHIU9bBTpRdI1IdMiPh1pdTVnufNMsYsihkHQ0QU+UFUD4+jng2t9AJh5m8DwJkhGbYPEF8BgLhPYNu2A2PPjsSCBlZ6gWithxDxjJD83AYAX4pZrdKu60ZuwlDQ3ItbLRAovUBa2UghgqNHRHHb97SQBqlSVAIiEGa7e/tpSROEiIuUUpEbvyW1KfWLR6D0AtFaDyPi7CSpMcbc5Lpu3JahSUxK3YISKL1AWtnIrSl3txBR1GbTBU21uJWGQOkForWuIaLbCjxEBGNMK1WzqrMSEe9XSslslRXRhHZKL5AW98lNiDXz6kuJ6MDMrYrBWAIiEOZ7AeDzsaQ6X0GOQehADkQgzI8BwP7N7De9lLKXVp0uvu9fWq1WW/r8t9O+9lL/pRdIK3vmFiHhiHiSUuq7RfClTD6UXiA22cz8KgBsV+DEL33zzTcPnzNnztsF9rEnXROBAMD4+PhWa9euXYaIHwWA/gJleiUA3NPf33/NrFmzflEgv0rjigikNKmWQNMQEIGkoSZtSkOgawXied7+xhi7ArVZ8X3/6Gq1ek9pMiiB5kpAa300It7d3AkiHqCUejyrzjNfJ50/f/60bbbZZk3A8uxFruuGnVqbVTxipyQEwjY3f+ONN6bPnTv3zawwZC6QxurTiwCwy6ZOIuKdSqmBrBwXO+UmwMx29ji6icJKIto1SzJ5CeROADiuydHniGj3LJ0XW+UlwMwvAECzGO4momOypJKLQLTWpyDiWICjcvZGltkrqa1arXay4zjjAeFnvkN/XgKZgYgrgvLnOM5+g4ODT5Y0txL2JAnUarVdHMexl/BbFN/3D65Wqw9PsovNmucikMZ9yPcA4C8CnH2FiHbMMgixVR4CzPwcANgHx5sPZMSHlVIHZ00iN4GErVM3Alg+ZcqUQ2fOnPl61gGJvd4kwMwfAIBHAWDnoAgR8Ril1BbLvpOlkZtAGrOI3dAt6vvwY4norskGIe17mwAz291pRiKiXExEp+RBIW+BvAcAftK85NsUyF2I+JTv+8uMMUur1epLeQQqNruHgJ0tjDH7IOI+ALBvyKX6hoDs/exniOitPCLMVSCNWeQTALA8D+fFphDo7+/fOc8XRnMXiE3h4sWLPzIxMfGgMWYnSakQyIjA68aYI1zXfSIje4Fm2iKQxkxiL7fsPrrNDxDzjE9s9yaBu3zfp2q1ar8XyrW0TSAbotBanwAA9qCbg3KNTIz3HAFjjH3GcaPrure3K7i2C2QToZyIiJ8FgM8FvDLQrviln+ITeBYAfgAAjxDRHe12t2MC2TTQxYsXb7d27do9K5XKjHq9vn27IUh/xSJQqVRerdfrT0+dOnXFrFmzVnXSu0IIpJMApG8hEEVABCLjQwhEEBCByPAQAiIQGQNCIB0BmUHScZNWJSEgAilJoiXMdAREIOm4SauSEBCBlCTREmY6AiKQdNykVUkIiEBKkmgJMx0BEUg6btKqJAREICVJtISZjoAIJB03aVUSAiKQkiRawkxHQASSjpu0KgkBEUhJEi1hpiMgAknHTVqVhIAIpCSJljDTERCBpOMmrUpCQARSkkRLmOkI/D8ja3mb73FFuQAAAABJRU5ErkJggg=="/>–>-->
|
|
30
|
-
<!-- <!– <span>拖动图标调整窗口大小</span>–>-->
|
|
31
|
-
<!-- </div>-->
|
|
32
|
-
<!-- </div>-->
|
|
25
|
+
<!-- <div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">-->
|
|
26
|
+
<!-- <div class="down-text-cont">-->
|
|
27
|
+
<!-- <slot name="down"></slot>-->
|
|
28
|
+
<!-- <!– <img–>-->
|
|
29
|
+
<!-- <!– src="data:image/png;base64,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"/>–>-->
|
|
30
|
+
<!-- <!– <span>拖动图标调整窗口大小</span>–>-->
|
|
31
|
+
<!-- </div>-->
|
|
32
|
+
<!-- </div>-->
|
|
33
33
|
</div>
|
|
34
34
|
</template>
|
|
35
35
|
|
|
@@ -56,8 +56,7 @@ export default {
|
|
|
56
56
|
transAll: false,
|
|
57
57
|
fixedStart: false,
|
|
58
58
|
initWidth: 1280,
|
|
59
|
-
draggableState: null
|
|
60
|
-
draggableState2: null,
|
|
59
|
+
draggableState: null
|
|
61
60
|
}
|
|
62
61
|
},
|
|
63
62
|
props: {
|
|
@@ -154,6 +153,7 @@ export default {
|
|
|
154
153
|
this.footDownOffset = val
|
|
155
154
|
if (this.isInitShowBottomRight) {
|
|
156
155
|
this.y = window.innerHeight - val
|
|
156
|
+
console.log('this.y', this.y)
|
|
157
157
|
}
|
|
158
158
|
},
|
|
159
159
|
immediate: true
|
|
@@ -161,7 +161,6 @@ export default {
|
|
|
161
161
|
fixed: {
|
|
162
162
|
handler: function (val) {
|
|
163
163
|
this.fixedStart = val
|
|
164
|
-
if(!this.fixedStart) return
|
|
165
164
|
this.init()
|
|
166
165
|
},
|
|
167
166
|
immediate: true,
|
|
@@ -175,6 +174,7 @@ export default {
|
|
|
175
174
|
this.init()
|
|
176
175
|
// 全局监听鼠标抬起事件
|
|
177
176
|
document.addEventListener('mouseup', this.footUp);
|
|
177
|
+
document.addEventListener('mousemove', this.footMove);
|
|
178
178
|
this.$nextTick(() => {
|
|
179
179
|
this.$emit('updateDrag', {
|
|
180
180
|
width: this.footRightOffset,
|
|
@@ -195,6 +195,10 @@ export default {
|
|
|
195
195
|
this.y = this.top - scrollTop
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
|
+
document.addEventListener('fullscreenchange', this.handleFullScreenChange);
|
|
199
|
+
document.addEventListener('mozfullscreenchange', this.handleFullScreenChange); // Firefox
|
|
200
|
+
document.addEventListener('webkitfullscreenchange', this.handleFullScreenChange); // Chrome, Safari and Opera
|
|
201
|
+
document.addEventListener('msfullscreenchange', this.handleFullScreenChange); // IE/Edge
|
|
198
202
|
// 监听窗口变化
|
|
199
203
|
window.addEventListener('resize', () => {
|
|
200
204
|
const wid = document.getElementById('app').offsetWidth
|
|
@@ -219,10 +223,27 @@ export default {
|
|
|
219
223
|
},
|
|
220
224
|
emits: ['dragStatus', 'close', 'enlarge','updateDrag','minimize','dragMouseup'],
|
|
221
225
|
methods: {
|
|
226
|
+
handleFullScreenChange() {
|
|
227
|
+
if (!document.fullscreenElement) {
|
|
228
|
+
let clientWidth = window.innerWidth
|
|
229
|
+
this.x = clientWidth / 2 - this.width / 2;
|
|
230
|
+
this.y = (window.innerHeight / 2 - this.height / 2) - 80;
|
|
231
|
+
this.footDownOffset = this.height;
|
|
232
|
+
this.footRightOffset = this.width;
|
|
233
|
+
this.draggableState.draggable({enabled: true})
|
|
234
|
+
this.state = false
|
|
235
|
+
this.$emit('updateDrag', {
|
|
236
|
+
width: this.footRightOffset,
|
|
237
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30),
|
|
238
|
+
left: this.x,
|
|
239
|
+
top: this.y
|
|
240
|
+
})
|
|
241
|
+
this.$emit('enlarge', this.state)
|
|
242
|
+
}
|
|
243
|
+
},
|
|
222
244
|
// 全屏
|
|
223
245
|
fullScreen() {
|
|
224
246
|
this.draggableState.draggable({enabled: false})
|
|
225
|
-
this.draggableState2.resizable({enabled: false})
|
|
226
247
|
const myElement = document.body;
|
|
227
248
|
if (myElement.requestFullscreen) {
|
|
228
249
|
myElement.requestFullscreen();
|
|
@@ -238,7 +259,6 @@ export default {
|
|
|
238
259
|
// 退出全屏
|
|
239
260
|
exitFullscreen() {
|
|
240
261
|
this.draggableState.draggable({enabled: true})
|
|
241
|
-
this.draggableState2.resizable({enabled: true})
|
|
242
262
|
if (document.exitFullscreen) {
|
|
243
263
|
document.exitFullscreen();
|
|
244
264
|
} else if (document.mozCancelFullScreen) {
|
|
@@ -292,10 +312,12 @@ export default {
|
|
|
292
312
|
}
|
|
293
313
|
setTimeout(() => {
|
|
294
314
|
this.draggableState = interact(`#draggable${that.id}`)
|
|
295
|
-
this.draggableState2 = interact(`#resizable${that.id}`)
|
|
296
315
|
this.draggableState.draggable({
|
|
297
316
|
enabled: true,
|
|
298
317
|
listeners: {
|
|
318
|
+
start (event) {
|
|
319
|
+
that.dragTap()
|
|
320
|
+
},
|
|
299
321
|
move (event) {
|
|
300
322
|
// 获取滚动距离
|
|
301
323
|
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
@@ -316,22 +338,6 @@ export default {
|
|
|
316
338
|
}
|
|
317
339
|
}
|
|
318
340
|
})
|
|
319
|
-
this.draggableState2.resizable({
|
|
320
|
-
edges: { top: false, left: false, bottom: true, right: true },
|
|
321
|
-
enabled: true,
|
|
322
|
-
listeners: {
|
|
323
|
-
move: function (event) {
|
|
324
|
-
that.footRightOffset = event.rect.width
|
|
325
|
-
that.footDownOffset = event.rect.height + (that.dragTextShow?60:30)
|
|
326
|
-
that.$emit('updateDrag', {
|
|
327
|
-
width: that.footRightOffset,
|
|
328
|
-
height: that.footDownOffset - (that.dragTextShow?60:30),
|
|
329
|
-
left: that.x,
|
|
330
|
-
top: that.y
|
|
331
|
-
})
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
})
|
|
335
341
|
},0)
|
|
336
342
|
},
|
|
337
343
|
getWH(v) {
|
|
@@ -349,6 +355,7 @@ export default {
|
|
|
349
355
|
this.dragTap()
|
|
350
356
|
},
|
|
351
357
|
footMove(event) {
|
|
358
|
+
event.preventDefault()
|
|
352
359
|
if (this.state) return;
|
|
353
360
|
if (!this.footIsMove) return;
|
|
354
361
|
if (this.direction === 'd') {
|
|
@@ -407,13 +414,13 @@ export default {
|
|
|
407
414
|
minimizeTap() {
|
|
408
415
|
this.isMove = false
|
|
409
416
|
this.footIsMove = false
|
|
410
|
-
this.exitFullscreen()
|
|
417
|
+
if(this.state) this.exitFullscreen()
|
|
411
418
|
this.$emit('minimize');
|
|
412
419
|
},
|
|
413
420
|
close() {
|
|
414
421
|
this.isMove = false
|
|
415
422
|
this.footIsMove = false
|
|
416
|
-
this.exitFullscreen()
|
|
423
|
+
if(this.state) this.exitFullscreen()
|
|
417
424
|
this.$emit('close');
|
|
418
425
|
},
|
|
419
426
|
selectedDrag(){
|
|
@@ -428,8 +435,6 @@ export default {
|
|
|
428
435
|
width: 100%;
|
|
429
436
|
height: 100%;
|
|
430
437
|
overflow: auto;
|
|
431
|
-
position: relative;
|
|
432
|
-
z-index: -1;
|
|
433
438
|
}
|
|
434
439
|
|
|
435
440
|
.drag-cont-slot::-webkit-scrollbar {
|
|
@@ -600,4 +605,13 @@ export default {
|
|
|
600
605
|
.zIndex10000{
|
|
601
606
|
z-index: 10000;
|
|
602
607
|
}
|
|
608
|
+
.zIndexSlot{
|
|
609
|
+
position: absolute;
|
|
610
|
+
top: 0;
|
|
611
|
+
right: 0;
|
|
612
|
+
left: 0;
|
|
613
|
+
bottom: 0;
|
|
614
|
+
z-index: 5;
|
|
615
|
+
background-color: rgba(255,255,255,0);
|
|
616
|
+
}
|
|
603
617
|
</style>
|
|
@@ -12,15 +12,16 @@
|
|
|
12
12
|
<i v-if="closeShow" @click.stop="close"></i>
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
|
-
<div :
|
|
15
|
+
<div :class="{'drag-cont2': fixedStart,'drag-conts': true}">
|
|
16
16
|
<div class="drag-cont-slot">
|
|
17
|
+
<div class="zIndexSlot" v-if="footIsMove"></div>
|
|
17
18
|
<slot name="content"></slot>
|
|
18
19
|
</div>
|
|
19
|
-
|
|
20
|
-
<!--
|
|
21
|
-
|
|
22
|
-
<!--
|
|
23
|
-
|
|
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>
|
|
24
25
|
</div>
|
|
25
26
|
<!-- <div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">-->
|
|
26
27
|
<!-- <div class="down-text-cont">-->
|
|
@@ -56,8 +57,7 @@ export default {
|
|
|
56
57
|
transAll: false,
|
|
57
58
|
fixedStart: false,
|
|
58
59
|
initWidth: 1280,
|
|
59
|
-
draggableState: null
|
|
60
|
-
draggableState2: null,
|
|
60
|
+
draggableState: null
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
props: {
|
|
@@ -165,7 +165,6 @@ export default {
|
|
|
165
165
|
fixed: {
|
|
166
166
|
handler: function (val) {
|
|
167
167
|
this.fixedStart = val
|
|
168
|
-
if(!this.fixedStart) return
|
|
169
168
|
this.init()
|
|
170
169
|
},
|
|
171
170
|
immediate: true,
|
|
@@ -178,6 +177,7 @@ export default {
|
|
|
178
177
|
mounted() {
|
|
179
178
|
this.init()
|
|
180
179
|
document.addEventListener('mouseup', this.footUp);
|
|
180
|
+
document.addEventListener('mousemove', this.footMove);
|
|
181
181
|
this.$nextTick(() => {
|
|
182
182
|
this.$emit('updateDrag', {
|
|
183
183
|
width: this.footRightOffset,
|
|
@@ -198,6 +198,11 @@ export default {
|
|
|
198
198
|
this.y = this.top - scrollTop
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
|
+
document.addEventListener('fullscreenchange', this.handleFullScreenChange);
|
|
202
|
+
document.addEventListener('mozfullscreenchange', this.handleFullScreenChange); // Firefox
|
|
203
|
+
document.addEventListener('webkitfullscreenchange', this.handleFullScreenChange); // Chrome, Safari and Opera
|
|
204
|
+
document.addEventListener('msfullscreenchange', this.handleFullScreenChange); // IE/Edge
|
|
205
|
+
|
|
201
206
|
// 监听窗口变化
|
|
202
207
|
window.addEventListener('resize', () => {
|
|
203
208
|
const wid = document.getElementById('app').offsetWidth
|
|
@@ -227,18 +232,35 @@ export default {
|
|
|
227
232
|
},
|
|
228
233
|
emits: ['dragStatus', 'close', 'enlarge','updateDrag','minimize','dragMouseup'],
|
|
229
234
|
methods: {
|
|
235
|
+
handleFullScreenChange() {
|
|
236
|
+
if (!document.fullscreenElement) {
|
|
237
|
+
let clientWidth = window.innerWidth
|
|
238
|
+
this.x = clientWidth / 2 - this.width / 2;
|
|
239
|
+
this.y = (window.innerHeight / 2 - this.height / 2) - 80;
|
|
240
|
+
this.footDownOffset = this.height;
|
|
241
|
+
this.footRightOffset = this.width;
|
|
242
|
+
this.draggableState.draggable({enabled: true})
|
|
243
|
+
this.state = false
|
|
244
|
+
this.$emit('updateDrag', {
|
|
245
|
+
width: this.footRightOffset,
|
|
246
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30),
|
|
247
|
+
left: this.x,
|
|
248
|
+
top: this.y
|
|
249
|
+
})
|
|
250
|
+
this.$emit('enlarge', this.state)
|
|
251
|
+
}
|
|
252
|
+
},
|
|
230
253
|
// 全屏
|
|
231
254
|
fullScreen() {
|
|
232
255
|
this.draggableState.draggable({enabled: false})
|
|
233
|
-
this.draggableState2.resizable({enabled: false})
|
|
234
256
|
const myElement = document.body;
|
|
235
257
|
if (myElement.requestFullscreen) {
|
|
236
258
|
myElement.requestFullscreen();
|
|
237
|
-
} else if (myElement.mozRequestFullScreen) {
|
|
259
|
+
} else if (myElement.mozRequestFullScreen) { // Firefox
|
|
238
260
|
myElement.mozRequestFullScreen();
|
|
239
|
-
} else if (myElement.webkitRequestFullscreen) {
|
|
261
|
+
} else if (myElement.webkitRequestFullscreen) { // Chrome, Safari and Opera
|
|
240
262
|
myElement.webkitRequestFullscreen();
|
|
241
|
-
} else if (myElement.msRequestFullscreen) {
|
|
263
|
+
} else if (myElement.msRequestFullscreen) { // IE and Edge
|
|
242
264
|
myElement.msRequestFullscreen();
|
|
243
265
|
}
|
|
244
266
|
this.state = true
|
|
@@ -246,7 +268,6 @@ export default {
|
|
|
246
268
|
// 退出全屏
|
|
247
269
|
exitFullscreen() {
|
|
248
270
|
this.draggableState.draggable({enabled: true})
|
|
249
|
-
this.draggableState2.resizable({enabled: true})
|
|
250
271
|
if (document.exitFullscreen) {
|
|
251
272
|
document.exitFullscreen();
|
|
252
273
|
} else if (document.mozCancelFullScreen) {
|
|
@@ -301,7 +322,6 @@ export default {
|
|
|
301
322
|
}
|
|
302
323
|
setTimeout(() => {
|
|
303
324
|
this.draggableState = interact(`#draggable${that.id}`)
|
|
304
|
-
this.draggableState2 = interact(`#resizable${that.id}`)
|
|
305
325
|
this.draggableState.draggable({
|
|
306
326
|
enabled: true,
|
|
307
327
|
listeners: {
|
|
@@ -322,25 +342,12 @@ export default {
|
|
|
322
342
|
if (that.y > that.clientHeight - that.footDownOffset + that.footDownOffset / 2) {
|
|
323
343
|
that.y = that.clientHeight - that.footDownOffset + that.footDownOffset / 2
|
|
324
344
|
}
|
|
345
|
+
},
|
|
346
|
+
onend (event) {
|
|
347
|
+
console.log('结束')
|
|
325
348
|
}
|
|
326
349
|
}
|
|
327
350
|
})
|
|
328
|
-
this.draggableState2.resizable({
|
|
329
|
-
edges: { top: false, left: false, bottom: true, right: true },
|
|
330
|
-
enabled: true,
|
|
331
|
-
listeners: {
|
|
332
|
-
move: function (event) {
|
|
333
|
-
that.footRightOffset = event.rect.width
|
|
334
|
-
that.footDownOffset = event.rect.height + (that.dragTextShow?60:30)
|
|
335
|
-
that.$emit('updateDrag', {
|
|
336
|
-
width: that.footRightOffset,
|
|
337
|
-
height: that.footDownOffset - (that.dragTextShow?60:30),
|
|
338
|
-
left: that.x,
|
|
339
|
-
top: that.y
|
|
340
|
-
})
|
|
341
|
-
}
|
|
342
|
-
}
|
|
343
|
-
})
|
|
344
351
|
},0)
|
|
345
352
|
},
|
|
346
353
|
getWH(v) {
|
|
@@ -351,6 +358,44 @@ export default {
|
|
|
351
358
|
this.transAll = false
|
|
352
359
|
},300)
|
|
353
360
|
},
|
|
361
|
+
footDown(event, v) {
|
|
362
|
+
event.preventDefault()
|
|
363
|
+
this.direction = v
|
|
364
|
+
this.footIsMove = true;
|
|
365
|
+
this.dragTap()
|
|
366
|
+
},
|
|
367
|
+
footMove(event) {
|
|
368
|
+
event.preventDefault()
|
|
369
|
+
if (this.state) return;
|
|
370
|
+
if (!this.footIsMove) return;
|
|
371
|
+
if (this.direction === 'd') {
|
|
372
|
+
this.footDownOffset = event.clientY - this.y;
|
|
373
|
+
} else if (this.direction === 'in') {
|
|
374
|
+
this.footDownOffset = event.clientY - this.y;
|
|
375
|
+
this.footRightOffset = event.clientX - this.x;
|
|
376
|
+
} else if (this.direction === 'r') {
|
|
377
|
+
this.footRightOffset = event.clientX - this.x;
|
|
378
|
+
}
|
|
379
|
+
if(this.footRightOffset < this.minWidth) {
|
|
380
|
+
this.footRightOffset = this.minWidth
|
|
381
|
+
}
|
|
382
|
+
if(this.footDownOffset < this.minHeight) {
|
|
383
|
+
this.footDownOffset = this.minHeight
|
|
384
|
+
}
|
|
385
|
+
this.$emit('updateDrag', {
|
|
386
|
+
width: this.footRightOffset,
|
|
387
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30),
|
|
388
|
+
left: this.x,
|
|
389
|
+
top: this.y
|
|
390
|
+
})
|
|
391
|
+
},
|
|
392
|
+
footUp() {
|
|
393
|
+
this.$emit('dragMouseup', {
|
|
394
|
+
width: this.footRightOffset,
|
|
395
|
+
height: this.footDownOffset - ((this.dragTextShow)?60:30)
|
|
396
|
+
})
|
|
397
|
+
this.footIsMove = false;
|
|
398
|
+
},
|
|
354
399
|
enlarge() {
|
|
355
400
|
let clientWidth = window.innerWidth
|
|
356
401
|
if(this.state) {
|
|
@@ -379,13 +424,13 @@ export default {
|
|
|
379
424
|
minimizeTap() {
|
|
380
425
|
this.isMove = false
|
|
381
426
|
this.footIsMove = false
|
|
382
|
-
this.exitFullscreen()
|
|
427
|
+
if(this.state) this.exitFullscreen()
|
|
383
428
|
this.$emit('minimize');
|
|
384
429
|
},
|
|
385
430
|
close() {
|
|
386
431
|
this.isMove = false
|
|
387
432
|
this.footIsMove = false
|
|
388
|
-
this.exitFullscreen()
|
|
433
|
+
if(this.state) this.exitFullscreen()
|
|
389
434
|
this.$emit('close');
|
|
390
435
|
},
|
|
391
436
|
selectedDrag(){
|
|
@@ -400,8 +445,6 @@ export default {
|
|
|
400
445
|
width: 100%;
|
|
401
446
|
height: 100%;
|
|
402
447
|
overflow: auto;
|
|
403
|
-
position: relative;
|
|
404
|
-
z-index: -1;
|
|
405
448
|
}
|
|
406
449
|
|
|
407
450
|
.drag-cont-slot::-webkit-scrollbar {
|
|
@@ -572,4 +615,13 @@ export default {
|
|
|
572
615
|
.zIndex10000{
|
|
573
616
|
z-index: 10000;
|
|
574
617
|
}
|
|
618
|
+
.zIndexSlot{
|
|
619
|
+
position: absolute;
|
|
620
|
+
top: 0;
|
|
621
|
+
right: 0;
|
|
622
|
+
left: 0;
|
|
623
|
+
bottom: 0;
|
|
624
|
+
z-index: 5;
|
|
625
|
+
background-color: rgba(255,255,255,0);
|
|
626
|
+
}
|
|
575
627
|
</style>
|