@netang/quasar 0.0.56 → 0.0.58

package/_docs/docs/components/value-format.md

@@ -0,0 +1,26 @@
+# ValueFormat 值格式化
+
+::: tip
+值格式化
+:::
+
+| 属性名               | 说明         | 类型                  | 可选值 | 默认值   |
+|-------------------|------------|---------------------|-----|-------|
+| value / v-model   | 绑定值（必填）    | -                   | -   | -     |
+| before | 修改前值        | `Function` | -   | -     |
+| after | 修改后值        | `Function` | -   | -     |
+| no-emit       | 不自动触发更新     | `Boolean`           | -   | false |
+
+
+### ValueFormat 插槽
+
+| 插槽名     | 说明   |
+|---------|------|
+| default | 默认插槽 |
+
+### ValueFormat `default` 插槽 对外暴露的方法
+
+| 属性名   | 说明     | 类型         | 示例  |
+|-------|--------|------------|-----|
+| scope | 当前值    | -          | -   |
+| emit  | 触发更新方法 | `Function` | -   |

package/_docs/package.json

@@ -1,17 +1,11 @@
-{
-  "private": true,
-  "scripts": {
-    "docs:dev": "vuepress dev docs",
-    "docs:build": "vuepress build docs"
-  },
-  "devDependencies": {
-    "@quasar/extras": "^1.15.10",
-    "@vuepress/plugin-search": "^2.0.0-beta.60",
-    "axios": "^1.3.2",
-    "lodash": "^4.17.21",
-    "quasar": "^2.11.5",
-    "vue": "^3.2.47",
-    "vuepress": "^2.0.0-beta.60",
-    "utils": "^4.17.21"
-  }
-}
+{
+  "private": true,
+  "scripts": {
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs"
+  },
+  "devDependencies": {
+    "@vuepress/plugin-search": "^2.0.0-beta.60",
+    "vuepress": "^2.0.0-beta.60"
+  }
+}

package/components/dialog/index.vue

