@toolspack/ttd-common 0.3.2 → 0.4.4

package/src/packages/img-view/hevue-img-preview.vue

@@ -1,626 +0,0 @@
-<template>
-  <transition name="fade">
-    <div
-      class="hevue-wrap"
-      id="hevue-wrap"
-      v-if="show"
-      ref="heImg"
-      @mouseup="removeMove('pc')"
-      @touchend="removeMove('mobile')"
-      v-on:click="clickMask"
-      :style="'background:' + mainBackground"
-    >
-      <!-- 用于临时在手机端展示一些调试信息 -->
-      <!-- <div>{{ logText }}--{{imgState}}</div> -->
-      <div class="he-img-wrap">
-        <img src="https://jzwsp.totodi.com/jz/image-loading.gif" v-show="imgState === 1" />
-        <img
-          :src="imgurl"
-          ref="heImView"
-          @click.stop
-          v-show="imgState === 2"
-          class="he-img-view"
-          :style="
-            'transform: scale(' +
-            imgScale +
-            ') rotate(' +
-            imgRotate +
-            'deg);margin-top:' +
-            imgTop +
-            'px;margin-left:' +
-            imgLeft +
-            'px;' +
-            maxWH
-          "
-          @mousedown="addMove"
-          @touchstart="addMoveMobile"
-        />
-        <div class="iconfont hevue-img-error" v-show="imgState === 3">&#xec0d;</div>
-        <div
-          class="iconfont he-close-icon"
-          @click.stop="close"
-          :style="'color:' + closeColor"
-        >&#xe764;</div>
-        <!-- 左箭头 -->
-        <div
-          class="arrow arrow-left iconfont"
-          @click.stop="toogleImg(false)"
-          v-if="multiple"
-          :style="'color:' + controlColor + ';background: ' + controlBackground"
-        >&#xe620;</div>
-        <!-- 右箭头 -->
-        <div
-          class="arrow arrow-right iconfont"
-          @click.stop="toogleImg(true)"
-          v-if="multiple"
-          :style="'color:' + controlColor + ';background: ' + controlBackground"
-        >&#xe60d;</div>
-        <div class="he-control-bar-wrap">
-          <div
-            class="he-control-bar"
-            @click.stop
-            :style="
-              'color:' + controlColor + ';background: ' + controlBackground
-            "
-          >
-            <!-- 缩小 -->
-            <div class="he-control-btn iconfont" @click.stop="scaleFunc(-0.15)">&#xe65e;</div>
-            <!-- 放大 -->
-            <div class="he-control-btn iconfont" @click.stop="scaleFunc(0.15)">&#xe65d;</div>
-            <!-- 复位 -->
-            <div class="he-control-btn iconfont" v-show="isFull" @click.stop="imgToggle">&#xe698;</div>
-            <!-- 复位 -->
-            <div class="he-control-btn iconfont" v-show="!isFull" @click.stop="imgToggle">&#xe86b;</div>
-            <!-- 左转 -->
-            <div class="he-control-btn iconfont" @click.stop="rotateFunc(-90)">&#xe670;</div>
-            <!-- 右转 -->
-            <div class="he-control-btn iconfont" @click.stop="rotateFunc(90)">&#xe66f;</div>
-            <!-- 下载 -->
-            <!-- <div class="he-control-btn iconfont" @click.stop="downloadIamge">&#xe694;</div> -->
-          </div>
-        </div>
-
-        <div
-          class="he-control-num"
-          v-if="multiple"
-          :style="'color:' + controlColor + ';background: ' + controlBackground"
-        >{{ imgIndex + 1 }} / {{ imgList.length }}</div>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'hevue-img-preview',
-  props: {
-    show: {
-      type: Boolean,
-      default: false,
-    },
-    clickMaskCLose: String,
-    url: String,
-    mainBackground: String, // 整体背景颜色
-    controlColor: String, // 控制条字体颜色
-    controlBackground: String, // 控制条背景颜色
-    closeColor: String, // 关闭图标的颜色
-    instance: Object,
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    keyboard: {
-      type: String,
-      default: 'open',
-    },
-    nowImgIndex: {
-      type: Number,
-      default: 0,
-    },
-    imgList: Array,
-  },
-  data() {
-    return {
-      // imgWidth: 0,
-      // imgHeight: 0,
-      imgScale: 1,
-      imgTop: 0,
-      imgLeft: 0,
-      imgRotate: 0,
-      isFull: false,
-      maxWH: 'max-width:100%;max-height:100%;',
-      clientX: 0,
-      clientY: 0,
-      imgIndex: 0,
-      canRun: true,
-      imgurl: '',
-      imgState: 1,
-      logText: '',
-      start: [
-        {
-          clientX: 217,
-          clientY: 279,
-          force: 1,
-          identifier: 0,
-          pageX: 217,
-          pageY: 279,
-          radiusX: 11.5,
-          radiusY: 11.5,
-          rotationAngle: 0,
-          screenX: 493,
-          screenY: 456,
-        },
-        {
-          clientX: 247,
-          clientY: 273,
-          force: 1,
-          identifier: 0,
-          pageX: 247,
-          pageY: 273,
-          radiusX: 11.5,
-          radiusY: 11.5,
-          rotationAngle: 0,
-          screenX: 523,
-          screenY: 450,
-        },
-      ],
-      mobileScale: 0, // 手指离开时图片的缩放比例
-    };
-  },
-  mounted() {
-    this.initImg();
-  },
-  watch: {
-    url() {
-      this.initImg();
-    },
-    show(newV) {
-      if (newV) {
-        this.$nextTick((_) => {
-          // eslint-disable-next-line
-          const _dom = document.getElementById('hevue-wrap');
-          _dom.onmousewheel = this.scrollFunc;
-          // 火狐浏览器没有onmousewheel事件，用DOMMouseScroll代替(滚轮事件)
-          document.body.addEventListener('DOMMouseScroll', this.scrollFunc);
-          // 禁止火狐浏览器下拖拽图片的默认事件
-          document.ondragstart = function () {
-            return false;
-          };
-          // 判断是否多图
-          if (this.multiple) {
-            if (Array.isArray(this.imgList) && this.imgList.length > 0) {
-              this.imgIndex = Number(this.nowImgIndex) || 0;
-              // this.url = this.imgList[this.imgIndex]
-              this.changeUrl(this.imgList[this.imgIndex], this.imgIndex);
-            } else {
-              console.error('imgList 为空或格式不正确');
-            }
-          } else {
-            this.changeUrl(this.url);
-            // var ImgObj = new Image()
-            // ImgObj.src = this.url
-            // if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
-            //   return true
-            // } else {
-            //   console.error('传入图片地址不正确--组件hevue-img-preview')
-            // }
-          }
-          // 判断是否开启键盘事件
-          if (this.keyboard === 'open') {
-            document.addEventListener('keydown', this.keyHandleDebounce);
-          }
-        });
-      }
-    },
-  },
-  methods: {
-    close() {
-      // this.$closehevueImgPreview()
-      this.instance.show = false;
-      this.initImg();
-      this.maxWH = 'max-width:100%;max-height:100%;';
-      this.isFull = false;
-      // 移除火狐浏览器下的鼠标滚动事件
-      document.body.removeEventListener('DOMMouseScroll', this.scrollFunc);
-      // 恢复火狐及Safari浏览器下的图片拖拽
-      document.ondragstart = null;
-      // 移除键盘事件
-      if (this.keyboard) {
-        document.removeEventListener('keydown', this.keyHandleDebounce);
-      }
-    },
-    initImg() {
-      this.mobileScale = 1;
-      this.imgScale = 1;
-      this.imgRotate = 0;
-      this.imgTop = 0;
-      this.imgLeft = 0;
-    },
-    /**
-     * 切换图片
-     * true 下一张
-     * false 上一张
-     */
-    toogleImg(bool) {
-      if (bool) {
-        this.imgIndex++;
-        if (this.imgIndex > this.imgList.length - 1) {
-          this.imgIndex = 0;
-        }
-      } else {
-        this.imgIndex--;
-        if (this.imgIndex < 0) {
-          this.imgIndex = this.imgList.length - 1;
-        }
-      }
-      // this.url = this.imgList[this.imgIndex]
-      this.changeUrl(this.imgList[this.imgIndex], this.imgIndex);
-    },
-    // 改变图片地址
-    /**
-     * @description:
-     * @param {String} url 要显示的图片的url
-     * @param {Number} index 当前显示当图片下标，防止用户点击切换图片过快
-     * @return {*}
-     */
-    changeUrl(url, index) {
-      this.imgState = 1;
-      const img = new Image();
-      img.src = url;
-      img.onload = () => {
-        // 如果加载出来图片当下标不是当前显示图片当下标，则不予显示（用户点击过快当时候，会出现用户点到第三张了，此时第一张图片才加载完当情况）
-        console.log(`onload: index=${index}--imgIndex=${this.imgIndex}--imgState=${ this.imgState}`)
-        if (index !== undefined && index === this.imgIndex) {
-          this.imgState = 2;
-          this.imgurl = url;
-        } else if (index === undefined) {
-          this.imgState = 2;
-          this.imgurl = url;
-        }
-        console.log('imgState=', this.imgState)
-      };
-      img.onerror = () => {
-        if (index !== undefined && index === this.imgIndex) {
-          this.imgState = 3;
-        } else if (index === undefined) {
-          this.imgState = 3;
-        }
-        console.log(`onerror : index=${index}--imgIndex=${this.imgIndex}--imgState=${ this.imgState}`)
-      };
-    },
-    // 旋转图片
-    rotateFunc(deg) {
-      this.imgRotate += deg;
-    },
-    // 图片缩放
-    scaleFunc(num, bool) {
-      if (this.imgScale <= 0.2 && num < 0) return;
-      if (bool) {
-        this.imgScale = num;
-      } else {
-        this.imgScale += num;
-      }
-    },
-    // 图片原尺寸切换
-    imgToggle() {
-      this.initImg();
-      if (this.isFull) {
-        this.maxWH = 'max-width:100%;max-height:100%;';
-      } else {
-        this.maxWH = '';
-      }
-      this.isFull = !this.isFull;
-    },
-    // 鼠标滚轮缩放
-    scrollFunc(e) {
-      e = e || window.event;
-      // e.returnValue = false // ie
-      // 火狐下没有wheelDelta，用detail代替，由于detail值的正负和wheelDelta相反，所以取反
-      e.delta = e.wheelDelta || -e.detail;
-
-      e.preventDefault();
-      if (e.delta > 0) {
-        // 当滑轮向上滚动时
-        this.scaleFunc(0.05);
-      }
-      if (e.delta < 0) {
-        // 当滑轮向下滚动时
-        this.scaleFunc(-0.05);
-      }
-    },
-    // 鼠标按下
-    addMove(e) {
-      e = e || window.event;
-      this.clientX = e.clientX;
-      this.clientY = e.clientY;
-      this.$refs.heImg.onmousemove = this.moveFunc;
-    },
-    // 手指按下事件
-    addMoveMobile(e) {
-      e.preventDefault();
-      e = e || window.event;
-      if (e.touches.length > 1) {
-        this.start = e.touches;
-      } else {
-        this.clientX = e.touches[0].pageX;
-        this.clientY = e.touches[0].pageY;
-      }
-      // 添加手指拖动事件
-      this.$refs.heImg.ontouchmove = this.moveFuncMobile;
-    },
-    // 鼠标拖动
-    moveFunc(e) {
-      e = e || window.event;
-      e.preventDefault();
-      const movementX = e.clientX - this.clientX;
-      const movementY = e.clientY - this.clientY;
-      // event.clientY;
-      this.imgLeft += movementX * 2;
-      this.imgTop += movementY * 2;
-      this.clientX = e.clientX;
-      this.clientY = e.clientY;
-    },
-    // 手指拖动
-    moveFuncMobile(e) {
-      e = e || window.event;
-      // console.log(e);
-      if (e.touches.length > 1) {
-        const now = e.touches;
-        const scale = this.getDistance(now[0], now[1])
-          / this.getDistance(this.start[0], this.start[1]);
-        // this.mobileScale = scale;
-        this.logText = `${scale},${this.mobileScale}`;
-        // 判断是否手指缩放过，如果缩放过，要在上次缩放的比例基础上进行缩放
-        if (this.mobileScale) {
-          if (scale > 1) {
-            // 放大
-            this.scaleFunc(scale + this.mobileScale - 1, true);
-          } else {
-            // 缩小
-            this.scaleFunc(scale * this.mobileScale, true);
-          }
-        } else {
-          this.scaleFunc(scale, true);
-        }
-      } else {
-        const touch = e.touches[0];
-        e.preventDefault();
-        const movementX = touch.pageX - this.clientX;
-        const movementY = touch.pageY - this.clientY;
-        // event.clientY;
-        this.imgLeft += movementX * 2;
-        this.imgTop += movementY * 2;
-        this.clientX = touch.pageX;
-        this.clientY = touch.pageY;
-      }
-    },
-    // 移除拖动事件
-    removeMove(type) {
-      if (type === 'pc') {
-        this.$refs.heImg.onmousemove = null;
-      } else {
-        this.mobileScale = this.imgScale;
-        this.$refs.heImg.ontouchmove = null;
-      }
-    },
-    keyHandleDebounce(e) {
-      if (this.canRun) {
-        // 如果this.canRun为true证明当前可以执行函数
-        this.keyHandle(e);
-        this.canRun = false; // 执行函数后一段时间内不可再次执行
-        setTimeout(() => {
-          this.canRun = true; // 等到了我们设定的时间之后，把this.canRun改为true，可以再次执行函数
-        }, 300);
-      }
-    },
-    // 键盘事件
-    keyHandle(ev) {
-      const e = window.event || ev;
-      const key = e.keyCode || e.which || e.charCode;
-      switch (key) {
-        case 27: // esc
-          this.close();
-          break;
-        case 65: // a键-上一张
-          if (this.multiple) {
-            this.toogleImg(false);
-          }
-          break;
-        case 68: // d键-下一张
-          if (this.multiple) {
-            this.toogleImg(true);
-          }
-          break;
-        case 87: // w键-放大
-          this.scaleFunc(0.15);
-          break;
-        case 83: // s键-缩小
-          this.scaleFunc(-0.15);
-          break;
-        case 81: // q键-逆时针旋转
-          this.rotateFunc(-90);
-          break;
-        case 69: // e键-顺时针旋转
-          this.rotateFunc(90);
-          break;
-        case 82: // r键-复位键
-          this.initImg();
-          break;
-
-        default:
-          break;
-      }
-    },
-    // 点击遮罩层
-    clickMask() {
-      console.log('hello', this.clickMaskCLose);
-      if (this.clickMaskCLose === 'open') {
-        this.close();
-      }
-    },
-    // 缩放 勾股定理方法-求两点之间的距离
-    getDistance(p1, p2) {
-      const x = p2.pageX - p1.pageX;
-      const y = p2.pageY - p1.pageY;
-      return Math.sqrt(x * x + y * y);
-    },
-    /**
-     * @description:
-     * @param {String} imgsrc
-     * @param {*} name
-     * @return {*}
-     */
-    downloadIamge() {
-      // 下载图片地址和图片名
-      const image = new Image();
-      // 解决跨域 Canvas 污染问题
-      image.setAttribute('crossOrigin', 'anonymous');
-      image.onload = function () {
-        const canvas = document.createElement('canvas');
-        canvas.width = image.width;
-        canvas.height = image.height;
-        const context = canvas.getContext('2d');
-        context.drawImage(image, 0, 0, image.width, image.height);
-        const url = canvas.toDataURL('image/png'); // 得到图片的base64编码数据
-        const a = document.createElement('a'); // 生成一个a元素
-        const event = new MouseEvent('click'); // 创建一个单击事件
-        a.download = `photo${ +new Date()}`; // 设置图片名称
-        a.href = url; // 将生成的URL设置为a.href属性
-        a.dispatchEvent(event); // 触发a的单击事件
-      };
-      image.onerror = function (err) {
-        console.log('图片信息不正确或图片服务器禁止访问');
-        console.log(err);
-      };
-      if (this.multiple) {
-        image.src = this.imgList[this.imgIndex];
-      } else {
-        image.src = this.url;
-      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-@import "./iconfont/iconfont.css";
-/* @import '//at.alicdn.com/t/font_1776686_mw0jz39v97.css'; */
-.hevue-wrap {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  z-index: 999999;
-}
-.he-img-wrap {
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  vertical-align: middle;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: #fff;
-}
-.he-img-view {
-  /* transition: transform 0.3s; */
-}
-.he-close-icon {
-  position: absolute;
-  right: 50px;
-  top: 50px;
-  font-size: 46px;
-  color: #666;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-.arrow {
-  width: 50px;
-  height: 50px;
-  text-align: center;
-  line-height: 50px;
-  position: absolute;
-  top: 50%;
-  border-radius: 50%;
-  transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  font-size: 3vw;
-  opacity: 0.6;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-.arrow:hover {
-  opacity: 0.8;
-  font-size: 32px;
-}
-.arrow-left {
-  left: 50px;
-}
-.arrow-right {
-  right: 50px;
-}
-.he-close-icon:hover {
-  transform: rotate(90deg);
-}
-.he-control-bar-wrap {
-  display: flex;
-  position: absolute;
-  width: 100%;
-  bottom: 10%;
-  left: 0;
-}
-.he-control-bar {
-  height: 44px;
-  bottom: 10%;
-  padding: 0 22px;
-  /* position: absolute; */
-  /* left: 50%; */
-  /* display: flex;
-  justify-content: space-between; */
-  display: flex;
-  border-radius: 22px;
-  margin: 0 auto;
-
-  /* display: flex;
-  justify-content: space-between; */
-}
-.he-control-num {
-  position: absolute;
-  bottom: 5%;
-  left: 50%;
-  transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  padding: 0 22px;
-  font-size: 16px;
-  border-radius: 15px;
-}
-.he-control-btn {
-  line-height: 44px;
-  font-size: 24px;
-  cursor: pointer;
-  padding: 0 9px;
-  /* display: inline-block; */
-  transition: all 0.2s;
-}
-.he-control-btn:hover {
-  transform: scale(1.2);
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s;
-}
-.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0;
-}
-.hevue-img-error {
-  font-size: 56px;
-  color: #ccc;
-}
-</style>

package/src/packages/img-view/iconfont/iconfont.css

@@ -1,69 +0,0 @@
-@font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1615190912050'); /* IE9 */
-  src: url('iconfont.eot?t=1615190912050#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1615190912050') format('woff'),
-  url('iconfont.ttf?t=1615190912050') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1615190912050#iconfont') format('svg'); /* iOS 4.1- */
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.iconiconfontzhizuobiaozhun023146:before {
-  content: "\e694";
-}
-
-.iconhelp:before {
-  content: "\e626";
-}
-
-.iconjiazaizhong:before {
-  content: "\e6b1";
-}
-
-.icontupianjiazaishibai:before {
-  content: "\ec0d";
-}
-
-.iconicon_arrow_right:before {
-  content: "\e60d";
-}
-
-.iconjiantouzuo:before {
-  content: "\e620";
-}
-
-.iconxuanzhuan:before {
-  content: "\e66f";
-}
-
-.iconxuanzhuan1:before {
-  content: "\e670";
-}
-
-.iconyuanshibili:before {
-  content: "\e86b";
-}
-
-.iconfangda:before {
-  content: "\e65d";
-}
-
-.iconsuoxiao:before {
-  content: "\e65e";
-}
-
-.iconquanping:before {
-  content: "\e698";
-}
-
-.iconguanbi:before {
-  content: "\e764";
-}
-