@netang/quasar 0.0.102 → 0.0.103

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 (162) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +11 -11
  3. package/_docs/docs/.vuepress/client.js +8 -8
  4. package/_docs/docs/.vuepress/config.js +40 -40
  5. package/_docs/docs/.vuepress/configs/index.js +2 -2
  6. package/_docs/docs/.vuepress/configs/navbar/index.js +1 -1
  7. package/_docs/docs/.vuepress/configs/navbar/zh.js +16 -16
  8. package/_docs/docs/.vuepress/configs/sidebar/index.js +1 -1
  9. package/_docs/docs/.vuepress/configs/sidebar/zh.js +75 -75
  10. package/_docs/docs/.vuepress/public/css/index.css +3 -3
  11. package/_docs/docs/.vuepress/styles/index.scss +3 -3
  12. package/_docs/docs/components/column-title.md +25 -25
  13. package/_docs/docs/components/data.md +66 -66
  14. package/_docs/docs/components/dialog.md +59 -59
  15. package/_docs/docs/components/dragger.md +26 -26
  16. package/_docs/docs/components/editor-code.md +16 -16
  17. package/_docs/docs/components/empty.md +13 -13
  18. package/_docs/docs/components/field-date.md +16 -16
  19. package/_docs/docs/components/field-text.md +57 -57
  20. package/_docs/docs/components/field-tree.md +14 -14
  21. package/_docs/docs/components/img.md +25 -25
  22. package/_docs/docs/components/input-number.md +21 -21
  23. package/_docs/docs/components/list-menu-item.md +21 -21
  24. package/_docs/docs/components/list-menu.md +21 -21
  25. package/_docs/docs/components/power-page.md +21 -21
  26. package/_docs/docs/components/price.md +21 -21
  27. package/_docs/docs/components/render.md +12 -12
  28. package/_docs/docs/components/search-item.md +10 -10
  29. package/_docs/docs/components/search.md +12 -12
  30. package/_docs/docs/components/select.md +11 -11
  31. package/_docs/docs/components/splitter.md +15 -15
  32. package/_docs/docs/components/table-column-fixed.md +20 -20
  33. package/_docs/docs/components/table-pagination.md +20 -20
  34. package/_docs/docs/components/table-splitter.md +20 -20
  35. package/_docs/docs/components/table-summary.md +20 -20
  36. package/_docs/docs/components/table.md +25 -25
  37. package/_docs/docs/components/thumbnail.md +18 -18
  38. package/_docs/docs/components/toolbar.md +9 -9
  39. package/_docs/docs/components/uploader-query.md +19 -19
  40. package/_docs/docs/components/uploader.md +16 -16
  41. package/_docs/docs/components/value-format.md +26 -26
  42. package/_docs/docs/index.md +1 -1
  43. package/_docs/docs/utils/alert.md +26 -26
  44. package/_docs/docs/utils/area.md +112 -112
  45. package/_docs/docs/utils/arr.md +80 -80
  46. package/_docs/docs/utils/auth.md +101 -101
  47. package/_docs/docs/utils/bus.md +18 -18
  48. package/_docs/docs/utils/confirm.md +31 -31
  49. package/_docs/docs/utils/copy.md +22 -22
  50. package/_docs/docs/utils/dialog.md +98 -98
  51. package/_docs/docs/utils/dict.md +50 -50
  52. package/_docs/docs/utils/dictOptions.md +27 -27
  53. package/_docs/docs/utils/form.md +33 -33
  54. package/_docs/docs/utils/getData.md +60 -60
  55. package/_docs/docs/utils/getFile.md +21 -21
  56. package/_docs/docs/utils/getImage.md +33 -33
  57. package/_docs/docs/utils/getTime.md +51 -51
  58. package/_docs/docs/utils/index.md +1 -1
  59. package/_docs/docs/utils/loading.md +18 -18
  60. package/_docs/docs/utils/notify.md +29 -29
  61. package/_docs/docs/utils/power.md +353 -353
  62. package/_docs/docs/utils/previewImage.md +11 -11
  63. package/_docs/docs/utils/price.md +45 -45
  64. package/_docs/docs/utils/rule.md +30 -30
  65. package/_docs/docs/utils/ruleValid.md +31 -31
  66. package/_docs/docs/utils/symbols.md +30 -30
  67. package/_docs/docs/utils/table.md +194 -194
  68. package/_docs/docs/utils/timestamp.md +27 -27
  69. package/_docs/docs/utils/toast.md +27 -27
  70. package/_docs/docs/utils/tree.md +174 -174
  71. package/_docs/docs/utils/uploader.md +29 -29
  72. package/_docs/package.json +11 -11
  73. package/components/column-title/index.vue +37 -37
  74. package/components/data/index.vue +20 -20
  75. package/components/dialog/index.vue +372 -372
  76. package/components/dragger/index.vue +203 -203
  77. package/components/drawer/index.vue +303 -303
  78. package/components/editor-code/index.vue +289 -289
  79. package/components/empty/index.vue +71 -71
  80. package/components/field-date/index.vue +850 -850
  81. package/components/field-date/methods.js +100 -100
  82. package/components/field-table/index.vue +1222 -1222
  83. package/components/field-text/index.vue +165 -165
  84. package/components/field-tree/index.vue +103 -81
  85. package/components/img/index.vue +202 -202
  86. package/components/input-number/index.vue +546 -546
  87. package/components/list-menu/index.vue +149 -149
  88. package/components/list-menu-item/index.vue +79 -79
  89. package/components/power-page/index.vue +92 -92
  90. package/components/price/index.vue +188 -188
  91. package/components/private/components/index.js +11 -11
  92. package/components/private/components/move-to-tree/index.vue +154 -154
  93. package/components/private/edit-power-data/index.vue +816 -816
  94. package/components/private/table-visible-columns-button/index.vue +109 -109
  95. package/components/render/index.vue +150 -150
  96. package/components/search/index.vue +222 -222
  97. package/components/search-item/index.vue +210 -210
  98. package/components/splitter/index.vue +415 -415
  99. package/components/table/index.vue +456 -456
  100. package/components/table-column-fixed/index.vue +112 -112
  101. package/components/table-pagination/index.vue +192 -192
  102. package/components/table-splitter/index.vue +360 -360
  103. package/components/table-summary/index.vue +110 -110
  104. package/components/thumbnail/index.vue +72 -72
  105. package/components/toolbar/container.vue +31 -31
  106. package/components/toolbar/index.vue +136 -136
  107. package/components/uploader/index.vue +158 -158
  108. package/components/uploader-query/index.vue +758 -758
  109. package/components/value-format/index.vue +274 -274
  110. package/configs/area3.js +1 -1
  111. package/docs/css/index.css +3 -3
  112. package/package.json +1 -1
  113. package/sass/common.scss +174 -174
  114. package/sass/index.scss +14 -14
  115. package/sass/line.scss +39 -39
  116. package/sass/quasar/btn.scss +46 -46
  117. package/sass/quasar/common.scss +3 -3
  118. package/sass/quasar/dialog.scss +7 -7
  119. package/sass/quasar/drawer.scss +6 -6
  120. package/sass/quasar/field.scss +243 -243
  121. package/sass/quasar/loading.scss +6 -6
  122. package/sass/quasar/menu.scss +8 -8
  123. package/sass/quasar/table.scss +150 -150
  124. package/sass/quasar/toolbar.scss +22 -22
  125. package/store/index.js +29 -29
  126. package/utils/$auth.js +127 -127
  127. package/utils/$form.js +56 -56
  128. package/utils/$power.js +1215 -1215
  129. package/utils/$rule.js +13 -13
  130. package/utils/$ruleValid.js +10 -10
  131. package/utils/$table.js +999 -999
  132. package/utils/$tree.js +713 -713
  133. package/utils/alert.js +12 -12
  134. package/utils/area.js +400 -400
  135. package/utils/arr.js +51 -51
  136. package/utils/bus.js +6 -6
  137. package/utils/config.js +52 -52
  138. package/utils/confirm.js +11 -11
  139. package/utils/copy.js +30 -30
  140. package/utils/dialog.js +36 -36
  141. package/utils/dict.js +21 -21
  142. package/utils/dictOptions.js +28 -28
  143. package/utils/getData.js +73 -73
  144. package/utils/getFile.js +40 -40
  145. package/utils/getImage.js +153 -153
  146. package/utils/getTime.js +106 -106
  147. package/utils/index.js +61 -61
  148. package/utils/loading.js +15 -15
  149. package/utils/notify.js +13 -13
  150. package/utils/previewImage.js +10 -10
  151. package/utils/price.js +18 -18
  152. package/utils/symbols.js +18 -18
  153. package/utils/timestamp.js +18 -18
  154. package/utils/toast.js +13 -13
  155. package/utils/uploader/aliyun.js +6 -6
  156. package/utils/uploader/local.js +8 -8
  157. package/utils/uploader/qiniu.js +321 -321
  158. package/utils/uploader.js +1059 -1059
  159. package/utils/useAuth.js +30 -30
  160. package/utils/useRouter.js +47 -47
  161. package/utils/useSearch.js +0 -6
  162. package/utils/useUploader.js +53 -53
