@netang/quasar 0.1.94 → 0.1.96

package/package.json

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

package/utils/config.js

@@ -11,12 +11,7 @@ import $n_get from 'lodash/get'
 //     // 是否开启人民币分转元
 //     priceCentToYuan: false,
 //     // 上传器
-//     uploader: {
-//         upload: {
-//             type: '',
-//             domain: '',
-//         },
-//     },
+//     uploader: {},
 // },
 
 // 配置

package/utils/getFile.js

@@ -1,7 +1,7 @@
 import $n_isValidArray from '@netang/utils/isValidArray'
 import $n_isValidString from '@netang/utils/isValidString'
 
-import $n_config from './config'
+import $n_uploader from './uploader'
 
 import useFileUrl from './useFileUrl'
 
@@ -27,11 +27,13 @@ export default function getFile(src) {
             const {
                 type,
                 domain,
-            } = $n_config('uploader.upload')
+            } = $n_uploader.getUpload()
 
             switch (type) {
                 // 七牛云
                 case 'qiniu':
+                // minio
+                case 'minio':
                     return useFileUrl(domain, src)
             }
         }

package/utils/getImage.js

@@ -7,7 +7,7 @@ import $n_isValidString from '@netang/utils/isValidString'
 import $n_isNumeric from '@netang/utils/isNumeric'
 import $n_split from '@netang/utils/split'
 
-import $n_config from './config'
+import $n_uploader from './uploader'
 
 import useFileUrl from './useFileUrl'
 
