@veritree/ui 0.58.0 → 0.58.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.58.0",
+  "version": "0.58.2",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Image/VTImage.vue

@@ -60,12 +60,14 @@ export default {
           return this.placeholder;
         }
 
-        if (this.cdnSrc) {
-          return this.handleImageResizing(this.cdnSrc, this.$attrs.width);
+        if (this.src) {
+          return this.src.includes('cloudfront.net/')
+            ? handleImageResizing(this.src, this.$attrs.width)
+            : this.src;
         }
 
-        if (this.src) {
-          return this.src;
+        if (this.cdnSrc) {
+          return handleImageResizing(this.cdnSrc, this.$attrs.width);
         }
       }
 
@@ -88,8 +90,6 @@ export default {
   },
 
   methods: {
-    handleImageResizing,
-
     onLoad() {
       this.isLoaded = true;
     },

package/src/utils/images.js

@@ -7,12 +7,18 @@ export const handleImageResizing = (url, width) => {
   let cdn;
   
   try {
-    if (typeof url === 'object') {
-      cdn = url.cdn_url;
-    }
-
-    if (typeof url === 'string') {
-      cdn = JSON.parse(url).cdn_url;
+    // new code
+    if(typeof url === 'string' && url.includes('cloudfront.net/')) {
+      cdn = url;
+    } else {
+      // old code
+      if (typeof url === 'object') {
+        cdn = url.cdn_url;
+      }
+  
+      if (typeof url === 'string') {
+        cdn = JSON.parse(url).cdn_url;
+      }
     }
 
     const base64String = cdn.split('net/');