@netang/quasar 0.0.102 → 0.0.103

package/sass/quasar/table.scss

@@ -1,150 +1,150 @@
-/**
- * 表格
- */
-
-// 头部底部背景色
-$header-footer-bg-color: $grey-2;
-$dark-header-footer-bg-color: $color-gray-93;
-// 单元格背景色
-$td-bg-color: #ffffff;
-$dark-td-bg-color: $dark;
-
-.n-table {
-
-    // 单元格换行
-    &__col-wrap {
-        word-wrap: break-word !important;
-        white-space: pre-wrap !important;
-    }
-
-    &.q-table {
-        &--dense {
-            // 复选框
-            .q-table {
-                th,
-                td {
-                    &.q-table--col-auto-width:first-child {
-                        padding: 0 12px;
-                    }
-                }
-            }
-
-            thead tr,
-            tbody tr,
-            tbody td {
-                height: 40px;
-            }
-        }
-
-        &--horizontal-separator,
-        &--cell-separator {
-            tbody {
-                // 表格内容最后一排数据底部加上横线
-                &.q-virtual-scroll__content {
-                    tr:last-child > td {
-                        border-bottom-width: 1px;
-                    }
-                }
-            }
-        }
-    }
-
-    // 宫格模式
-    &--grid {
-        background-color: rgba(var(--n-reverse-color-rgb), 0.1);
-    }
-
-    // 撑满
-    &.absolute-full {
-        border-radius: unset;
-
-        // 顶部吸顶
-        thead tr th {
-            position: sticky;
-            z-index: 2;
-        }
-        thead tr:first-child th {
-            top: 0;
-        }
-
-        // 最后一列固定
-        &.n-table--last-fixed {
-            // 最后一列吸顶
-            th:last-child,
-            td:last-child {
-                position: sticky;
-                right: 0;
-                z-index: 1;
-            }
-            th:last-child {
-                z-index: 2;
-            }
-        }
-    }
-}
-
-// 亮色
-.body--light {
-    .n-table {
-
-        // 头部和底部背景色
-        .q-table__top,
-        .q-table__bottom,
-        thead tr:first-child th {
-            background-color: $header-footer-bg-color;
-        }
-
-        // 撑满
-        &.absolute-full {
-            // 最后一列固定
-            &.n-table--last-fixed {
-                // 头部最后一个
-                thead tr:last-child th:last-child {
-                    background-color: $header-footer-bg-color;
-                }
-                // 内容最后一个
-                td:last-child {
-                    background-color: $td-bg-color;
-                }
-                th:last-child,
-                td:last-child {
-                    background-color: $td-bg-color;
-                    border-left: 1px solid $table-border-color;
-                }
-            }
-        }
-    }
-}
-
-// 暗色
-.body--dark {
-    .n-table {
-
-        // 头部和底部背景色
-        .q-table__top,
-        .q-table__bottom,
-        thead tr:first-child th {
-            background-color: $dark-header-footer-bg-color;
-        }
-
-        // 撑满
-        &.absolute-full {
-            // 最后一列固定
-            &.n-table--last-fixed {
-                // 头部最后一个
-                thead tr:last-child th:last-child {
-                    background-color: $dark-header-footer-bg-color;
-                }
-                // 内容最后一个
-                td:last-child {
-                    background-color: $dark-td-bg-color;
-                }
-                th:last-child,
-                td:last-child {
-                    background-color: $dark-td-bg-color;
-                    border-left: 1px solid $table-dark-border-color;
-                }
-            }
-        }
-    }
-}
+/**
+ * 表格
+ */
+
+// 头部底部背景色
+$header-footer-bg-color: $grey-2;
+$dark-header-footer-bg-color: $color-gray-93;
+// 单元格背景色
+$td-bg-color: #ffffff;
+$dark-td-bg-color: $dark;
+
+.n-table {
+
+    // 单元格换行
+    &__col-wrap {
+        word-wrap: break-word !important;
+        white-space: pre-wrap !important;
+    }
+
+    &.q-table {
+        &--dense {
+            // 复选框
+            .q-table {
+                th,
+                td {
+                    &.q-table--col-auto-width:first-child {
+                        padding: 0 12px;
+                    }
+                }
+            }
+
+            thead tr,
+            tbody tr,
+            tbody td {
+                height: 40px;
+            }
+        }
+
+        &--horizontal-separator,
+        &--cell-separator {
+            tbody {
+                // 表格内容最后一排数据底部加上横线
+                &.q-virtual-scroll__content {
+                    tr:last-child > td {
+                        border-bottom-width: 1px;
+                    }
+                }
+            }
+        }
+    }
+
+    // 宫格模式
+    &--grid {
+        background-color: rgba(var(--n-reverse-color-rgb), 0.1);
+    }
+
+    // 撑满
+    &.absolute-full {
+        border-radius: unset;
+
+        // 顶部吸顶
+        thead tr th {
+            position: sticky;
+            z-index: 2;
+        }
+        thead tr:first-child th {
+            top: 0;
+        }
+
+        // 最后一列固定
+        &.n-table--last-fixed {
+            // 最后一列吸顶
+            th:last-child,
+            td:last-child {
+                position: sticky;
+                right: 0;
+                z-index: 1;
+            }
+            th:last-child {
+                z-index: 2;
+            }
+        }
+    }
+}
+
+// 亮色
+.body--light {
+    .n-table {
+
+        // 头部和底部背景色
+        .q-table__top,
+        .q-table__bottom,
+        thead tr:first-child th {
+            background-color: $header-footer-bg-color;
+        }
+
+        // 撑满
+        &.absolute-full {
+            // 最后一列固定
+            &.n-table--last-fixed {
+                // 头部最后一个
+                thead tr:last-child th:last-child {
+                    background-color: $header-footer-bg-color;
+                }
+                // 内容最后一个
+                td:last-child {
+                    background-color: $td-bg-color;
+                }
+                th:last-child,
+                td:last-child {
+                    background-color: $td-bg-color;
+                    border-left: 1px solid $table-border-color;
+                }
+            }
+        }
+    }
+}
+
+// 暗色
+.body--dark {
+    .n-table {
+
+        // 头部和底部背景色
+        .q-table__top,
+        .q-table__bottom,
+        thead tr:first-child th {
+            background-color: $dark-header-footer-bg-color;
+        }
+
+        // 撑满
+        &.absolute-full {
+            // 最后一列固定
+            &.n-table--last-fixed {
+                // 头部最后一个
+                thead tr:last-child th:last-child {
+                    background-color: $dark-header-footer-bg-color;
+                }
+                // 内容最后一个
+                td:last-child {
+                    background-color: $dark-td-bg-color;
+                }
+                th:last-child,
+                td:last-child {
+                    background-color: $dark-td-bg-color;
+                    border-left: 1px solid $table-dark-border-color;
+                }
+            }
+        }
+    }
+}

