@netang/quasar 0.0.56 → 0.0.57

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)
 
             // 如是类型是年

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/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.57",
   "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/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

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

@@ -35,12 +35,13 @@ import $n_http from '@netang/utils/http'
 import { statePower } from '../store'
 import { NRenderKey, NPowerKey, NFormKey, NTableKey } from './symbols'
 
-import $n_config from './config'
 import $n_getData from './getData'
 import $n_toast from './toast'
 import $n_confirm from './confirm'
 import $n_bus from './bus'
 
+import $n_config from './config'
+
 import { configs } from './config'
 
 const {
@@ -540,7 +541,7 @@ async function getData() {
     if (! statePower.value.v) {
 
         // 获取权限数据
-        const res = await $n_getData($n_config('powerName'))
+        const res = await $n_getData($n_config('apiDataPowerName'))
         if (res === false) {
             statePower.value = {
                 // 权限版本
@@ -1150,7 +1151,7 @@ function getPageData($route) {
 /**
  * 权限业务
  */
-const power = {
+const $power = {
     // 创建
     create,
     // 设置权限数据
@@ -1165,4 +1166,4 @@ const power = {
     request,
 }
 
-export default power
+export default $power

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

@@ -3,7 +3,7 @@ import $n_validate from '@netang/utils/validate'
 /**
  * 单个验证规则(用于表单验证)
  */
-export default function rule(rule) {
+export default function $rule(rule) {
     return function(value) {
         const res = $n_validate(value, 'data', rule, '', '该值')
         if (res) {

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

@@ -3,7 +3,7 @@ import $n_validate from '@netang/utils/validate'
 /**
  * 单个验证真假规则(用于表单验证)
  */
-export default function ruleValid (rule) {
+export default function $ruleValid (rule) {
     return function(value) {
         return ! $n_validate(value, 'data', rule, '', '该值')
     }

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

@@ -498,7 +498,7 @@ function formatValue(rawSearchOptions, searchValue) {
 /**
  * 搜素业务
  */
-const search = {
+const $search = {
     // 获取原始值
     getRawData,
     // 获取参数
@@ -507,4 +507,4 @@ const search = {
     formatValue,
 }
 
-export default search
+export default $search

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

@@ -28,8 +28,8 @@ import $n_toDate from '@netang/utils/toDate'
 import $n_slash from '@netang/utils/slash'
 import $n_http from '@netang/utils/http'
 
-import $n_search, { setItemValue } from './search'
-import $n_power from './power'
+import $n_$search, { setItemValue } from './$search'
+import $n_$power from './$power'
 import $n_dict from './dict'
 import $n_price from './price'
 
@@ -284,7 +284,7 @@ function create(params) {
         // 首次表格搜索值(如果表格搜索参数中带了初始值, 则设置初始值)
         firstTableSearchValue,
         // 表格搜索值(如果表格搜索参数中带了初始值, 则设置初始值)
-    } = $n_search.getRawData(tableColumns, Object.assign({}, $route.query), o.searchFromQuery)
+    } = $n_$search.getRawData(tableColumns, Object.assign({}, $route.query), o.searchFromQuery)
 
     // 表格搜索数据值
     const tableSearchValue = ref($route.fullPath ? firstTableSearchValue : [])
@@ -305,7 +305,7 @@ function create(params) {
         const lists = []
 
         // 先格式化权限按钮列表
-        $n_forEach($n_power.formatBtns($power.powerBtns.value), function(item) {
+        $n_forEach($n_$power.formatBtns($power.powerBtns.value), function(item) {
 
             // 如果是固定按钮
             if (item.fixed) {
@@ -671,7 +671,7 @@ function create(params) {
         })
 
         // 获取搜索值
-        const search = $n_search.formatValue(rawSearchOptions, tableSearchValue.value)
+        const search = $n_$search.formatValue(rawSearchOptions, tableSearchValue.value)
         if ($n_isValidArray(search)) {
             data.n_search = $n_has(data, 'n_search') ? $n_concat(data.n_search, search) : search
         }
@@ -871,14 +871,14 @@ function create(params) {
      * 设置表格搜索参数
      */
     async function setTableSearchOptions(format) {
-        tableSearchOptions.value = await $n_search.getOptions(rawSearchOptions, format)
+        tableSearchOptions.value = await $n_$search.getOptions(rawSearchOptions, format)
     }
 
     /**
      * 是否有表格搜索值
      */
     function hasTableSearchValue() {
-        return !! $n_search.formatValue(rawSearchOptions, tableSearchValue.value).length
+        return !! $n_$search.formatValue(rawSearchOptions, tableSearchValue.value).length
     }
 
     // 如果开启搜索
@@ -987,11 +987,11 @@ function config(routePath, path, defaultValue) {
 /**
  * 业务表格
  */
-const table = {
+const $table = {
     // 创建表格
     create,
     // 获取表格配置
     config,
 }
 
-export default table
+export default $table

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

@@ -697,9 +697,9 @@ function create(params) {
 /**
  * 树业务
  */
-const tree = {
+const $tree = {
     // 创建树实例
     create,
 }
 
-export default tree
+export default $tree