@netang/quasar 0.2.4 → 0.2.5

package/components/table-column-fixed/index.vue

@@ -1,110 +1,110 @@
-<template>
-    <div class="q-gutter-sm" v-if="currentTableFixedPowerBtns.length">
-        <q-btn
-            v-for="item in currentTableFixedPowerBtns"
-            :key="`btn-item-${item.id}`"
-            class="n-button-icon"
-            :icon="item.icon"
-            dense
-            unelevated
-            round
-            @click.prevent.stop="onClick(item)"
-        >
-            <!-- 标题提示 -->
-            <q-tooltip>{{item.title}}</q-tooltip>
-        </q-btn>
-    </div>
-</template>
-
-<script>
-import { inject, computed } from 'vue'
-
-import $n_cloneDeep from 'lodash/cloneDeep'
-import $n_isFunction from 'lodash/isFunction'
-
-import $n_forEach from '@netang/utils/forEach'
-
-import { NPowerKey, NTableKey } from '../../utils/symbols'
-
-export default {
-
-    /**
-     * 标识
-     */
-    name: 'NTableColumnFixed',
-
-    /**
-     * 声明属性
-     */
-    props: {
-        // 传值
-        props: Object,
-    },
-
-    /**
-     * 组合式
-     */
-    setup(props) {
-
-        // ==========【数据】============================================================================================
-
-        // 获取权限注入
-        const {
-            // 权限按钮点击
-            powerBtnClick,
-            // 格式化权限按钮
-            formatPowerBtns,
-        } = inject(NPowerKey)
-
-        // 获取表格注入
-        const {
-            // 固定在右边的权限按钮列表
-            tableFixedPowerBtns,
-        } = inject(NTableKey)
-
-        // ==========【计算属性】=========================================================================================
-
-        /**
-         * 当前表格固定权限按钮
-         */
-        const currentTableFixedPowerBtns = computed(function () {
-
-            const lists = []
-
-            $n_forEach(tableFixedPowerBtns.value, function (item) {
-
-                item = $n_cloneDeep(item)
-
-                // 格式化权限按钮
-                if (formatPowerBtns(item, true, [ props.props.row ]) === false || item.hidden === true) {
-                    return
-                }
-
-                lists.push(item)
-            })
-
-            return lists
-        })
-
-        // ==========【方法】=============================================================================================
-
-        /**
-         * 点击
-         */
-        function onClick(item) {
-            powerBtnClick(item, [ props.props.row ])
-        }
-
-        // ==========【返回】=============================================================================================
-
-        return {
-            // 固定在右边的权限按钮列表
-            tableFixedPowerBtns,
-            // 当前表格固定权限按钮
-            currentTableFixedPowerBtns: $n_isFunction(formatPowerBtns) ? currentTableFixedPowerBtns : tableFixedPowerBtns,
-            // 权限按钮点击
-            onClick,
-        }
-    },
-}
-</script>
+<template>
+    <div class="q-gutter-sm" v-if="currentTableFixedPowerBtns.length">
+        <q-btn
+            v-for="item in currentTableFixedPowerBtns"
+            :key="`btn-item-${item.id}`"
+            class="n-button-icon"
+            :icon="item.icon"
+            dense
+            unelevated
+            round
+            @click.prevent.stop="onClick(item)"
+        >
+            <!-- 标题提示 -->
+            <q-tooltip>{{item.title}}</q-tooltip>
+        </q-btn>
+    </div>
+</template>
+
+<script>
+import { inject, computed } from 'vue'
+
+import $n_cloneDeep from 'lodash/cloneDeep'
+import $n_isFunction from 'lodash/isFunction'
+
+import $n_forEach from '@netang/utils/forEach'
+
+import { NPowerKey, NTableKey } from '../../utils/symbols'
+
+export default {
+
+    /**
+     * 标识
+     */
+    name: 'NTableColumnFixed',
+
+    /**
+     * 声明属性
+     */
+    props: {
+        // 传值
+        props: Object,
+    },
+
+    /**
+     * 组合式
+     */
+    setup(props) {
+
+        // ==========【数据】============================================================================================
+
+        // 获取权限注入
+        const {
+            // 权限按钮点击
+            powerBtnClick,
+            // 格式化权限按钮
+            formatPowerBtns,
+        } = inject(NPowerKey)
+
+        // 获取表格注入
+        const {
+            // 固定在右边的权限按钮列表
+            tableFixedPowerBtns,
+        } = inject(NTableKey)
+
+        // ==========【计算属性】=========================================================================================
+
+        /**
+         * 当前表格固定权限按钮
+         */
+        const currentTableFixedPowerBtns = computed(function () {
+
+            const lists = []
+
+            $n_forEach(tableFixedPowerBtns.value, function (item) {
+
+                item = $n_cloneDeep(item)
+
+                // 格式化权限按钮
+                if (formatPowerBtns(item, true, [ props.props.row ]) === false || item.hidden === true) {
+                    return
+                }
+
+                lists.push(item)
+            })
+
+            return lists
+        })
+
+        // ==========【方法】=============================================================================================
+
+        /**
+         * 点击
+         */
+        function onClick(item) {
+            powerBtnClick(item, [ props.props.row ])
+        }
+
+        // ==========【返回】=============================================================================================
+
+        return {
+            // 固定在右边的权限按钮列表
+            tableFixedPowerBtns,
+            // 当前表格固定权限按钮
+            currentTableFixedPowerBtns: $n_isFunction(formatPowerBtns) ? currentTableFixedPowerBtns : tableFixedPowerBtns,
+            // 权限按钮点击
+            onClick,
+        }
+    },
+}
+</script>

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>