zydx-plus 1.35.495 → 1.35.496

package/package.json

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

package/src/components/chat/src/chat.vue

@@ -1,93 +1,95 @@
 <template>
-  <div class="chat-content"
-  :style="{
+  <teleport to="body">
+    <div class="chat-content"
+         :style="{
     top: `${y !== '' ? `${y}px` : '50%'}`,
     left: `${x !== '' ? `${x}px` : '50%'}`,
     marginTop: `${y === ''? '-80px' : '0'}`,
     marginLeft: `${x === ''? '-300px' : '0'}`,
     }">
-    <div class="chat-header theme-background">
+      <div class="chat-header theme-background">
       <span class="chat-header-title"
             @mousedown.stop="chatMousedown"
             @mouseup.stop="chatMouseup">
         AI助手
       </span>
-      <i class="iconfont zydx-guanbi" @click.stop="aiClose"></i>
-    </div>
-    <div class="chat-input">
-      <div class="chat-text">
-        <textarea :disabled="disabled" @keydown="handleKeydown" @input="autoResize" v-model="userText" placeholder="问AI试试..."></textarea>
+        <i class="iconfont zydx-guanbi" @click.stop="aiClose"></i>
       </div>
-      <div class="chat-operate">
-        <div class="chat-send">
-          <div @click="clearTextarea">
-            <i class= "theme-text iconfont zydx-a-qingchuAizhushou"></i>
-            <span class="theme-text">清空</span>
-          </div>
-          <div class="line"></div>
-          <div @click="speak">
-            <i :class="{'speak': microphone, 'theme-text': true}" class="iconfont zydx-a-yuyinshuruAi"></i>
-            <span class="theme-text">语音输入</span>
-          </div>
-          <div class="line"></div>
-          <div @click="send">
-            <i class="theme-text iconfont zydx-a-sousuoAizhushou" :class="{'disabled': disabled}"></i>
-            <button :disabled="disabled" :class="{'disabled': disabled, 'theme-text': true}">搜索</button>
+      <div class="chat-input">
+        <div class="chat-text">
+          <textarea :disabled="disabled" @keydown="handleKeydown" @input="autoResize" v-model="userText" placeholder="问AI试试..."></textarea>
+        </div>
+        <div class="chat-operate">
+          <div class="chat-send">
+            <div @click="clearTextarea">
+              <i class= "theme-text iconfont zydx-a-qingchuAizhushou"></i>
+              <span class="theme-text">清空</span>
+            </div>
+            <div class="line"></div>
+            <div @click="speak">
+              <i :class="{'speak': microphone, 'theme-text': true}" class="iconfont zydx-a-yuyinshuruAi"></i>
+              <span class="theme-text">语音输入</span>
+            </div>
+            <div class="line"></div>
+            <div @click="send">
+              <i class="theme-text iconfont zydx-a-sousuoAizhushou" :class="{'disabled': disabled}"></i>
+              <button :disabled="disabled" :class="{'disabled': disabled, 'theme-text': true}">搜索</button>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <div class="chat-in" v-if="currentMessage" ref="content">
-      <div class="AI-tips-line">
-        <div class="tips">
-          <span>AI回答</span>
-          <span>（以下内容为AI生成，请注意辨别信息真伪）</span>
-        </div>
-        <div class="operate">
-          <div @click="send" :class="{'disabled': disabled}">
-            <i class="theme-text iconfont zydx-a-zhongzhiAi"></i>
-            <span class="theme-text">重新生成</span>
+      <div class="chat-in" v-if="currentMessage" ref="content">
+        <div class="AI-tips-line">
+          <div class="tips">
+            <span>AI回答</span>
+            <span>（以下内容为AI生成，请注意辨别信息真伪）</span>
           </div>
-          <div class="line"></div>
-          <div @click="copy">
-            <i class="theme-text iconfont zydx-a-fuzhiAI"></i>
-            <span class="theme-text">复制</span>
+          <div class="operate">
+            <div @click="send" :class="{'disabled': disabled}">
+              <i class="theme-text iconfont zydx-a-zhongzhiAi"></i>
+              <span class="theme-text">重新生成</span>
+            </div>
+            <div class="line"></div>
+            <div @click="copy">
+              <i class="theme-text iconfont zydx-a-fuzhiAI"></i>
+              <span class="theme-text">复制</span>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="chat-in-cont" ref="contentLi">
-        <!-- <div class="chat-in-li" :class="{'left': item.role === 'assistant', 'right': item.role === 'user'}" v-for="(item,index) in messages"> -->
+        <div class="chat-in-cont" ref="contentLi">
+          <!-- <div class="chat-in-li" :class="{'left': item.role === 'assistant', 'right': item.role === 'user'}" v-for="(item,index) in messages"> -->
           <!-- <template v-if="item.role === 'assistant'">
             <div class="ai-avatar" v-if="item.role === 'assistant'">
               <img src="./ai.png" alt="" />
             </div>
             <div class="text-cont">{{ item.content }}</div>
           </template> -->
-        <div class="chat-in-li left">
-          <div class="text-cont">{{currentMessage}}</div>
+          <div class="chat-in-li left">
+            <div class="text-cont">{{currentMessage}}</div>
+          </div>
         </div>
       </div>
-    </div>
-    <div class="microphone" v-if="microphone">
-      <div class="microphone-cont mic-anim">
-        <div class="microphone1">
-          <div class="microphone2">
-            <div class="microphone3" @click="stopRecording">
-              <div>
-                <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 68" width="26" height="48">
-                  <path id="并集_轮廓_" data-name="并集 (轮廓)" fill="#ccc"
-                        d="M10,44a3,3,0,0,1-3-3V3a3,3,0,0,1,3-3H28a3,3,0,0,1,3,3V41a3,3,0,0,1-3,3Zm17-4V4H11V40ZM0,47V24a2,2,0,0,1,4,0V45a2,2,0,0,0,2,2H32a2,2,0,0,0,2-2V24a2,2,0,0,1,4,0V47a4,4,0,0,1-4,4H21v9c7.34.26,13,1.93,13,4,0,2.21-6.72,4-15,4S4,66.21,4,64c0-2,5.66-3.7,13-4V51H4A4,4,0,0,1,0,47ZM19,64h.79L19,64l-.79,0Z"/>
-                  <rect fill="#fff" x="11" y="4" width="16" height="36"/>
-                  <rect class="volume" :height="volume(vol)" width="12" :y="volume2(vol)" x="13" fill="#43cf7c"/>
-                </svg>
+      <div class="microphone" v-if="microphone">
+        <div class="microphone-cont mic-anim">
+          <div class="microphone1">
+            <div class="microphone2">
+              <div class="microphone3" @click="stopRecording">
+                <div>
+                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 68" width="26" height="48">
+                    <path id="并集_轮廓_" data-name="并集 (轮廓)" fill="#ccc"
+                          d="M10,44a3,3,0,0,1-3-3V3a3,3,0,0,1,3-3H28a3,3,0,0,1,3,3V41a3,3,0,0,1-3,3Zm17-4V4H11V40ZM0,47V24a2,2,0,0,1,4,0V45a2,2,0,0,0,2,2H32a2,2,0,0,0,2-2V24a2,2,0,0,1,4,0V47a4,4,0,0,1-4,4H21v9c7.34.26,13,1.93,13,4,0,2.21-6.72,4-15,4S4,66.21,4,64c0-2,5.66-3.7,13-4V51H4A4,4,0,0,1,0,47ZM19,64h.79L19,64l-.79,0Z"/>
+                    <rect fill="#fff" x="11" y="4" width="16" height="36"/>
+                    <rect class="volume" :height="volume(vol)" width="12" :y="volume2(vol)" x="13" fill="#43cf7c"/>
+                  </svg>
+                </div>
+                <p>{{ voiceLoading? '语音转换中...': `正在说话：${countdown}s` }}</p>
               </div>