package/sass/quasar/toolbar.scss

@@ -1,22 +1,22 @@
-/**
- * 头部
- */
-
-/**
- * 亮色
- */
-.body--light {
-    .n-toolbar {
-        color: $grey-8 !important;
-        background: $grey-2 !important;
-    }
-}
-
-/**
- * 暗色
- */
-.body--dark {
-    .n-toolbar {
-        background: var(--q-dark) !important;
-    }
-}
+/**
+ * 头部
+ */
+
+/**
+ * 亮色
+ */
+.body--light {
+    .n-toolbar {
+        color: $grey-8 !important;
+        background: $grey-2 !important;
+    }
+}
+
+/**
+ * 暗色
+ */
+.body--dark {
+    .n-toolbar {
+        background: var(--q-dark) !important;
+    }
+}

package/store/index.js

@@ -1,29 +1,29 @@
-import { ref } from 'vue'
-import { initAuthStore } from '../utils/useAuth'
-
-/**
- * 公共变量
- */
-
-// 权限数据
-export const statePower = ref({
-    // 角色权限版本
-    v: null,
-    // all id
-    all: {},
-    // 页面
-    urls: {},
-    // 按钮
-    btns: {},
-    // 菜单
-    menus: [],
-})
-
-// 时间差
-export const stateTimeDiff = ref(0)
-
-// 网络是否在线
-// export const stateOnLine = ref(navigator.onLine)
-
-// 用户信息状态
-export const stateUserInfo = ref(initAuthStore())
+import { ref } from 'vue'
+import { initAuthStore } from '../utils/useAuth'
+
+/**
+ * 公共变量
+ */
+
+// 权限数据
+export const statePower = ref({
+    // 角色权限版本
+    v: null,
+    // all id
+    all: {},
+    // 页面
+    urls: {},
+    // 按钮
+    btns: {},
+    // 菜单
+    menus: [],
+})
+
+// 时间差
+export const stateTimeDiff = ref(0)
+
+// 网络是否在线
+// export const stateOnLine = ref(navigator.onLine)
+
+// 用户信息状态
+export const stateUserInfo = ref(initAuthStore())

package/utils/$auth.js

