@netang/quasar 0.2.7 → 0.2.8

package/components/img/index.vue

@@ -21,7 +21,6 @@
                         :name="errorIcon"
                     />
                 </div>
-
                 <!-- 默认插槽 -->
                 <slot />
             </slot>
@@ -58,7 +57,6 @@
                         :name="errorIcon"
                     />
                 </div>
-
                 <!-- 默认插槽 -->
                 <slot />
             </slot>

package/components/uploader/index.vue

@@ -39,6 +39,8 @@ export default {
     props: {
         // 值
         modelValue: [String, Array],
+        // 上传器类型
+        uploaderType: String,
         // 上传文件类型, 可选值 file image video audio
         type: {
             type: String,
@@ -99,6 +101,9 @@ export default {
 
         // 创建上传器
         const uploader = $n_uploader.create({
+            // 上传器类型
+            uploaderType: props.uploaderType,
+            // 上传文件类型, 可选值 file image video audio
             type: props.type,
             // 声明属性
             props,

package/components/uploader-query/index.vue

@@ -315,6 +315,21 @@
                         />
 
                         <!-- 播放图标 -->
+                        <n-thumbnail
+                            class="rounded-borders cursor-pointer"
+                            :src="fileItem.json.p"
+                            :size="currentSize / 1.5"
+                            title="播放"
+                            @click.prevent.stop="uploader.play(fileItem)"
+                            v-else-if="fileItem.json.p"
+                        >
+                            <div class="absolute-full no-padding row items-center justify-center">
+                                <q-icon
+                                    name="play_circle"
+                                    :size="toPx(currentSize / 3)"
+                                />
+                            </div>
+                        </n-thumbnail>
                         <q-icon
                             class="n-uploader-query__item__icon__icon cursor-pointer"
                             name="play_circle"
@@ -431,13 +446,14 @@ import $n_getImage from '../../utils/getImage'
 import $n_previewImage from '../../utils/previewImage'
 
 import NDragger from '../dragger'
+import NThumbnail from '../thumbnail'
 
 import { NUploaderKey } from '../../utils/symbols'
 
 import {
     // 上传状态
     UPLOAD_STATUS,
-} from '../../utils/useUploader'
+} from '../../utils/uploader'
 
 export default {
 
@@ -451,6 +467,7 @@ export default {
      */
     components: {
         NDragger,
+        NThumbnail,
     },
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.2.7",
+  "version": "0.2.8",
 
   "description": "netang-quasar",
   "scripts": {

package/utils/config.js

@@ -1,4 +1,5 @@
 import $n_get from 'lodash/get'
+import $n_merge from 'lodash/merge'
 
 // 用户配置 参数
 // userConfig: {
@@ -26,14 +27,21 @@ export const configs = {
     routers: {},
     // 表格配置
     tablesConfig: {},
+    // 组件配置
+    components: {},
     // 对话框组件
     dialogComponents: {},
-    // 格式化上传文件 hash
-    formatUploadFileHash: null,
-    // 格式化上传网络链接
-    formatUploadNet: null,
-    // 获取文件地址
-    getFileUrl: null,
+    // 上传器配置
+    uploader: {
+        // 如果是 Minio 上传, 则在后面加上下划线
+        hasMinioSuffix: true,
+        // 格式化上传文件 hash
+        formatUploadFileHash: null,
+        // 格式化上传网络链接
+        formatUploadNet: null,
+        // 获取文件地址
+        getFileUrl: null,
+    },
 }
 
 /**
@@ -41,7 +49,7 @@ export const configs = {
  * @param options
  */
 export function settings(options) {
-    Object.assign(configs, options)
+    $n_merge(configs, options)
 }
 
 /**

package/utils/getFile.js

@@ -50,11 +50,16 @@ export default function getFile(src) {
             }
 
             const {
-                // type,
+                type,
                 domain,
-            } = $n_uploader.getUpload()
-
-            return useFileUrl(domain, src)
+            } = $n_uploader.getUpload(
+                null,
+                src && src.slice(-1) === '_'
+                    ? 'minio'
+                    : ''
+            )
+
+            return useFileUrl({ type, domain, src })
         }
     }
 

package/utils/getImage.js

@@ -130,7 +130,16 @@ export default function getImage(src, options) {
             const {
                 type,
                 domain,
-            } = $n_uploader.getUpload(null, $n_get(options, 'upload', ''))
+            } = $n_uploader.getUpload(
+                null,
+                $n_has(options, 'upload')
+                    ? options.upload
+                    : (
+                        src && src.slice(-1) === '_'
+                            ? 'minio'
+                            : ''
+                    )
+            )
 
             // 判断图片上传方式
             switch (type) {
@@ -219,7 +228,7 @@ export default function getImage(src, options) {
             // #endif
             // --------------------------------------------------
 
-            return useFileUrl(domain, src)
+            return useFileUrl({ type, domain, src })
         }
     }
 

package/utils/index.js

@@ -24,6 +24,7 @@ import getImage from './getImage'
 import getTime from './getTime'
 import loading from './loading'
 import notify from './notify'
+import play from './play'
 import previewImage from './previewImage'
 import price from './price'
 import timestamp from './timestamp'
@@ -57,6 +58,7 @@ export default {
     getTime,
     loading,
     notify,
+    play,
     previewImage,
     price,
     timestamp,

package/utils/play.js

@@ -0,0 +1,40 @@
+import { Platform, Screen, Dialog } from 'quasar'
+
+import $n_getFile from './getFile'
+
+/**
+ * 播放视频 / 音频
+ */
+export default function play(hash) {
+
+    const src = $n_getFile(hash)
+
+    let width
+    let height
+    let fullWidth = false
+    let fullHeight = false
+    let ok = true
+    let style = ''
+
+    if (Platform.is.mobile) {
+        width = Screen.width - 48 - 32
+        height = Screen.height - 48 - 32 - 6 - 52
+        fullWidth = true
+        fullHeight = true
+    } else {
+        width = 800 - 32
+        height = 400 - 32 - 6
+        ok = false
+        style = 'width:800px;max-width:800px;height:400px;max-height:400px;'
+    }
+
+    Dialog.create({
+        message: `<video style="width:${width}px;height:${height}px;" playsinline autoplay controls src="${src}" type="video/mp4" muted="muted"></video>`,
+        style,
+        html: true,
+        dark: true,
+        ok,
+        fullWidth,
+        fullHeight,
+    })
+}

package/utils/uploader.js

@@ -10,6 +10,7 @@ import $n_uniq from 'lodash/uniq'
 import $n_find from 'lodash/find'
 import $n_isFunction from 'lodash/isFunction'
 
+import $n_storage from '@netang/utils/storage'
 import $n_isValidArray from '@netang/utils/isValidArray'
 import $n_isValidObject from '@netang/utils/isValidObject'
 import $n_isValidString from '@netang/utils/isValidString'
@@ -24,6 +25,7 @@ import $n_isValidValue from '@netang/utils/isValidValue'
 import $n_http from '@netang/utils/http'
 import $n_getThrowMessage from '@netang/utils/getThrowMessage'
 import $n_runAsync from '@netang/utils/runAsync'
+import $n_numberDeep from '@netang/utils/numberDeep'
 
 import $n_$ruleValid from './$ruleValid'
 import $n_toast from './toast'
@@ -34,25 +36,76 @@ import $n_getImage from './getImage'
 import $n_getFile from './getFile'
 import $n_config from './config'
 import $n_timestamp from './timestamp'
+import $n_play from './play'
 
+import copy from './copy'
 import { configs } from './config'
 
-import copy from './copy'
+/**
+ * 文件类型映射
+ */
+export const FilE_TYPE = {
+    file: 1,
+    image: 2,
+    video: 3,
+    audio: 4,
+}
 
-import {
-    // 文件类型映射
-    FilE_TYPE,
-    // 文件名称映射
-    FilE_NAME,
-    // 上传状态
-    UPLOAD_STATUS,
-    // 上传至服务器
-    uploadServer,
-} from './useUploader'
+/**
+ * 文件名称映射
+ */
+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,
+}
 
 // 文件数量
 let _fileNum = 0
 
+/**
+ * 将 base64 转换为 File
+ */
+function dataUrlToFile(dataUrl) {
+    const arr = dataUrl.split(',')
+    const mime = arr[0].match(/:(.*?);/)[1]
+    const bstr = window.atob(arr[1])
+    let n = bstr.length
+    const arrayBuffer = new Uint8Array(n)
+    while (n--) {
+        arrayBuffer[n] = bstr.charCodeAt(n)
+    }
+    const blob = new Blob([arrayBuffer], { type: mime })
+
+    return {
+        arrayBuffer,
+        file: new File([blob], String($n_timestamp()), { type: blob.type }),
+    }
+}
+
 /**
  * 创建上传器
  */
@@ -64,6 +117,8 @@ function create(options) {
     const $q = useQuasar()
 
     const {
+        // 上传器类型
+        uploaderType,
         // 上传文件输入框节点
         fileRef,
         // 更新值方法(初始化上传列表时不更新值)
@@ -72,6 +127,8 @@ function create(options) {
         onUpdate,
 
     } = Object.assign({
+        // 上传器类型
+        uploaderType: null,
         // 更新值方法
         onUpdateModelValue: null,
         // 更新方法
@@ -115,7 +172,7 @@ function create(options) {
     /**
      * 上传配置
      */
-    const configUpload = getUpload()
+    const configUpload = getUpload(null, uploaderType)
 
     const configLimit = Object.assign(
         {
@@ -567,13 +624,16 @@ function create(options) {
                     const hash = spark.end(false)
                     if (hash) {
                         // 设置文件 hash
-                        fileItem.hash = hash
+                        fileItem.hash = await formatFileItemHash(hash)
                         // 标题
                         fileItem.title = title
                         // 设置文件状态
                         fileItem.status = UPLOAD_STATUS.hashChecked
                         // 设置文件检查进度
                         fileItem.progress = 100
+
+                        // 设置单个文件信息
+                        await setFileItemInfo(fileItem, setFileFail)
                         return
                     }
                 }
@@ -645,7 +705,7 @@ function create(options) {
                 // --------------------------------------------------
                 const {
                     formatUploadNet,
-                } = configs
+                } = configs.uploader
                 if ($n_isFunction(formatUploadNet)) {
                     files = formatUploadNet(files, props.type === 'image')
                 }
@@ -743,7 +803,7 @@ function create(options) {
     /**
      * 文件输入框更新
      */
-    function fileChange(e) {
+    async function fileChange(e) {
 
         try {
             // 获取上传文件
@@ -762,7 +822,7 @@ function create(options) {
             for (const file of files) {
 
                 // 创建单个文件
-                const fileItem = createFileItem(file)
+                const fileItem = await createFileItem(file)
                 if (fileItem !== false) {
 
                     // 如果只能上传一个
@@ -889,10 +949,7 @@ function create(options) {
             // 上传至服务器
             await uploadServer({
                 fileType: FilE_TYPE[props.type],
-                configUpload,
                 waitUploadFileLists,
-                // uploadFileLists,
-                // checkFileError,
                 setFileSuccess,
                 setFileFail,
             })
@@ -979,7 +1036,7 @@ function create(options) {
             const fileReader = new FileReader()
 
             // 文件加载
-            fileReader.onload = function(e) {
+            fileReader.onload = async function(e) {
 
                 // 追加 array buffer
                 spark.append(e.target.result)
@@ -1008,55 +1065,36 @@ function create(options) {
                         return
                     }
 
-                    // 下一步
-                    function next(hash) {
-                        if (
-                            // 如果开启去重
-                            props.unique
-                            // 如果该文件 hash 在上传文件列表中
-                            && $n_findIndex(uploadFileLists.value, { hash }) > -1
-                        ) {
-                            // 轻提示
-                            $n_toast({
-                                message: '该文件已存在，不可重复上传',
-                            })
-
-                            // 设置文件上传失败
-                            setFileFail(fileItem, '已存在')
-
-                            // 删除单个文件
-                            deleteFileItem(fileItem)
-
-                        } else {
-                            // 设置文件 hash
-                            fileItem.hash = hash
-                            // 设置文件状态
-                            fileItem.status = UPLOAD_STATUS.hashChecked
-                            // 设置文件检查进度
-                            fileItem.progress = 100
-                        }
+                    if (
+                        // 如果开启去重
+                        props.unique
+                        // 如果该文件 hash 在上传文件列表中
+                        && $n_findIndex(uploadFileLists.value, { hash }) > -1
+                    ) {
+                        // 轻提示
+                        $n_toast({
+                            message: '该文件已存在，不可重复上传',
+                        })
 
-                        // 完成回调
-                        resolve()
-                    }
+                        // 设置文件上传失败
+                        setFileFail(fileItem, '已存在')
 
-                    // 格式化上传文件 hash
-                    // --------------------------------------------------
-                    const {
-                        formatUploadFileHash,
-                    } = configs
-                    if ($n_isFunction(formatUploadFileHash)) {
-                        $n_runAsync(formatUploadFileHash)(hash, fileItem)
-                            .then(function (newHash) {
-                                // 下一步
-                                next($n_isValidString(newHash) ? newHash : hash)
-                            })
-                        return
+                        // 删除单个文件
+                        deleteFileItem(fileItem)
+
+                    } else {
+                        // 设置文件 hash
+                        fileItem.hash = await formatFileItemHash(hash)
+                        // 设置文件状态
+                        fileItem.status = UPLOAD_STATUS.hashChecked
+                        // 设置文件检查进度
+                        fileItem.progress = 100
                     }
-                    // --------------------------------------------------
 
-                    // 下一步
-                    next(hash)
+                    // 设置单个文件信息
+                    await setFileItemInfo(fileItem, setFileFail)
+
+                    resolve()
                 }
             }
 
@@ -1279,7 +1317,7 @@ function create(options) {
     /**
      * 创建单个文件
      */
-    function createFileItem(file) {
+    async function createFileItem(file) {
 
         // 单个文件示例
         // name: "123.jpg"
@@ -1344,10 +1382,11 @@ function create(options) {
             props.type === 'image'
             && file.type.toLowerCase().startsWith('image')
         ) {
-            // 获取图片预览地址
-            const img = new Image()
-            img.src = window.URL.createObjectURL(file)
-            fileItem.__img = img.src
+            // 设置单个文件信息
+            const res = await setFileItemInfo(fileItem, setFileFail)
+            if (! res) {
+                return false
+            }
         }
 
         return fileItem
@@ -1510,43 +1549,6 @@ function create(options) {
         }
     }
 
-    /**
-     * 播放
-     */
-    function play({ hash, __img }) {
-
-        const src = __img ? __img : $n_getFile(hash)
-
-        let width
-        let height
-        let fullWidth = false
-        let fullHeight = false
-        let ok = true
-        let style = ''
-
-        if ($q.platform.is.mobile) {
-            width = $q.screen.width - 48 - 32
-            height = $q.screen.height - 48 - 32 - 6 - 52
-            fullWidth = true
-            fullHeight = true
-        } else {
-            width = 800 - 32
-            height = 400 - 32 - 6
-            ok = false
-            style = 'width:800px;max-width:800px;height:400px;max-height:400px;'
-        }
-
-        $q.dialog({
-            message: `<video style="width:${width}px;height:${height}px;" playsinline autoplay controls src="${src}" type="video/mp4" muted="muted"></video>`,
-            style,
-            html: true,
-            dark: true,
-            ok,
-            fullWidth,
-            fullHeight,
-        })
-    }
-
     /**
      * 复制地址
      */
@@ -1563,6 +1565,472 @@ function create(options) {
         }
     }
 
+    /**
+     * ==============================【私有函数】==============================
+     */
+
+    /**
+     * 格式化单个文件 hash
+     */
+    async function formatFileItemHash(hash) {
+
+        const {
+            hasMinioSuffix,
+            formatUploadFileHash,
+        } = configs.uploader
+
+        if (hasMinioSuffix && configUpload.type === 'minio') {
+            hash += '_'
+        }
+
+        // 如果有格式化上传文件 hash
+        if ($n_isFunction(formatUploadFileHash)) {
+            hash = await $n_runAsync(formatUploadFileHash)(hash)
+        }
+
+        return hash
+    }
+
+    /**
+     * 获取图片信息
+     */
+    function getImageInfo(fileItem) {
+        return new Promise(function (resolve) {
+            const img = new Image()
+            img.src = window.URL.createObjectURL(fileItem.file)
+            fileItem.__img = img.src
+            img.onload = function() {
+                fileItem.json = {
+                    w: this.naturalWidth,
+                    h: this.naturalHeight,
+                }
+                resolve(true)
+            }
+            img.onerror = function() {
+                resolve(false)
+            }
+        })
+    }
+
+    /**
+     * 获取媒体信息
+     */
+    function getMediaInfo(fileItem, type) {
+        return new Promise(function (resolve) {
+            const dom = document.createElement(type)
+            dom.src = URL.createObjectURL(fileItem.file)
+            dom.onerror = function() {
+                resolve(false)
+            }
+
+            // 如果为视频
+            if (type === 'video') {
+                dom.currentTime = 3
+                dom.oncanplay = async function() {
+
+                    fileItem.json = {
+                        w: this.videoWidth ? this.videoWidth : this.width,
+                        h: this.videoHeight ? this.videoHeight : this.height,
+                        d: this.duration,
+                    }
+
+                    // 获取视频缩略图 hash
+                    const p = await getVideoThumbHash(dom, fileItem.json)
+                    if (p) {
+                        fileItem.json.p = p
+                    }
+
+                    resolve(true)
+                }
+
+            // 否则为音频
+            } else {
+                dom.onloadedmetadata = function() {
+                    fileItem.json = {
+                        d: this.duration,
+                    }
+                    resolve(true)
+                }
+            }
+        })
+    }
+
+    /**
+     * 获取视频缩略图 hash
+     */
+    function getVideoThumbHash(dom, { w, h }) {
+        return new Promise(async function (resolve) {
+
+            const canvas = document.createElement('canvas')
+            const ctx = canvas.getContext('2d')
+            canvas.setAttribute('width',  w)
+            canvas.setAttribute('height', h)
+            ctx.drawImage(dom, 0, 0, w, h)
+
+            const {
+                arrayBuffer,
+                file,
+            } = dataUrlToFile(canvas.toDataURL('image/jpeg', 0.8))
+
+            // 获取缩略图 hash
+            const spark = new SparkMD5.ArrayBuffer()
+            spark.append(arrayBuffer)
+            const hash = spark.end(false)
+            if (! hash) {
+                resolve(false)
+                return
+            }
+
+            // 创建原始单个文件
+            const fileItem = Object.assign(createRawFileItem(), {
+                // 设置文件 file
+                file,
+                // 设置文件类型
+                type: FilE_TYPE.image,
+                // 设置文件后缀
+                ext: 'jpg',
+                // 设置文件大小
+                size: file.size,
+                // 设置文件 hash
+                hash: await formatFileItemHash(hash),
+                // 设置文件 json
+                json: {
+                    w,
+                    h,
+                },
+            })
+
+            // 上传至服务器
+            await uploadServer({
+                fileType: FilE_TYPE.image,
+                waitUploadFileLists: [ fileItem ],
+                setFileSuccess(fileItem) {
+                    resolve(fileItem.hash)
+                },
+                setFileFail() {
+                    resolve(false)
+                },
+            })
+        })
+    }
+
+    /**
+     * 设置单个文件信息
+     */
+    function setFileItemInfo(fileItem, setFileFail) {
+        return new Promise(async function (resolve) {
+
+            // 如果已经设置过了
+            if (
+                $n_has(fileItem.json, 'w')
+                || $n_has(fileItem.json, 'd')
+            ) {
+                resolve(true)
+                return
+            }
+
+            let res
+
+            // 如果为图片
+            // --------------------------------------------------
+            if (fileItem.type === FilE_TYPE.image) {
+                res = await getImageInfo(fileItem)
+
+            // 如果为视频
+            // --------------------------------------------------
+            } else if (fileItem.type === FilE_TYPE.video) {
+                res = await getMediaInfo(fileItem, 'video')
+
+            // 如果为音频
+            // --------------------------------------------------
+            } else if (fileItem.type === FilE_TYPE.audio) {
+                res = await getMediaInfo(fileItem, 'audio')
+
+            // 否则为文件
+            } else {
+                // 先判断是否为图片
+                res = await getImageInfo(fileItem)
+                if (! res) {
+                    // 再判断是否为视频
+                    res = await getMediaInfo(fileItem, 'video')
+                    if (! res) {
+                        // 最后再判断是否为音频
+                        res = await getMediaInfo(fileItem, 'video')
+                    }
+                }
+            }
+            // --------------------------------------------------
+
+            if (res) {
+                resolve(true)
+            } else {
+                // 设置文件上传失败
+                setFileFail(fileItem)
+                resolve(false)
+            }
+        })
+    }
+
+    /**
+     * 获取上传参数
+     */
+    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
+    }
+
+    /**
+     * 删除上传参数缓存
+     */
+    function deleteUploadParams(type, bucket = 'public') {
+        $n_storage.delete(`upload_params_${type}_${bucket}`)
+    }
+
+    /**
+     * 上传至服务器
+     */
+    async function uploadServer(options) {
+
+        const {
+            fileType,
+            waitUploadFileLists,
+            setFileSuccess,
+            setFileFail,
+            warn,
+        } = Object.assign({
+            warn: true,
+        }, options)
+
+        // 获取上传参数
+        const uploadParams = await getUploadParams(configUpload.type)
+        if (uploadParams === false) {
+            for (const fileItem of waitUploadFileLists) {
+                setFileFail(fileItem, '上传失败')
+            }
+            if (warn) {
+                $n_toast({
+                    message: `获取[${configUpload.type}]上传参数失败`,
+                })
+            }
+            return false
+        }
+
+        // 是否上传 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, '上传失败')
+                    }
+                    if (warn) {
+                        $n_toast({
+                            message: `获取[${backupConfig.type}]上传参数失败`,
+                        })
+                    }
+                    return false
+                }
+            }
+        }
+        // --------------------------------------------------
+
+        // 批量上传
+        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
+
+            // 请求数据
+            const data = {
+                // 类型
+                type: configUpload.type,
+                // 需上传的文件类型
+                file_type: fileType,
+                // 文件
+                file: {
+                    // 标题
+                    title: title || '',
+                    // 类型
+                    type,
+                    // hash
+                    hash,
+                    // 后缀
+                    ext,
+                    // 文件大小
+                    size,
+                    // 文件 json
+                    json,
+                    // 是否已备份
+                    is_backup,
+                },
+                // 结果
+                result: $n_isValidObject(resUpload) ? resUpload : {},
+            }
+
+            // 请求 - 上传文件至 cdn
+            const { status: statusCallback, data: resCallback } = await $n_http({
+                url: $n_config('apiFileUrl') + 'upload_callback',
+                data,
+                // 关闭错误提示
+                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
+        }
+
+        return true
+    }
+
     return {
         // 上传文件列表
         query: uploadFileLists,
@@ -1595,7 +2063,9 @@ function create(options) {
         // 修改文件名
         editFileTitle,
         // 播放视频/音频
-        play,
+        play({ hash, __img }) {
+            $n_play(__img ? __img : hash)
+        },
         // 复制地址
         copyUrl,
     }

package/utils/useFileUrl.js

@@ -8,19 +8,19 @@ import { configs } from './config'
 /**
  * 获取文件 url
  */
-export default function useFileUrl(domain, src) {
+export default function useFileUrl(e) {
 
     // 获取文件地址
     const {
         getFileUrl,
-    } = configs
+    } = configs.uploader
 
     if ($n_isFunction(getFileUrl)) {
-        const res = getFileUrl(domain, src)
+        const res = getFileUrl(e)
         if ($n_isValidString(res)) {
             return res
         }
     }
 
-    return $n_slash(domain, 'end', true) + src
+    return $n_slash(e.domain, 'end', true) + e.src
 }

package/utils/useUploader.js

@@ -1,303 +0,0 @@
-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
-    }
-}