@netang/quasar 0.0.102 → 0.0.103

package/components/toolbar/index.vue

@@ -1,136 +1,136 @@
-<template>
-    <container
-        :header="header"
-        v-if="toolbarPowerBtns.length"
-    >
-        <q-toolbar>
-
-            <!-- 左边侧滑菜单切换按钮-->
-            <q-btn
-                :icon="leftDrawer.icon"
-                dense
-                round
-                flat
-                @click="leftDrawer.toggle"
-                v-if="leftDrawer.showButton()"
-            />
-
-            <!-- 左边插槽 -->
-            <slot name="left" />
-
-            <!-- 中间权限按钮 -->
-            <q-toolbar-title>
-                <q-scroll-area style="height:50px;">
-                    <div class="n-toolbar__body">
-
-                        <!-- 权限按钮 -->
-                        <template v-for="item in toolbarPowerBtns">
-                            <q-btn
-                                class="n-button-icon"
-                                :color="item.color"
-                                :outline="item.color === 'default'"
-                                :label="item.title"
-                                :icon="item.icon"
-                                v-if="! item.hidden"
-                                v-show="item.show"
-                                @click="powerBtnClick(item, tableSelected)"
-                                unelevated
-                            />
-                        </template>
-
-                        <!-- 中间权限按钮插槽 -->
-                        <slot />
-                    </div>
-                </q-scroll-area>
-            </q-toolbar-title>
-
-            <!-- 右边插槽 -->
-            <slot name="right" />
-
-            <!-- 表格筛选可见列按钮 -->
-            <table-visible-columns-button v-if="hasTable" />
-
-            <!-- 右边侧滑菜单切换按钮-->
-            <q-btn
-                :icon="rightDrawer.icon"
-                dense
-                round
-                flat
-                @click="rightDrawer.toggle"
-                v-if="rightDrawer.showButton()"
-            />
-
-        </q-toolbar>
-    </container>
-</template>
-
-<script>
-import { inject } from 'vue'
-
-import Container from './container'
-import TableVisibleColumnsButton from '../private/table-visible-columns-button'
-
-import { NPowerKey, NTableKey } from '../../utils/symbols'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NToolbar',
-
-    /**
-     * 容器
-     */
-    components: {
-        Container,
-        TableVisibleColumnsButton,
-    },
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 是否头部工具栏
-        header: Boolean,
-    },
-
-    /**
-     * 组合式
-     */
-    setup() {
-
-        // ==========【数据】============================================================================================
-
-        // 获取权限注入数据
-        const $power = inject(NPowerKey)
-
-        // 获取表格注入数据
-        const $table = inject(NTableKey)
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 解构权限实例
-            ...$power,
-            // 是否有表格
-            hasTable: !! $table,
-        }
-    },
-}
-</script>
-
-<style lang="scss">
-.n-toolbar {
-    &__body {
-        .q-btn {
-            margin-top: 7px;
-
-            // 非第一个子节点
-            &:not(:first-child) {
-                margin-left: 7px;
-            }
-        }
-    }
-}
-</style>
+<template>
+    <container
+        :header="header"
+        v-if="toolbarPowerBtns.length"
+    >
+        <q-toolbar>
+
+            <!-- 左边侧滑菜单切换按钮-->
+            <q-btn
+                :icon="leftDrawer.icon"
+                dense
+                round
+                flat
+                @click="leftDrawer.toggle"
+                v-if="leftDrawer.showButton()"
+            />
+
+            <!-- 左边插槽 -->
+            <slot name="left" />
+
+            <!-- 中间权限按钮 -->
+            <q-toolbar-title>
+                <q-scroll-area style="height:50px;">
+                    <div class="n-toolbar__body">
+
+                        <!-- 权限按钮 -->
+                        <template v-for="item in toolbarPowerBtns">
+                            <q-btn
+                                class="n-button-icon"
+                                :color="item.color"
+                                :outline="item.color === 'default'"
+                                :label="item.title"
+                                :icon="item.icon"
+                                v-if="! item.hidden"
+                                v-show="item.show"
+                                @click="powerBtnClick(item, tableSelected)"
+                                unelevated
+                            />
+                        </template>
+
+                        <!-- 中间权限按钮插槽 -->
+                        <slot />
+                    </div>
+                </q-scroll-area>
+            </q-toolbar-title>
+
+            <!-- 右边插槽 -->
+            <slot name="right" />
+
+            <!-- 表格筛选可见列按钮 -->
+            <table-visible-columns-button v-if="hasTable" />
+
+            <!-- 右边侧滑菜单切换按钮-->
+            <q-btn
+                :icon="rightDrawer.icon"
+                dense
+                round
+                flat
+                @click="rightDrawer.toggle"
+                v-if="rightDrawer.showButton()"
+            />
+
+        </q-toolbar>
+    </container>
+</template>
+
+<script>
+import { inject } from 'vue'
+
+import Container from './container'
+import TableVisibleColumnsButton from '../private/table-visible-columns-button'
+
+import { NPowerKey, NTableKey } from '../../utils/symbols'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NToolbar',
+
+    /**
+     * 容器
+     */
+    components: {
+        Container,
+        TableVisibleColumnsButton,
+    },
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 是否头部工具栏
+        header: Boolean,
+    },
+
+    /**
+     * 组合式
+     */
+    setup() {
+
+        // ==========【数据】============================================================================================
+
+        // 获取权限注入数据
+        const $power = inject(NPowerKey)
+
+        // 获取表格注入数据
+        const $table = inject(NTableKey)
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 解构权限实例
+            ...$power,
+            // 是否有表格
+            hasTable: !! $table,
+        }
+    },
+}
+</script>
+
+<style lang="scss">
+.n-toolbar {
+    &__body {
+        .q-btn {
+            margin-top: 7px;
+
+            // 非第一个子节点
+            &:not(:first-child) {
+                margin-left: 7px;
+            }
+        }
+    }
+}
+</style>