@@ -1,127 +1,127 @@
-import $n_router from '@netang/utils/vue/router'
-
-import $n_isValidObject from '@netang/utils/isValidObject'
-import $n_cookie from '@netang/utils/cookie'
-
-import { stateUserInfo } from '../store'
-import { checkUserInfo } from './useAuth'
-
-/**
- * 是否登录
- */
-function isLogin() {
-    return stateUserInfo.value.isLogin
-}
-
-/**
- * 登录后更新用户状态数据
- */
-function updateLogin(res) {
-
-    // 获取返回结果
-    const {
-        // 管理员 id
-        i,
-        // 鉴权认证
-        t,
-        // 用户基础信息
-        user_info,
-    } = res
-
-    // 更新用户信息
-    return _updateUserInfo({
-        id: i,
-        token: t,
-        info: $n_isValidObject(user_info) ? user_info : {},
-    })
-}
-function _updateUserInfo(res) {
-
-    // 验证用户信息
-    if (! checkUserInfo(res)) {
-
-        // 【调试模式】
-        // --------------------------------------------------
-        // #ifdef IS_DEBUG
-        console.error('【验证错误 _updateUserInfo】', res)
-        // #endif
-        // --------------------------------------------------
-
-        return false
-    }
-
-    // 设置已登录
-    res.isLogin = true
-
-    if (! $n_isValidObject(res.info)) {
-        res.info = {}
-    }
-
-    // 保存缓存(永久缓存)
-    $n_cookie.set('_tk', res, 0)
-
-    // 设置用户信息状态
-    stateUserInfo.value = res
-
-    return true
-}
-
-/**
- * 获取用户信息
- */
-function getUserInfo() {
-    return stateUserInfo.value
-}
-
-/**
- * 获取用户 ID
- */
-function getUserId() {
-    return isLogin() ? stateUserInfo.value.id : 0
-}
-
-/**
- * 跳转登录页面
- */
-function pushLogin(query) {
-    $n_router.push({
-        path: 'login',
-        query,
-    })
-}
-
-/**
- * 退出登录
- */
-function logout() {
-
-    // 删除管理员信息
-    $n_cookie.delete('_tk')
-
-    // 清空用户信息状态
-    stateUserInfo.value = {
-        id: 0,
-        isLogin: false,
-        info: {},
-    }
-}
-
-/**
- * 鉴权业务
- */
-const $auth = {
-    // 是否登录
-    isLogin,
-    // 获取用户信息
-    getUserInfo,
-    // 获取用户 ID
-    getUserId,
-    // 跳转登录页面
-    pushLogin,
-    // 退出登录
-    logout,
-    // 登录后更新用户状态数据
-    updateLogin,
-}
-
-export default $auth
+import $n_router from '@netang/utils/vue/router'
+
+import $n_isValidObject from '@netang/utils/isValidObject'
+import $n_cookie from '@netang/utils/cookie'
+
+import { stateUserInfo } from '../store'
+import { checkUserInfo } from './useAuth'
+
+/**
+ * 是否登录
+ */
+function isLogin() {
+    return stateUserInfo.value.isLogin
+}
+
+/**
+ * 登录后更新用户状态数据
+ */
+function updateLogin(res) {
+
+    // 获取返回结果
+    const {
+        // 管理员 id
+        i,
+        // 鉴权认证
+        t,
+        // 用户基础信息
+        user_info,
+    } = res
+
+    // 更新用户信息
+    return _updateUserInfo({
+        id: i,
+        token: t,
+        info: $n_isValidObject(user_info) ? user_info : {},
+    })
+}
+function _updateUserInfo(res) {
+
+    // 验证用户信息
+    if (! checkUserInfo(res)) {
+
+        // 【调试模式】
+        // --------------------------------------------------
+        // #ifdef IS_DEBUG
+        console.error('【验证错误 _updateUserInfo】', res)
+        // #endif
+        // --------------------------------------------------
+
+        return false
+    }
+
+    // 设置已登录
+    res.isLogin = true
+
+    if (! $n_isValidObject(res.info)) {
+        res.info = {}
+    }
+
+    // 保存缓存(永久缓存)
+    $n_cookie.set('_tk', res, 0)
+
+    // 设置用户信息状态
+    stateUserInfo.value = res
+
+    return true
+}
+
+/**
+ * 获取用户信息
+ */
+function getUserInfo() {
+    return stateUserInfo.value
+}
+
+/**
+ * 获取用户 ID
+ */
+function getUserId() {
+    return isLogin() ? stateUserInfo.value.id : 0
+}
+
+/**
+ * 跳转登录页面
+ */
+function pushLogin(query) {
+    $n_router.push({
+        path: 'login',
+        query,
+    })
+}
+
+/**
+ * 退出登录
+ */
+function logout() {
+
+    // 删除管理员信息
+    $n_cookie.delete('_tk')
+
+    // 清空用户信息状态
+    stateUserInfo.value = {
+        id: 0,
+        isLogin: false,
+        info: {},
+    }
+}
+
+/**
+ * 鉴权业务
+ */
+const $auth = {
+    // 是否登录
+    isLogin,
+    // 获取用户信息
+    getUserInfo,
+    // 获取用户 ID
+    getUserId,
+    // 跳转登录页面
+    pushLogin,
+    // 退出登录
+    logout,
+    // 登录后更新用户状态数据
+    updateLogin,
+}
+
+export default $auth