@netang/quasar 0.0.102 → 0.0.104
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.
- package/LICENSE +21 -21
- package/README.md +11 -11
- package/_docs/docs/.vuepress/client.js +8 -8
- package/_docs/docs/.vuepress/config.js +40 -40
- package/_docs/docs/.vuepress/configs/index.js +2 -2
- package/_docs/docs/.vuepress/configs/navbar/index.js +1 -1
- package/_docs/docs/.vuepress/configs/navbar/zh.js +16 -16
- package/_docs/docs/.vuepress/configs/sidebar/index.js +1 -1
- package/_docs/docs/.vuepress/configs/sidebar/zh.js +75 -75
- package/_docs/docs/.vuepress/public/css/index.css +3 -3
- package/_docs/docs/.vuepress/styles/index.scss +3 -3
- package/_docs/docs/components/column-title.md +25 -25
- package/_docs/docs/components/data.md +66 -66
- package/_docs/docs/components/dialog.md +59 -59
- package/_docs/docs/components/dragger.md +26 -26
- package/_docs/docs/components/editor-code.md +16 -16
- package/_docs/docs/components/empty.md +13 -13
- package/_docs/docs/components/field-date.md +16 -16
- package/_docs/docs/components/field-text.md +57 -57
- package/_docs/docs/components/field-tree.md +14 -14
- package/_docs/docs/components/img.md +25 -25
- package/_docs/docs/components/input-number.md +21 -21
- package/_docs/docs/components/list-menu-item.md +21 -21
- package/_docs/docs/components/list-menu.md +21 -21
- package/_docs/docs/components/power-page.md +21 -21
- package/_docs/docs/components/price.md +21 -21
- package/_docs/docs/components/render.md +12 -12
- package/_docs/docs/components/search-item.md +10 -10
- package/_docs/docs/components/search.md +12 -12
- package/_docs/docs/components/select.md +11 -11
- package/_docs/docs/components/splitter.md +15 -15
- package/_docs/docs/components/table-column-fixed.md +20 -20
- package/_docs/docs/components/table-pagination.md +20 -20
- package/_docs/docs/components/table-splitter.md +20 -20
- package/_docs/docs/components/table-summary.md +20 -20
- package/_docs/docs/components/table.md +25 -25
- package/_docs/docs/components/thumbnail.md +18 -18
- package/_docs/docs/components/toolbar.md +9 -9
- package/_docs/docs/components/uploader-query.md +19 -19
- package/_docs/docs/components/uploader.md +16 -16
- package/_docs/docs/components/value-format.md +26 -26
- package/_docs/docs/index.md +1 -1
- package/_docs/docs/utils/alert.md +26 -26
- package/_docs/docs/utils/area.md +112 -112
- package/_docs/docs/utils/arr.md +80 -80
- package/_docs/docs/utils/auth.md +101 -101
- package/_docs/docs/utils/bus.md +18 -18
- package/_docs/docs/utils/confirm.md +31 -31
- package/_docs/docs/utils/copy.md +22 -22
- package/_docs/docs/utils/dialog.md +98 -98
- package/_docs/docs/utils/dict.md +50 -50
- package/_docs/docs/utils/dictOptions.md +27 -27
- package/_docs/docs/utils/form.md +33 -33
- package/_docs/docs/utils/getData.md +60 -60
- package/_docs/docs/utils/getFile.md +21 -21
- package/_docs/docs/utils/getImage.md +33 -33
- package/_docs/docs/utils/getTime.md +51 -51
- package/_docs/docs/utils/index.md +1 -1
- package/_docs/docs/utils/loading.md +18 -18
- package/_docs/docs/utils/notify.md +29 -29
- package/_docs/docs/utils/power.md +353 -353
- package/_docs/docs/utils/previewImage.md +11 -11
- package/_docs/docs/utils/price.md +45 -45
- package/_docs/docs/utils/rule.md +30 -30
- package/_docs/docs/utils/ruleValid.md +31 -31
- package/_docs/docs/utils/symbols.md +30 -30
- package/_docs/docs/utils/table.md +194 -194
- package/_docs/docs/utils/timestamp.md +27 -27
- package/_docs/docs/utils/toast.md +27 -27
- package/_docs/docs/utils/tree.md +174 -174
- package/_docs/docs/utils/uploader.md +29 -29
- package/_docs/package.json +11 -11
- package/components/column-title/index.vue +37 -37
- package/components/data/index.vue +20 -20
- package/components/dialog/index.vue +372 -372
- package/components/dragger/index.vue +203 -203
- package/components/drawer/index.vue +303 -303
- package/components/editor-code/index.vue +289 -289
- package/components/empty/index.vue +71 -71
- package/components/field-date/index.vue +850 -850
- package/components/field-date/methods.js +100 -100
- package/components/field-table/index.vue +1222 -1222
- package/components/field-text/index.vue +165 -165
- package/components/field-tree/index.vue +103 -81
- package/components/img/index.vue +202 -202
- package/components/input-number/index.vue +546 -546
- package/components/list-menu/index.vue +149 -149
- package/components/list-menu-item/index.vue +79 -79
- package/components/power-page/index.vue +92 -92
- package/components/price/index.vue +188 -188
- package/components/private/components/index.js +11 -11
- package/components/private/components/move-to-tree/index.vue +154 -154
- package/components/private/edit-power-data/index.vue +816 -816
- package/components/private/table-visible-columns-button/index.vue +109 -109
- package/components/render/index.vue +150 -150
- package/components/search/index.vue +4 -2
- package/components/search-item/index.vue +4 -2
- package/components/splitter/index.vue +415 -415
- package/components/table/index.vue +456 -456
- package/components/table-column-fixed/index.vue +112 -112
- package/components/table-pagination/index.vue +192 -192
- package/components/table-splitter/index.vue +360 -360
- package/components/table-summary/index.vue +110 -110
- package/components/thumbnail/index.vue +72 -72
- package/components/toolbar/container.vue +31 -31
- package/components/toolbar/index.vue +136 -136
- package/components/uploader/index.vue +158 -158
- package/components/uploader-query/index.vue +758 -758
- package/components/value-format/index.vue +274 -274
- package/configs/area3.js +1 -1
- package/docs/css/index.css +3 -3
- package/package.json +1 -1
- package/sass/common.scss +5 -0
- package/sass/index.scss +14 -14
- package/sass/line.scss +39 -39
- package/sass/quasar/btn.scss +46 -46
- package/sass/quasar/common.scss +3 -3
- package/sass/quasar/dialog.scss +7 -7
- package/sass/quasar/drawer.scss +6 -6
- package/sass/quasar/field.scss +243 -243
- package/sass/quasar/loading.scss +6 -6
- package/sass/quasar/menu.scss +8 -8
- package/sass/quasar/table.scss +150 -150
- package/sass/quasar/toolbar.scss +22 -22
- package/store/index.js +29 -29
- package/utils/$auth.js +127 -127
- package/utils/$form.js +56 -56
- package/utils/$power.js +1215 -1215
- package/utils/$rule.js +13 -13
- package/utils/$ruleValid.js +10 -10
- package/utils/$table.js +999 -999
- package/utils/$tree.js +713 -713
- package/utils/alert.js +12 -12
- package/utils/area.js +400 -400
- package/utils/arr.js +51 -51
- package/utils/bus.js +6 -6
- package/utils/config.js +52 -52
- package/utils/confirm.js +11 -11
- package/utils/copy.js +30 -30
- package/utils/dialog.js +36 -36
- package/utils/dict.js +21 -21
- package/utils/dictOptions.js +28 -28
- package/utils/getData.js +73 -73
- package/utils/getFile.js +40 -40
- package/utils/getImage.js +153 -153
- package/utils/getTime.js +106 -106
- package/utils/index.js +61 -61
- package/utils/loading.js +15 -15
- package/utils/notify.js +13 -13
- package/utils/previewImage.js +10 -10
- package/utils/price.js +18 -18
- package/utils/symbols.js +18 -18
- package/utils/timestamp.js +18 -18
- package/utils/toast.js +13 -13
- package/utils/uploader/aliyun.js +6 -6
- package/utils/uploader/local.js +8 -8
- package/utils/uploader/qiniu.js +321 -321
- package/utils/uploader.js +1059 -1059
- package/utils/useAuth.js +30 -30
- package/utils/useRouter.js +47 -47
- package/utils/useSearch.js +0 -6
- 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` |
|