package/components/uploader/index.vue

@@ -1,158 +1,158 @@
-<template>
-    <div class="n-uploader" v-if="pageStatus === true">
-
-        <!-- 隐藏上传文件输入框 -->
-        <input
-            ref="fileRef"
-            class="hidden"
-            type="file"
-            :multiple="count !== 1"
-            @change="uploader.fileChange"
-        >
-
-        <!-- 插槽 -->
-        <slot
-            :count="count"
-            :uploader="uploader"
-            :query="uploadFileLists"
-        />
-    </div>
-</template>
-
-<script>
-import { onMounted, ref, provide, inject } from 'vue'
-
-import $n_uploader from '../../utils/uploader'
-
-import { NPowerKey, NUploaderKey } from '../../utils/symbols'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NUploader',
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 值
-        modelValue: [String, Array],
-        // 上传文件类型, 可选值 file image video audio
-        type: {
-            type: String,
-            validator: v => [ 'file', 'image', 'video', 'audio'].includes(v),
-            default: 'image',
-        },
-        // 上传文件数量(0:不限)
-        count: {
-            type: Number,
-            default: 0,
-        },
-        // 单个文件的最大大小(单位: MB)
-        maxSize: Number,
-        // 单个文件的限制后缀
-        exts: Array,
-        // true: 值格式为数组, 如 ['xxxxxx', 'xxxxxx', 'xxxxxx']
-        // false: 值格式为字符串, 如 xxxxxx,xxxxxx,xxxxxx
-        valueArray: Boolean,
-        // 是否去重
-        unique: Boolean,
-        // 是否初始加载文件信息(仅图片有效, 其他类型自动会加载文件信息)
-        loadInfo: Boolean,
-        // 单文件上传提示(true: 提示上传替换, false: 不提示直接替换)
-        confirm: Boolean,
-    },
-
-    /**
-     * 声明事件
-     */
-    emits: [
-        'update:modelValue',
-        'update',
-    ],
-
-    /**
-     * 组合式
-     */
-    setup(props, { emit }) {
-
-        // ==========【数据】============================================================================================
-
-        // 获取权限注入数据
-        const $power = inject(NPowerKey)
-
-        // 页面状态
-        const pageStatus = ref(false)
-
-        // 上传文件输入框节点
-        const fileRef = ref(null)
-
-        // 上传文件列表
-        const uploadFileLists = ref([])
-
-        // 创建上传器
-        const uploader = $n_uploader.create({
-            type: props.type,
-            // 声明属性
-            props,
-            // 上传文件输入框节点
-            fileRef,
-            // 上传文件列表
-            uploadFileLists,
-            // 更新值方法
-            onUpdateModelValue({ value }) {
-                emit('update:modelValue', value)
-            },
-            // 更新方法
-            onUpdate(res) {
-                emit('update', res)
-            },
-        })
-
-        // 更新布局数据
-        $power.update(function(data) {
-            data.uploader.push(uploader)
-        })
-
-        // ==========【注入】=============================================================================================
-
-        provide(NUploaderKey, {
-            // 声明属性
-            props,
-            // 上传器
-            uploader,
-            // 文件队列
-            query: uploadFileLists,
-        })
-
-        // ==========【生命周期】=========================================================================================
-
-        /**
-         * 实例被挂载后调用
-         */
-        onMounted( async function() {
-
-            // 初始化上传列表
-            await uploader.initUploadFileLists()
-
-            // 页面状态
-            pageStatus.value = true
-        })
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 页面状态
-            pageStatus,
-            // 上传文件输入框节点
-            fileRef,
-            // 上传文件列表
-            uploadFileLists,
-            // 上传器
-            uploader,
-        }
-    },
-}
-</script>
+<template>
+    <div class="n-uploader" v-if="pageStatus === true">
+
+        <!-- 隐藏上传文件输入框 -->
+        <input
+            ref="fileRef"
+            class="hidden"
+            type="file"
+            :multiple="count !== 1"
+            @change="uploader.fileChange"
+        >
+
+        <!-- 插槽 -->
+        <slot
+            :count="count"
+            :uploader="uploader"
+            :query="uploadFileLists"
+        />
+    </div>
+</template>
+
+<script>
+import { onMounted, ref, provide, inject } from 'vue'
+
+import $n_uploader from '../../utils/uploader'
+
+import { NPowerKey, NUploaderKey } from '../../utils/symbols'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NUploader',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 值
+        modelValue: [String, Array],
+        // 上传文件类型, 可选值 file image video audio
+        type: {
+            type: String,
+            validator: v => [ 'file', 'image', 'video', 'audio'].includes(v),
+            default: 'image',
+        },
+        // 上传文件数量(0:不限)
+        count: {
+            type: Number,
+            default: 0,
+        },
+        // 单个文件的最大大小(单位: MB)
+        maxSize: Number,
+        // 单个文件的限制后缀
+        exts: Array,
+        // true: 值格式为数组, 如 ['xxxxxx', 'xxxxxx', 'xxxxxx']
+        // false: 值格式为字符串, 如 xxxxxx,xxxxxx,xxxxxx
+        valueArray: Boolean,
+        // 是否去重
+        unique: Boolean,
+        // 是否初始加载文件信息(仅图片有效, 其他类型自动会加载文件信息)
+        loadInfo: Boolean,
+        // 单文件上传提示(true: 提示上传替换, false: 不提示直接替换)
+        confirm: Boolean,
+    },
+
+    /**
+     * 声明事件
+     */
+    emits: [
+        'update:modelValue',
+        'update',
+    ],
+
+    /**
+     * 组合式
+     */
+    setup(props, { emit }) {
+
+        // ==========【数据】============================================================================================
+
+        // 获取权限注入数据
+        const $power = inject(NPowerKey)
+
+        // 页面状态
+        const pageStatus = ref(false)
+
+        // 上传文件输入框节点
+        const fileRef = ref(null)
+
+        // 上传文件列表
+        const uploadFileLists = ref([])
+
+        // 创建上传器
+        const uploader = $n_uploader.create({
+            type: props.type,
+            // 声明属性
+            props,
+            // 上传文件输入框节点
+            fileRef,
+            // 上传文件列表
+            uploadFileLists,
+            // 更新值方法
+            onUpdateModelValue({ value }) {
+                emit('update:modelValue', value)
+            },
+            // 更新方法
+            onUpdate(res) {
+                emit('update', res)
+            },
+        })
+
+        // 更新布局数据
+        $power.update(function(data) {
+            data.uploader.push(uploader)
+        })
+
+        // ==========【注入】=============================================================================================
+
+        provide(NUploaderKey, {
+            // 声明属性
+            props,
+            // 上传器
+            uploader,
+            // 文件队列
+            query: uploadFileLists,
+        })
+
+        // ==========【生命周期】=========================================================================================
+
+        /**
+         * 实例被挂载后调用
+         */
+        onMounted( async function() {
+
+            // 初始化上传列表
+            await uploader.initUploadFileLists()
+
+            // 页面状态
+            pageStatus.value = true
+        })
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 页面状态
+            pageStatus,
+            // 上传文件输入框节点
+            fileRef,
+            // 上传文件列表
+            uploadFileLists,
+            // 上传器
+            uploader,
+        }
+    },
+}
+</script>