zydx-plus 1.15.65 → 1.16.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.15.65",
+  "version": "1.16.65",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/dragPopup/index.js

@@ -0,0 +1,6 @@
+import main from './src/dragPopup';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+export default main;

package/src/components/dragPopup/src/dragPopup.vue

@@ -0,0 +1,176 @@
+<template>
+   <div class="drag-pop" :style="position">
+       <div class="drag-head"
+            :style="{'background-color':titleColor}"
+            @mousedown="mousedown"
+            @mousemove="mousemove"
+            @mouseup="mouseup"
+            @mouseleave="mousemove">
+           <span>{{ title }}</span>
+           <i @click="close"></i>
+       </div>
+       <div class="drag-cont" :style="{'border':'2px solid' + titleColor}" @mousemove="footMove" @mouseleave="footMove">
+           <slot name="content"></slot>
+           <i class="down" v-if="dragStatus" @mousedown="footDown($event,'d')" @mouseup="footUp"></i>
+           <i class="in" @mousedown="footDown($event,'in')" @mouseup="footUp"></i>
+           <i class="right" v-if="dragStatus" @mousedown="footDown($event,'r')" @mouseup="footUp"></i>
+       </div>
+   </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-drag-popup",
+    data() {
+        return {
+            x: 0,//left:x
+            y: 0,//top:y
+            leftOffset: 0,//鼠标距离移动窗口左侧偏移量
+            footDownOffset: this.height,//高度
+            topOffset: 0,//鼠标距离移动窗口顶部偏移量
+            footRightOffset: this.width,//宽度
+            isMove: false,//是否移动标识
+            footIsMove: false,//是否移动标识
+            direction: '',//移动方向
+        }
+    },
+    props: {
+        width: {
+            type: Number,
+            default: 600
+        },
+        height: {
+            type: Number,
+            default: 400
+        },
+        titleColor: {
+            type: String,
+            default: '#5daf34'
+        },
+        title: {
+            type: String,
+            default: '提示弹窗'
+        },
+        dragStatus: {
+            type: Boolean,
+            default: true
+        }
+    },
+    created() {
+        // 获取游览器可视区域宽高
+        let clientWidth = document.documentElement.clientWidth;
+        let clientHeight = document.documentElement.clientHeight;
+        this.x = clientWidth / 2 - this.footDownOffset / 2;
+        this.y = clientHeight / 2 - this.footRightOffset / 2;
+    },
+    computed: {
+        position() {
+            return `top:${this.y}px;left:${this.x}px;width:${this.footRightOffset}px;height:${this.footDownOffset}px;`;
+        },
+    },
+    methods: {
+        footDown(event,v) {
+            event.preventDefault()
+            this.direction = v
+            this.footIsMove = true;
+        },
+        footMove(event) {
+            if(!this.footIsMove) return;
+            if(this.direction === 'd') {
+                this.footDownOffset = event.clientY - this.y;
+            } else if(this.direction === 'in') {
+                this.footDownOffset = event.clientY - this.y;
+                this.footRightOffset = event.clientX - this.x;
+            } else if(this.direction === 'r') {
+                this.footRightOffset = event.clientX - this.x;
+            }
+        },
+        footUp() {
+            this.footIsMove = false;
+        },
+        mousedown(event) {
+            event.preventDefault()
+            //鼠标按下事件
+            this.leftOffset = event.offsetX;
+            this.topOffset = event.offsetY;
+            this.isMove = true;
+        },
+        //鼠标移动
+        mousemove(event) {
+            if (!this.isMove) return;
+            this.x = event.clientX - this.leftOffset;
+            this.y = event.clientY - this.topOffset;
+        },
+        //鼠标抬起
+        mouseup() {
+            this.isMove = false;
+        },
+        close() {
+            this.$emit('close');
+        }
+    }
+}
+</script>
+
+<style scoped>
+.down{
+    position: absolute;
+    bottom: -20px;
+    right: 20px;
+    width: calc(100% - 20px);
+    height: 40px;
+    z-index: 1;
+    display: inline-block;
+    cursor: ns-resize;
+}
+.in{
+    position: absolute;
+    bottom: -20px;
+    right: -20px;
+    width: 40px;
+    height: 40px;
+    z-index: 1;
+    display: inline-block;
+    cursor: nwse-resize;
+}
+.right{
+    position: absolute;
+    bottom: 20px;
+    right: -20px;
+    width: 40px;
+    height: calc(100% - 20px);
+    z-index: 1;
+    display: inline-block;
+    cursor: ew-resize;
+}
+.drag-head i {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAADHJJREFUeF7tnbmWJUcVRc9xJFnwDziAtBhM+AJcrNbcrXnoeVbPrdbcmmcxg8SotjD5A2QiWBLg8A9gSXIOKyFbq1SqV5UZeeNV5o1TbmfcF3ff2Fld71S9JPxlAiawkgDNxgRMYDUBC+LTYQLbELAgPh4mYEF8BkygjIC/g5Rx86pGCFiQRgbtNssIWJAybl7VCAEL0sig3WYZAQtSxs2rGiFgQRoZtNssI2BByrh5VSMELEgjg3abZQQsSBk3r2qEgAVpZNBus4yABSnj5lWNELAgjQzabZYRsCBl3LyqEQIWpJFBu80yAhakjJtXNULAgjQyaLdZRsCClHHzqkYIWJBGBu02ywhYkDJuXtUIAQvSyKDdZhkBC1LGzasaIWBBGhm02ywjYEHKuHlVIwQsSCODdptlBCxIGTevaoSABWlk0G6zjIAFKePmVY0QsCCNDNptlhGwIGXcvKoRAhakkUG7zTICFqSMm1c1QsCCNDJot1lGwIKUcfOqRghYkEYG7TbLCFiQMm5e1QgBC9LIoN1mGQELUsbNqxohYEEaGbTbLCNgQcq4eVUjBCxII4N2m2UELEgZN69qhIAFaWTQbrOMgAUp4+ZVjRCwII0M2m2WEbAgZdy8qhECFqSRQbvNMgIWpIybVzVCoClBJN0A4Gsk/9HIfEPblPQNAP8i+Vlo4RkXa0IQSTcDeAzAHgA3AfgAwJ9IXpnxbGazNUmPA/gBgO8B+ATANQBXSX48m01W2kh6QXo5uoHesgXDyySfqMQ2RVlJlwBsdSP5qLvhZJcktSA7yHH9AF8i+WSK0xzchKSLALa7gaSXJK0gA+W4fqQuknwq+HwtupykCwCG3DhSS5JSkJFyXD/IF0g+vehTHbR5SecBjLlhpJUkqyB/AHBrwXk5T/KZgnVplkg6B6DkRvE+ydvSgOgbSSdI/1bufwDcWDiscySfLVy76GWSzgIovUF8CuAr2d4CzihI91793yee1LMkn5tYY1HLJZ0BMPXG8M1sGVM6QbpTKenP/Xv2Uw7pGZJXpxRYylpJXUY09YbwAcnvL6XnofvMKshlAF24NfXrNMkXphaZ83pJpwA8H7DHKyQjmAdsJa5ESkH67yKrAq6x9E6RfHHsoiVcL+kkgIgbQNrANa0gvSQ7BV1Dz/FJki8NvXgJ10k6ASBC/NRBa2pBekmGBl47nesTJF/e6aIl/Luk4wAihE8fsKYXpJdkbPC16pwfJ/nKEiRYtUdJxwBEiN5EsNqEIL0kpQHY5rN2jOSrS5RE0lEAEYI3E6g2I0gvyZQgbKMTR0m+tiRJJB0BECF2U0FqU4L0kkQEYl2pIyRfX4Ikkg4DiBC6uQC1OUF6SSKCsa7UIZJvzlkSSQcBvBGwx2aC042smhSklyQqIDtI8q2AAxheQtIBABECpw9MV8FvVpBekqig7ADJt8NP+ISCkvYDiBA3bVA6BG/TgvSSRAVm+0m+MwR67WskPQogQth0AelY9s0L0ksSFZw9SvJHY4cQeb2kRwBEiJomGJ3C14L09AIDtEdI/njKUErXSnoYQISgiw9ESxluXmdBNhAJDNIeJvmTqCENqSPpIQARYi42CB3Caew1FmQTscBA7UGSPxs7kJLrJT0A4KclazetWVwAGtDztiUsyBZ4AoO1B0j+vOYQJd0PIELExQSfNXn6v1gD6QYGbPeT/MXAlx11maT7AEQIOPvAcxSYwIv9HWQbmIFB230kfxk4t+7Piu8FECHebIPOSF6ltSzIDuQCA7d7Sf6qdFAb10m6B0CEcLMLOCP4RNawIANoBgZv95B8d8BLrrxE0j4AEaLNJticwqP2WgsykHBgALeP5HsDX/YLl0naC2CSYH3BXQ80S/rfjTUWZAT1wCDubpK/GfHS3c8cdwH49Zg1K67dtSAzYO9rL2FBRiIPDOTuIvnbIS8v6U4Ao4RaUXftAeaQ/uZ8jQUpmE5gMHcnyd9ttwVJdwAYJNIOrawtuCxAOtslFqRwNIEB3R0kf7/VNiTdDmBbgQZuv3pgOXAfi7vMgkwYWWBQdzvJ7hPpP/+S1H1S+pbijNxytaBy5D4WebkFmTi2wMDuNpLvd9uR1D264QvCFG4zPKAs3Mdil1mQgNEFBnfXn2nyP1EmfoUFkxP3sejlFiRofIEBXsSOJgeSEZvIUMOCBE4xMMibsqviIHLKi2Zda0GCJxsY6JXsbHQAWfIiLa2xIBWmHRjsjdnd4OBxTNHWr7UglU5AYMA3ZIc7Bo5DiviaLxOwIBVPRWDQt90uVwaNFVtrprQFqTzqwMBvq51+KWCs3E5z5S3IGkYeGPxt3O3nweIaWmj2JSzImkYvaQ+AiACw2/GtJK+taetNv4wFWdP4LciaQAe/jAUJBrpVOf8Xaw2QK72EBakE9npZ/5BeGXDl8hakImC/zVsR7ppKW5BKoB0UVgK75rIWpAJw/6pJBai7VNKCBIP3LysGA93lchYkcACS7gZQ9JlXgdvYSzLi44ECt7TcUhYkaHb+g6kgkDMrY0ECBuI/uQ2AONMSFmTiYPyhDRMBzny5BZkwIH/szwR4C1lqQQoH5Q+OKwS3sGUWpGBg/ujRAmgLXWJBRg5O0oMAIp5gO/hvyAODx4dIRjzscyS15V5uQUbMLvCT3Ud/+khgAOlPeB8xcwsyEFbgA3SKg7zAINIP0Bk4dwsyAJQfwTYAUtJLLMgOg/VDPJOe/IFtWZBtQPkx0ANPUeLLLMiK4Uo6COCNgNlXez5HYFB5iOSbAb2mK2FBthippEMAXg+YdvUnOwUGlodJRtwQArDNp4QF2TQLSYcBvBYworU9EzAwuDxCMuLGEIBvHiUsyIY5SDoK4JWA0aw9kAsMMI+RfDWAQYoSFqQfo6RjAF4OmOquBXGBQeZxkhE3igCcu1vCgvz/mYDHAbwUMIpdD+ACA80TJCNuGAFYd69E84JIOgHgxYAR7Cf5TkCdySUCg82TJCNuHJN72q0CTQsi6SSAFwLgHyD5dkCdsBKBAecpkhE3kLDe1lmoWUEknQLwfADsgyTfCqgTXiIw6DxNMuJGEt5j7YJNCiLpNICrAXBnH7AFBp6PkYy4oQRgX1+J5gSRdAbAswGIFxOsBQafZ0k+F8BuMSWaEkTSWQDPBExncYFaYAB6jmTEDSZgDPVLNCOIpHMAng5AutggLTAIPU8y4kYTMI66JZoQRNJ5AE8FoFx8gBYYiF4gGXHDCRhLvRLpBZF0AcCTAQjTBGeBwehFkhE3noDx1CmRWhBJFwE8EYAuXWAWGJBeIhlxAwoYU3yJtIJIugTgSgCytEFZYFB6mWTEjShgXLElUgoi6XEAlwNQpQ/IAgPTKyQ77qm+sgryFwDfmTipZoKxoOD0Q5Lfnch8dsvTCSLpWwD+OpF0c4FYUID6bZJ/m8h+VsszCnIDgH8DuKmQdFNB2EZGE4PUTwB8leRnhdxnuSydIB1lSe8C2FtAvJkAbBWbCYHqeyT3FTCf9ZKsgtwM4BqAW0bQbyL4GsKjIFj9CMAekh8Pqb+ka1IK0n8XGSNJ+sBr7KEcEbCmlaNjllaQEZKkDrrGirHpZ5KdgtbUcqQXZIAkaQOuKWJskmRV4JpejiYE2SBJN+gfArgRwIcA/pgx2IoSY5MkXQDYseuypU87dt2v8GT8mWMzv9T/xdrcrKTuLeCvZ3uvvoYUW9XsM6Z/Znsrdzt+TQmyroPk18lDwILkmaU7qUDAglSA6pJ5CFiQPLN0JxUIWJAKUF0yDwELkmeW7qQCAQtSAapL5iFgQfLM0p1UIGBBKkB1yTwELEieWbqTCgQsSAWoLpmHgAXJM0t3UoGABakA1SXzELAgeWbpTioQsCAVoLpkHgIWJM8s3UkFAhakAlSXzEPAguSZpTupQMCCVIDqknkIWJA8s3QnFQhYkApQXTIPAQuSZ5bupAIBC1IBqkvmIWBB8szSnVQgYEEqQHXJPAQsSJ5ZupMKBCxIBagumYeABckzS3dSgYAFqQDVJfMQsCB5ZulOKhCwIBWgumQeAhYkzyzdSQUCFqQCVJfMQ8CC5JmlO6lAwIJUgOqSeQhYkDyzdCcVCFiQClBdMg8BC5Jnlu6kAgELUgGqS+YhYEHyzNKdVCBgQSpAdck8BCxInlm6kwoELEgFqC6Zh4AFyTNLd1KBgAWpANUl8xCwIHlm6U4qELAgFaC6ZB4CFiTPLN1JBQIWpAJUl8xDwILkmaU7qUDAglSA6pJ5CFiQPLN0JxUI/BcKaWz22tMSLQAAAABJRU5ErkJggg==') no-repeat center center;
+    background-size: 30px 30px;
+}
+.drag-pop {
+    position: fixed;
+    box-shadow: 0 0 2px 1px #95a5a6;
+    background-color: #fff;
+    border-radius: 3px;
+}
+.drag-head{
+    height: 40px;
+    line-height: 40px;
+    padding: 0 20px;
+    cursor: move;
+    color: #fff;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+.drag-cont{
+    padding: 20px;
+    height: calc(100% - 40px);
+    position: relative;
+}
+</style>

package/src/index.js

@@ -18,6 +18,7 @@ import word from './components/word/index';
 import mind from './components/mind/index';
 import bizHeader from './components/biz_header/index';
 import editor2 from './components/editor2/index';
+import dragPopup from './components/dragPopup/index';
 
 const components = [
     Calendar,
@@ -37,7 +38,8 @@ const components = [
     word,
     mind,
     bizHeader,
-    editor2
+    editor2,
+    dragPopup
 ];
 
 function install(app) {
@@ -49,7 +51,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.15.65',
+    version: '1.16.65',
     install,
     Calendar,
     Message,
@@ -70,6 +72,7 @@ export default {
     word,
     mind,
     bizHeader,
-    editor2
+    editor2,
+    dragPopup
 };