@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,194 +1,194 @@
1
- # $table 表格
2
-
3
- ::: tip
4
- `@netang/quasar/utils/$table.js` [Github](https://github.com/netangsoft/netang-quasar/blob/main/utils/%24table.js) [Gitee](https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24table.js)
5
-
6
- 表格工具
7
- :::
8
-
9
- ## $table.create
10
-
11
- 创建表格实例
12
-
13
- - 类型
14
-
15
- ```javascript
16
- $table.create(options: Object): Object
17
- ```
18
-
19
- ### options 参数
20
-
21
- | 参数名 | 说明 | 类型 | 可选值 | 默认值 | 示例 |
22
- |----------------------|-------------|------------|---------------------------------------------|-------------------------------------|-----|
23
- | path | 路由路径 | `String` | - | - | - |
24
- | query | 路由参数 | `Object` | - | { } | - |
25
- | data | 附加请求数据 | `Object` | - | { } | - |
26
- | rowKey | 表格行唯一键值 | `String` | - | id | - |
27
- | selection | 选择类型 | `String` | `none` / `single` / `multiple` | single | - |
28
- | separator | 分隔栏 | `String` | `horizontal` / `vertical` / `cell` / `none` | cell | - |
29
- | selected | 初始已选数据 | `Array` | - | [ ] | - |
30
- | loading | 初始表格加载状态 | `Boolean` | - | false | - |
31
- | columns | 表格列数据(对象数组) | `Array` | - | [ ] | - |
32
- | visibleColumns | 初始可见列 | `Array` | - | [ ] | - |
33
- | rows | 表格行数据 | `Array` | - | [ ] | - |
34
- | pagination | 表格翻页参数 | `Object` | - | - | - |
35
- | rowsPerPageOptions | 每页显示行数选项 | `Array` | - | [ 30, 40, 50, 100, 200, 500, 1000 ] | - |
36
- | request | 自定义请求方法 | `Function` | - | - | - |
37
- | formatRow | 格式化单条数据 | `Function` | - | - | - |
38
- | httpSettings | http 设置 | `Object` | - | - | - |
39
- | search | 是否开启初始搜素 | `Boolean` | - | true | - |
40
- | summary | 是否开启合计 | `Boolean` | - | false | - |
41
- | searchFromQuery | 从参数中获取搜索值 | `Boolean` | - | true | - |
42
- | showGrid | 是否显示宫格 | `Boolean` | - | true | - |
43
- | showVisibleColumns | 是否显示可见列 | `Boolean` | - | true | - |
44
- | cache | 是否开启缓存 | `Boolean` | - | true | - |
45
- | refreshResetSelected | 是否刷新后清空已选数据 | `Boolean` | - | true | - |
46
- | rowClick | 单击表格行事件 | `Function` | - | - | - |
47
- | rowDblClick | 双击表格行事件 | `Function` | - | - | - |
48
-
49
- #### pagination
50
-
51
- 表格翻页参数
52
-
53
- | 参数名 | 说明 | 类型 | 默认值 |
54
- |-------------|-------------|-----------|------|
55
- | page | 页码 | `Number` | 1 |
56
- | rowsPerPage | 每页的数据条数 | `Number` | 30 |
57
- | rowsNumber | 数据总数(服务器返回) | `Number` | 1 |
58
- | sortBy | 排序字段 | `String` | null |
59
- | descending | 是否降序排列 | `Boolean` | true |
60
-
61
- #### request
62
-
63
- 格式化表格按钮
64
-
65
- ```javascript
66
- import http from '@netang/utils/http'
67
-
68
- // 创建表格实例
69
- const $table = $n.$table.create({
70
-
71
- // 自定义请求方法
72
- async request({ httpOptions, props, rows, selected }) {
73
- return await http(httpOptions)
74
- },
75
- })
76
- ```
77
-
78
- | 参数名 | 说明 | 类型 | 示例 |
79
- |-------------|-----------|----------|-----|
80
- | httpOptions | http 请求参数 | `Object` | - |
81
- | props | 表格声明属性 | `Array` | - |
82
- | rows | 表格行数据 | `Array` | - |
83
- | selected | 表格已选数据 | `Array` | - |
84
-
85
- #### formatRow
86
-
87
- 格式化单条数据
88
-
89
- ```javascript
90
- // 创建表格实例
91
- const $table = $n.$table.create({
92
-
93
- // 格式化单条数据
94
- formatRow({ row, rows, selected }) {
95
- row.title = '[测试]' + row.title
96
- },
97
- })
98
- ```
99
-
100
- | 参数名 | 说明 | 类型 | 示例 |
101
- |----------|--------|----------|-----|
102
- | row | 当前单条数据 | `Object` | - |
103
- | rows | 表格行数据 | `Array` | - |
104
- | selected | 表格已选数据 | `Array` | - |
105
-
106
- #### rowClick
107
-
108
- 单击表格行事件
109
-
110
- ```javascript
111
- // 创建表格实例
112
- const $table = $n.$table.create({
113
-
114
- // 单击表格行事件
115
- rowClick(evt, row, index) {
116
-
117
- },
118
- })
119
- ```
120
-
121
- #### rowDblClick
122
-
123
- 双击表格行事件
124
-
125
- ```javascript
126
- // 创建表格实例
127
- const $table = $n.$table.create({
128
-
129
- // 双击表格行事件
130
- rowDblClick(evt, row, index) {
131
-
132
- },
133
- })
134
- ```
135
-
136
- ### 返回数据
137
-
138
- 返回的数据可提供给 `<q-table>` 使用
139
-
140
- | 参数名 | 说明 | 类型 | 可在 `<q-table>` 组件中使用 |
141
- |-------------------------|------------------|----------------|--------------------------------------------------|
142
- | routeFullPath | 当前路由全路径 | `String` | - |
143
- | routePath | 当前路由路径 | `String` | - |
144
- | routeQuery | 当前路由参数 | `Object` | - |
145
- | getRoute | 获取当前路由 | `Function` | - |
146
- | tableLoading | 表格加载状态 | `ref(Boolean)` | :loading="tableLoading" |
147
- | tableRowKey | 表格行唯一键值 | `String` | :row-key="tableRowKey" |
148
- | tableSelection | 表格选择类型 | `ref(String)` | :selection="tableSelection" |
149
- | tableSeparator | 表格分隔栏 | `ref(String)` | :separator="tableSeparator" |
150
- | tableRowsPerPageOptions | 表格每页显示行数选项 | `Array` | :rows-per-page-options="tableRowsPerPageOptions" |
151
- | tableColumns | 表格列数据(对象数组) | `Array` | :columns="tableColumns" |
152
- | tableVisibleColumns | 表格可见列 | `ref(Array)` | :visible-columns="tableVisibleColumns" |
153
- | tableRows | 表格行数据 | `ref(Array)` | :rows="tableRows" |
154
- | tablePagination | 表格翻页参数 | `ref(Object)` | v-model:pagination="tablePagination" |
155
- | tableSelected | 表格已选数据 | `ref(Array)` | v-model:selected="tableSelected" |
156
- | tableFixedPowerBtns | 固定在右边的权限按钮列表 | `computed` | - |
157
- | showTableFixed | 是否显示固定在右边的权限按钮列表 | `computed` | - |
158
- | tableImgNames | 表格图片标识 | `ref(Array)` | 可在插槽中使用 |
159
- | tableGrid | 表格宫格 | `ref(Boolean)` | :grid="tableGrid" |
160
- | tableSummary | 表格合计 | `ref(Object)` | 可在插槽中使用 |
161
- | tableSearchValue | 表格搜索数据 | `ref(Array)` | - |
162
- | tableSearchOptions | 表格搜索参数 | `ref(Array)` | - |
163
- | setQuery | 设置表格传参 | `Function` | - |
164
- | isTableLoaded | 表格是否已加载 | `Function` | - |
165
- | tableLoad | 表格加载(只加载一次) | `Function` | - |
166
- | tableReload | 表格重新加载 | `Function` | - |
167
- | tableRefresh | 表格刷新 | `Function` | - |
168
- | tableSearchReset | 表格搜索重置 | `Function` | - |
169
- | getTableRequestData | 获取表格请求数据 | `Function` | - |
170
- | tableRequest | 表格请求数据 | `Function` | @request="tableRequest" |
171
- | tableRowClick | 表格单击表格行 | `Function` | @row-click="tableRowClick" |
172
- | tableRowDblclick | 表格双击表格行 | `Function` | @row-dblclick="currentTableRowDblclick" |
173
- | setTableSearchOptions | 设置表格搜索参数 | `Function` | - |
174
-
175
-
176
- ## $table.config
177
-
178
- 获取表格配置
179
-
180
- 从 `src/tables` 文件夹中获取路由路径对应的表格配置
181
-
182
- - 示例
183
-
184
- ```javascript
185
- $table.config(routePath, path, defaultValue)
186
- ```
187
-
188
- ### options 参数
189
-
190
- | 参数名 | 说明 | 类型 | 示例 |
191
- |--------------|-----------------|----------|-------------------|
192
- | routePath | 路由路径 | `String` | goods/goods/index |
193
- | path | 配置字段 | `String` | columns |
194
- | defaultValue | 默认值(没有获取到配置时显示) | `Any` | [ ] |
1
+ # $table 表格
2
+
3
+ ::: tip
4
+ `@netang/quasar/utils/$table.js` [Github](https://github.com/netangsoft/netang-quasar/blob/main/utils/%24table.js) [Gitee](https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24table.js)
5
+
6
+ 表格工具
7
+ :::
8
+
9
+ ## $table.create
10
+
11
+ 创建表格实例
12
+
13
+ - 类型
14
+
15
+ ```javascript
16
+ $table.create(options: Object): Object
17
+ ```
18
+
19
+ ### options 参数
20
+
21
+ | 参数名 | 说明 | 类型 | 可选值 | 默认值 | 示例 |
22
+ |----------------------|-------------|------------|---------------------------------------------|-------------------------------------|-----|
23
+ | path | 路由路径 | `String` | - | - | - |
24
+ | query | 路由参数 | `Object` | - | { } | - |
25
+ | data | 附加请求数据 | `Object` | - | { } | - |
26
+ | rowKey | 表格行唯一键值 | `String` | - | id | - |
27
+ | selection | 选择类型 | `String` | `none` / `single` / `multiple` | single | - |
28
+ | separator | 分隔栏 | `String` | `horizontal` / `vertical` / `cell` / `none` | cell | - |
29
+ | selected | 初始已选数据 | `Array` | - | [ ] | - |
30
+ | loading | 初始表格加载状态 | `Boolean` | - | false | - |
31
+ | columns | 表格列数据(对象数组) | `Array` | - | [ ] | - |
32
+ | visibleColumns | 初始可见列 | `Array` | - | [ ] | - |
33
+ | rows | 表格行数据 | `Array` | - | [ ] | - |
34
+ | pagination | 表格翻页参数 | `Object` | - | - | - |
35
+ | rowsPerPageOptions | 每页显示行数选项 | `Array` | - | [ 30, 40, 50, 100, 200, 500, 1000 ] | - |
36
+ | request | 自定义请求方法 | `Function` | - | - | - |
37
+ | formatRow | 格式化单条数据 | `Function` | - | - | - |
38
+ | httpSettings | http 设置 | `Object` | - | - | - |
39
+ | search | 是否开启初始搜素 | `Boolean` | - | true | - |
40
+ | summary | 是否开启合计 | `Boolean` | - | false | - |
41
+ | searchFromQuery | 从参数中获取搜索值 | `Boolean` | - | true | - |
42
+ | showGrid | 是否显示宫格 | `Boolean` | - | true | - |
43
+ | showVisibleColumns | 是否显示可见列 | `Boolean` | - | true | - |
44
+ | cache | 是否开启缓存 | `Boolean` | - | true | - |
45
+ | refreshResetSelected | 是否刷新后清空已选数据 | `Boolean` | - | true | - |
46
+ | rowClick | 单击表格行事件 | `Function` | - | - | - |
47
+ | rowDblClick | 双击表格行事件 | `Function` | - | - | - |
48
+
49
+ #### pagination
50
+
51
+ 表格翻页参数
52
+
53
+ | 参数名 | 说明 | 类型 | 默认值 |
54
+ |-------------|-------------|-----------|------|
55
+ | page | 页码 | `Number` | 1 |
56
+ | rowsPerPage | 每页的数据条数 | `Number` | 30 |
57
+ | rowsNumber | 数据总数(服务器返回) | `Number` | 1 |
58
+ | sortBy | 排序字段 | `String` | null |
59
+ | descending | 是否降序排列 | `Boolean` | true |
60
+
61
+ #### request
62
+
63
+ 格式化表格按钮
64
+
65
+ ```javascript
66
+ import http from '@netang/utils/http'
67
+
68
+ // 创建表格实例
69
+ const $table = $n.$table.create({
70
+
71
+ // 自定义请求方法
72
+ async request({ httpOptions, props, rows, selected }) {
73
+ return await http(httpOptions)
74
+ },
75
+ })
76
+ ```
77
+
78
+ | 参数名 | 说明 | 类型 | 示例 |
79
+ |-------------|-----------|----------|-----|
80
+ | httpOptions | http 请求参数 | `Object` | - |
81
+ | props | 表格声明属性 | `Array` | - |
82
+ | rows | 表格行数据 | `Array` | - |
83
+ | selected | 表格已选数据 | `Array` | - |
84
+
85
+ #### formatRow
86
+
87
+ 格式化单条数据
88
+
89
+ ```javascript
90
+ // 创建表格实例
91
+ const $table = $n.$table.create({
92
+
93
+ // 格式化单条数据
94
+ formatRow({ row, rows, selected }) {
95
+ row.title = '[测试]' + row.title
96
+ },
97
+ })
98
+ ```
99
+
100
+ | 参数名 | 说明 | 类型 | 示例 |
101
+ |----------|--------|----------|-----|
102
+ | row | 当前单条数据 | `Object` | - |
103
+ | rows | 表格行数据 | `Array` | - |
104
+ | selected | 表格已选数据 | `Array` | - |
105
+
106
+ #### rowClick
107
+
108
+ 单击表格行事件
109
+
110
+ ```javascript
111
+ // 创建表格实例
112
+ const $table = $n.$table.create({
113
+
114
+ // 单击表格行事件
115
+ rowClick(evt, row, index) {
116
+
117
+ },
118
+ })
119
+ ```
120
+
121
+ #### rowDblClick
122
+
123
+ 双击表格行事件
124
+
125
+ ```javascript
126
+ // 创建表格实例
127
+ const $table = $n.$table.create({
128
+
129
+ // 双击表格行事件
130
+ rowDblClick(evt, row, index) {
131
+
132
+ },
133
+ })
134
+ ```
135
+
136
+ ### 返回数据
137
+
138
+ 返回的数据可提供给 `<q-table>` 使用
139
+
140
+ | 参数名 | 说明 | 类型 | 可在 `<q-table>` 组件中使用 |
141
+ |-------------------------|------------------|----------------|--------------------------------------------------|
142
+ | routeFullPath | 当前路由全路径 | `String` | - |
143
+ | routePath | 当前路由路径 | `String` | - |
144
+ | routeQuery | 当前路由参数 | `Object` | - |
145
+ | getRoute | 获取当前路由 | `Function` | - |
146
+ | tableLoading | 表格加载状态 | `ref(Boolean)` | :loading="tableLoading" |
147
+ | tableRowKey | 表格行唯一键值 | `String` | :row-key="tableRowKey" |
148
+ | tableSelection | 表格选择类型 | `ref(String)` | :selection="tableSelection" |
149
+ | tableSeparator | 表格分隔栏 | `ref(String)` | :separator="tableSeparator" |
150
+ | tableRowsPerPageOptions | 表格每页显示行数选项 | `Array` | :rows-per-page-options="tableRowsPerPageOptions" |
151
+ | tableColumns | 表格列数据(对象数组) | `Array` | :columns="tableColumns" |
152
+ | tableVisibleColumns | 表格可见列 | `ref(Array)` | :visible-columns="tableVisibleColumns" |
153
+ | tableRows | 表格行数据 | `ref(Array)` | :rows="tableRows" |
154
+ | tablePagination | 表格翻页参数 | `ref(Object)` | v-model:pagination="tablePagination" |
155
+ | tableSelected | 表格已选数据 | `ref(Array)` | v-model:selected="tableSelected" |
156
+ | tableFixedPowerBtns | 固定在右边的权限按钮列表 | `computed` | - |
157
+ | showTableFixed | 是否显示固定在右边的权限按钮列表 | `computed` | - |
158
+ | tableImgNames | 表格图片标识 | `ref(Array)` | 可在插槽中使用 |
159
+ | tableGrid | 表格宫格 | `ref(Boolean)` | :grid="tableGrid" |
160
+ | tableSummary | 表格合计 | `ref(Object)` | 可在插槽中使用 |
161
+ | tableSearchValue | 表格搜索数据 | `ref(Array)` | - |
162
+ | tableSearchOptions | 表格搜索参数 | `ref(Array)` | - |
163
+ | setQuery | 设置表格传参 | `Function` | - |
164
+ | isTableLoaded | 表格是否已加载 | `Function` | - |
165
+ | tableLoad | 表格加载(只加载一次) | `Function` | - |
166
+ | tableReload | 表格重新加载 | `Function` | - |
167
+ | tableRefresh | 表格刷新 | `Function` | - |
168
+ | tableSearchReset | 表格搜索重置 | `Function` | - |
169
+ | getTableRequestData | 获取表格请求数据 | `Function` | - |
170
+ | tableRequest | 表格请求数据 | `Function` | @request="tableRequest" |
171
+ | tableRowClick | 表格单击表格行 | `Function` | @row-click="tableRowClick" |
172
+ | tableRowDblclick | 表格双击表格行 | `Function` | @row-dblclick="currentTableRowDblclick" |
173
+ | setTableSearchOptions | 设置表格搜索参数 | `Function` | - |
174
+
175
+
176
+ ## $table.config
177
+
178
+ 获取表格配置
179
+
180
+ 从 `src/tables` 文件夹中获取路由路径对应的表格配置
181
+
182
+ - 示例
183
+
184
+ ```javascript
185
+ $table.config(routePath, path, defaultValue)
186
+ ```
187
+
188
+ ### options 参数
189
+
190
+ | 参数名 | 说明 | 类型 | 示例 |
191
+ |--------------|-----------------|----------|-------------------|
192
+ | routePath | 路由路径 | `String` | goods/goods/index |
193
+ | path | 配置字段 | `String` | columns |
194
+ | defaultValue | 默认值(没有获取到配置时显示) | `Any` | [ ] |
@@ -1,27 +1,27 @@
1
- # timestamp 当前时间戳
2
-
3
- ::: tip
4
- `@netang/quasar/utils/timestamp.js` [Github](https://github.com/netangsoft/netang-quasar/blob/main/utils/timestamp.js) [Gitee](https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/timestamp.js)
5
- :::
6
-
7
- - 服务器时间同步设置
8
-
9
- ```javascript
10
- import { stateTimeDiff } from '@netang/quasar/store'
11
-
12
- // 获取服务器当前时间(秒)
13
- const serverTime = ...
14
-
15
- // 设置当前时间差值 = 当前时间(秒) - 服务器时间(秒)
16
- stateTimeDiff.value = Math.floor(Date.now() / 1000) - serverTime
17
- ```
18
-
19
- - 示例
20
-
21
- ```javascript
22
- // 获取时间戳(秒)
23
- timestamp()
24
-
25
- // 获取时间戳(毫秒)
26
- timestamp(true)
27
- ```
1
+ # timestamp 当前时间戳
2
+
3
+ ::: tip
4
+ `@netang/quasar/utils/timestamp.js` [Github](https://github.com/netangsoft/netang-quasar/blob/main/utils/timestamp.js) [Gitee](https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/timestamp.js)
5
+ :::
6
+
7
+ - 服务器时间同步设置
8
+
9
+ ```javascript
10
+ import { stateTimeDiff } from '@netang/quasar/store'
11
+
12
+ // 获取服务器当前时间(秒)
13
+ const serverTime = ...
14
+
15
+ // 设置当前时间差值 = 当前时间(秒) - 服务器时间(秒)
16
+ stateTimeDiff.value = Math.floor(Date.now() / 1000) - serverTime
17
+ ```
18
+
19
+ - 示例
20
+
21
+ ```javascript
22
+ // 获取时间戳(秒)
23
+ timestamp()
24
+
25
+ // 获取时间戳(毫秒)
26
+ timestamp(true)
27
+ ```
@@ -1,27 +1,27 @@
1
- # toast 轻提示
2
-
3
- ::: tip
4
- `@netang/quasar/utils/toast.js` [Github](https://github.com/netangsoft/netang-quasar/blob/main/utils/toast.js) [Gitee](https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/toast.js)
5
-
6
- 继承 `Notify.create()` 所有特性
7
- [中文文档](http://www.quasarchs.com/quasar-plugins/notify) [英文文档](https://quasar.dev/quasar-plugins/notify)
8
- :::
9
-
10
- - 示例
11
-
12
- ```javascript
13
- // 轻提示
14
- toast({
15
- message: '提交成功',
16
- })
17
- ```
18
-
19
- - 类型
20
-
21
- ```javascript
22
- toast(options: Object): void
23
- ```
24
-
25
- | 参数名 | 说明 | 类型 |
26
- |---------|-----|----------|
27
- | options | 参数 | `Object` |
1
+ # toast 轻提示
2
+
3
+ ::: tip
4
+ `@netang/quasar/utils/toast.js` [Github](https://github.com/netangsoft/netang-quasar/blob/main/utils/toast.js) [Gitee](https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/toast.js)
5
+
6
+ 继承 `Notify.create()` 所有特性
7
+ [中文文档](http://www.quasarchs.com/quasar-plugins/notify) [英文文档](https://quasar.dev/quasar-plugins/notify)
8
+ :::
9
+
10
+ - 示例
11
+
12
+ ```javascript
13
+ // 轻提示
14
+ toast({
15
+ message: '提交成功',
16
+ })
17
+ ```
18
+
19
+ - 类型
20
+
21
+ ```javascript
22
+ toast(options: Object): void
23
+ ```
24
+
25
+ | 参数名 | 说明 | 类型 |
26
+ |---------|-----|----------|
27
+ | options | 参数 | `Object` |