@netang/quasar 0.2.20 → 0.2.21

package/components/table-summary/index.vue

@@ -1,107 +1,107 @@
-<template>
-    <q-tr class="q-table__bottom">
-        <q-td
-            v-for="(item, index) in columns"
-            :class="item.css"
-        >
-            <!-- 合计标题 -->
-            <span v-if="index === 0">合计</span>
-
-            <!-- 合计数据 -->
-            <span v-else-if="item.value">{{item.value}}</span>
-        </q-td>
-    </q-tr>
-</template>
-
-<script>
-import { computed, inject } from 'vue'
-
-import $n_has from 'lodash/has'
-import $n_get from 'lodash/get'
-
-import $n_forEach from '@netang/utils/forEach'
-
-import $n_price from '../../utils/price'
-
-import { NTableKey } from '../../utils/symbols'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NTableSummary',
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 传值
-        props: Object,
-    },
-
-    /**
-     * 组合式
-     */
-    setup(props) {
-
-        // ==========【数据】============================================================================================
-
-        // 获取表格注入
-        const {
-            // 表格选择类型
-            tableSelection,
-            tableSummary,
-        } = inject(NTableKey)
-
-        // ==========【计算属性】============================================================================================
-
-        const columns = computed(function () {
-
-            const lists = []
-
-            if (tableSelection.value !== 'none') {
-                lists.push({
-                    css: 'q-table--col-auto-width text-center',
-                    name: '',
-                })
-            }
-
-            $n_forEach($n_get(props.props, 'cols'), function(item) {
-
-                const {
-                    // 标识
-                    name,
-                    // 对齐方式
-                    align,
-                } = item
-
-                const res = {
-                    css: `text-${align}`,
-                    name,
-                    value: '',
-                }
-
-                // 如果有统计字段
-                if ($n_has(tableSummary.value, name)) {
-                    // 判断是否是价格
-                    res.value = $n_has(item, 'price') ? $n_price(tableSummary.value[name]) : tableSummary.value[name]
-                }
-
-                lists.push(res)
-            })
-
-            return lists
-        })
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 栏目
-            columns,
-            // 表格选择类型
-            tableSelection,
-        }
-    },
-}
-</script>
+<template>
+    <q-tr class="q-table__bottom">
+        <q-td
+            v-for="(item, index) in columns"
+            :class="item.css"
+        >
+            <!-- 合计标题 -->
+            <span v-if="index === 0">合计</span>
+
+            <!-- 合计数据 -->
+            <span v-else-if="item.value">{{item.value}}</span>
+        </q-td>
+    </q-tr>
+</template>
+
+<script>
+import { computed, inject } from 'vue'
+
+import $n_has from 'lodash/has'
+import $n_get from 'lodash/get'
+
+import $n_forEach from '@netang/utils/forEach'
+
+import $n_price from '../../utils/price'
+
+import { NTableKey } from '../../utils/symbols'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NTableSummary',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 传值
+        props: Object,
+    },
+
+    /**
+     * 组合式
+     */
+    setup(props) {
+
+        // ==========【数据】============================================================================================
+
+        // 获取表格注入
+        const {
+            // 表格选择类型
+            tableSelection,
+            tableSummary,
+        } = inject(NTableKey)
+
+        // ==========【计算属性】============================================================================================
+
+        const columns = computed(function () {
+
+            const lists = []
+
+            if (tableSelection.value !== 'none') {
+                lists.push({
+                    css: 'q-table--col-auto-width text-center',
+                    name: '',
+                })
+            }
+
+            $n_forEach($n_get(props.props, 'cols'), function(item) {
+
+                const {
+                    // 标识
+                    name,
+                    // 对齐方式
+                    align,
+                } = item
+
+                const res = {
+                    css: `text-${align}`,
+                    name,
+                    value: '',
+                }
+
+                // 如果有统计字段
+                if ($n_has(tableSummary.value, name)) {
+                    // 判断是否是价格
+                    res.value = $n_has(item, 'price') ? $n_price(tableSummary.value[name]) : tableSummary.value[name]
+                }
+
+                lists.push(res)
+            })
+
+            return lists
+        })
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 栏目
+            columns,
+            // 表格选择类型
+            tableSelection,
+        }
+    },
+}
+</script>

package/components/thumbnail/index.vue

