@netang/quasar 0.1.97 → 0.1.99

package/components/search-item/index.vue

@@ -116,8 +116,6 @@ export default {
          */
         watch(() => props.modelValue[0].compare, function(compare) {
 
-            console.log('compare', props.data, props.modelValue[0].compare)
-
             // 获取当前值
             const value = props.modelValue[0].value
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.1.97",
+  "version": "0.1.99",
   "description": "netang-quasar",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/utils/getImage.js

@@ -1,3 +1,4 @@
+import $n_get from 'lodash/get'
 import $n_has from 'lodash/has'
 import $n_isString from 'lodash/isString'
 
@@ -6,6 +7,7 @@ import $n_isValidObject from '@netang/utils/isValidObject'
 import $n_isValidString from '@netang/utils/isValidString'
 import $n_isNumeric from '@netang/utils/isNumeric'
 import $n_split from '@netang/utils/split'
+import $n_slash from '@netang/utils/slash'
 
 import $n_uploader from './uploader'
 
@@ -18,13 +20,6 @@ export default function getImage(src, options) {
 
     if (src) {
 
-        // 如果是字符串
-        if ($n_isValidString(src)) {
-
-            // 则按照逗号隔开转为数租
-            src = $n_split(src, ',')
-        }
-
         // 如果为数组, 则获取第一个
         if ($n_isValidArray(src)) {
             src = src[0]
@@ -42,10 +37,35 @@ export default function getImage(src, options) {
             }
         }
 
+        // 如果是字符串
         if ($n_isValidString(src)) {
 
-            // http(s):// 或 data: 或 blob: 开头的地址
-            if (/^(http(s)?:\/\/|data:|blob:)/i.test(src)) {
+            // data: 或 blob: 开头的地址
+            if (/^(data:|blob:)/i.test(src)) {
+                return src
+            }
+
+            // 如果是 http(s):// 开头
+            if (/^(http(s)?:\/\/)/i.test(src)) {
+                src = $n_split(
+                    src.replace(/,https:\/\//gi, '___https://')
+                        .replace(/,http:\/\//gi, '___http://')
+                    , '___'
+                )
+
+            // 否则则按照逗号隔开转为数组
+            } else {
+                src = $n_split(src, ',')
+            }
+
+            // 如果为数组, 则获取第一个
+            if ($n_isValidArray(src)) {
+                src = src[0]
+            }
+
+            // http(s):// 开头的地址
+            // /^(http(s)?:\/\/|data:|blob:)/i.test(src)
+            if (/^(http(s)?:\/\/)/i.test(src)) {
                 return src
             }
 
@@ -61,8 +81,8 @@ export default function getImage(src, options) {
                         zoom,
                     } = options
 
-                    // 先设为 0
-                    options.w = 0
+                    // 先设为最大宽度
+                    options.w = maxWidth || 0
 
                     // 如果有宽度
                     if (w) {
@@ -84,7 +104,7 @@ export default function getImage(src, options) {
                                     // 获取设备像素比
                                     const devicePixelRatio = window.devicePixelRatio || 1
                                     if (devicePixelRatio > 2) {
-                                        w *= 2
+                                        w *= (devicePixelRatio > 3 ? 3 : devicePixelRatio)
                                     }
                                 }
                                 /* #endif */
@@ -96,7 +116,7 @@ export default function getImage(src, options) {
                                 }
 
                                 // 如果有最大宽度
-                                if (maxWidth && maxWidth > w) {
+                                if (maxWidth && w > maxWidth) {
                                     w = maxWidth
                                 }
 
@@ -113,31 +133,40 @@ export default function getImage(src, options) {
             const {
                 type,
                 domain,
-            } = $n_uploader.getUpload()
+            } = $n_uploader.getUpload(null, $n_get(options, 'upload', ''))
 
             // 判断图片上传方式
             switch (type) {
 
                 // 七牛云
+                // 文档: https://developer.qiniu.com/dora/1279/basic-processing-images-imageview2
                 case 'qiniu':
                 // minio
                 case 'minio':
 
                     const {
                         compress,
+                        mode,
                         w,
                         h,
                         q,
+                        ignoreError,
                         format,
                     } = Object.assign({
                         // 是否压缩
                         compress: true,
+                        // 模式
+                        mode: '2',
                         // 宽
                         w: 0,
                         // 高
                         h: 0,
                         // 质量
                         q: 75,
+                        // 是否忽略错误
+                        // 主要针对图片兼容性的问题导致无法处理, 取值为 1 时, 则处理失败时返回原图
+                        // 不设置此参数, 默认处理失败时返回错误信息
+                        ignoreError: false,
                         // 格式
                         format: 'webp',
                     }, options)
@@ -146,7 +175,7 @@ export default function getImage(src, options) {
                     if (compress) {
 
                         // 裁剪图片方式
-                        src += '?imageView2/2'
+                        src += `?imageView2/${mode}`
 
                         // 质量
                         if (q) {
@@ -163,6 +192,11 @@ export default function getImage(src, options) {
                             src += '/h/' + h
                         }
 
+                        // 是否忽略错误
+                        if (ignoreError) {
+                            src += '/ignore-error/1'
+                        }
+
                         // 格式
                         if (format) {
                             src += '/format/' + format
@@ -171,6 +205,15 @@ export default function getImage(src, options) {
                 break
             }
 
+            // 【调试模式】
+            // --------------------------------------------------
+            // #ifdef IS_DEBUG
+            if ($n_get(options, 'upload')) {
+                return $n_slash(domain, 'end', true) + src
+            }
+            // #endif
+            // --------------------------------------------------
+
             return useFileUrl(domain, src)
         }
     }

package/utils/uploader.js

@@ -1604,7 +1604,7 @@ function create(options) {
  */
 export function getUpload(userConfig = null, defaultUpload = '') {
     const uploadConfig = $n_get((userConfig ? userConfig : configs.userConfig), 'uploader.upload', {})
-    const type = defaultUpload ? defaultUpload : uploadConfig.default
+    const type = $n_isValidString(defaultUpload) ? defaultUpload : uploadConfig.default
     return Object.assign(
         {},
         $n_get(uploadConfig, type, {}),