@netang/quasar 0.0.58 → 0.0.59

package/components/arr/index.vue

@@ -0,0 +1,277 @@
+<template>
+    <slot
+        :scope="current"
+        :emit="emitValue"
+    />
+</template>
+
+<script>
+import { ref, watch } from 'vue'
+import $n_isFunction from 'lodash/isFunction'
+import $n_uniq from 'lodash/uniq'
+
+import $n_isValidArray from '@netang/utils/isValidArray'
+import $n_split from '@netang/utils/split'
+import $n_isValidValue from '@netang/utils/isValidValue'
+import $n_trimString from '@netang/utils/trimString'
+
+export default {
+
+    /**
+     * 关闭组件 attribute 透传行为
+     */
+    inheritAttrs: false,
+
+    /**
+     * 标识
+     */
+    name: 'NArr',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 值 v-model
+        modelValue: {
+            required: true,
+        },
+        // 修改前值
+        before: Function,
+        // 修改后值
+        after: Function,
+        // 不自动触发更新
+        noEmit: Boolean,
+    },
+
+    /**
+     * 声明事件
+     */
+    emits: [
+        'update:modelValue',
+    ],
+
+    /**
+     * 组合式
+     */
+    setup(props, { emit }) {
+
+        // ==========【数据】============================================================================================
+
+        // 计数器
+        let num = 1
+
+        // 当前值
+        const currentValue = ref({
+            value: formatModelValue(props.modelValue),
+        })
+
+        // 如果是自动触发更新
+        if (! props.noEmit) {
+            // 触发更新值
+            // 此处用于判断声明值是否有改变
+            emitValue()
+        }
+
+        // ==========【监听数据】=========================================================================================
+
+        /**
+         * 监听声明值
+         */
+        watch(() => props.modelValue, function (val) {
+
+            // 格式化声明值
+            current.value.value = formatModelValue(val)
+
+        }, {
+            // 深度监听
+            deep: true,
+        })
+
+        /**
+         * 监听当前值
+         */
+        watch(current, function (value) {
+
+            // 如果是自动触发更新
+            if (! props.noEmit) {
+
+                // 立即执行触发更新值
+                emitValue(value.value)
+            }
+
+        }, {
+            // 深度监听
+            deep: true,
+        })
+
+        // ==========【方法】=============================================================================================
+
+        /**
+         * 格式化声明值
+         */
+        function formatModelValue(value) {
+            return $n_isFunction(props.before)
+                // 如果有修改前值方法
+                ? props.before({ value, formatArray, formatString })
+                // 返回值
+                : value
+        }
+
+        /**
+         * 触发更新值
+         */
+        function emitValue() {
+
+            // if (
+            //     value !== void 0
+            //     && typeof value === 'object'
+            //     && value instanceof Event
+            // ) {
+            //     // 停止冒泡
+            //     value.stopPropagation()
+            //
+            //     // 获取当前值
+            //     value = current.value.value
+            // }
+
+            // 获取当前值
+            const value = current.value.value
+
+            // 获取新值
+            const newValue = $n_isFunction(props.after) ?
+                // 如果有修改提交值方法
+                props.after({ value, formatArray, formatString })
+                // 否则返回当前值
+                : value
+
+            // 如果值有改变
+            if (newValue !== props.modelValue) {
+
+                // 触发更新值
+                emit('update:modelValue', newValue)
+            }
+        }
+
+        /**
+         * 格式化数组
+         */
+        function formatArray(val, params) {
+
+            const o = Object.assign({
+                // 是否去重
+                unique: true,
+                // 分隔符
+                separator: ',',
+                // 是否给每个值去除首位空格
+                trim: true,
+                // 验证每个值是否为有效字符串/数字
+                isValidValue: true,
+                // 是否转字符串
+                toString: false,
+            }, params)
+
+            val = $n_isValidArray(val) ? val : []
+
+            // 如果数组有值
+            if (val.length) {
+
+                // 是否给每个值去除首位空格
+                if (o.trim) {
+                    val = val.map(e => $n_trimString(e))
+                }
+
+                // 是否验证每个值是否为有效字符串/数字
+                if (o.isValidValue) {
+                    val = val.filter(val => $n_isValidValue(val))
+                }
+
+                // 去重
+                if (o.unique) {
+                    val = $n_uniq(val)
+                }
+            }
+
+            // 如果转字符串
+            if (o.toString) {
+                // 合并为字符串
+                return val.join(o.separator)
+            }
+
+            return []
+        }
+
+        /**
+         * 格式化字符串
+         */
+        function formatString(val, params) {
+
+            const o = Object.assign({
+                // 是否给每个值去除首位空格
+                trim: true,
+                // 替换内容
+                replace: /\n|,|，|\s+/g,
+                // 是否去重
+                unique: true,
+                // 分隔符
+                separator: ',',
+                // 验证每个值是否为有效字符串/数字
+                isValidValue: true,
+                // 是否转数组
+                toArray: false,
+            }, params)
+
+            // 是否去除首尾空格
+            if (o.trim) {
+                // 去除首尾空格
+                val = $n_trimString(val)
+
+            // 否则转字符串
+            } else {
+                val = $n_isValidValue(val) ? String(val) : ''
+            }
+
+            // 如果有分割符
+            if ($n_isValidValue(o.separator, true)) {
+
+                // 是否替换
+                if (o.replace) {
+                    val = val.replace(o.replace, o.separator)
+                }
+
+                // 分隔成数组
+                val = $n_split(val, o.separator)
+
+                // 如果去重
+                if (o.unique) {
+                    val = $n_uniq(val)
+                }
+
+                // 如果验证每个值是否为有效字符串/数字
+                if (o.isValidValue) {
+                    val = val.filter(val => $n_isValidValue(val))
+                }
+
+                // 如果转数组
+                if (o.toArray) {
+                    // 则直接返回
+                    return val
+                }
+
+                // 返回分隔符隔开的字符串
+                return val.join(o.separator)
+            }
+
+            return o.toArray ? [ val ] : ''
+        }
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 当前值
+            current,
+            // 触发更新值
+            emitValue,
+        }
+    }
+}
+</script>