@@ -1,59 +1,59 @@
1
- # Dialog 对话框
2
-
3
- ::: tip
4
- - 继承 `<q-dialog>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/dialog) [英文文档](https://quasar.dev/vue-components/dialog)
6
-
7
- - 使用 [$n.dialog.create()](../utils/dialog.md) 创建对话框进行使用
8
- :::
9
-
10
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
11
- |-----------------|----------|---------------------|-----|-------|
12
- | value / v-model | 绑定值(必填) | - | - | - |
13
- | name | 组件标识 | `String` | - | - |
14
- | path | 路由组件路径 | `String` | - | - |
15
- | query | 路由组件参数 | `Object` | - | - |
16
- | props | 组件传参 | `Object` | - | - |
17
- | title | 标题 | `String` | - | - |
18
- | close | 是否显示关闭按钮 | `Boolean` | - | true |
19
- | cancel | 是否显示取消按钮 | `Boolean` | - | false |
20
- | bottom | 是否显示底部 | `Boolean` | - | true |
21
- | on-confirm | 点击确定方法 | `Function` | - | - |
22
- | width | 宽度 | `String` / `Number` | - | 50% |
23
- | height | 高度 | `String` / `Number` | - | 80% |
24
- | min-width | 最小宽度 | `String` / `Number` | - | 600px |
25
- | fullscreen | 是否全屏 | `Boolean` | - | false |
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
- ```
1
+ # Dialog 对话框
2
+
3
+ ::: tip
4
+ - 继承 `<q-dialog>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/dialog) [英文文档](https://quasar.dev/vue-components/dialog)
6
+
7
+ - 使用 [$n.dialog.create()](../utils/dialog.md) 创建对话框进行使用
8
+ :::
9
+
10
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
11
+ |-----------------|----------|---------------------|-----|-------|
12
+ | value / v-model | 绑定值(必填) | - | - | - |
13
+ | name | 组件标识 | `String` | - | - |
14
+ | path | 路由组件路径 | `String` | - | - |
15
+ | query | 路由组件参数 | `Object` | - | - |
16
+ | props | 组件传参 | `Object` | - | - |
17
+ | title | 标题 | `String` | - | - |
18
+ | close | 是否显示关闭按钮 | `Boolean` | - | true |
19
+ | cancel | 是否显示取消按钮 | `Boolean` | - | false |
20
+ | bottom | 是否显示底部 | `Boolean` | - | true |
21
+ | on-confirm | 点击确定方法 | `Function` | - | - |
22
+ | width | 宽度 | `String` / `Number` | - | 50% |
23
+ | height | 高度 | `String` / `Number` | - | 80% |
24
+ | min-width | 最小宽度 | `String` / `Number` | - | 600px |
25
+ | fullscreen | 是否全屏 | `Boolean` | - | false |
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
+ ```
@@ -1,26 +1,26 @@
1
- # Dragger 拖拽
2
-
3
- ::: tip
4
- 拖拽
5
- :::
6
-
7
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
- |-----------------|---------|-----------|-----|------|
9
- | value / v-model | 绑定值(必填) | `Array` | - | - |
10
- | drag | 是否开启拖拽 | `Boolean` | - | true |
11
-
12
- ### Dragger 插槽
13
-
14
- | 插槽名 | 说明 |
15
- |--------------------------|------|
16
- | default | 默认插槽 |
17
-
18
- ### Dragger `default` 插槽 对外暴露的方法
19
-
20
- | 属性名 | 说明 | 类型 | 示例 |
21
- |-----------|--------|------------|-----|
22
- | mousedown | 鼠标按下 | `Function` | - |
23
- | fromIndex | 拖拽原始索引 | `Number` | - |
24
- | dragStart | 拖拽开始 | `Function` | - |
25
- | dragEnter | 拖拽进入 | `Function` | - |
26
- | dragEnd | 拖拽结束 | `Function` | - |
1
+ # Dragger 拖拽
2
+
3
+ ::: tip
4
+ 拖拽
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|---------|-----------|-----|------|
9
+ | value / v-model | 绑定值(必填) | `Array` | - | - |
10
+ | drag | 是否开启拖拽 | `Boolean` | - | true |
11
+
12
+ ### Dragger 插槽
13
+
14
+ | 插槽名 | 说明 |
15
+ |--------------------------|------|
16
+ | default | 默认插槽 |
17
+
18
+ ### Dragger `default` 插槽 对外暴露的方法
19
+
20
+ | 属性名 | 说明 | 类型 | 示例 |
21
+ |-----------|--------|------------|-----|
22
+ | mousedown | 鼠标按下 | `Function` | - |
23
+ | fromIndex | 拖拽原始索引 | `Number` | - |
24
+ | dragStart | 拖拽开始 | `Function` | - |
25
+ | dragEnter | 拖拽进入 | `Function` | - |
26
+ | dragEnd | 拖拽结束 | `Function` | - |
@@ -1,16 +1,16 @@
1
- # EditorCode 代码编辑器
2
-
3
- ::: tip
4
- 代码编辑器
5
- :::
6
-
7
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
- |-----------------|----------|---------------------|-----|-------|
9
- | value / v-model | 绑定值(必填) | - | - | - |
10
- | width | 宽度 | `String` / `Number` | - | 100% |
11
- | height | 高度 | `String` / `Number` | - | - |
12
- | language | 脚本语言 | `String` | - | - |
13
- | readonly | 是否只读 | `Boolean` | - | false |
14
- | minimap | 是否显示代码视图 | `Boolean` | - | false |
15
- | tab-size | tab 长度 | `Number` | - | 4 |
16
- | theme | 主题 | `String` | - | vs |
1
+ # EditorCode 代码编辑器
2
+
3
+ ::: tip
4
+ 代码编辑器
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|----------|---------------------|-----|-------|
9
+ | value / v-model | 绑定值(必填) | - | - | - |
10
+ | width | 宽度 | `String` / `Number` | - | 100% |
11
+ | height | 高度 | `String` / `Number` | - | - |
12
+ | language | 脚本语言 | `String` | - | - |
13
+ | readonly | 是否只读 | `Boolean` | - | false |
14
+ | minimap | 是否显示代码视图 | `Boolean` | - | false |
15
+ | tab-size | tab 长度 | `Number` | - | 4 |
16
+ | theme | 主题 | `String` | - | vs |
@@ -1,13 +1,13 @@
1
- # Empty 空状态
2
-
3
- ::: tip
4
- 空状态
5
- :::
6
-
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 |
1
+ # Empty 空状态
2
+
3
+ ::: tip
4
+ 空状态
5
+ :::
6
+
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 |
@@ -1,16 +1,16 @@
1
- # FieldDate 下拉选择日期
2
-
3
- ::: tip
4
- 继承 `<q-field>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
- :::
7
-
8
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
- |-------------------|------------|---------------------|--------------------------------------------------------------------------------|-------|
10
- | value / v-model | 绑定值(必填) | - | - | - |
11
- | end / v-model:end | 结束值 | `String` / `Number` | `year` / `month` / `day` / `time` / `datetime` / `daterange` / `datetimerange` | day |
12
- | is-end-date | 是否截止日期 | `Boolean` | - | false |
13
- | show-second | 是否显示秒 | `Boolean` | - | false |
14
- | format | 显示在输入框中的格式 | `String` | - | label |
15
- | value-format | 绑定值的格式 | `String` | - | X |
16
- | placeholder | 占位符 | `String` | - | - |
1
+ # FieldDate 下拉选择日期
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-------------------|------------|---------------------|--------------------------------------------------------------------------------|-------|
10
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | end / v-model:end | 结束值 | `String` / `Number` | `year` / `month` / `day` / `time` / `datetime` / `daterange` / `datetimerange` | day |
12
+ | is-end-date | 是否截止日期 | `Boolean` | - | false |
13
+ | show-second | 是否显示秒 | `Boolean` | - | false |
14
+ | format | 显示在输入框中的格式 | `String` | - | label |
15
+ | value-format | 绑定值的格式 | `String` | - | X |
16
+ | placeholder | 占位符 | `String` | - | - |
@@ -1,57 +1,57 @@
1
- # FieldTable 下拉表格
2
-
3
- ::: tip
4
- 继承 `<q-field>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
- :::
7
-
8
- ## FieldTable API
9
-
10
- ### FieldTable 属性
11
-
12
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
13
- |--------------------------|-------------|---------------------|------------------------------------------|-----------------|
14
- | value / v-model | 绑定值 | - | - | - |
15
- | value-key | 值字段 | `String` | - | - |
16
- | label-key | 标签字段 | `String` | - | - |
17
- | value-type | 值类型 | `String` | `string` / `stringArray` / `objectArray` | objectArray |
18
- | value-separator | 值分隔符 | `String` | - | , |
19
- | path | 表格请求路径 | `String` | - | - |
20
- | query | 请求参数 | `object` | - | - |
21
- | data | 附加请求数据 | `object` | - | - |
22
- | no-default-load-selected | 初始不加载已选数据 | `Boolean` | - | false |
23
- | no-update-load-selected | 更新值时不加载已选数据 | `Boolean` | - | false |
24
- | format-label | 格式化显示标签 | `Function` | - | - |
25
- | show-keys | 下拉表格显示的字段数组 | `Array` | - | `[ 值字段, 标签字段 ]` |
26
- | hide-search-keys | 隐藏搜索字段数组 | `Array` | - | - |
27
- | filter-key | 默认筛选字段 | `Array` | - | `标签字段` |
28
- | filter | 是否开启筛选 | `Boolean` | - | false |
29
- | table-props | 表格声明属性 | `Object` | - | - |
30
- | dialog-props | 对话框声明属性 | `Object` | - | - |
31
- | no-dialog | 关闭对话框 | `Boolean` | - | false |
32
- | columns | 表格列数据 | `Array` | - | - |
33
- | rows | 行数据 | `Array` | - | - |
34
- | multiple | 是否多选 | `Boolean` | - | false |
35
- | collapse-tags | 多选模式下是否折叠标签 | `Boolean` | - | false |
36
- | placeholder | 占位符 | `String` | - | - |
37
- | clearable | 是否可清除 | `Boolean` | - | false |
38
- | disable | 是否禁用 | `Boolean` | - | false |
39
- | readonly | 是否只读 | `Boolean` | - | false |
40
- | input-debounce | 输入防抖(毫秒) | `Number` / `String` | - | 500 |
41
-
42
-
43
- ### FieldTable 插槽
44
-
45
- | 插槽名 | 说明 |
46
- |--------------------------|------------------------------------------|
47
- | default | 自定义默认内容(如果存在,则会隐藏下拉表格,并提供接口自定义实现) |
48
-
49
- ### FieldTable `default` 插槽 对外暴露的方法
50
-
51
- | 属性名 | 说明 | 类型 | 示例 |
52
- |--------------------------|--|----------|-----|
53
- | showValue | 显示的已选值 | `String` | - |
54
- | selected | 已选数据 | `Array` | `[ { id: 1, ... }, { id: 2, ... } ]` |
55
- | onRemove | 删除已选 | `Function` | `onRemove(index)` |
56
- | onShowDialog | 显示对话框 | `Function` | - |
57
- | onClear | 清空已选数据 | `Function` | - |
1
+ # FieldTable 下拉表格
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
7
+
8
+ ## FieldTable API
9
+
10
+ ### FieldTable 属性
11
+
12
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
13
+ |--------------------------|-------------|---------------------|------------------------------------------|-----------------|
14
+ | value / v-model | 绑定值 | - | - | - |
15
+ | value-key | 值字段 | `String` | - | - |
16
+ | label-key | 标签字段 | `String` | - | - |
17
+ | value-type | 值类型 | `String` | `string` / `stringArray` / `objectArray` | objectArray |
18
+ | value-separator | 值分隔符 | `String` | - | , |
19
+ | path | 表格请求路径 | `String` | - | - |
20
+ | query | 请求参数 | `object` | - | - |
21
+ | data | 附加请求数据 | `object` | - | - |
22
+ | no-default-load-selected | 初始不加载已选数据 | `Boolean` | - | false |
23
+ | no-update-load-selected | 更新值时不加载已选数据 | `Boolean` | - | false |
24
+ | format-label | 格式化显示标签 | `Function` | - | - |
25
+ | show-keys | 下拉表格显示的字段数组 | `Array` | - | `[ 值字段, 标签字段 ]` |
26
+ | hide-search-keys | 隐藏搜索字段数组 | `Array` | - | - |
27
+ | filter-key | 默认筛选字段 | `Array` | - | `标签字段` |
28
+ | filter | 是否开启筛选 | `Boolean` | - | false |
29
+ | table-props | 表格声明属性 | `Object` | - | - |
30
+ | dialog-props | 对话框声明属性 | `Object` | - | - |
31
+ | no-dialog | 关闭对话框 | `Boolean` | - | false |
32
+ | columns | 表格列数据 | `Array` | - | - |
33
+ | rows | 行数据 | `Array` | - | - |
34
+ | multiple | 是否多选 | `Boolean` | - | false |
35
+ | collapse-tags | 多选模式下是否折叠标签 | `Boolean` | - | false |
36
+ | placeholder | 占位符 | `String` | - | - |
37
+ | clearable | 是否可清除 | `Boolean` | - | false |
38
+ | disable | 是否禁用 | `Boolean` | - | false |
39
+ | readonly | 是否只读 | `Boolean` | - | false |
40
+ | input-debounce | 输入防抖(毫秒) | `Number` / `String` | - | 500 |
41
+
42
+
43
+ ### FieldTable 插槽
44
+
45
+ | 插槽名 | 说明 |
46
+ |--------------------------|------------------------------------------|
47
+ | default | 自定义默认内容(如果存在,则会隐藏下拉表格,并提供接口自定义实现) |
48
+
49
+ ### FieldTable `default` 插槽 对外暴露的方法
50
+
51
+ | 属性名 | 说明 | 类型 | 示例 |
52
+ |--------------------------|--|----------|-----|
53
+ | showValue | 显示的已选值 | `String` | - |
54
+ | selected | 已选数据 | `Array` | `[ { id: 1, ... }, { id: 2, ... } ]` |
55
+ | onRemove | 删除已选 | `Function` | `onRemove(index)` |
56
+ | onShowDialog | 显示对话框 | `Function` | - |
57
+ | onClear | 清空已选数据 | `Function` | - |
@@ -5,17 +5,17 @@
5
5
  [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
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
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | expanded / v-model:expanded | 树展开节点 | `Array` | - | - |
12
+ | nodes | 节点数组 | `Array` / `Function` | - | - |
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` | - | - |
@@ -1,25 +1,25 @@
1
- # Img 图片
2
-
3
- ::: tip
4
- 继承 `<q-img>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/img) [英文文档](https://quasar.dev/vue-components/img)
6
- :::
7
-
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 |
1
+ # Img 图片
2
+
3
+ ::: tip
4
+ 继承 `<q-img>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/img) [英文文档](https://quasar.dev/vue-components/img)
6
+ :::
7
+
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 |
@@ -1,21 +1,21 @@
1
- # InputNumber 数字输入框
2
-
3
- ::: tip
4
- 继承 `<q-input>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/input) [英文文档](https://quasar.dev/vue-components/input)
6
- :::
7
-
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
- | round-mode | 精度舍入模式 [BigNumber文档](https://mikemcl.github.io/bignumber.js/#constructor-properties) | `Number` | - | BigNumber.ROUND_DOWN |
1
+ # InputNumber 数字输入框
2
+
3
+ ::: tip
4
+ 继承 `<q-input>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/input) [英文文档](https://quasar.dev/vue-components/input)
6
+ :::
7
+
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
+ | round-mode | 精度舍入模式 [BigNumber文档](https://mikemcl.github.io/bignumber.js/#constructor-properties) | `Number` | - | BigNumber.ROUND_DOWN |
@@ -1,21 +1,21 @@
1
- # FieldTree 下拉树
2
-
3
- ::: tip
4
- 继承 `<q-field>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
- :::
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` | - | - |
1
+ # FieldTree 下拉树
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
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` | - | - |
@@ -1,21 +1,21 @@
1
- # FieldTree 下拉树
2
-
3
- ::: tip
4
- 继承 `<q-field>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
- :::
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` | - | - |
1
+ # FieldTree 下拉树
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
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` | - | - |