@@ -96,20 +96,20 @@ export default {
         props: Object,
         // 标题
         title: String,
-        // 显示关闭按钮
+        // 是否显示关闭按钮
         close: {
             type: Boolean,
             default: true,
         },
-        // 显示取消按钮
+        // 是否显示取消按钮
         cancel: Boolean,
-        // 确定按钮
-        onConfirm: Function,
-        // 显示底部
+        // 是否显示底部
         bottom: {
             type: Boolean,
             default: true,
         },
+        // 点击确定方法
+        onConfirm: Function,
         // 宽度
         width: {
             type: [String, Number],
@@ -127,7 +127,7 @@ export default {
         },
         // 是否全屏
         fullscreen: Boolean,
-        // 页面容器
+        // 是否是页面容器
         pageContainer: {
             type: Boolean,
             default: true,

package/components/dragger/index.vue

@@ -30,7 +30,7 @@ export default {
      * 声明属性
      */
     props: {
-        // 值
+        // 值 v-model
         modelValue: Array,
         // 是否开启拖拽
         drag: {

package/components/editor-code/index.vue

@@ -45,7 +45,7 @@ export default {
         language: String,
         // 是否只读
         readonly: Boolean,
-        // 代码视图
+        // 是否显示代码视图
         minimap: Boolean,
         // tab 长度
         tabSize: {

package/components/field-date/index.vue

@@ -169,15 +169,13 @@ export default {
         },
         // 结束值
         end: [String, Number],
-        // 占位符
-        placeholder: String,
         // 类型, 可选值 year month day time datetime daterange datetimerange
         type: {
             type: String,
             default: 'day',
         },
-        // 是否截止时间
-        endDate: Boolean,
+        // 是否截止日期
+        isEndDate: Boolean,
         // 是否显示秒
         showSecond: Boolean,
         // 显示在输入框中的格式
@@ -188,6 +186,8 @@ export default {
             type: String,
             default: 'X',
         },
+        // 占位符
+        placeholder: String,
         // 是否只读
         readonly: Boolean,
     },
@@ -316,6 +316,7 @@ export default {
         watch([()=>props.modelValue, ()=>props.end, ()=>props.type], function() {
             dateValue.value = formatDateValue()
             Object.assign(timeValue, formatTimeValue())
+
             showValue.value = updateValue(dateValue.value, timeValue, false)
         })
 
@@ -345,6 +346,14 @@ export default {
                         ii: '',
                     })
 
+                    // 如果是这种格式 06:59 的时间
+                    if (
+                        ! $n_isDate(val)
+                        && $n_indexOf(val, ':') > -1
+                    ) {
+                        val = quasarDate.formatDate(Date.now(), `YYYY-MM-DD ${val}`)
+                    }
+
                     if ($n_isDate(val)) {
 
                         const { hh, ii, ss } = $n_dateObject(val)
@@ -461,7 +470,7 @@ export default {
                 }
 
             // 如果不是范围日期 && 是结束日期
-            } else if (! isRange.value && props.endDate) {
+            } else if (! isRange.value && props.isEndDate) {
                 obj.from = props.showSecond ? '23:59:59' : '23:59'
             } else {
                 obj.from = props.showSecond ? '00:00:00' : '00:00'
@@ -493,17 +502,16 @@ export default {
 
                 // 如果是选择时间
                 if (props.type === 'time') {
-                    if (
-                        ! $n_isValidValue(dateValue.hh)
-                        || ! $n_isValidValue(dateValue.ii)
-                        || (props.showSecond && ! $n_isValidValue(dateValue.ss))) {
+
+                    if (! $n_isValidValue(dateValue.hh) && ! $n_isValidValue(dateValue.ii)) {
                         return ''
                     }
+
                     format = 'HH:mm'
                     if (props.showSecond) {
                         format += ':ss'
                     }
-                    val = quasarDate.formatDate(Date.now(), `YYYY-MM-DD ${dateValue.hh}:${dateValue.ii}${props.showSecond ? dateValue.ss : (props.endDate ? ':59' : ':00')}`)
+                    val = quasarDate.formatDate(Date.now(), `YYYY-MM-DD ${dateValue.hh !== '' ? dateValue.hh : '00'}:${dateValue.ii !== '' ? dateValue.ii : '00'}${props.showSecond && dateValue.ss !== '' ? dateValue.ss : (props.isEndDate ? ':59' : ':00')}`)
 
                 // 否则是选择年月
                 } else {
@@ -518,11 +526,11 @@ export default {
                         }
 
                         format = 'YYYY-MM'
-                        val = quasarDate[props.endDate ? 'endOfDate' : 'startOfDate'](new Date(`${dateValue.y}-${dateValue.mm}`), 'month')
+                        val = quasarDate[props.isEndDate ? 'endOfDate' : 'startOfDate'](new Date(`${dateValue.y}-${dateValue.mm}`), 'month')
 
                     } else {
                         format = 'YYYY'
-                        val = quasarDate[props.endDate ? 'endOfDate' : 'startOfDate'](new Date(`${dateValue.y}-01`), 'year')
+                        val = quasarDate[props.isEndDate ? 'endOfDate' : 'startOfDate'](new Date(`${dateValue.y}-01`), 'year')
                     }
                 }
 
@@ -601,12 +609,12 @@ export default {
                 if (props.showSecond) {
                     format += ':ss'
                 } else {
-                    from += (props.endDate ? ':59' : ':00')
+                    from += (props.isEndDate ? ':59' : ':00')
                 }
             } else {
-                from += (props.endDate ? '23:59' : '00:00')
+                from += (props.isEndDate ? '23:59' : '00:00')
                 if (! props.showSecond) {
-                    from += (props.endDate ? ':59' : ':00')
+                    from += (props.isEndDate ? ':59' : ':00')
                 }
             }
             if (props.format) {
@@ -671,6 +679,7 @@ export default {
             // 更新值
             const newValue = {}
             newValue[type] = value
+
             updateValue(Object.assign({}, dateValue.value, newValue), timeValue)
 
             // 如是类型是年
@@ -812,7 +821,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@/assets/sass/var.scss";
+@import "@/assets/sass/variables.scss";
 
 .date {
 

package/components/field-table/index.vue

@@ -194,8 +194,8 @@ import $n_numberDeep from '@netang/utils/numberDeep'
 import $n_sleep from '@netang/utils/sleep'
 import $n_http from '@netang/utils/http'
 
-import $n_power from '../../utils/power'
-import $n_table from '../../utils/table'
+import $n_$power from '../../utils/$power'
+import $n_$table from '../../utils/$table'
 
 import { configs } from '../../utils/config'
 
@@ -357,7 +357,7 @@ export default {
 
 
         // 创建权限实例
-        const $power = $n_power.create({
+        const $power = $n_$power.create({
             // 路由路径
             path: $n_isValidString(props.path) ? props.path : false,
             // 路由参数
@@ -372,7 +372,7 @@ export default {
         } = $power
 
         // 创建表格实例
-        const $table = $n_table.create({
+        const $table = $n_$table.create({
             // 权限实例
             $power,
             // 附加请求数据
@@ -788,7 +788,7 @@ export default {
             // 如果有路由路径
             } else if (routePath) {
                 // 否则如果有路由表格列数据
-                const rawTableColumns = $n_table.config(routePath, 'columns')
+                const rawTableColumns = $n_$table.config(routePath, 'columns')
                 if ($n_isValidArray(rawTableColumns)) {
                     columns = $n_cloneDeep(rawTableColumns)
                 }
@@ -863,7 +863,7 @@ export default {
             // 设置输入框焦点
             setInputFocus()
 
-            window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0)
+            // window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0)
         }
 
         /**

package/components/field-tree/index.vue

@@ -149,12 +149,12 @@ export default {
         expanded: Array, // v-model:expanded
         // 节点数组
         nodes: Array,
-        // 唯一的节点 id
+        // 唯一的节点键值
         nodeKey: {
             type: String,
             default: 'id',
         },
-        // label 字段
+        // 标签字段
         labelKey: {
             type: String,
             default: 'label',
@@ -165,15 +165,14 @@ export default {
         multiple: Boolean,
         // 手风琴模式
         accordion: Boolean,
-        // 输入框中是否显示选中值的完整路径
+        // 是否显示选中值的完整路径
         showAllLevels: {
             type: Boolean,
             default: true,
         },
-
         // 是否开启筛选
         filter: Boolean,
-        // 多选模式下是否折叠 Tag
+        // 是否折叠标签(多选模式有效)
         collapseTags: Boolean,
         // 占位符
         placeholder: String,
@@ -501,7 +500,7 @@ export default {
             // 设置输入框焦点
             setInputFocus()
 
-            window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0)
+            // window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0)
         }
 
         /**

package/components/input-number/index.vue

@@ -72,6 +72,8 @@
 
 <script>
 import { computed, ref, watch } from 'vue'
+import BigNumber from 'bignumber.js'
+
 import $n_filter from 'lodash/filter'
 
 import $n_isValidObject from '@netang/utils/isValidObject'
@@ -105,16 +107,10 @@ export default {
         step: [Number, String],
         // 小数位数(默认为 0, centToYuan开启后默认为 2)
         decimalLength: [Number, String],
-        // 是否禁用
-        disable: Boolean,
-        // 是否只读
-        readonly: Boolean,
         // 是否禁用减少按钮
         disableMinus: Boolean,
         // 是否禁用增加按钮
         disablePlus: Boolean,
-        // 是否禁用输入框
-        disableInput: Boolean,
         // 是否使用控制按钮
         controls: Boolean,
         // 居中显示
@@ -130,6 +126,10 @@ export default {
             type: Number,
             default: BigNumber.ROUND_DOWN,
         },
+        // 是否禁用
+        disable: Boolean,
+        // 是否只读
+        readonly: Boolean,
     },
 
     /**

package/components/search/index.vue

@@ -33,7 +33,7 @@
                                     v-model="modelValue[itemIndex][index].value"
                                     :type="modelValue[itemIndex][0].dateType"
                                     dense
-                                    :end-date="index === 1"
+                                    :is-end-date="index === 1"
                                     outlined
                                     clearable
                                 />
@@ -171,11 +171,7 @@ import NFieldTable from '../field-table'
 
 import $n_isValidArray from '@netang/utils/isValidArray'
 
-import { configs } from '../../utils/config'
-
-const {
-    priceCentToYuan,
-} = configs
+import $n_config from '../../utils/config'
 
 export default {
 
@@ -215,7 +211,7 @@ export default {
     setup() {
         return {
             // 如果金额为分
-            centToYuan: priceCentToYuan,
+            centToYuan: $n_config('priceCentToYuan') === true,
 
             isValidArray: $n_isValidArray,
         }

package/components/table/index.vue

@@ -242,14 +242,14 @@ export default {
         },
         // 树节点点击
         treeNodeClick: Function,
-        // 选中第一个树节点
+        // 是否选中第一个树节点
         treeSelectFirstNode: {
             type: Boolean,
             default: true,
         },
         // 显示树筛选
         treeFilter: Boolean,
-        // 树位置
+        // 树位置, 可选值: left / right
         treeSide: {
             type: String,
             default: 'left',

package/components/table-splitter/index.vue

@@ -123,9 +123,13 @@ export default {
             type: Number,
             default: 50,
         },
+        // 反转插槽
         reverse: Boolean,
+        // 模型的 CSS 单位
         unit: String,
+        // 两个值的数组，表示两个面板的最小和最大分割大小
         limits: Array,
+        // 是否水平拆分
         horizontal: Boolean,
 
         // 显示后置插槽 v-model:after

package/components/thumbnail/index.vue

@@ -45,7 +45,7 @@ export default {
             type: Number,
             default: 40,
         },
-        // 点击预览
+        // 是否点击放大预览
         preview: Boolean,
     },
 

package/components/toolbar/index.vue

@@ -91,10 +91,8 @@ export default {
      * 声明属性
      */
     props: {
-        // 是否头部
+        // 是否头部工具栏
         header: Boolean,
-        // 紧凑模式
-        dense: Boolean,
     },
 
     /**

package/components/uploader-query/index.vue

@@ -534,7 +534,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@/assets/sass/var.scss";
+@import "@/assets/sass/variables.scss";
 
 // 上传器队列
 .n-uploader-query {

package/components/value-format/index.vue

@@ -36,9 +36,9 @@ export default {
             required: true,
         },
         // 修改前值
-        before: [ Function, Object, Boolean ],
+        before: Function,
         // 修改后值
-        after: [ Function, Object, Boolean ],
+        after: Function,
         // 不自动触发更新
         noEmit: Boolean,
     },

package/package.json

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

package/sass/common.scss

@@ -37,8 +37,6 @@ body {
     --n-bg-grey-8: rgba(var(--n-reverse-color-rgb), 0.62);
     --n-bg-grey-9: rgba(var(--n-reverse-color-rgb), 0.75);
     --n-bg-grey-10: rgba(var(--n-reverse-color-rgb), 0.86);
-
-    overflow: hidden;
 }
 
 // 字体大小 12 像素

package/sass/variables.scss

@@ -0,0 +1,138 @@
+// ==========【quasar 重定义】=====================================================================================================
+
+$primary   : #4380fa !default;
+$secondary : #19be6b !default;
+$accent    : #9C27B0 !default;
+
+$dark      : #27282e !default;
+$dark-page : #1b1c21 !default;
+
+$positive  : #19be6b !default;
+$negative  : #ff3750 !default;
+$info      : #2db7f5 !default;
+$warning   : #ff9900 !default;
+
+//$shadow-color         : #000000 !default; !default;
+//$elevation-umbra      : rgba($shadow-color, 0.1) !default; !default;
+//$elevation-penumbra   : rgba($shadow-color, 0.1) !default; !default;
+//$elevation-ambient    : rgba($shadow-color, 0.1) !default; !default;
+
+// ==========【自定义】=====================================================================================================
+
+$color-gray-dark: $dark-page !default;
+$color-gray-white: #ffffff !default;
+
+$color-gray-99: mix($color-gray-dark, $color-gray-white, 99%) !default;
+$color-gray-98: mix($color-gray-dark, $color-gray-white, 98%) !default;
+$color-gray-97: mix($color-gray-dark, $color-gray-white, 97%) !default;
+$color-gray-96: mix($color-gray-dark, $color-gray-white, 96%) !default;
+$color-gray-95: mix($color-gray-dark, $color-gray-white, 95%) !default;
+$color-gray-94: mix($color-gray-dark, $color-gray-white, 94%) !default;
+$color-gray-93: mix($color-gray-dark, $color-gray-white, 93%) !default;
+$color-gray-92: mix($color-gray-dark, $color-gray-white, 92%) !default;
+$color-gray-91: mix($color-gray-dark, $color-gray-white, 91%) !default;
+$color-gray-90: mix($color-gray-dark, $color-gray-white, 90%) !default;
+$color-gray-89: mix($color-gray-dark, $color-gray-white, 89%) !default;
+$color-gray-88: mix($color-gray-dark, $color-gray-white, 88%) !default;
+$color-gray-87: mix($color-gray-dark, $color-gray-white, 87%) !default;
+$color-gray-86: mix($color-gray-dark, $color-gray-white, 86%) !default;
+$color-gray-85: mix($color-gray-dark, $color-gray-white, 85%) !default;
+$color-gray-84: mix($color-gray-dark, $color-gray-white, 84%) !default;
+$color-gray-83: mix($color-gray-dark, $color-gray-white, 83%) !default;
+$color-gray-82: mix($color-gray-dark, $color-gray-white, 82%) !default;
+$color-gray-81: mix($color-gray-dark, $color-gray-white, 81%) !default;
+$color-gray-80: mix($color-gray-dark, $color-gray-white, 80%) !default;
+$color-gray-79: mix($color-gray-dark, $color-gray-white, 79%) !default;
+$color-gray-78: mix($color-gray-dark, $color-gray-white, 78%) !default;
+$color-gray-77: mix($color-gray-dark, $color-gray-white, 77%) !default;
+$color-gray-76: mix($color-gray-dark, $color-gray-white, 76%) !default;
+$color-gray-75: mix($color-gray-dark, $color-gray-white, 75%) !default;
+$color-gray-74: mix($color-gray-dark, $color-gray-white, 74%) !default;
+$color-gray-73: mix($color-gray-dark, $color-gray-white, 73%) !default;
+$color-gray-72: mix($color-gray-dark, $color-gray-white, 72%) !default;
+$color-gray-71: mix($color-gray-dark, $color-gray-white, 71%) !default;
+$color-gray-70: mix($color-gray-dark, $color-gray-white, 70%) !default;
+$color-gray-69: mix($color-gray-dark, $color-gray-white, 69%) !default;
+$color-gray-68: mix($color-gray-dark, $color-gray-white, 68%) !default;
+$color-gray-67: mix($color-gray-dark, $color-gray-white, 67%) !default;
+$color-gray-66: mix($color-gray-dark, $color-gray-white, 66%) !default;
+$color-gray-65: mix($color-gray-dark, $color-gray-white, 65%) !default;
+$color-gray-64: mix($color-gray-dark, $color-gray-white, 64%) !default;
+$color-gray-63: mix($color-gray-dark, $color-gray-white, 63%) !default;
+$color-gray-62: mix($color-gray-dark, $color-gray-white, 62%) !default;
+$color-gray-61: mix($color-gray-dark, $color-gray-white, 61%) !default;
+$color-gray-60: mix($color-gray-dark, $color-gray-white, 60%) !default;
+$color-gray-59: mix($color-gray-dark, $color-gray-white, 59%) !default;
+$color-gray-58: mix($color-gray-dark, $color-gray-white, 58%) !default;
+$color-gray-57: mix($color-gray-dark, $color-gray-white, 57%) !default;
+$color-gray-56: mix($color-gray-dark, $color-gray-white, 56%) !default;
+$color-gray-55: mix($color-gray-dark, $color-gray-white, 55%) !default;
+$color-gray-54: mix($color-gray-dark, $color-gray-white, 54%) !default;
+$color-gray-53: mix($color-gray-dark, $color-gray-white, 53%) !default;
+$color-gray-52: mix($color-gray-dark, $color-gray-white, 52%) !default;
+$color-gray-51: mix($color-gray-dark, $color-gray-white, 51%) !default;
+$color-gray-50: mix($color-gray-dark, $color-gray-white, 50%) !default;
+$color-gray-49: mix($color-gray-dark, $color-gray-white, 49%) !default;
+$color-gray-48: mix($color-gray-dark, $color-gray-white, 48%) !default;
+$color-gray-47: mix($color-gray-dark, $color-gray-white, 47%) !default;
+$color-gray-46: mix($color-gray-dark, $color-gray-white, 46%) !default;
+$color-gray-45: mix($color-gray-dark, $color-gray-white, 45%) !default;
+$color-gray-44: mix($color-gray-dark, $color-gray-white, 44%) !default;
+$color-gray-43: mix($color-gray-dark, $color-gray-white, 43%) !default;
+$color-gray-42: mix($color-gray-dark, $color-gray-white, 42%) !default;
+$color-gray-41: mix($color-gray-dark, $color-gray-white, 41%) !default;
+$color-gray-40: mix($color-gray-dark, $color-gray-white, 40%) !default;
+$color-gray-39: mix($color-gray-dark, $color-gray-white, 39%) !default;
+$color-gray-38: mix($color-gray-dark, $color-gray-white, 38%) !default;
+$color-gray-37: mix($color-gray-dark, $color-gray-white, 37%) !default;
+$color-gray-36: mix($color-gray-dark, $color-gray-white, 36%) !default;
+$color-gray-35: mix($color-gray-dark, $color-gray-white, 35%) !default;
+$color-gray-34: mix($color-gray-dark, $color-gray-white, 34%) !default;
+$color-gray-33: mix($color-gray-dark, $color-gray-white, 33%) !default;
+$color-gray-32: mix($color-gray-dark, $color-gray-white, 32%) !default;
+$color-gray-31: mix($color-gray-dark, $color-gray-white, 31%) !default;
+$color-gray-30: mix($color-gray-dark, $color-gray-white, 30%) !default;
+$color-gray-29: mix($color-gray-dark, $color-gray-white, 29%) !default;
+$color-gray-28: mix($color-gray-dark, $color-gray-white, 28%) !default;
+$color-gray-27: mix($color-gray-dark, $color-gray-white, 27%) !default;
+$color-gray-26: mix($color-gray-dark, $color-gray-white, 26%) !default;
+$color-gray-25: mix($color-gray-dark, $color-gray-white, 25%) !default;
+$color-gray-24: mix($color-gray-dark, $color-gray-white, 24%) !default;
+$color-gray-23: mix($color-gray-dark, $color-gray-white, 23%) !default;
+$color-gray-22: mix($color-gray-dark, $color-gray-white, 22%) !default;
+$color-gray-21: mix($color-gray-dark, $color-gray-white, 21%) !default;
+$color-gray-20: mix($color-gray-dark, $color-gray-white, 20%) !default;
+$color-gray-16: mix($color-gray-dark, $color-gray-white, 16%) !default;
+$color-gray-19: mix($color-gray-dark, $color-gray-white, 19%) !default;
+$color-gray-18: mix($color-gray-dark, $color-gray-white, 18%) !default;
+$color-gray-17: mix($color-gray-dark, $color-gray-white, 17%) !default;
+$color-gray-16: mix($color-gray-dark, $color-gray-white, 16%) !default;
+$color-gray-15: mix($color-gray-dark, $color-gray-white, 15%) !default;
+$color-gray-14: mix($color-gray-dark, $color-gray-white, 14%) !default;
+$color-gray-13: mix($color-gray-dark, $color-gray-white, 13%) !default;
+$color-gray-12: mix($color-gray-dark, $color-gray-white, 12%) !default;
+$color-gray-11: mix($color-gray-dark, $color-gray-white, 11%) !default;
+$color-gray-10: mix($color-gray-dark, $color-gray-white, 10%) !default;
+$color-gray-9: mix($color-gray-dark, $color-gray-white, 9%) !default;
+$color-gray-8: mix($color-gray-dark, $color-gray-white, 8%) !default;
+$color-gray-7: mix($color-gray-dark, $color-gray-white, 7%) !default;
+$color-gray-6: mix($color-gray-dark, $color-gray-white, 6%) !default;
+$color-gray-5: mix($color-gray-dark, $color-gray-white, 5%) !default;
+$color-gray-4: mix($color-gray-dark, $color-gray-white, 4%) !default;
+$color-gray-3: mix($color-gray-dark, $color-gray-white, 3%) !default;
+$color-gray-2: mix($color-gray-dark, $color-gray-white, 2%) !default;
+$color-gray-1: mix($color-gray-dark, $color-gray-white, 1%) !default;
+
+$color-ccc: #cccccc !default;
+$color-999: #999999 !default;
+$color-888: #888888 !default;
+$color-777: #777777 !default;
+$color-666: #666666 !default;
+$color-555: #555555 !default;
+$color-444: #444444 !default;
+$color-333: #333333 !default;
+$color-222: #222222 !default;
+$color-111: #111111 !default;
+$color-000: $color-gray-dark !default;
+
+@import "~quasar/src/css/variables.sass";

package/utils/{auth.js → $auth.js}

@@ -120,7 +120,7 @@ function logout() {
 /**
  * 鉴权业务
  */
-const auth = {
+const $auth = {
     // 是否登录
     isLogin,
     // 登录后更新数据
@@ -137,4 +137,4 @@ const auth = {
     logout,
 }
 
-export default auth
+export default $auth

package/utils/{form.js → $form.js}

@@ -48,9 +48,9 @@ function create(params) {
 /**
  * 业务表单
  */
-const form = {
+const $form = {
     // 创建表单
     create,
 }
 
-export default form
+export default $form