@10yun/cv-mobile-ui 0.3.24 → 0.3.25

package/ui-cv/cv-draw-qrcode/cv-draw-qrcode.vue

@@ -1,19 +1,19 @@
 <template>
   <view class="cv-draw-qrcode">
     <!-- #ifndef MP-ALIPAY -->
-    <canvas class="cv-draw-qrcode_canvas " :canvas-id="cid" :style="{width:cpSize+'px',height:cpSize+'px'}" />
+    <canvas class="cv-draw-qrcode_canvas" :canvas-id="cid" :style="{ width: cpSize + 'px', height: cpSize + 'px' }" />
     <!-- #endif -->
     <!-- #ifdef MP-ALIPAY -->
-    <canvas :id="cid" :width="cpSize" :height="cpSize" class="cv-draw-qrcode_canvas " />
+    <canvas :id="cid" :width="cpSize" :height="cpSize" class="cv-draw-qrcode_canvas" />
     <!-- #endif -->
-    <image v-show="show" :src="result" :style="{width:cpSize+'px',height:cpSize+'px'}" />
+    <image v-show="show" :src="result" :style="{ width: cpSize + 'px', height: cpSize + 'px' }" />
     <!-- <image class="image" v-if="img" :src="img" :style="{width: sizeSync + 'px', height: sizeSync + 'px'}" /> -->
   </view>
 </template>
 
 <script>
 import QRCode from './qrcode.js';