@@ -1,72 +1,72 @@
-<template>
-    <g-img
-        :spinner-size="size / 2"
-        :width="size"
-        :height="size"
-        v-bind="$attrs"
-    >
-        <!-- 插槽 -->
-        <template
-            v-for="slotName in slotNames"
-            v-slot:[slotName]
-        >
-            <slot
-                :name="slotName"
-            />
-        </template>
-    </g-img>
-</template>
-
-<script>
-import { computed } from 'vue'
-
-import $n_isValidObject from '@netang/utils/isValidObject'
-
-import GImg from '../img'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NThumbnail',
-
-    /**
-     * 组件
-     */
-    components: {
-        GImg,
-    },
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 图片尺寸
-        size: {
-            type: Number,
-            default: 40,
-        },
-    },
-
-    /**
-     * 组合式
-     */
-    setup(props, { slots }) {
-
-        // ==========【计算属性】==========================================================================================
-
-        /**
-         * 插槽标识
-         */
-        const slotNames = computed(function() {
-            return $n_isValidObject(slots) ? Object.keys(slots) : []
-        })
-
-        return {
-            // 插槽标识
-            slotNames,
-        }
-    }
-}
-</script>
+<template>
+    <g-img
+        :spinner-size="size / 2"
+        :width="size"
+        :height="size"
+        v-bind="$attrs"
+    >
+        <!-- 插槽 -->
+        <template
+            v-for="slotName in slotNames"
+            v-slot:[slotName]
+        >
+            <slot
+                :name="slotName"
+            />
+        </template>
+    </g-img>
+</template>
+
+<script>
+import { computed } from 'vue'
+
+import $n_isValidObject from '@netang/utils/isValidObject'
+
+import GImg from '../img'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NThumbnail',
+
+    /**
+     * 组件
+     */
+    components: {
+        GImg,
+    },
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 图片尺寸
+        size: {
+            type: Number,
+            default: 40,
+        },
+    },
+
+    /**
+     * 组合式
+     */
+    setup(props, { slots }) {
+
+        // ==========【计算属性】==========================================================================================
+
+        /**
+         * 插槽标识
+         */
+        const slotNames = computed(function() {
+            return $n_isValidObject(slots) ? Object.keys(slots) : []
+        })
+
+        return {
+            // 插槽标识
+            slotNames,
+        }
+    }
+}
+</script>

package/components/toolbar/index.vue

@@ -1,146 +1,146 @@
-<template>
-    <component
-        :is="header ? QHeader : QFooter"
-        class="n-toolbar"
-        :dark="$q.dark.isActive"
-        bordered
-        v-if="show || 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"
-                                :loading="item.loading"
-                                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>
-    </component>
-</template>
-
-<script>
-import { inject } from 'vue'
-
-import QHeader from 'quasar/src/components/header/QHeader'
-import QFooter from 'quasar/src/components/footer/QFooter'
-
-import TableVisibleColumnsButton from '../private/table-visible-columns-button'
-
-import { NPowerKey, NTableKey } from '../../utils/symbols'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NToolbar',
-
-    /**
-     * 容器
-     */
-    components: {
-        TableVisibleColumnsButton,
-    },
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 是否头部工具栏
-        header: Boolean,
-        // 是否强制显示
-        show: Boolean,
-    },
-
-    /**
-     * 组合式
-     */
-    setup() {
-
-        // ==========【数据】============================================================================================
-
-        // 获取权限注入数据
-        const $power = inject(NPowerKey)
-
-        // 获取表格注入数据
-        const $table = inject(NTableKey)
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 解构权限实例
-            ...$power,
-            // 是否有表格
-            hasTable: !! $table,
-
-            QHeader,
-            QFooter,
-        }
-    },
-}
-</script>
-
-<style lang="scss">
-.n-toolbar {
-    &__body {
-        .q-btn {
-            margin-top: 7px;
-
-            // 非第一个子节点
-            &:not(:first-child) {
-                margin-left: 7px;
-            }
-        }
-    }
-}
-</style>
+<template>
+    <component
+        :is="header ? QHeader : QFooter"
+        class="n-toolbar"
+        :dark="$q.dark.isActive"
+        bordered
+        v-if="show || 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"
+                                :loading="item.loading"
+                                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>
+    </component>
+</template>
+
+<script>
+import { inject } from 'vue'
+
+import QHeader from 'quasar/src/components/header/QHeader'
+import QFooter from 'quasar/src/components/footer/QFooter'
+
+import TableVisibleColumnsButton from '../private/table-visible-columns-button'
+
+import { NPowerKey, NTableKey } from '../../utils/symbols'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NToolbar',
+
+    /**
+     * 容器
+     */
+    components: {
+        TableVisibleColumnsButton,
+    },
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 是否头部工具栏
+        header: Boolean,
+        // 是否强制显示
+        show: Boolean,
+    },
+
+    /**
+     * 组合式
+     */
+    setup() {
+
+        // ==========【数据】============================================================================================
+
+        // 获取权限注入数据
+        const $power = inject(NPowerKey)
+
+        // 获取表格注入数据
+        const $table = inject(NTableKey)
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 解构权限实例
+            ...$power,
+            // 是否有表格
+            hasTable: !! $table,
+
+            QHeader,
+            QFooter,
+        }
+    },
+}
+</script>
+
+<style lang="scss">
+.n-toolbar {
+    &__body {
+        .q-btn {
+            margin-top: 7px;
+
+            // 非第一个子节点
+            &:not(:first-child) {
+                margin-left: 7px;
+            }
+        }
+    }
+}
+</style>