@netang/quasar 0.0.95 → 0.0.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/_docs/docs/components/dialog.md +35 -1
  2. package/_docs/docs/components/empty.md +7 -5
  3. package/_docs/docs/components/img.md +21 -17
  4. package/_docs/docs/components/input-number.md +13 -13
  5. package/_docs/docs/components/thumbnail.md +10 -3
  6. package/_docs/docs/utils/table.md +10 -11
  7. package/components/field-table/index.vue +23 -12
  8. package/components/img/index.vue +2 -3
  9. package/components/table-column-fixed/index.vue +1 -1
  10. package/package.json +1 -1
  11. package/utils/$table.js +24 -29
  12. package/utils/getData.js +1 -1
package/_docs/docs/components/dialog.md CHANGED
@@ -11,7 +11,8 @@
11
11
  |-----------------|----------|---------------------|-----|-------|
12
12
  | value / v-model | 绑定值（必填） | - | - | - |
13
13
  | name | 组件标识 | `String` | - | - |
14
- | route | 路由组件路径 | `String` | - | - |
14
+ | path | 路由组件路径 | `String` | - | - |
15
+ | query | 路由组件参数 | `Object` | - | - |
15
16
  | props | 组件传参 | `Object` | - | - |
16
17
  | title | 标题 | `String` | - | - |
17
18
  | close | 是否显示关闭按钮 | `Boolean` | - | true |
@@ -23,3 +24,36 @@
23
24
  | min-width | 最小宽度 | `String` / `Number` | - | 600px |
24
25
  | fullscreen | 是否全屏 | `Boolean` | - | false |
25
26
  | page-container | 是否是页面容器 | `Boolean` | - | true |
27
+
28
+ - on-confirm
29
+
30
+ 示例
31
+
32
+ ```javascript
33
+ // 创建对话框
34
+ $n.dialog.create({
35
+ // 组件标识
36
+ name: 'packageAddSku',
37
+ // 标题
38
+ title: '添加商品',
39
+ // 宽
40
+ width: '80%',
41
+ // 点击确认执行
42
+ async onConfirm(data, hide) {
43
+ if (! data) {
44
+ // 轻提示
45
+ $n.toast({
46
+ message: '请选择数据',
47
+ })
48
+
49
+ setTimeout(()=>{
50
+ // 手动关闭对话框
51
+ hide()
52
+ }, 2000)
53
+
54
+ // 返回 false 则不自动关闭对话框
55
+ return false
56
+ }
57
+ },
58
+ })
59
+ ```
package/_docs/docs/components/empty.md CHANGED
@@ -4,8 +4,10 @@
4
4
  空状态
5
5
  :::
6
6
 
7
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
- |-------------|------|---------------------|-----|------|
9
- | icon | 图标 | `String` | - | info |
10
- | icon-size | 图标大小 | `String` / `Number` | - | 70 |
11
- | description | 描述文字 | `String` | - | - |
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |------------------|------|---------------------|-----|----------------------------|
9
+ | icon | 图标 | `String` | - | info |
10
+ | icon-size | 图标大小 | `String` / `Number` | - | 70 |
11
+ | descriptionClass | 描述类名 | `String` | - | text-subtitle1 text-grey-7 |
12
+ | description | 描述文字 | `String` | - | - |
13
+ | fit | 撑满全屏 | `Boolean` | - | false |
package/_docs/docs/components/img.md CHANGED
@@ -1,21 +1,25 @@
1
- # FieldTree 下拉树
1
+ # Img 图片
2
2
 
3
3
  ::: tip