-let qrcode
+let qrcode;
 export default {
   name: 'cvDrawQrcode',
   props: {
@@ -80,15 +80,15 @@ export default {
     loadingText: {
       type: String,
       default: '二维码生成中'
-    },
+    }
   },
   data() {
     return {
       result: '',
       img: '',
       sizeSync: 100,
-      localIcon: '',
-    }
+      localIcon: ''
+    };
   },
 
   watch: {
@@ -112,10 +112,10 @@ export default {
   },
   computed: {
     cpSize() {
-      if (this.unit == "upx") {
-        return uni.upx2px(this.size)
+      if (this.unit == 'upx') {
+        return uni.upx2px(this.size);
       } else {
-        return this.size
+        return this.size;
       }
     }
   },
@@ -123,7 +123,7 @@ export default {
     if (this.loadMake) {
       if (!this._empty(this.val)) {
         setTimeout(() => {
-          this._makeCodeBefore()
+          this._makeCodeBefore();
         }, 30);
       }
     }
@@ -163,7 +163,7 @@ export default {
           this.urlTobase64(this.icon, (e) => {
             this.localIcon = e;
             this._makeCode();
-          })
+          });
         }
       } else {
         this.localIcon = this.icon;
@@ -190,10 +190,11 @@ export default {
           pdground: this.pdground, // 定位角点颜色
           correctLevel: this.lv, // 容错级别
           image: this.localIcon, // 二维码图标
-          imageSize: this.iconSize,// 二维码图标大小
-          cbResult: (res) => { // 生成二维码的回调
-            this._result(res)
-          },
+          imageSize: this.iconSize, // 二维码图标大小
+          cbResult: (res) => {
+            // 生成二维码的回调
+            this._result(res);
+          }
         });
       } else {
         uni.showToast({
@@ -204,12 +205,12 @@ export default {
       }
     },
     _clearCode() {
-      this._result('')
-      qrcode.clear()
+      this._result('');
+      qrcode.clear();
     },
     _saveCode() {
       let that = this;
-      if (this.result != "") {
+      if (this.result != '') {
         uni.saveImageToPhotosAlbum({
           filePath: that.result,
           success: function () {
@@ -224,23 +225,23 @@ export default {
     },
     _result(res) {
       this.result = res;
-      this.$emit('result', res)
+      this.$emit('result', res);
     },
     _empty(v) {
       let tp = typeof v,
         rt = false;
-      if (tp == "number" && String(v) == "") {
-        rt = true
-      } else if (tp == "undefined") {
-        rt = true
-      } else if (tp == "object") {
-        if (JSON.stringify(v) == "{}" || JSON.stringify(v) == "[]" || v == null) rt = true
-      } else if (tp == "string") {
-        if (v == "" || v == "undefined" || v == "null" || v == "{}" || v == "[]") rt = true
-      } else if (tp == "function") {
-        rt = false
+      if (tp == 'number' && String(v) == '') {
+        rt = true;
+      } else if (tp == 'undefined') {
+        rt = true;
+      } else if (tp == 'object') {
+        if (JSON.stringify(v) == '{}' || JSON.stringify(v) == '[]' || v == null) rt = true;
+      } else if (tp == 'string') {
+        if (v == '' || v == 'undefined' || v == 'null' || v == '{}' || v == '[]') rt = true;
+      } else if (tp == 'function') {
+        rt = false;
       }
-      return rt
+      return rt;
     },
     //图片转base64
     urlTobase64(url, func) {
@@ -248,18 +249,20 @@ export default {
       uni.getFileSystemManager().readFile({
         filePath: url, //选择图片返回的相对路径
         encoding: 'base64', //编码格式
-        success: res => { //成功的回调
+        success: (res) => {
+          //成功的回调
           console.log(res);
-          let base64 = 'data:image/jpeg;base64,' + res.data //不加上这串字符，在页面无法显示的哦
+          let base64 = 'data:image/jpeg;base64,' + res.data; //不加上这串字符，在页面无法显示的哦
           func(base64);
-        }, fail: (e) => {
-          console.log("图片转换失败");
+        },
+        fail: (e) => {
+          console.log('图片转换失败');
           uni.showToast({
             title: '图片转换失败',
             duration: 1000
           });
         }
-      })
+      });
       // #endif
 
       // #ifndef MP-WEIXIN
@@ -267,23 +270,23 @@ export default {
         url: url,
         method: 'GET',
         responseType: 'arraybuffer',
-        success: ress => {
-          let base64 = wx.arrayBufferToBase64(ress.data); //把arraybuffer转成base64 
-          base64 = 'data:image/jpeg;base64,' + base64 //不加上这串字符，在页面无法显示的哦
+        success: (ress) => {
+          let base64 = wx.arrayBufferToBase64(ress.data); //把arraybuffer转成base64
+          base64 = 'data:image/jpeg;base64,' + base64; //不加上这串字符，在页面无法显示的哦
           func(base64);
-        }, fail: (e) => {
+        },
+        fail: (e) => {
           uni.showToast({
             title: '图片转换失败',
             duration: 1000
           });
-          console.log("图片转换失败");
+          console.log('图片转换失败');
         }
-      })
+      });
       // #endif
-
     }
-  },
-}
+  }
+};
 </script>
 
 <style>

package/ui-cv/cv-editor/compressImage.vue

@@ -1,11 +1,11 @@
 <template>
   <view class="compress">
-    <canvas :style="{ width: canvasSize.width,height: canvasSize.height}" canvas-id="myCanvas"></canvas>
+    <canvas :style="{ width: canvasSize.width, height: canvasSize.height }" canvas-id="myCanvas"></canvas>
   </view>
 </template>
 
 <script>
-import { base64ToPath } from './index.js'
+import { base64ToPath } from './index.js';
 export default {
   data() {
     return {
@@ -14,12 +14,15 @@ export default {
         width: 0,
         height: 0
       }
-    }
+    };
   },
   methods: {
     dataURLtoBlob(dataurl) {
-      let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
-        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+      let arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]),
+        n = bstr.length,
+        u8arr = new Uint8Array(n);
       while (n--) {
         u8arr[n] = bstr.charCodeAt(n);
       }
@@ -28,7 +31,9 @@ export default {
     // 压缩
     compress(params) {
       return new Promise(async (resolve, reject) => {
-        let info = await this.getImageInfo(params.src).then(info => info).catch(err => err);
+        let info = await this.getImageInfo(params.src)
+          .then((info) => info)
+          .catch((err) => err);
 
         if (!info) {
           reject('获取图片信息异常');
@@ -58,47 +63,49 @@ export default {
         this.canvasSize = {
           width: `${width}rpx`,
           height: `${height}rpx`
-        }
+        };
 
         this.$nextTick(() => {
           setTimeout(() => {
             const ctx = uni.createCanvasContext('myCanvas', this);
             ctx.drawImage(info.path, 0, 0, uni.upx2px(width), uni.upx2px(height));
             ctx.draw(false, () => {
-              uni.canvasToTempFilePath({
-                x: 0,
-                y: 0,
-                width: uni.upx2px(width),
-                height: uni.upx2px(height),
-                destWidth: width,
-                destHeight: height,
-                canvasId: 'myCanvas',
-                fileType: params.fileType || 'jpg',
-                quality: params.quality || 0.9,
-                success: (res) => {
-                  // 在H5平台下，tempFilePath 为 base64
-                  // #ifdef H5
-                  base64ToPath(res.tempFilePath)
-                    .then(path => {
-                      resolve(path);
-                    })
-                    .catch(error => {
-                      console.error(error)
-                      reject(error);
-                    })
-                  // #endif
-                  // #ifndef H5
-                  resolve(res.tempFilePath);
-                  // #endif
+              uni.canvasToTempFilePath(
+                {
+                  x: 0,
+                  y: 0,
+                  width: uni.upx2px(width),
+                  height: uni.upx2px(height),
+                  destWidth: width,
+                  destHeight: height,
+                  canvasId: 'myCanvas',
+                  fileType: params.fileType || 'jpg',
+                  quality: params.quality || 0.9,
+                  success: (res) => {
+                    // 在H5平台下，tempFilePath 为 base64
+                    // #ifdef H5
+                    base64ToPath(res.tempFilePath)
+                      .then((path) => {
+                        resolve(path);
+                      })
+                      .catch((error) => {
+                        console.error(error);
+                        reject(error);
+                      });
+                    // #endif
+                    // #ifndef H5
+                    resolve(res.tempFilePath);
+                    // #endif
+                  },
+                  fail: (err) => {
+                    reject(err);
+                  }
                 },
-                fail: (err) => {
-                  reject(err);
-                }
-              }, this);
-
+                this
+              );
             });
           }, 500);
-        })
+        });
       });
     },
     // 获取图片信息
@@ -116,10 +123,10 @@ export default {
       });
     }
   }
-}
+};
 </script>
 
-<style >
+<style>
 .compress {
   position: fixed;
   width: 12px;