@@ -113,14 +113,16 @@ export default function getImage(src, options) {
             const {
                 type,
                 domain,
-            } = $n_config('uploader.upload')
+            } = $n_uploader.getUpload()
 
             // 判断图片上传方式
             switch (type) {
 
                 // 七牛云
                 case 'qiniu':
-
+                // minio
+                case 'minio':
+                    
                     const {
                         compress,
                         w,

package/utils/uploader.js

@@ -45,8 +45,8 @@ import {
     FilE_NAME,
     // 上传状态
     UPLOAD_STATUS,
-    // 上传器
-    UPLOADERS,
+    // 上传至服务器
+    uploadServer,
 } from './useUploader'
 
 // 文件数量
@@ -114,12 +114,8 @@ function create(options) {
     /**
      * 上传配置
      */
-    const configUpload = Object.assign(
-        {
-            type: 'local',
-        },
-        $n_config('uploader.upload')
-    )
+    const configUpload = getUpload()
+
     const configLimit = Object.assign({
         maxSize: 100,
         exts: [],
@@ -871,23 +867,8 @@ function create(options) {
     /**
      * 上传
      */
-    let _upload = null
     async function upload() {
         try {
-            if (! _upload) {
-                const run = $n_get(UPLOADERS, configUpload.type)
-                if (run) {
-                    _upload = (await run()).default
-                }
-                if (! _upload) {
-                    // 错误提示
-                    $n_alert({
-                        message: '没有定义上传器',
-                    })
-                    return
-                }
-            }
-
             // 待上传文件列表
             const waitUploadFileLists = []
             for (const fileItem of uploadFileLists.value) {
@@ -900,12 +881,13 @@ function create(options) {
                 return
             }
 
-            // 上传
-            await _upload({
-                config: configUpload,
+            // 上传至服务器
+            await uploadServer({
+                fileType: FilE_TYPE[props.type],
+                configUpload,
                 waitUploadFileLists,
-                uploadFileLists,
-                checkFileError,
+                // uploadFileLists,
+                // checkFileError,
                 setFileSuccess,
                 setFileFail,
             })
@@ -1614,12 +1596,29 @@ 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
+    return Object.assign(
+        {},
+        $n_get(uploadConfig, type, {}),
+        {
+            type,
+        }
+    )
+}
+
 /**
  * 上传器
  */
 const uploader = {
     // 创建对话框
     create,
+    // 获取上传方式
+    getUpload,
 }
 
 export default uploader

package/utils/useFileUrl.js

@@ -14,6 +14,7 @@ export default function useFileUrl(domain, src) {
     const {
         getFileUrl,
     } = configs
+
     if ($n_isFunction(getFileUrl)) {
         const res = getFileUrl(domain, src)
         if ($n_isValidString(res)) {

package/utils/useUploader.js

@@ -1,53 +1,303 @@
-/**
- * 文件类型映射
- */
-export const FilE_TYPE = {
-    file: 1,
-    image: 2,
-    video: 3,
-    audio: 4,
-}
-
-/**
- * 文件名称映射
- */
-export const FilE_NAME = {
-    1: '文件',
-    2: '图片',
-    3: '视频',
-    4: '音频',
-}
-
-/**
- * 上传状态
- */
-export const UPLOAD_STATUS = {
-    // 等待上传中
-    waiting: 1,
-    // 检查 hash 中
-    hashChecking: 2,
-    // 检查 hash 完成
-    hashChecked: 3,
-    // 检查是否存在服务器中
-    existChecking: 4,
-    // 检查是否存在服务器完成
-    existChecked: 5,
-    // 上传中
-    uploading: 6,
-    // 上传完成
-    success: 7,
-    // 上传失败
-    fail: 8,
-}
-
-/**
- * 上传器
- */
-export const UPLOADERS = {
-    // 本地上传
-    'local': ()=>import('./uploader/local'),
-    // 七牛云上传
-    'qiniu': ()=>import('./uploader/qiniu'),
-    // 阿里云上传
-    'aliyun': ()=>import('./uploader/aliyun'),
-}
+import $n_storage from '@netang/utils/storage'
+import $n_isValidObject from '@netang/utils/isValidObject'
+import $n_isValidString from '@netang/utils/isValidString'
+import $n_http from '@netang/utils/http'
+import $n_numberDeep from '@netang/utils/numberDeep'
+import $n_json from '@netang/utils/json'
+
+import { getUpload } from './uploader'
+
+import $n_toast from './toast'
+import $n_config from './config'
+
+/**
+ * 文件类型映射
+ */
+export const FilE_TYPE = {
+    file: 1,
+    image: 2,
+    video: 3,
+    audio: 4,
+}
+
+/**
+ * 文件名称映射
+ */
+export const FilE_NAME = {
+    1: '文件',
+    2: '图片',
+    3: '视频',
+    4: '音频',
+}
+
+/**
+ * 上传状态
+ */
+export const UPLOAD_STATUS = {
+    // 等待上传中
+    waiting: 1,
+    // 检查 hash 中
+    hashChecking: 2,
+    // 检查 hash 完成
+    hashChecked: 3,
+    // 检查是否存在服务器中
+    existChecking: 4,
+    // 检查是否存在服务器完成
+    existChecked: 5,
+    // 上传中
+    uploading: 6,
+    // 上传完成
+    success: 7,
+    // 上传失败
+    fail: 8,
+}
+
+/**
+ * 获取上传参数
+ */
+export async function getUploadParams(type, bucket = 'public') {
+
+    // 缓存名
+    const cacheName = `upload_params_${type}_${bucket}`
+
+    // 获取缓存
+    const cache = $n_storage.get(cacheName)
+    if (cache !== null) {
+        return cache
+    }
+
+    // 请求数据
+    const { status, data } = await $n_http({
+        url: $n_config('apiFileUrl') + 'get_upload_params',
+        data: {
+            // 类型
+            type,
+            // 空间名称
+            bucket,
+        },
+    })
+
+    // 如果成功
+    if (! status || ! $n_isValidObject(data)) {
+        return false
+    }
+
+    // 【生产模式】
+    // --------------------------------------------------
+    // #ifdef IS_PRO
+    // 保存缓存(6 小时)
+    $n_storage.set(cacheName, data, 21600000)
+    // #endif
+    // --------------------------------------------------
+
+    return data
+}
+
+/**
+ * 删除上传参数缓存
+ */
+export function deleteUploadParams(type, bucket = 'public') {
+    $n_storage.delete(`upload_params_${type}_${bucket}`)
+}
+
+/**
+ * 上传至服务器
+ */
+export async function uploadServer(params) {
+
+    const {
+        fileType,
+        configUpload,
+        waitUploadFileLists,
+        // uploadFileLists,
+        // checkFileError,
+        setFileSuccess,
+        setFileFail,
+    } = params
+
+    // 获取上传参数
+    const uploadParams = await getUploadParams(configUpload.type)
+    if (uploadParams === false) {
+        for (const fileItem of waitUploadFileLists) {
+            setFileFail(fileItem, '上传失败')
+        }
+        $n_toast({
+            message: `获取[${configUpload.type}]上传参数失败`,
+        })
+        return
+    }
+
+    // 是否上传 minio 备份
+    // --------------------------------------------------
+    let backupParams = null
+    let backupConfig = null
+    if (configUpload.type !== 'minio') {
+        backupConfig = getUpload(null, 'minio')
+        // 如果同步
+        if (backupConfig.sync === true) {
+            backupParams = await getUploadParams(backupConfig.type)
+            if (backupParams === false) {
+                for (const fileItem of waitUploadFileLists) {
+                    setFileFail(fileItem, '上传失败')
+                }
+                $n_toast({
+                    message: `获取[${backupConfig.type}]上传参数失败`,
+                })
+                return
+            }
+        }
+    }
+    // --------------------------------------------------
+
+    // 批量上传
+    for (const fileItem of waitUploadFileLists) {
+        // 上传单个文件
+        await uploadFileItem(fileItem)
+    }
+
+    /**
+     * 上传单个文件
+     */
+    async function uploadFileItem(fileItem) {
+
+        // 设置文件状态
+        fileItem.status = UPLOAD_STATUS.uploading
+
+        // 上传文件
+        const upload = async function(configUpload, uploadParams, startPercent, halfPercent) {
+
+            const {
+                // 上传地址
+                url,
+                // 文件名
+                fileName,
+                // 键值名
+                keyName,
+                // 上传数据
+                data,
+            } = uploadParams
+
+            // 请求数据
+            const httpData = Object.assign({}, data)
+            // 文件
+            httpData[fileName] = fileItem.file
+            // 自定义文件 key
+            httpData[keyName] = fileItem.hash
+
+            const { status, data: res } = await $n_http({
+                // 上传地址
+                url,
+                // 数据
+                data: httpData,
+                // 关闭错误提醒
+                warn: false,
+                // 关闭检查结果 code
+                checkCode: false,
+                // 不包含头部鉴权认证
+                token: false,
+                // 开启上传
+                upload: true,
+                // 取消请求
+                onCancel(cancel) {
+                    // 设置中断上传
+                    fileItem.abort = function(msg) {
+                        cancel($n_isValidString(msg) ? msg : '已取消')
+                    }
+                },
+                // 监听上传进度
+                onUploadProgress(percent) {
+                    // 设置上传进度
+                    fileItem.progress = Math.round(startPercent + (halfPercent ? percent / 2 : percent))
+                },
+            })
+
+            // 如果请求失败
+            if (! status) {
+                // 设置文件上传失败
+                setFileFail(fileItem, res.msg)
+                // 删除上传参数缓存
+                deleteUploadParams(configUpload.type)
+                return false
+            }
+
+            return res
+        }
+        const resUpload = await upload(configUpload, uploadParams, 0, !! backupParams)
+        if (resUpload === false) {
+            return false
+        }
+
+        // 是否已备份
+        let is_backup = 0
+
+        // 上传至备份服务器
+        // --------------------------------------------------
+        if (backupParams) {
+            const res = await upload(backupConfig, backupParams, 50, true)
+            if (res === false) {
+                return false
+            }
+            is_backup = 1
+        }
+        // --------------------------------------------------
+
+        const {
+            title,
+            type,
+            hash,
+            ext,
+            size,
+            json,
+        } = fileItem
+
+        // 请求 - 上传文件至 cdn
+        const { status: statusCallback, data: resCallback } = await $n_http({
+            url: $n_config('apiFileUrl') + 'upload_callback',
+            data: {
+                // 类型
+                type: configUpload.type,
+                // 需上传的文件类型
+                file_type: fileType,
+                // 文件
+                file: {
+                    // 标题
+                    title: title || '',
+                    // 类型
+                    type,
+                    // hash
+                    hash,
+                    // 后缀
+                    ext,
+                    // 文件大小
+                    size,
+                    // 文件 json
+                    json,
+                    // 是否已备份
+                    is_backup,
+                },
+                // 结果
+                result: $n_isValidObject(resUpload) ? resUpload : {},
+            },
+            // 关闭错误提示
+            warn: false,
+        })
+
+        // 请求失败
+        if (! statusCallback || ! $n_isValidObject(resCallback)) {
+            // 设置文件上传失败
+            setFileFail(fileItem, resCallback.msg || '上传失败')
+            return false
+        }
+
+        // 格式化 json
+        const _json = $n_json.parse(resCallback.json)
+        Object.assign(fileItem, resCallback, {
+            json: $n_isValidObject(_json) ? $n_numberDeep(_json) : {},
+        })
+
+        // 设置文件上传成功
+        setFileSuccess(fileItem)
+
+        return true
+    }
+}

package/utils/uploader/aliyun.js

@@ -1,6 +0,0 @@
-/**
- * 七牛云上传
- */
-export default async function () {
-
-}

package/utils/uploader/local.js

@@ -1,8 +0,0 @@
-/**
- * 七牛云上传
- */
-export default async function () {
-
-
-
-}

package/utils/uploader/qiniu.js

@@ -1,320 +0,0 @@
-import $n_has from 'lodash/has'
-import $n_isString from 'lodash/isString'
-import $n_findIndex from 'lodash/findIndex'
-import $n_trim from 'lodash/trim'
-
-import $n_isValidObject from '@netang/utils/isValidObject'
-import $n_isValidString from '@netang/utils/isValidString'
-import $n_http from '@netang/utils/http'
-
-import $n_toast from '../toast'
-import $n_config from '../config'
-
-import {
-    UPLOAD_STATUS,
-} from '../useUploader'
-
-/**
- * 获取七牛云上传 token
- */
-async function getQiniuToken(bucket = 'public') {
-
-    // 请求数据
-    const { status, data } = await $n_http({
-        url: $n_config('apiFileUrl') + 'get_qiniu_token',
-        data: {
-            bucket,
-        },
-
-        // 【生产模式】
-        // --------------------------------------------------
-        // #ifdef IS_PRO
-        // 开启缓存
-        cache: 'qiniu_token_' + bucket,
-        // 缓存时间(6 小时)
-        cacheTime: 21600000,
-        // #endif
-        // --------------------------------------------------
-    })
-
-    // 如果成功
-    if (! status) {
-        return false
-    }
-
-    return data
-}
-
-/**
- * 七牛云上传
- */
-export default async function ({ waitUploadFileLists, uploadFileLists, checkFileError, setFileSuccess, setFileFail }) {
-
-    // 获取七牛云上传 token
-    const token = await getQiniuToken()
-    if (! token) {
-        for (const fileItem of waitUploadFileLists) {
-            setFileFail(fileItem, '上传失败')
-        }
-        $n_toast({
-            message: '获取上传参数失败',
-        })
-        return
-    }
-
-    // 批量上传
-    for (const fileItem of waitUploadFileLists) {
-        // 上传单个文件
-        await uploadFileItem(fileItem, token)
-    }
-
-    /**
-     * 上传单个文件
-     */
-    async function uploadFileItem(fileItem, token) {
-
-        // 设置文件状态
-        fileItem.status = UPLOAD_STATUS.uploading
-
-        // 请求上传文件到七牛云
-        const { status, data: resUpload } = await $n_http({
-            // 上传地址
-            url: 'https://upload.qiniup.com/',
-            // 数据
-            data: {
-                // 七牛云上传 token
-                token,
-                // 文件
-                file: fileItem.file,
-                // 自定义文件 key
-                key: fileItem.hash,
-            },
-            // 关闭错误提醒
-            warn: false,
-            // 关闭检查结果 code
-            checkCode: false,
-            // 不包含头部鉴权认证
-            token: false,
-            // 开启上传
-            upload: true,
-            // 取消请求
-            onCancel(cancel) {
-                // 设置中断上传
-                fileItem.abort = function(msg) {
-                    cancel($n_isValidString(msg) ? msg : '已取消')
-                }
-            },
-            // 监听上传进度
-            onUploadProgress(percent) {
-                // 设置上传进度
-                fileItem.progress = percent
-            },
-        })
-
-        // 如果请求失败
-        if (! status) {
-            // 设置文件上传失败
-            setFileFail(fileItem, resUpload.msg)
-            return
-        }
-
-        // 如果检查七牛回调成功
-        const query = await checkQiniuCallback(resUpload, fileItem)
-        if (! query) {
-            return
-        }
-
-        // 请求 - 上传文件至 cdn
-        const { status: statusCallback, data: resCallback } = await $n_http({
-            url: $n_config('apiFileUrl') + 'upload_cdn_callback',
-            data: query,
-            // 关闭错误提示
-            warn: false,
-        })
-
-        // 请求失败
-        if (! statusCallback) {
-            // 设置文件上传失败
-            setFileFail(fileItem, resCallback.msg || '上传失败')
-            return
-        }
-
-        // 设置文件上传成功
-        setFileSuccess(fileItem)
-    }
-
-    /**
-     * 检查七牛回调成功
-     */
-    function checkQiniuCallback(res, fileItem) {
-
-        // 如果文件被删除
-        if ($n_findIndex(uploadFileLists.value, { hash: fileItem.hash }) === -1) {
-            // 设置文件上传失败
-            setFileFail(fileItem, '上传失败')
-            return false
-        }
-
-        // 返回示例
-        // ------------------------------
-        // format: "null"
-        // width: null
-        // height: null
-        // key: "d038dce5892840636b2c1f6d241f33ad"
-        // hash: "lrYGlELBAgN9OgKV_i5gbHOdZMvt"
-        // orientation: null
-        // size: 6620454
-        // aduration: 57.258005
-        // vwidth: 1280
-        // vheight: 720
-        // vrotate: null
-        // vduration: 57.291992
-
-        const {
-            format,
-            width,
-            height,
-            key,
-            orientation,
-            size,
-            aduration,
-            vwidth,
-            vheight,
-            vrotate,
-            vduration,
-        } = res
-
-        const query = {
-            // 标题
-            title: fileItem.title,
-            // 类型(1:文件,2:图片,3:视频,4:音频)
-            type: 0,
-            // hash
-            hash: key,
-            // 文件大小
-            size,
-            // 后缀
-            ext: fileItem.ext,
-        }
-
-        // json 信息
-        const json = {}
-
-        // 【1】先判断是否为视频(有时长 && 有宽 && 有高 && 时长 > 0, 则为视频)
-        if (vduration && vwidth && vheight) {
-
-            // 类型(3:视频)
-            query.type = 3
-
-            // 视频旋转角度
-            // vrotate: 无  ==> 1: 手机右横屏(宽高不变)
-            // vrotate: 90  ==> 2: 手机垂直(宽高反转)
-            // vrotate: 180 ==> 3: 手机左横屏(宽高不变)
-            // vrotate: 270 ==> 4: 手机倒过来垂直(宽高反转)
-            const rotates = {
-                90: 2,
-                180: 3,
-                270: 4,
-            }
-
-            // 设置 json 信息
-            Object.assign(json, {
-                w: vwidth,
-                h: vheight,
-                d: vduration,
-            })
-
-            if ($n_has(rotates, vrotate)) {
-                json.o = rotates[vrotate]
-            }
-
-        // 【2】再判断是否为音频(有音频时长 && 无视频时长 && 音频时长 > 0, 则为音频)
-        } else if (aduration && ! vduration) {
-
-            // 类型(4:音频)
-            query.type = 4
-
-            // 设置 json 信息
-            json.d = aduration
-
-        // 【3】再判断是否为图片(有宽 && 有高 && 大小 < 20M, 为图片)
-        } else if (width && height) {
-
-            // 类型(2:图片)
-            query.type = 2
-
-            // 图片后缀名
-            query.ext = format === 'jpeg' ? 'jpg' : format
-
-            // 如果大小 < 20M, 则为可用图片
-            if (size < 20971520) {
-
-                // 设置 json 数据
-                json.w = width
-                json.h = height
-
-                // 图片垂直角度
-                const orientations = {
-                    // 【1】相机原始位置(宽高不变)
-                    // 'top-left': 1,
-                    // 【2】等于 1 的垂直镜像(几乎无用)(宽高不变)
-                    'top-right': 2,
-                    // 【3】旋转 180度(宽高不变)
-                    'bottom-right': 3,
-                    // 【4】等于 3 的垂直镜像(几乎无用)(宽高不变)
-                    'bottom-left': 4,
-                    // 【5】等于 8 的水平镜像(几乎无用)(宽高反转)
-                    'left-top': 5,
-                    // 【6】旋转 90 度(宽高反转)
-                    'right-top': 6,
-                    // 【7】等于 8 的垂直镜像(几乎无用)(宽高反转)
-                    'right-bottom': 7,
-                    // 【8】旋转 270 度(宽高反转)
-                    'left-bottom': 8,
-                }
-                if (orientation && $n_isString(orientation)) {
-                    const key = $n_trim(orientation).toLowerCase()
-                    if ($n_has(orientations, key)) {
-                        json.o = orientations[key]
-                    }
-                }
-
-            // 否则为类型为文件
-            } else {
-                // 检查文件错误
-                const errMsg = checkFileError(query)
-                if (errMsg) {
-                    // 设置文件上传失败
-                    setFileFail(fileItem, errMsg)
-                    return false
-                }
-
-                // 类型(1:文件)
-                query.type = 1
-            }
-
-        // 否则为类型为文件
-        } else {
-            // 类型(1:文件)
-            query.type = 1
-        }
-
-        // 检查文件错误
-        const errMsg = checkFileError(query)
-        if (errMsg) {
-            // 设置文件上传失败
-            setFileFail(fileItem, errMsg)
-            return false
-        }
-
-        // json 信息
-        query.json = json
-
-        // 设置文件
-        Object.assign(fileItem, query)
-
-        return Object.assign({}, query, {
-            json: $n_isValidObject(json) ? JSON.stringify(json) : ''
-        })
-    }
-}