4
- 继承 `<q-field>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
4
+ 继承 `<q-img>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/img) [英文文档](https://quasar.dev/vue-components/img)
6
6
  :::
7
7
 
8
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
- |-----------------------------|---------------------------------------|-----------|-----|-------|
10
- | value / v-model | 绑定值（必填） | - | - | - |
11
- | expanded / v-model:expanded | 树展开节点 | `Array` | - | - |
12
- | nodes | 节点数组 | `String` | - | - |
13
- | node-key | 唯一的节点键值（必填） | `String` | - | id |
14
- | label-key | 标签字段 | `String` | - | label |
15
- | strict | 是否可选任意一级(true:可选任意一级, false: 仅能选叶子节点) | `Boolean` | - | false |
16
- | multiple | 是否多选 | `Boolean` | - | false |
17
- | accordion | 手风琴模式 | `Boolean` | - | false |
18
- | show-all-levels | 是否显示选中值的完整路径 | `Boolean` | - | true |
19
- | filter | 是否开启筛选 | `Boolean` | - | false |
20
- | collapse-tags | 是否折叠标签(多选模式有效) | `Boolean` | - | false |
21
- | placeholder | 占位符 | `String` | - | - |
8
+ 示例
9
+
10
+ ```javascript
11
+ <n-img
12
+ src="..."
13
+ />
14
+ ```
15
+
16
+ 新增属性
17
+
18
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
19
+ |-----------------|-----------------------------|---------------------|-----|-------|
20
+ | round | 是否为圆形 | `Boolean` | - | false |
21
+ | rounded | 是否为圆角 | `Boolean` | - | false |
22
+ | error-size | 错误尺寸（发生错误后如果没有定义宽高，则此参数为宽高） | `String` / `Number` | - | 70 |
23
+ | error-icon-size | 错误图标大小 | `Number` | - | md |
24
+ | error-icon | 错误图标 | `String` | - | image |
25
+ | preview | 是否点击放大预览 | `Boolean` | - | false |
package/_docs/docs/components/input-number.md CHANGED
@@ -5,17 +5,17 @@
5
5
  [中文文档](http://www.quasarchs.com/vue-components/input) [英文文档](https://quasar.dev/vue-components/input)
6
6
  :::
7
7
 
8
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
- |-----------------|---------------------------------------------------------------|---------------------|-----|----------------------|
10
- | value / v-model | 绑定值（必填） | - | - | - |
11
- | min | 最小值 | `Number` / `String` | - | 0 |
12
- | max | 最大值 | `Number` / `String` | - | 0 |
13
- | step | 步长, 每次点击时改变的值(默认为 1, centToYuan开启后默认为 100) | `Number` / `String` | - | 1 |
14
- | decimal-length | 小数位数(默认为 0, centToYuan开启后默认为 2) | `Boolean` | - | 0 |
15
- | disable-minus | 是否禁用减少按钮 | `Boolean` | - | false |
16
- | disable-plus | 是否禁用增加按钮 | `Boolean` | - | false |
17
- | controls | 是否使用控制按钮 | `Boolean` | - | false |
18
- | center | 居中显示 | `Boolean` | - | false |
19
- | no-empty | 不允许输入的值为空 | `Boolean` | - | false |
20
- | cent-to-yuan | 是否为人民币的分转元 | `Boolean` | - | false |
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-----------------|--------------------------------------------------------------------------------------|---------------------|-----|----------------------|
10
+ | value / v-model | 绑定值（必填） | - | - | - |
11
+ | min | 最小值 | `Number` / `String` | - | 0 |
12
+ | max | 最大值 | `Number` / `String` | - | Infinity |
13
+ | step | 步长, 每次点击时改变的值(默认为 1, centToYuan开启后默认为 100) | `Number` / `String` | - | 1 |
14
+ | decimal-length | 小数位数(默认为 0, centToYuan开启后默认为 2) | `Boolean` | - | 0 |
15
+ | disable-minus | 是否禁用减少按钮 | `Boolean` | - | false |
16
+ | disable-plus | 是否禁用增加按钮 | `Boolean` | - | false |
17
+ | controls | 是否使用控制按钮 | `Boolean` | - | false |
18
+ | center | 居中显示 | `Boolean` | - | false |
19
+ | no-empty | 不允许输入的值为空 | `Boolean` | - | false |
20
+ | cent-to-yuan | 是否为人民币的分转元 | `Boolean` | - | false |
21
21
  | round-mode | 精度舍入模式 [BigNumber文档](https://mikemcl.github.io/bignumber.js/#constructor-properties) | `Number` | - | BigNumber.ROUND_DOWN |
package/_docs/docs/components/thumbnail.md CHANGED
@@ -1,11 +1,18 @@
1
1
  # Thumbnail 缩略图
2
2
 
3
3
  ::: tip
4
- 缩略图
4
+ 继承 [`<n-img>`](./img.md) 所有特性
5
5
  :::
6
6
 
7
7
  | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
8
  |---------|----------|-------------------------------|-----|-------|
9
- | src | 图片地址 | `String` / `Array` / `Object` | - | - |
10
9
  | size | 图片尺寸 | `Number` | - | 40 |
11
- | preview | 是否点击放大预览 | `Boolean` | - | false |
10
+
11
+
12
+ 示例
13
+
14
+ ```javascript
15
+ <n-thumbnail
16
+ src="..."
17
+ />
18
+ ```
package/_docs/docs/utils/table.md CHANGED
@@ -63,25 +63,24 @@ $table.create(options: Object): Object
63
63
  格式化表格按钮
64
64
 
65
65
  ```javascript
66
+ import http from '@netang/utils/http'
67
+
66
68
  // 创建表格实例
67
69
  const $table = $n.$table.create({
68
70
 
69
71
  // 自定义请求方法
70
- async request({ data, props, rows, selected }) {
71
- return await $n.http({
72
- url: '...',
73
- data,
74
- })
72
+ async request({ httpOptions, props, rows, selected }) {
73
+ return await http(httpOptions)
75
74
  },
76
75
  })
77
76
  ```
78
77
 
79
- | 参数名 | 说明 | 类型 | 示例 |
80
- |----------|--------|----------|-----|
81
- | data | 请求数据 | `Object` | - |
82
- | props | 表格声明属性 | `Array` | - |
83
- | rows | 表格行数据 | `Array` | - |
84
- | selected | 表格选中数据 | `Array` | - |
78
+ | 参数名 | 说明 | 类型 | 示例 |
79
+ |-------------|-----------|----------|-----|
80
+ | httpOptions | http 请求参数 | `Object` | - |
81
+ | props | 表格声明属性 | `Array` | - |
82
+ | rows | 表格行数据 | `Array` | - |
83
+ | selected | 表格已选数据 | `Array` | - |
85
84
 
86
85
  #### formatRow
87
86
 
package/components/field-table/index.vue CHANGED
@@ -248,8 +248,6 @@ export default {
248
248
 
249
249
  // 请求路径
250
250
  path: String,
251
- // 请求地址(如果为空, 则默认为表格路由地址)
252
- url: String,
253
251
  // 请求参数
254
252
  query: Object,
255
253
  // 附加请求数据
@@ -298,7 +296,7 @@ export default {
298
296
  default: 500
299
297
  },
300
298
  // 自定义请求方法
301
- onRequest: Function,
299
+ request: Function,
302
300
  },
303
301
 
304
302
  /**
@@ -402,6 +400,19 @@ export default {
402
400
  },
403
401
  // 刷新后清空已选数据
404
402
  refreshResetSelected: false,
403
+ // 自定义请求方法
404
+ async request({ httpOptions }) {
405
+ return $n_isFunction(props.request) ?
406
+ // 如果有自定义请求方法
407
+ await $n_runAsync(props.request)({
408
+ // http 请求参数
409
+ httpOptions,
410
+ // 对话框是否已显示
411
+ showDialog: showDialog.value,
412
+ }) :
413
+ // 否则请求数据
414
+ await $n_http(httpOptions)
415
+ },
405
416
  })
406
417
 
407
418
  // 创建睡眠实例
@@ -747,8 +758,8 @@ export default {
747
758
  async function onRequestSelected(value) {
748
759
 
749
760
  // 请求参数
750
- const options = {
751
- url: props.url ?? $table.routePath,
761
+ const httpOptions = {
762
+ url: $table.routePath,
752
763
  data: Object.assign(
753
764
  // 获取表格请求数据
754
765
  $table.getTableRequestData({
@@ -777,16 +788,16 @@ export default {
777
788
  }
778
789
 
779
790
  // 请求数据
780
- const { status, data } = $n_isFunction(props.onRequest) ?
791
+ const { status, data } = $n_isFunction(props.request) ?
781
792
  // 如果有自定义请求方法
782
- await $n_runAsync(props.onRequest)({
783
- options,
784
- props,
785
- // 是否在对话框中
786
- inDialog: showDialog.value,
793
+ await $n_runAsync(props.request)({
794
+ // http 请求参数
795
+ httpOptions,
796
+ // 对话框是否已显示
797
+ showDialog: showDialog.value,
787
798
  }) :
788
799
  // 否则请求数据
789
- await $n_http(options)
800
+ await $n_http(httpOptions)
790
801
 
791
802
  return status && $n_isValidArray($n_get(data, 'rows')) ? data.rows : []
792
803
  }
package/components/img/index.vue CHANGED
@@ -69,7 +69,6 @@
69
69
  <script>
70
70
  import { computed } from 'vue'
71
71
 
72
- import $n_get from 'lodash/get'
73
72
  import $n_px from '@netang/utils/px'
74
73
 
75
74
  import $n_getImage from '../../utils/getImage'
@@ -103,7 +102,7 @@ export default {
103
102
  rounded: Boolean,
104
103
  // 加载旋转器尺寸
105
104
  spinnerSize: [ String, Number ],
106
- // 错误尺寸
105
+ // 错误尺寸(发生错误后如果没有定义宽高, 则此参数为宽高)
107
106
  errorSize: {
108
107
  type: [ String, Number ],
109
108
  default: 70,
@@ -125,7 +124,7 @@ export default {
125
124
  /**
126
125
  * 组合式
127
126
  */
128
- setup(props, { attrs }) {
127
+ setup(props) {
129
128
 
130
129
  // ==========【计算属性】==========================================================================================
131
130
 
package/components/table-column-fixed/index.vue CHANGED
@@ -78,7 +78,7 @@ export default {
78
78
  item = $n_cloneDeep(item)
79
79
 
80
80
  // 格式化权限按钮
81
- if (formatPowerBtns(item, true, [ props.props.row ]) === false) {
81
+ if (formatPowerBtns(item, true, [ props.props.row ]) === false || item.hidden === true) {
82
82
  return
83
83
  }
84
84
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@netang/quasar",
3
- "version": "0.0.95",
3
+ "version": "0.0.97",
4
4
  "description": "netang-quasar",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
package/utils/$table.js CHANGED
@@ -55,7 +55,7 @@ const {
55
55
  /**
56
56
  * 创建表格
57
57
  */
58
- function create(params) {
58
+ function create(options) {
59
59
 
60
60
  // ==========【数据】=================================================================================================
61
61
 
@@ -130,10 +130,10 @@ function create(params) {
130
130
  rowClick: null,
131
131
  // 双击表格行事件
132
132
  rowDblClick: null,
133
- }, params)
133
+ }, options)
134
134
 
135
135
  // 获取权限注入
136
- const $power = $n_has(params, '$power') ? params.$power : inject(NPowerKey)
136
+ const $power = $n_has(options, '$power') ? options.$power : inject(NPowerKey)
137
137
  const hasPowr = !! $power
138
138
 
139
139
  // 获取渲染注入
@@ -718,36 +718,31 @@ function create(params) {
718
718
  }
719
719
  } = props
720
720
 
721
- // 获取表格请求数据
722
- const data = getTableRequestData(props, isRequestSummary)
723
-
724
- let result
725
-
726
- // 如果有自定义请求方法
727
- if ($n_isFunction(o.request)) {
728
- result = await $n_runAsync(o.request)({
729
- data,
721
+ // http 请求参数
722
+ const httpOptions = Object.assign({
723
+ // 请求数据
724
+ url: $route.path,
725
+ // 请求数据
726
+ data: getTableRequestData(props, isRequestSummary),
727
+ // ~~~~~~ 先开启防抖, 如果后期遇到表格加载不出来的情况, 再关闭防抖
728
+ // 关闭防抖(允许重复请求)
729
+ // debounce: false,
730
+ }, o.httpSettings)
731
+
732
+ const { status, data: res } = $n_isFunction(o.request)
733
+ // 如果有自定义请求方法
734
+ ? await $n_runAsync(o.request)({
735
+ // http 请求参数
736
+ httpOptions,
737
+ // 表格声明属性
730
738
  props,
739
+ // 表格行数据
731
740
  rows: tableRows,
741
+ // 表格已选数据
732
742
  selected: tableSelected,
733
743
  })
734
-
735
- // 否则请求服务器
736
- } else {
737
- const opts = Object.assign({
738
- // 请求数据
739
- url: $route.path,
740
- // 请求数据
741
- data,
742
- // ~~~~~~ 先开启防抖, 如果后期遇到表格加载不出来的情况, 再关闭防抖
743
- // 关闭防抖(允许重复请求)
744
- // debounce: false,
745
- }, o.httpSettings)
746
-
747
- result = await $n_http(opts)
748
- }
749
-
750
- const { status, data: res } = result
744
+ // 否则请求服务器
745
+ : await $n_http(httpOptions)
751
746
 
752
747
  // 请求成功
753
748
  if (status) {
package/utils/getData.js CHANGED
@@ -15,7 +15,7 @@ import $n_config from './config'
15
15
  * @param refValue 请求成功后设置值
16
16
  * @returns
17
17
  */
18
- export default async function getData(url, pageStatus, emptyDescription, refValue) {
18
+ export default async function getData(url, pageStatus = null, emptyDescription = null, refValue = null) {
19
19
 
20
20
  const warn = $n_isNil(pageStatus) || ! isRef(pageStatus)
21
21