package/package.json

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

package/utils/uploader.js

@@ -5,6 +5,8 @@ import $n_has from 'lodash/has'
 import $n_get from 'lodash/get'
 import $n_toLower from 'lodash/toLower'
 import $n_findIndex from 'lodash/findIndex'
+import $n_uniq from 'lodash/uniq'
+import $n_find from 'lodash/find'
 
 import $n_isValidArray from '@netang/utils/isValidArray'
 import $n_isValidObject from '@netang/utils/isValidObject'
@@ -19,20 +21,16 @@ import $n_run from '@netang/utils/run'
 import $n_isValidValue from '@netang/utils/isValidValue'
 import $n_copy from '@netang/utils/copy'
 import $n_http from '@netang/utils/http'
+import $n_getThrowMessage from '@netang/utils/getThrowMessage'
 
 import $n_toast from './toast'
 import $n_confirm from './confirm'
 import $n_alert from './alert'
-
+import $n_previewImage from './previewImage'
+import $n_getImage from './getImage'
+import $n_getFile from './getFile'
 import $n_config from './config'
 
-import { configs } from './config'
-
-const {
-    // api 文件请求地址
-    apiFileUrl,
-} = configs
-
 import {
     // 文件类型映射
     FilE_TYPE,
@@ -198,7 +196,7 @@ function create(params) {
 
                 // 请求 - 获取文件
                 const { status, data: resExisted } = await $n_http({
-                    url: apiFileUrl + 'get_file',
+                    url: $n_config('apiFileUrl') + 'get_file',
                     data: {
                         hashs,
                     },
@@ -654,7 +652,7 @@ function create(params) {
 
         // 请求 - 检查文件是否存在 hash
         const { status, data: resExisted } = await $n_http({
-            url: apiFileUrl + 'check_exist',
+            url: $n_config('apiFileUrl') + 'check_exist',
             data: {
                 hashs: $n_uniq(checkHashs),
             },
@@ -974,7 +972,7 @@ function create(params) {
 
             // 请求 - 修改文件名
             const { status } = await $n_http({
-                url: apiFileUrl + 'edit_file_title',
+                url: $n_config('apiFileUrl') + 'edit_file_title',
                 data: {
                     hash,
                     title: newTitle,