@netang/quasar 0.0.101 → 0.0.102

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 (164) hide show
  1. package/.editorconfig +12 -0
  2. package/LICENSE +21 -21
  3. package/README.md +11 -11
  4. package/_docs/docs/.vuepress/client.js +8 -8
  5. package/_docs/docs/.vuepress/config.js +40 -40
  6. package/_docs/docs/.vuepress/configs/index.js +2 -2
  7. package/_docs/docs/.vuepress/configs/navbar/index.js +1 -1
  8. package/_docs/docs/.vuepress/configs/navbar/zh.js +16 -16
  9. package/_docs/docs/.vuepress/configs/sidebar/index.js +1 -1
  10. package/_docs/docs/.vuepress/configs/sidebar/zh.js +75 -75
  11. package/_docs/docs/.vuepress/public/css/index.css +3 -3
  12. package/_docs/docs/.vuepress/styles/index.scss +3 -3
  13. package/_docs/docs/components/column-title.md +25 -25
  14. package/_docs/docs/components/data.md +66 -66
  15. package/_docs/docs/components/dialog.md +59 -59
  16. package/_docs/docs/components/dragger.md +26 -26
  17. package/_docs/docs/components/editor-code.md +16 -16
  18. package/_docs/docs/components/empty.md +13 -13
  19. package/_docs/docs/components/field-date.md +16 -16
  20. package/_docs/docs/components/field-text.md +57 -57
  21. package/_docs/docs/components/field-tree.md +21 -21
  22. package/_docs/docs/components/img.md +25 -25
  23. package/_docs/docs/components/input-number.md +21 -21
  24. package/_docs/docs/components/list-menu-item.md +21 -21
  25. package/_docs/docs/components/list-menu.md +21 -21
  26. package/_docs/docs/components/power-page.md +21 -21
  27. package/_docs/docs/components/price.md +21 -21
  28. package/_docs/docs/components/render.md +12 -12
  29. package/_docs/docs/components/search-item.md +10 -10
  30. package/_docs/docs/components/search.md +12 -12
  31. package/_docs/docs/components/select.md +11 -11
  32. package/_docs/docs/components/splitter.md +15 -15
  33. package/_docs/docs/components/table-column-fixed.md +20 -20
  34. package/_docs/docs/components/table-pagination.md +20 -20
  35. package/_docs/docs/components/table-splitter.md +20 -20
  36. package/_docs/docs/components/table-summary.md +20 -20
  37. package/_docs/docs/components/table.md +25 -25
  38. package/_docs/docs/components/thumbnail.md +18 -18
  39. package/_docs/docs/components/toolbar.md +9 -9
  40. package/_docs/docs/components/uploader-query.md +19 -19
  41. package/_docs/docs/components/uploader.md +16 -16
  42. package/_docs/docs/components/value-format.md +26 -26
  43. package/_docs/docs/index.md +1 -1
  44. package/_docs/docs/utils/alert.md +26 -26
  45. package/_docs/docs/utils/area.md +112 -112
  46. package/_docs/docs/utils/arr.md +80 -80
  47. package/_docs/docs/utils/auth.md +101 -101
  48. package/_docs/docs/utils/bus.md +18 -18
  49. package/_docs/docs/utils/confirm.md +31 -31
  50. package/_docs/docs/utils/copy.md +22 -22
  51. package/_docs/docs/utils/dialog.md +98 -98
  52. package/_docs/docs/utils/dict.md +50 -50
  53. package/_docs/docs/utils/dictOptions.md +27 -27
  54. package/_docs/docs/utils/form.md +33 -33
  55. package/_docs/docs/utils/getData.md +60 -60
  56. package/_docs/docs/utils/getFile.md +21 -21
  57. package/_docs/docs/utils/getImage.md +33 -33
  58. package/_docs/docs/utils/getTime.md +51 -51
  59. package/_docs/docs/utils/index.md +1 -1
  60. package/_docs/docs/utils/loading.md +18 -18
  61. package/_docs/docs/utils/notify.md +29 -29
  62. package/_docs/docs/utils/power.md +353 -353
  63. package/_docs/docs/utils/previewImage.md +11 -11
  64. package/_docs/docs/utils/price.md +45 -45
  65. package/_docs/docs/utils/rule.md +30 -30
  66. package/_docs/docs/utils/ruleValid.md +31 -31
  67. package/_docs/docs/utils/symbols.md +30 -30
  68. package/_docs/docs/utils/table.md +194 -194
  69. package/_docs/docs/utils/timestamp.md +27 -27
  70. package/_docs/docs/utils/toast.md +27 -27
  71. package/_docs/docs/utils/tree.md +174 -174
  72. package/_docs/docs/utils/uploader.md +29 -29
  73. package/_docs/package.json +11 -11
  74. package/components/column-title/index.vue +37 -37
  75. package/components/data/index.vue +20 -20
  76. package/components/dialog/index.vue +372 -372
  77. package/components/dragger/index.vue +203 -203
  78. package/components/drawer/index.vue +303 -303
  79. package/components/editor-code/index.vue +289 -289
  80. package/components/empty/index.vue +71 -71
  81. package/components/field-date/index.vue +850 -850
  82. package/components/field-date/methods.js +100 -100
  83. package/components/field-table/index.vue +1222 -1222
  84. package/components/field-text/index.vue +165 -165
  85. package/components/field-tree/index.vue +739 -659
  86. package/components/img/index.vue +202 -202
  87. package/components/input-number/index.vue +546 -546
  88. package/components/list-menu/index.vue +149 -149
  89. package/components/list-menu-item/index.vue +79 -79
  90. package/components/power-page/index.vue +92 -92
  91. package/components/price/index.vue +188 -188
  92. package/components/private/components/index.js +11 -11
  93. package/components/private/components/move-to-tree/index.vue +154 -154
  94. package/components/private/edit-power-data/index.vue +816 -816
  95. package/components/private/table-visible-columns-button/index.vue +109 -109
  96. package/components/render/index.vue +150 -150
  97. package/components/search/index.vue +222 -222
  98. package/components/search-item/index.vue +210 -210
  99. package/components/select/index.vue +177 -177
  100. package/components/splitter/index.vue +415 -415
  101. package/components/table/index.vue +456 -456
  102. package/components/table-column-fixed/index.vue +112 -112
  103. package/components/table-pagination/index.vue +192 -192
  104. package/components/table-splitter/index.vue +360 -360
  105. package/components/table-summary/index.vue +110 -110
  106. package/components/thumbnail/index.vue +72 -72
  107. package/components/toolbar/container.vue +31 -31
  108. package/components/toolbar/index.vue +136 -136
  109. package/components/uploader/index.vue +158 -158
  110. package/components/uploader-query/index.vue +758 -758
  111. package/components/value-format/index.vue +274 -274
  112. package/configs/area3.js +1 -1
  113. package/docs/css/index.css +3 -3
  114. package/package.json +24 -24
  115. package/sass/common.scss +174 -174
  116. package/sass/index.scss +14 -14
  117. package/sass/line.scss +39 -39
  118. package/sass/quasar/btn.scss +46 -46
  119. package/sass/quasar/common.scss +3 -3
  120. package/sass/quasar/dialog.scss +7 -7
  121. package/sass/quasar/drawer.scss +6 -6
  122. package/sass/quasar/field.scss +243 -243
  123. package/sass/quasar/loading.scss +6 -6
  124. package/sass/quasar/menu.scss +8 -8
  125. package/sass/quasar/table.scss +150 -150
  126. package/sass/quasar/toolbar.scss +22 -22
  127. package/store/index.js +29 -29
  128. package/utils/$auth.js +127 -127
  129. package/utils/$form.js +56 -56
  130. package/utils/$power.js +1215 -1215
  131. package/utils/$rule.js +13 -13
  132. package/utils/$ruleValid.js +10 -10
  133. package/utils/$table.js +999 -999
  134. package/utils/$tree.js +713 -713
  135. package/utils/alert.js +12 -12
  136. package/utils/area.js +400 -400
  137. package/utils/arr.js +51 -51
  138. package/utils/bus.js +6 -6
  139. package/utils/config.js +52 -52
  140. package/utils/confirm.js +11 -11
  141. package/utils/copy.js +30 -30
  142. package/utils/dialog.js +36 -36
  143. package/utils/dict.js +21 -21
  144. package/utils/dictOptions.js +28 -28
  145. package/utils/getData.js +73 -73
  146. package/utils/getFile.js +40 -40
  147. package/utils/getImage.js +153 -153
  148. package/utils/getTime.js +106 -106
  149. package/utils/index.js +61 -61
  150. package/utils/loading.js +15 -15
  151. package/utils/notify.js +13 -13
  152. package/utils/previewImage.js +10 -10
  153. package/utils/price.js +18 -18
  154. package/utils/symbols.js +18 -18
  155. package/utils/timestamp.js +18 -18
  156. package/utils/toast.js +13 -13
  157. package/utils/uploader/aliyun.js +6 -6
  158. package/utils/uploader/local.js +8 -8
  159. package/utils/uploader/qiniu.js +321 -321
  160. package/utils/uploader.js +1059 -1059
  161. package/utils/useAuth.js +30 -30
  162. package/utils/useRouter.js +47 -47
  163. package/utils/useSearch.js +496 -496
  164. 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` |