-              <p>{{ voiceLoading? '语音转换中...': `正在说话：${countdown}s` }}</p>
             </div>
           </div>
         </div>
       </div>
     </div>
-  </div>
+  </teleport>
 </template>
 
 <script>
@@ -377,7 +379,7 @@ export default {
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .2);
   position: fixed;
-  z-index: 10;
+  z-index: 10000;
 }
 
 .chat-header {

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

@@ -1,10 +1,7 @@
 <template>
   <div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @click.stop="dragTap">
     <div v-show="!fixedStart" class="drag-head" :style="{'background-color':titleColor}" @click="selectedDrag">
-           <span @mousedown.stop="mousedown"
-                 @mousemove.stop="mousemove"
-                 @mouseup.stop="mouseup"
-                 @mouseleave.stop="mousemove" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
+           <span @mousedown.stop="mousedown" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
       <div class="drag-i">
 <!--        <i class="minimize-cir" v-if="minimizeCir" @click.stop="minimizeTap"></i>-->
 <!--        <i class="minimize" v-if="minimize" @click.stop="minimizeTap"></i>-->
@@ -169,6 +166,7 @@ export default {
     this.id = Math.random().toString(36).substr(2);
     this.init()
     // 全局监听鼠标抬起事件
+    document.addEventListener('mousemove', this.mousemove);
     document.addEventListener('mouseup', this.mouseup);
     document.addEventListener('mouseup', this.footUp);
     this.$nextTick(() => {

package/src/components/dragPopup2/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/dragPopup2/src/dragPopup.vue

@@ -0,0 +1,551 @@
+<template>
+  <teleport to="body">
+    <div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @click.stop="dragTap">
+      <div v-show="!fixedStart" class="drag-head" :style="{'background-color':titleColor}" @click="selectedDrag">
+           <span @mousedown.stop="mousedown" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
+        <div class="drag-i">
+          <!--        <i class="minimize-cir" v-if="minimizeCir" @click.stop="minimizeTap"></i>-->
+          <!--        <i class="minimize" v-if="minimize" @click.stop="minimizeTap"></i>-->
+          <slot name="icon"></slot>
+          <i class="disconnect" v-if="disconnectShow" @click.stop="disconnect"></i>
+          <i class="enlarge" v-if="enlargeShow" @click.stop="enlarge"></i>
+          <i v-if="closeShow" @click.stop="close"></i>
+        </div>
+      </div>
+      <div :class="{'drag-cont2': fixedStart,'drag-cont': dragStatus || dragTextShow,'drag-conts': !dragStatus || !dragTextShow}"
+           @mousemove.stop="footMove" @mouseleave.stop="footMove">
+        <div class="drag-cont-slot">
+          <slot name="content"></slot>
+        </div>
+        <div v-show="!fixedStart&&!autoHeight">
+          <i :class="{'drag-down2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-down" v-if="dragStatus" @mousedown.stop="footDown($event,'d')" @mouseup.stop="footUp"></i>
+          <i :class="{'drag-in2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-in" v-if="dragStatus" @mousedown.stop="footDown($event,'in')" @mouseup.stop="footUp"></i>
+          <i :class="{'drag-right2':!(dragStatus&&dragTextShow&&!fixedStart&&!autoHeight)}" class="drag-right" v-if="dragStatus" @mousedown.stop="footDown($event,'r')" @mouseup.stop="footUp"></i>
+        </div>
+      </div>
+      <div class="down-text" v-if="dragStatus&&dragTextShow&&!fixedStart&&!autoHeight">
+        <div class="down-text-cont">
+          <slot name="down"></slot>
+          <!--        <img-->
+          <!--            src="data:image/png;base64,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"/>-->
+          <!--        <span>拖动图标调整窗口大小</span>-->
+        </div>
+      </div>
+    </div>
+  </teleport>
+</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: '',//移动方向
+      id: '',//id
+      state: false,//是否显示
+      clientWidth: 0,
+      clientHeight: 0,
+      transAll: false,
+      fixedStart: false,
+      initWidth: 1280
+    }
+  },
+  props: {
+    isInitShowBottomRight: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: Number,
+      default: 600
+    },
+    height: {
+      type: Number,
+      default: 400
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    titleColor: {
+      type: String,
+      default: 'rgba(75, 12, 119, 1)'
+    },
+    dragStatus: {
+      type: Boolean,
+      default: true
+    },
+    enlargeShow: {
+      type: Boolean,
+      default: true
+    },
+    disconnectShow: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    dragTextShow: {
+      type: Boolean,
+      default: true
+    },
+    minimize: {
+      type: Boolean,
+      default: false
+    },
+    minimizeCir: {
+      type: Boolean,
+      default: true
+    },
+    minWidth: {
+      type: Number,
+      default: 300
+    },
+    minHeight: {
+      type: Number,
+      default: 200
+    },
+    closeShow: {
+      type: Boolean,
+      default: true
+    },
+    autoHeight: {
+      type: Boolean,
+      default: false
+    }
+  },
+  beforeUnmount() {
+    this.clean()
+  },
+  watch: {
+    width: {
+      handler: function (val) {
+        this.footRightOffset = val
+        if (this.isInitShowBottomRight) {
+          this.x = window.innerWidth - val
+        }
+      },
+      immediate: true
+    },
+    height: {
+      handler: function (val) {
+        this.footDownOffset = val
+        if (this.isInitShowBottomRight) {
+          this.y = window.innerHeight - val
+          console.log('this.y', this.y)
+        }
+      },
+      immediate: true
+    },
+    fixed: {
+      handler: function (val) {
+        this.fixedStart = val
+        this.init()
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  mounted() {
+    this.id = Math.random().toString(36).substr(2);
+    this.init()
+    // 全局监听鼠标抬起事件
+    document.addEventListener('mousemove', this.mousemove);
+    document.addEventListener('mouseup', this.mouseup);
+    document.addEventListener('mouseup', this.footUp);
+    this.$nextTick(() => {
+      this.$emit('updateDrag', {
+        width: this.footRightOffset,
+        height: this.footDownOffset - ((this.dragTextShow)?60:30),
+        left: this.x,
+        top: this.y
+      })
+    })
+    let popArr = []
+    const pop = sessionStorage.getItem('pop')
+    popArr = (pop === null)? [] : JSON.parse(pop)
+    popArr.push(this.id)
+    sessionStorage.setItem('pop', JSON.stringify(popArr))
+    // 监听滚动
+    window.onscroll = () => {
+      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+      if(this.fixedStart) {
+        this.y = this.top - scrollTop
+      }
+    }
+    // 监听窗口变化
+    window.addEventListener('resize', () => {
+      const wid = document.getElementById('app').offsetWidth
+      if(this.fixedStart) {
+        if(wid <= this.initWidth) return
+        this.x = this.left + (wid-this.initWidth)/2
+      }
+    });
+    // document.onmouseup = () => {
+    //   this.isMove = false;
+    // }
+    this.dragTap()
+  },
+  computed: {
+    position() {
+      if(this.autoHeight) {
+        return `transition-duration: 0s;transform: translate(${this.x}px, ${this.y}px);width:${this.footRightOffset}px;min-height:${this.footDownOffset}px;`;
+      } else {
+        return `transition-duration: 0s;transform: translate(${this.x}px, ${this.y}px);width:${this.footRightOffset}px;height:${this.footDownOffset}px;`;
+      }
+    },
+  },
+  emits: ['dragStatus', 'close', 'enlarge','updateDrag','minimize','dragMouseup'],
+  methods: {
+    dragTap() {
+      let pop = JSON.parse(sessionStorage.getItem('pop'))
+      for(let i = 0; i< pop.length; i++) {
+        if(document.getElementById(pop[i]) === null) continue
+        document.getElementById(pop[i]).classList.remove('zIndex10000')
+        // document.getElementById(pop[i]).style.zIndex = '9999'
+        document.getElementById(pop[i]).classList.add('zIndex9999')
+        // 获取所有具有指定class的元素并删除它们
+      }
+      if(document.getElementById(this.id)){
+        // document.getElementById(this.id).style.zIndex = '10000'
+        document.getElementById(this.id).classList.remove('zIndex9999')
+        document.getElementById(this.id).classList.add('zIndex10000')
+      }
+    },
+    clean() {
+      let pop = JSON.parse(sessionStorage.getItem('pop'))
+      pop.forEach((x,i) => {
+        if(x === this.id) {
+          pop.splice(i, 1);
+        }
+      })
+      sessionStorage.setItem('pop', JSON.stringify(pop))
+    },
+    disconnect() {
+      this.$emit('dragStatus')
+    },
+    init() {
+      if(this.fixedStart) {
+        const wid = document.getElementById('app').offsetWidth
+        this.x = this.left + (wid-this.initWidth)/2
+        this.y = this.top - document.documentElement.scrollTop
+      } else {
+        this.clientWidth = document.documentElement.clientWidth;
+        this.clientHeight = document.documentElement.clientHeight;
+        this.x = this.clientWidth / 2 - this.footRightOffset / 2;
+        this.y = this.clientHeight / 2 - this.footDownOffset / 2;
+      }
+    },
+    getWH(v) {
+      this.transAll = true
+      this.footRightOffset = v.width
+      this.footDownOffset = v.height
+      setTimeout(() => {
+        this.transAll = false
+      },300)
+    },
+    footDown(event, v) {
+      event.preventDefault()
+      this.direction = v
+      this.footIsMove = true;
+      this.dragTap()
+    },
+    footMove(event) {
+      if (this.state) return;
+      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;
+      }
+      if(this.footRightOffset < this.minWidth) {
+        this.footRightOffset = this.minWidth
+      }
+      if(this.footDownOffset < this.minHeight) {
+        this.footDownOffset = this.minHeight
+      }
+      this.$emit('updateDrag', {
+        width: this.footRightOffset,
+        height: this.footDownOffset - ((this.dragTextShow)?60:30),
+        left: this.x,
+        top: this.y
+      })
+    },
+    footUp() {
+      this.$emit('dragMouseup', {
+        width: this.footRightOffset,
+        height: this.footDownOffset - ((this.dragTextShow)?60:30)
+      })
+      this.footIsMove = false;
+    },
+    mousedown(event) {
+      event.preventDefault()
+      //鼠标按下事件
+      this.leftOffset = event.offsetX;
+      this.topOffset = event.offsetY;
+      this.isMove = true;
+      this.dragTap()
+    },
+    //鼠标移动
+    mousemove(event) {
+      if (this.state) return;
+      if (!this.isMove) return;
+      this.x = event.clientX - this.leftOffset;
+      this.y = event.clientY - this.topOffset;
+      // 边界判断
+      if (this.x < -this.footRightOffset / 2) {
+        this.x = -this.footRightOffset / 2
+      }
+      if (this.x > this.clientWidth - this.footRightOffset + this.footRightOffset / 2) {
+        this.x = this.clientWidth - this.footRightOffset + this.footRightOffset / 2
+      }
+      if (this.y < 0) {
+        this.y = 0
+      }
+      if (this.y > this.clientHeight - this.footDownOffset + this.footDownOffset / 2) {
+        this.y = this.clientHeight - this.footDownOffset + this.footDownOffset / 2
+      }
+    },
+    //鼠标抬起
+    mouseup() {
+      this.isMove = false;
+    },
+    enlarge() {
+      this.state = false
+      let clientWidth = document.documentElement.clientWidth;
+      let clientHeight = document.documentElement.clientHeight;
+      if (clientWidth === this.footRightOffset && clientHeight === this.footDownOffset) {
+        this.x = clientWidth / 2 - this.width / 2;
+        this.y = clientHeight / 2 - this.height / 2;
+        this.footDownOffset = this.height;
+        this.footRightOffset = this.width;
+        this.state = false
+      } else {
+        this.x = 0;
+        this.y = 0;
+        this.footDownOffset = clientHeight;
+        this.footRightOffset = clientWidth;
+        this.state = true
+      }
+      this.$emit('updateDrag', {
+        width: this.footRightOffset,
+        height: this.footDownOffset - ((this.dragTextShow)?60:30),
+        left: this.x,
+        top: this.y
+      })
+      this.$emit('enlarge', this.state)
+    },
+    minimizeTap() {
+      this.isMove = false
+      this.footIsMove = false
+      this.$emit('minimize');
+    },
+    close() {
+      this.isMove = false
+      this.footIsMove = false
+      this.$emit('close');
+    },
+    selectedDrag(){
+      this.$emit('selectedDrag')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.drag-cont-slot {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.drag-cont-slot::-webkit-scrollbar {
+  display: none;
+}
+
+.down-text-cont {
+  display: inline-block;
+  position: relative;
+  z-index: 10000;
+}
+
+.down-text-cont img {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+  margin-right: 5px;
+}
+
+.down-text {
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  color: #999;
+  text-align: center;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.drag-down {
+  position: absolute;
+  bottom: -50px;
+  right: 20px;
+  width: calc(100% - 20px);
+  height: 40px;
+  z-index: 2041;
+  display: inline-block;
+  cursor: ns-resize;
+  user-select: none;
+}
+.drag-down2{
+  bottom: -20px!important;
+}
+
+.drag-in {
+  position: absolute;
+  bottom: -40px;
+  right: -20px;
+  width: 40px;
+  height: 40px;
+  z-index: 2041;
+  display: inline-block;
+  cursor: nwse-resize;
+  user-select: none;
+}
+.drag-in2 {
+  bottom: -20px!important;
+}
+
+.drag-right {
+  position: absolute;
+  bottom: 0;
+  right: -20px;
+  width: 40px;
+  height: 100%;
+  z-index: 2041;
+  display: inline-block;
+  cursor: ew-resize;
+  user-select: none;
+}
+.drag-right2{
+  top: 0!important;
+  height:calc( 100% - 20px )!important;
+}
+
+.disconnect {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAGyBJREFUeF7tnQnYv9WYx79f+04MsjP2ZTCjmYwtKaIosm/ZZZdIWWbsREqRPaQUWZKypGhKo8YoQ8luLJFtxlCMaQbfub51Xt7/2+99f89zlmc993W9ly7/c5/lPs/nd57nnPvcN1GlWqBaYF0LsNqmWqBaYH0LVEDq01EtsIEFKiD18agWqIDUZ6BaIM4CdQWJs1vVmokFKiAzmeg6zDgLVEDi7Fa1ZmKBCshMJroOM84CFZA4u1WtmVigAjKTia7DjLNABSTOblVrJhaogMxkousw4yxQAYmzW9WaiQUqIDOZ6DrMOAtUQOLsVrVmYoEKyEwmug4zzgIVkDi7Va2ZWKACMpOJrsOMs0AFJM5uVWsmFqiAzGSi6zDjLDAJQCTdHcB1wt91F/z3jwH8CID/d5P/JnlinOnGqSXpjQDuCuCGYQTfB3AyyWeNc0Rlez1KQCRtDsBQbA9gRwBXTjDTrwEcDeCTAE4k+dOEugatKunbAG6yTie/Q/Kmgx5AD50bDSCS/gbAvQBsBeDeBW11LICTABxH8ksF2+m0aklfBXDrJY2eRfI2nXZs4I0NHhBJNwLwzPB3iQ7t+XsAb/Ifye912G72piR9EMCDG1b8IZIPaVh28sUGC4ikzQA8I4Bx9R5n4hcBlANJ/leP/YhuWpJfI6/UsIJzSaa8sjZsZhzFBgmIJK8YhuNmAzLjtwAYEq8qoxFJdwBwWssOb0Hy9JY6kyw+KEAk+SPRD+B2A7b2p72qkfQH7+Al7PD9U8uObj233b317DMYQCTtAOCtAK7XcjL7KH42gKeS/EQfjbdpswLSxloXLTsIQCTtBuANaUPpRfs5JPfvpeWGjY4BEEl/DWALALcHcG0AnwdwBsnjGg6zWLHeAZH0ZgBPKzbC8hW/heTTyzcT18LQAZH0AgAvBHCFBSP0Ie4jSP4kbvTpWr0CIul4ANumD6P3Gj5D8p6992JBB4YMiKQjADTZUr4iyd/0Yd/eAJH0agD+9ZiKnEBym6ENZqiASHo/gIc1tNfbSD61YdmsxXoBRNJOAI7KOpKLVnZ+8L/yB7U//O2jdenCbQ5uJRkiIJLeB+CRLefiJiS/21InuXjngEjaEsC/JPd80wrOBeDtV//9G4CzSfqAbxOR5ANHw3I7AP619+vdNTP3xS4qg9mmHhogkg4B8OgIm+9M8qMRekkqnQIi6foA/jnjVu5BAD4G4HiSXjFai6S7AbgHgCeFHZTWdSxQOJbkfXJUlFrHkACRdDCAx0SO6WUkXxqpG63WGSCSLhW8ZnP8uvr8YX+Sn4ke+UVXl2sB2DUjKJ8k6bOdXmUogEh6F4DHJxhjuz62fbsE5JUAXpRgIKueCWAfkocm1rOuuiSD8mQAOX6tPk7yfqX62qTeIQAi6Z0AntikvxuU2ZzkzxLraK3eCSCSbhG+O1Kc4HxotCtJX/ApLpIMydszNHQ0SW9K9CJ9AyLJNrQtU+QAkj5M7ly6AuRAACmHaQeTfFzX1pHkW3c+1fXpboocRfIBKRXE6vYJiKS32CUntu9B7+cA7tjXlYPigEi6I4BTE4y0A0nf9utNJNnZzzcYU+RIkg9MqSBGty9AJKX+KHq4fwTwUJIfjhl7Dp0uADnM7gKRnX0CyXdH6mZVywTJh0k2vbiUpf99ACLpAACpd9x9Yc1wHJnFEJGVFAVEkrc6Y3/99yP53MhxFVHLBMkHST60SAcXVNo1IJLsdJr6veAte8PhLfxepTQg7wWwS8QIfVaybezZRkR7jVUyQfIBkg9v3GhCwS4BkbQvgN0TumvV3wU4jkmsJ4t6aUAcYifmA/c+JB08YZCSCZLDSbZ1t2htj64AkfQ6AHu07uCmCr+182Lf35yru1QMkITXq152rNpObCZI3kcyxu2icXe7AETS3gD2bNypxQXtLuTXqkH9MJYExBeJnt3SaF5e/57kV1rq9VI8EySHkIx1v1g67tKAZPLK/lWAo/cLUmsNWhKQJnGY1vbnNSR9eWY0kgmSYqtmSUAk5fCO+GV4rfrsECe9CCCSHL0vJqjBLUl+Y4iG2qhPmSB5N8kn5B57KUAkvQzAPyb21x7Xfq1qG1Qisdnm6qUAcdgex4BtI18k+XdtFIZUNhMkB5G0V3E2KQGIpOfZJy6xk/arMhyOYjlYKQVIzCnq60mm7oL0auhMkLyDpL2Ks0huQCQ5/Kvv3aTIOb5NSPLklEq60C0FiC+23L/lAO5K0ucfo5ZMkLyTZKqD3wV2LADIKd5ISZgkR9n3yuF6Bi+lAPliCOPS1ADnk7xM08JDL5cJkneRTHURzwqIpCsC8HZsrPwwwJH7Rmlsf5bqlQLES6jvVTSV75JcLyx/0zoGVS4TJMkf7pIcTue8lsZZGEUkcjVaadoBwP1a9a8t+9Jr8eyASLoYgD+0HJXzcmzdUmfwxTNB8h6SKTfxvIrYZf9ODQ12Csk7Lyor6SoAYgJ4O9iCX6tGF++3BCC+d/6DhpOxUqz4iXLL/mQrngmS95J8bGynJNmD2CkQmohdPT60XkFJDorhCIhNxUG/vXJYb3RSAhB/wLX9ANub5JRiZG3yIGSCJOnEXZJdQewSspHsRfK1GxWQZA/r1zd80n2mZThG4RmxaEwlAHEWI5+it5FBh+9sM5B1Xk0uDsABJlIvXR1KMsY7+oJuSbptOL/wVu1qsYvHHiTPaDJWSU5Zt+yu/dfCa1XbZ6FJFzorUwKQmPfUXu9td2FtSZd0WrcMkBxG8lEpfQ45Q5w3xHJ6zLeBpOcDWG+18Ta/ges80FuKXTpZQcIvleOoXr5FZ79EcmXCWqiNq6gkb2V/KgMknbjKL7OuJN9pccZcR6305ox3L8/pI37Vsr7G/nv2FSQA4nfPm7fo1C9IXqNF+dEWleQfjo9ngKSzS1ejNXaGjpcCxJ6ZjlbYRq461hyAbQYZfkB84Ob3+NRvkiNINg0A3babtTyAUoDExF99cJ/RK7p+GsKZgt/VUyHp9I5713bqu71SgMSkNugtxH1fkyDpagAc0iYVktnZrqs5KwWIk8m0vR32bZJDymrbyRyEiPOGxEG0U8Q5E9+WUkHVvagFigAS3rN9Af9yLY3u67ajcWRrObZ1i0vaPKwkC108GrZzJkmfc1TJaIGSgLTJILQypKx3ITLaqXhVkq4TIHEkyljpZaND0q0A+IDYf13IWQDOIunDyKJSEhD7Dr0novezTWIf8qfYDyr2ZmWn+c1D5JpXAOjrDMvOj/9A0mdLRaQkIA78bBfntjLbVcSGCgGz/U0S89BtRtIRQopLSwfI0v3Z0MEypfFigITJjg36PNtVJNjtxuF1q43X7JdJOt94cZHktHU/Ld5QuwaK5A8pDchLIhPRnEqy6f2FdmYcSWlJ3tHz61bTD+/nkXToz+Iiyd68g4qbDGBfkg4mkVVKA+J9fu9KxdwW/AjJB2Ud7cgqC4mH/Lq17OP3GJI7djW8TO77ubtb5NJdUUDC64KjKzrKYow8n2RqeJmYdgejEz7cHUxvvUgnu5RMSbfIEJJ8L93uMkOS80heKXeHugDEXp5faBnEYfU4O92ZyW3gXPWFcDv+cHcKayeWcWCMzza9w5GrH+FHr+2twpzNr1dXkW+w4oAEg/qSj1MhxEqFJNZyBfQkvRXAUwpUnVJlEXebTgAJkNj1xC4osVIhibVcZj1J9wUwiPwdq4Z2P5K+RpBVugTEVzTt4p0iFZIU62XUlfQ+AMXzmzTscvIty/Xa6QyQsIo4T7ojgqdIhSTFehl1l1y7zdjShlXtSdLJe4pIp4AESFKSeq4YoUJS5HFoX2m4duu3A28gdOWN7VBCdjPx9rZ9/opJ54AESHLsglRIij0WteIVC/QFiMPg/DeASyVORYUk0YBVfWML9AJIWEVuAeDrGSboHkNOwJJhfLWKHi3QGyABkq0AnJhh/Pck6cBsVaoFslqgV0ACJI6r9LkMo9qOZNtrvhmarVVM2QK9AxIg8VXTHMlzti95eWbKD0Id22ILDAKQAElM0OtFoypyojrlBygkXXVGK7vWex7ODr5enyMZcyt0MuYaDCABki2De3yqge9P8mOplcxBX9KyhKu+k/LSLu5/D9HegwIkQPK3AHJkIdqZpAOzVVnHAuF6b5Nr0Q6S4GutxYMkDG2yBgdIgMSnsqdlMNasojW2tZckvz41TcwzS0gGCUiAZIvwHtx23teWdwKXI1IrmZp+uNL7zZbjmh0kgwUkQOLwN75slSqPKO2zk9rBrvWDD9XhEe3OCpJBA5L5w/3RJO2iXeXC8ELPAbBfpDFmA8ngAQmQ5NoCfizJlJuNkc/T8NQSUzp7QIbkgSTbvqYNzxgb9GgUgARIHAbI6YxT5fFz39sP9rw6gJ8nGtOQ7DSFVGvr2WE0gIRJzXXi/iSSByU+HKNXlxSTpmLtuA3JDiTbpv4ehf1GBUiAJJfv1lNIvn0Us1Sok5KuEPzgUiMyGhL7wv24UFd7q3Z0gARInEvjpAxWexpJR+iYrYTI7B9sEJxumY0MyTYkf7as4Jj+fZSABEhyuco/k+SBY5q03H3NDMlWJP8zdx/7qm+0gARItgZwQgbj7UbygAz1jLaKzJDcmeSvR2uMVR0fNSABEmfTdVbdVNmd5BtSKxmzfmZItiTpLGOjltEDEiDZBkCOG4V7kHTk8tlKZkjuQPL8MRtzEoAESGIShy6au71IvnbMk5rad0m3DKkXlkWVX9aUP9xvR/IPywoO9d8nA0iA5F4APp3B2C8k+ZoM9Yy2Ckk3BeDrAsmQkLzNWA0xKUACJNsBODbDhDj3XWoUyAzd6K8KSTcKMXhnC8nkAAmQ3AfAJzM8Wr5J97IM9Yy2CknXA+AkmbOEZJKABEi2B/CJDE/m7ANBSLoWgOPnCMlkAQmQ7AAgNST+ySR9cj9rkWTnRidlndVKMmlAAiQ50i54J+aMWRNy4R2SzQCcPCdIJg9IgMQJLlOinHSeB3CoMEpybsJT5wLJLAAJkOwE4KjIB+85JGMTkUY2OVw1SZcN8QIm/7o1G0ACJA8AcGTEo2ffolMi9CarIumSAJzGYtKQzAqQAMnOAD7S4sk9B8DNSf6mhc4sikry83PmlCGZHSABkgcC+HDDp/hlJF/asOwsi0n66lQhmSUgAZIHA3gTgGtu8FQfTdLfLlWWWGCqkMwWkACJgzXvA8A+XGul3ltv+bOQCZKvkLx9y6aLFZ81ICtWlWRQbhdWE593eJImdXW02BO0puJMkJxO0pE1e5cKSO9TML0OZILkCyTv2Ld1KiB9z8BE288EyedJ3qVPE1VA+rT+xNvOBMlJJO/el6kqIH1ZfibtZoLkAJK79WGyTgAJ95x94pp66trURr7qedYcE740NVCX5TJB8hiSh3TZb7dVFBBJvrj0CgBOiNOHnA7ANwN94adKjxbIBMmOJI/pchjFAJHkgzhH7BuCOH2Yc+1V6dECkryF/leJXbgbSbvcdyJFAJHk0+mfdjKC5o1sXs82mhurVElJXwKQEgv4OwAeQNLuLcWlFCCOLfXc4r1v18C+JJ/XTqWWLmEBSU7S6mStsfIukk+MVW6jVwoQX83sbWtuHQOcSNKhSqsMwAKSfH3AiZFi5S4kc+SL2bD9UoCcC8A3z4Yk55G8Ul8dknRjABcj+e2++jC0diV9DoDTWcTIYSQfFaPYRqcUIL5IMxiHs2CQL5NMefdtY9c/lZXkHCR2hrxh+D9/AcC/nq8hmSNBaVS/hqKU+E2yLckccZnXNUcpQJxz4ylDmYTQj7eRfGpXfZJkGP1Bup78L4BX17hbujSAXwK4XMTcfITkgyL0GquUAuS+ISJf4450UPB+JFNDADXqZoj+8aOGk/5yki9pVPFEC0myv1Xs1u19SeaIf7bQukUAcUuSnHL5kQOZ007eV1fGKsm3FX1rsam8guQ/Ni08xXKSdgewb8TYDiH5mAi9RirFAAmQPB9A35HS9yT5ukbWyFRI0n8AuFrL6l5F8sUtdSZVXNJpEV4X55C8TilDFAUkQPJwAA7eZneTm5UayJp6vwXAbibHkHx/R21e0ExIHfC1yDb9TfKiSN3Rq0l6MoCYxKrFwsMWB2T0s9ZyAGE716e9seLdrRfGKo9dL3IVKebtWwEp8ERJ+t6qbd2YFl5Lcq8YxbHrRK4i9twukoOkAlLgiZLkQBCpbi2vI7lnge4NukpJmwP4AYBLtezoTUmmrNwLm6uAtJyFpsUlOdPVomgpTatwuX1IeqNjViLJqRa2bTnoZ5F0GKesUgHJas4/VybJl8Ps7n+rxCZm52Qpya+XbVPgvZnkMxJtfRH1Ckhui66qT5Lfiw2Jk2KmyH4kh+YdnTKeDXUl3QLA11s2cBRJx17OKpMCRJLfW68R/n5N8rtZrRVRmSRfEPJlrZtHqK9WeQNJH6bNQiT9GkAb59LTSKa40C+062QAkbQrAG+PXn/VSL8P4DiS/rfeRJKD0nklST0HKrad2Ztx1mk44oruT0heO/c4JgGIJD98vuK7kdy6TRAHSW8MrtgrXriGzenYnhUzCZLs3ex+Or1yiryR5LNTKhiDriRnKnbG4jZycZJ/bKOwrOzoAZHkk/KHLRtoiHLSaK9cku9s3GSdOr9DMuohDx6+ft3y3ZAUeVMsqCmNdqkr6SAAT2jZ5g1I/rClzobFRw2IpMMAPKKFQZamMmi4tEcfTEmyy41Xkr9s0e9FRYvs2iT2KZu6JKecaOvlfCeSTg+XTUYLiKRDAbS9UfZpkvdez3oNX9VW1D9E8iExMyHJgZm9kqy8vsVUY523kHx6rPKQ9SJXkNuQdEy0bDJKQCQdDCDGxflcklfeAJA2Oycb1rVshiR5x8WQ3GBZ2SX//laST0usY3Dqkd8gm5H8Vc7BjA4QSe8G8LhII6z7ahRefexu3Ua2IGmv4SiRtGV43Vq98xZT19tJDu0GZ8w4/qTT8FV3dRu/JXmFpEYXKI8KEEnvBJAS7uVgkgvhkuQoLI7G0ka2JnliG4W1ZSU5xL9Xkuum1APgHX1vZyf2fxP1iHOQb5L0AWNWGQ0gIfiB7wukyK4k37Gogr4AcV8kOfyNIUm9+NPpvfuUidhIN8RybvstcQLJbXL3aRSASMoRBGLDrEV9AhIguXN43Uo97Br9h3vkDtahJHeZHSCSDgSQulMjAA/dKD5v34AESBy8wCuJXb5T5ECSz0ypoE/diO8Pd7fIRbNBryDhNDt1on8f4DhyybLeyzfIgm8SB1IzJBtl323y/I7yxF2SX5M+02SAa8psQ/KECL0NVQYLiKT9AaS6VDj2lFeOo5YZbggryEofJW0VXrfseJki+5N8TkoFXetGfmvaMfUqJfo6SEAkOfxLqufq/wBw2oNG+SSGBEh43fKK5pXkLxInfjSu8pFb7TbPe0g+PtFOC9UHB0im66q/DStH44BiQwMkQOJg24akbQihtZP9epJ7lHiActYZuXq4C35LKJKLZlCASHIMrdQrpucFg7XKKjVEQAIkfif35F818WEc9B33hNXj/7w9TtIxj7PLYACR9GoAL0gcoV1F/Fp1XNt6hgpIgMT3s72SpL5n700y1cZtTduovKQP+IetUeFNCx1NcqcIvUYqgwBE0isBpAZMcwBkL7UxOyA+rBvELtZ6sybpngGSdX3JGs34hQGzU23dsKlmxRI9JJ5M0h4WRaR3QCS93Ik2E0fnUJ+GI3qbb+iAhJXEF4j8utXmKuoi076SZKrNE6fsQnVJrwo3QWPqO5XknWIUm+r0Ckjkienasf0swHFS00EvKjcGQMIDZXd9v26lOub1HlVekoH3zcFY2YWkrz0Uk94AkeQIFBse3jUY9U8CHLGh8//UxFgACZA4vbYhuXwDG21UpLcTd0neoYte8e1YSvIeieNfqt4LIJKcns1ZqFKunv44wJElT92YAAmQ7BAguezSWd64gIO0PY6k7dmJSHo0gEMSG+sktXdfgMR8EK+2p+8dPyzn9cqxARIgcaIirySXSXzYzrbXAsmPJtazVF2Sd9G8Y5kinyK5fUoFTXX7AsRB0JwqOkYcXcQf5E4lnE3GCEiAxKklDIlTmaXK4QDsnvLF1IrW6oeg1L6u4Dv5qbJjUw+J1Ib6AsQhemJOPh0IzitH25t/S+00VkACJD4HMCSXXDrQ5QX+YEgCKE4jFy2S7LrvVS4XGO7Li0l656sT6QsQx6tteyHGoXgMx0aJMaONNmZAAiT3D5BcItoImyr60NXfd/7zK42/GZdKuCHp76O7AfAdl4svVWpe4HCSnab16wWQMKFtcmR/M7xWfaW5LduVHDsgwabeGfRKkvOhXDGkP+K/CuDcNX/XC9Esfa/ef6nfQ+tNXC9pvPsExHGhmsTOdTozrxxntnvk25WeAiABEicPNSS9zW07yzcq7WsLlyPp179OpVcjhrvH/hZxqoBFYp+q3XPHOlrU0FQACZA4d7ghmYrckuQ3+hhMr4CsDDicqDu6h4MX+NfCy/nxXbpoTwmQAIlPqffLkJ+kj+dypc3z3X+S/95XJwYBSF+DX93u1AAJkPj7wJB4RRmbHEGySczlouOqgATzThGQVSt0DofQog/imsp3I3lAlw2u11YFZAaAhNXEv8ZeTa41hAdvnT74RP8ZJI8eSh8rIH8GxN6xvo3YRq5I8jdtFPosK+m2AJw5t01E/K667FN8X+gqulvZdjAVkFUWk+RDsab3C04h6YOw0YmknQHY3afpWEuO8RQATlSa6tldpI8VkE0BaeMC04k3aZFZ//OqaUj818drl68qGAxHsBmsVEDWTI0kv4LsvWTG9iLpABOjF0k3CpA418nVOxiQgyv47MtwfK+D9pKaqIAsMF94V98HwL3W/LMPLvcgeUaS1QeoLMn3Snxb0QEi/JeacHT1KL8VoiU6XsCxJH83QBMs7FIFZIOZCqFoVtyzHfw6OhfIWB6IlX6GHwkD49uLTs3gyPNNLmf54fdBrz2BHXrJQIz2B6UCMrYnt8f+SnJsrhVYDIz/2yAYiAugIOnoMpORCshkprIOpIQFKiAlrFrrnIwFKiCTmco6kBIWqICUsGqtczIWqIBMZirrQEpYoAJSwqq1zslYoAIymamsAylhgQpICavWOidjgQrIZKayDqSEBSogJaxa65yMBSogk5nKOpASFqiAlLBqrXMyFqiATGYq60BKWKACUsKqtc7JWKACMpmprAMpYYEKSAmr1jonY4EKyGSmsg6khAUqICWsWuucjAUqIJOZyjqQEhaogJSwaq1zMhb4f7R7DlBGOLV5AAAAAElFTkSuQmCC") !important;
+}
+
+.drag-i i {
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  background-image: url('data:image/png;base64,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');
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  cursor: pointer;
+
+}
+
+.enlarge {
+  background-size: 15px 15px !important;
+  background-image: url("data:image/png;base64,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") !important;
+}
+.minimize{
+  background-size: 15px 15px !important;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAABYpJREFUeF7t3EGKJFcQBFHVyYVOXkIHaIEH5EC2Pa095qebl6Fdf/7yHwII/Ejggw0CCPxMgCB+HQj8DwGC+HkgQBC/AQRuBPwf5MbNVYQAQSJDq3kjQJAbN1cRAgSJDK3mjQBBbtxcRQgQJDK0mjcCBLlxcxUhQJDI0GreCBDkxs1VhABBIkOreSNAkBs3VxECBIkMreaNAEFu3FxFCBAkMrSaNwIEuXFzFSFAkMjQat4IEOTGzVWEAEEiQ6t5I0CQGzdXEQIEiQyt5o0AQW7cXEUIECQytJo3AgS5cXMVIUCQyNBq3ggQ5MbNVYQAQSJDq3kjQJAbN1cRAgSJDK3mjQBBbtxcRQgQJDK0mjcCBLlxcxUhQJDI0GreCBDkxs1VhABBIkOreSNAkBs3VxECBIkMreaNAEFu3FxFCBAkMrSaNwIEuXFzFSFAkMjQat4IEOTGzVWEAEEiQ6t5I0CQGzdXEQIEiQyt5o0AQW7cXEUIECQytJo3AgS5cXMVIUCQyNBq3ggQ5MbNVYQAQSJDq3kjQJAbN1cRAgSJDK3mjQBBbtxcRQgQJDK0mjcCBLlxcxUhQJDI0GreCBDkxs1VhABBIkOreSNAkBs3VxECBIkMreaNAEFu3FxFCBAkMrSaNwIEuXFzFSFAkMjQat4IEOTGzVWEAEEiQ6t5I0CQGzdXEQIEiQyt5o0AQW7cXEUIECQytJo3AgS5cXMVIUCQyNBq3ggQ5MbNVYQAQSJDq3kjQJAbN1cRAgSJDK3mjQBBbtxcRQgQJDK0mjcCBLlxcxUhQJDI0GreCBDkxs1VhABBIkOreSPwRwT5fr9/3z7PFQI/E/h8Pv88zedPCfJ9uoh/v0fg8/k8/vt9/IH/Zvt+vwTp/X4fb0yQxxF74M0ECPLm9Xz74wQI8jhiD7yZAEHevJ5vf5wAQR5H7IE3EyDIm9fz7Y8TIMjjiD3wZgIEefN6vv1xAgR5HLEH3kyAIG9ez7c/ToAgjyP2wJsJEOTN6/n2xwkQ5HHEHngzAYK8eT3f/jgBgjyO2ANvJkCQN6/n2x8nQJDHEXvgzQQI8ub1fPvjBAjyOGIPvJkAQd68nm9/nABBHkfsgTcTIMib1/PtjxP4TYL4w3GP/1x6D/yaPxzXm07j30Lgj/zhuN8CS48eAYL0Ntd4IECQAZZojwBBeptrPBAgyABLtEeAIL3NNR4IEGSAJdojQJDe5hoPBAgywBLtESBIb3ONBwIEGWCJ9ggQpLe5xgMBggywRHsECNLbXOOBAEEGWKI9AgTpba7xQIAgAyzRHgGC9DbXeCBAkAGWaI8AQXqbazwQIMgAS7RHgCC9zTUeCBBkgCXaI0CQ3uYaDwQIMsAS7REgSG9zjQcCBBlgifYIEKS3ucYDAYIMsER7BAjS21zjgQBBBliiPQIE6W2u8UCAIAMs0R4BgvQ213ggQJABlmiPAEF6m2s8ECDIAEu0R4Agvc01HggQZIAl2iNAkN7mGg8ECDLAEu0RIEhvc40HAgQZYIn2CBCkt7nGAwGCDLBEewQI0ttc44EAQQZYoj0CBOltrvFAgCADLNEeAYL0Ntd4IECQAZZojwBBeptrPBAgyABLtEeAIL3NNR4IEGSAJdojQJDe5hoPBAgywBLtESBIb3ONBwIEGWCJ9ggQpLe5xgMBggywRHsECNLbXOOBAEEGWKI9AgTpba7xQIAgAyzRHgGC9DbXeCBAkAGWaI8AQXqbazwQIMgAS7RHgCC9zTUeCBBkgCXaI0CQ3uYaDwQIMsAS7REgSG9zjQcCBBlgifYIEKS3ucYDAYIMsER7BAjS21zjgQBBBliiPQIE6W2u8UCAIAMs0R4BgvQ213ggQJABlmiPAEF6m2s8ECDIAEu0R4Agvc01Hgj8CwmaaMkz/sxmAAAAAElFTkSuQmCC") !important;
+}
+.minimize-cir{
+  background-size: 17px 17px !important;
+  background-image: url("data:image/png;base64,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") !important;
+}
+
+.drag-head span {
+  text-align: center;
+  display: inline-block;
+  margin-right: 15px;
+  flex: 1;
+  cursor: move;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+}
+
+@keyframes linkDown {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.drag-pop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  border-radius: 3px;
+  z-index: 9999;
+  animation: linkDown .3s linear forwards;
+  opacity: 0;
+}
+.drag-pop-shadow{
+  box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
+}
+.trans{
+  transition: all .3s;
+}
+.drag-head {
+  height: 30px;
+  line-height: 30px;
+  padding: 0 10px;
+  color: #fff;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  user-select: none;
+  display: flex;
+}
+
+.drag-cont {
+  height: calc(100% - 60px);
+  position: relative;
+}
+
+.drag-conts {
+  height: calc(100% - 30px);
+  position: relative;
+}
+.drag-cont2{
+  height: 100% !important;
+  position: relative;
+}
+.zIndex9999{
+  z-index: 9999;
+}
+.zIndex10000{
+  z-index: 10000;
+}
+</style>

package/src/components/paint/src/paint.vue

@@ -1,5 +1,5 @@
 <template>
-  <dragPopup title="手写记录" @updateDrag="updateDragInit" :width="width" :height="height" :minWidth="740" :minHeight="487" @close="cancel" :minimizeCir="false" :dragTextShow="false">
+  <dragPopup2 title="手写记录" @updateDrag="updateDragInit" :width="width" :height="height" :minWidth="740" :minHeight="487" @close="cancel" :minimizeCir="false" :dragTextShow="false">
     <template #content>
       <div class="paint" :id="ids">
         <div class="paint-title"></div>
@@ -10,80 +10,7 @@
           <button class="buts" @click="exportTap">确定</button>
           <button class="buts" @click="cancel">取消</button>
         </div>
-        <div class="tool-cont" :style="{left: left + 'px', top: top + 'px'}">
-          <div class="tool"
-               @mousedown.stop="mousedown"
-               @mousemove.stop="mousemove"
-               @mouseup.stop="mouseup"
-               :id="ids + 'tool'">
-            <div class="tool-item" v-for="(item,index) in toolArr">
-              <div class="tool-img" :class="{'tool-arr-act': item.id === toolId}" :data-index="index">
-                <img :src="item.img" alt=""/>
-              </div>
-              <div class="prompt-paint">{{ item.name }}</div>
-            </div>
-          </div>
-          <div class="tool-pop" v-if="toolMenu" :style="{bottom: toolTop + 'px', left: toolLeft + 'px'}">
-            <!--颜色-->
-            <div class="tool-pop-cont">
-              <div class="shape" v-if="['shape'].includes(this.toolId)">
-                <div class="tool-color">
-                  <div class="tool-color-item" v-for="(item,index) in shapeData" @click="shapeTap(index)">
-                    <div class="tool-color-select" :class="{'tool-active': shapeIndex === index}" :title="item.name">
-                      <img :src="item.img" alt=""/>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="link"></div>
-              <div class="tool-color">
-                <div class="tool-color-item" v-for="(item,index) in colorData" @click="colorTap(index)">
-                  <div class="tool-color-select" :class="{'tool-active': colorIndex === index}" :title="item.name">
-                    <div class="tool-color-col" :style="{'background-color': item.color}"></div>
-                  </div>
-                </div>
-              </div>
-              <div class="link"></div>
-              <!--大小-->
-              <div class="tool-color" v-if="['pen','shape','text'].includes(this.toolId)">
-                <div class="tool-color-item" @click="sizeTap(index)" v-for="(item,index) in sizeData">
-                  <div class="tool-color-select" :class="{'tool-active': sizeIndex === index}" :title="item.name">
-                    <div class="tool-color-text">{{ item.text }}</div>
-                  </div>
-                </div>
-              </div>
-              <div class="tool-color" v-if="['pen','shape'].includes(this.toolId)">
-                <div class="tool-color-item" @click="linkTap(index)" v-for="(item,index) in linkData">
-                  <div class="tool-color-select" :class="{'tool-active': linkIndex === index}" :title="item.name">
-                    <img :src="item.img" alt=""/>
-                  </div>
-                </div>
-              </div>
-              <div class="tool-color" v-if="['shape'].includes(this.toolId)">
-                <div class="tool-color-item" @click="fillTap(index)" v-for="(item,index) in fillData">
-                  <div class="tool-color-select" :class="{'tool-active': fillIndex === index}" :title="item.name">
-                    <img :src="item.img" alt=""/>
-                  </div>
-                </div>
-              </div>
-              <div class="tool-color" v-if="['text'].includes(this.toolId)">
-                <div class="tool-color-item" @click="fontTap(index)" v-for="(item,index) in fontData">
-                  <div class="tool-color-select" :class="{'tool-active': fontIndex === index}" :title="item.name">
-                    <img :src="item.img" alt=""/>
-                  </div>
-                </div>
-              </div>
-              <!--          <div class="tool-color" v-if="['text'].includes(this.toolId)">-->
-              <!--            <div class="tool-color-item" @click="aligTap(index)" v-for="(item,index) in aligData">-->
-              <!--              <div class="tool-color-select" :class="{'tool-active': aligIndex === index}" :title="item.name">-->
-              <!--                <img :src="item.img" alt=""/>-->
-              <!--              </div>-->
-              <!--            </div>-->
-              <!--          </div>-->
-            </div>
-          </div>
-        </div>
-        <dragPopup :width="600" :height="417" v-if="show" :dragStatus="false" :minimizeCir="false" :enlargeShow="false" @close="close">
+        <dragPopup2 :width="600" :height="417" v-if="show" :dragStatus="false" :minimizeCir="false" :enlargeShow="false" @close="close">
           <template #content>
             <div class="can">
               <div class="can-cont" :id="ids + 'cont'">
@@ -105,21 +32,94 @@
               </div>
             </div>
           </template>
-        </dragPopup>
+        </dragPopup2>
       </div>
     </template>
-  </dragPopup>
+  </dragPopup2>
+  <teleport to="body">
+    <div class="tool-cont" :style="{left: left + 'px', top: top + 'px'}">
+      <div class="tool"
+           @mousedown.stop="mousedown"
+           :id="ids + 'tool'">
+        <div class="tool-item" v-for="(item,index) in toolArr">
+          <div class="tool-img" :class="{'tool-arr-act': item.id === toolId}" :data-index="index">
+            <img :src="item.img" alt=""/>
+          </div>
+          <div class="prompt-paint">{{ item.name }}</div>
+        </div>
+      </div>
+      <div class="tool-pop" v-if="toolMenu" :style="{bottom: toolTop + 'px', left: toolLeft + 'px'}">
+        <!--颜色-->
+        <div class="tool-pop-cont">
+          <div class="shape" v-if="['shape'].includes(this.toolId)">
+            <div class="tool-color">
+              <div class="tool-color-item" v-for="(item,index) in shapeData" @click="shapeTap(index)">
+                <div class="tool-color-select" :class="{'tool-active': shapeIndex === index}" :title="item.name">
+                  <img :src="item.img" alt=""/>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="link"></div>
+          <div class="tool-color">
+            <div class="tool-color-item" v-for="(item,index) in colorData" @click="colorTap(index)">
+              <div class="tool-color-select" :class="{'tool-active': colorIndex === index}" :title="item.name">
+                <div class="tool-color-col" :style="{'background-color': item.color}"></div>
+              </div>
+            </div>
+          </div>
+          <div class="link"></div>
+          <!--大小-->
+          <div class="tool-color" v-if="['pen','shape','text'].includes(this.toolId)">
+            <div class="tool-color-item" @click="sizeTap(index)" v-for="(item,index) in sizeData">
+              <div class="tool-color-select" :class="{'tool-active': sizeIndex === index}" :title="item.name">
+                <div class="tool-color-text">{{ item.text }}</div>
+              </div>
+            </div>
+          </div>
+          <div class="tool-color" v-if="['pen','shape'].includes(this.toolId)">
+            <div class="tool-color-item" @click="linkTap(index)" v-for="(item,index) in linkData">
+              <div class="tool-color-select" :class="{'tool-active': linkIndex === index}" :title="item.name">
+                <img :src="item.img" alt=""/>
+              </div>
+            </div>
+          </div>
+          <div class="tool-color" v-if="['shape'].includes(this.toolId)">
+            <div class="tool-color-item" @click="fillTap(index)" v-for="(item,index) in fillData">
+              <div class="tool-color-select" :class="{'tool-active': fillIndex === index}" :title="item.name">
+                <img :src="item.img" alt=""/>
+              </div>
+            </div>
+          </div>
+          <div class="tool-color" v-if="['text'].includes(this.toolId)">
+            <div class="tool-color-item" @click="fontTap(index)" v-for="(item,index) in fontData">
+              <div class="tool-color-select" :class="{'tool-active': fontIndex === index}" :title="item.name">
+                <img :src="item.img" alt=""/>
+              </div>
+            </div>
+          </div>
+          <!--          <div class="tool-color" v-if="['text'].includes(this.toolId)">-->
+          <!--            <div class="tool-color-item" @click="aligTap(index)" v-for="(item,index) in aligData">-->
+          <!--              <div class="tool-color-select" :class="{'tool-active': aligIndex === index}" :title="item.name">-->
+          <!--                <img :src="item.img" alt=""/>-->
+          <!--              </div>-->
+          <!--            </div>-->
+          <!--          </div>-->
+        </div>
+      </div>
+    </div>
+  </teleport>
 </template>
 
 <script>
 import Sketchpad from '../../sketchpad/src/sketchpad'
-import dragPopup from '../../dragPopup/src/dragPopup'
+import dragPopup2 from '../../dragPopup2/src/dragPopup'
 import Mess from '../../tipBox/index'
 
 let stayTime = 0
 let timer = null
 export default {
-  components: {Sketchpad, dragPopup},
+  components: {Sketchpad, dragPopup2},
   data() {
     return {
       width: 940,
@@ -240,7 +240,7 @@ export default {
     // 绑定鼠标抬起事件
     document.addEventListener('mouseup', this.mouseup)
     // 绑定鼠标移动事件
-    // document.addEventListener('mousemove', this.mousemove)
+    document.addEventListener('mousemove', this.mousemove)
   },
   methods: {
     updateDragInit(e) {
@@ -787,7 +787,7 @@ export default {
 
 .tool-cont {
   position: fixed;
-  z-index: 10000;
+  z-index: 10002;
 }
 
 .tool-item {

package/src/index.js

@@ -87,7 +87,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.35.495',
+    version: '1.35.496',
     install,
     Calendar,
     Message,