@netang/quasar 0.2.32 → 0.2.34

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 (289) hide show
  1. package/.editorconfig +12 -12
  2. package/_docs/docs/components/field-table.md +58 -58
  3. package/_docs/docs/components/field-tree.md +21 -21
  4. package/_docs/docs/components/table.md +24 -24
  5. package/_docs/docs/utils/table.md +196 -196
  6. package/components/column-title/index.vue +38 -38
  7. package/components/data/index.vue +20 -20
  8. package/components/dialog/img-viewer/index.vue +697 -697
  9. package/components/dialog/index.vue +387 -387
  10. package/components/dragger/index.vue +203 -203
  11. package/components/drawer/index.vue +303 -303
  12. package/components/editor-code/index.vue +328 -328
  13. package/components/empty/index.vue +82 -82
  14. package/components/field-date/index.vue +860 -860
  15. package/components/field-date/methods.js +100 -100
  16. package/components/field-table/index.vue +1483 -1483
  17. package/components/field-text/index.vue +166 -166
  18. package/components/field-tree/index.vue +755 -755
  19. package/components/img/index.vue +279 -279
  20. package/components/input-number/index.vue +560 -560
  21. package/components/list-menu/index.vue +149 -149
  22. package/components/list-menu-item/index.vue +79 -79
  23. package/components/mixed-table/index.vue +532 -532
  24. package/components/mixed-table-splitter/index.vue +377 -377
  25. package/components/power-page/index.vue +96 -96
  26. package/components/price/index.vue +188 -188
  27. package/components/private/components/index.js +11 -11
  28. package/components/private/components/move-to-tree/index.vue +154 -154
  29. package/components/private/edit-power-data/index.vue +846 -846
  30. package/components/private/table-visible-columns-button/index.vue +114 -114
  31. package/components/render/index.vue +123 -123
  32. package/components/search/index.vue +231 -231
  33. package/components/search-item/index.vue +210 -210
  34. package/components/select/index.vue +177 -177
  35. package/components/splitter/index.vue +422 -422
  36. package/components/table/index.vue +513 -513
  37. package/components/table-column-fixed/index.vue +110 -110
  38. package/components/table-pagination/index.vue +192 -192
  39. package/components/table-summary/index.vue +107 -107
  40. package/components/thumbnail/index.vue +72 -72
  41. package/components/toolbar/index.vue +150 -150
  42. package/components/tree/index.vue +1728 -1728
  43. package/components/tree/virtual-scroll.vue +41 -41
  44. package/components/uploader/index.vue +196 -196
  45. package/components/uploader-query/index.vue +945 -945
  46. package/components/value-format/index.vue +274 -274
  47. package/components/virtual-scroll/index.vue +136 -136
  48. package/configs/area3.js +1 -1
  49. package/docs/404.html +33 -33
  50. package/docs/assets/404.html-60b35caa.js +1 -1
  51. package/docs/assets/404.html-d1e63d77.js +1 -1
  52. package/docs/assets/alert.html-b2a2a72f.js +5 -5
  53. package/docs/assets/alert.html-ba46d137.js +1 -1
  54. package/docs/assets/app-9f30aa4b.js +6 -6
  55. package/docs/assets/area.html-01b9b58d.js +42 -42
  56. package/docs/assets/area.html-9a4fce6a.js +1 -1
  57. package/docs/assets/arr.html-145d27e7.js +1 -1
  58. package/docs/assets/arr.html-674e65ab.js +11 -11
  59. package/docs/assets/auth.html-579fa830.js +1 -1
  60. package/docs/assets/auth.html-8544ed95.js +8 -8
  61. package/docs/assets/bus.html-c71254aa.js +1 -1
  62. package/docs/assets/bus.html-dc7d3d19.js +6 -6
  63. package/docs/assets/column-title.html-c735cb5a.js +3 -3
  64. package/docs/assets/column-title.html-e9316762.js +1 -1
  65. package/docs/assets/confirm.html-ddfdc27f.js +10 -10
  66. package/docs/assets/confirm.html-ef3e2bef.js +1 -1
  67. package/docs/assets/copy.html-d20345b6.js +1 -1
  68. package/docs/assets/copy.html-ef8c8571.js +13 -13
  69. package/docs/assets/data.html-6432175d.js +30 -30
  70. package/docs/assets/data.html-a3b05d5b.js +1 -1
  71. package/docs/assets/dialog.html-1f698e5a.js +1 -1
  72. package/docs/assets/dialog.html-62902b83.js +68 -68
  73. package/docs/assets/dialog.html-baea77c9.js +1 -1
  74. package/docs/assets/dialog.html-bb082fc4.js +1 -1
  75. package/docs/assets/dict.html-1311da3d.js +23 -23
  76. package/docs/assets/dict.html-b96fbf0c.js +1 -1
  77. package/docs/assets/dictOptions.html-7c4f40a5.js +1 -1
  78. package/docs/assets/dictOptions.html-fb99d175.js +5 -5
  79. package/docs/assets/dragger.html-668d3efa.js +1 -1
  80. package/docs/assets/dragger.html-749d585a.js +1 -1
  81. package/docs/assets/editor-code.html-6ab26ea9.js +1 -1
  82. package/docs/assets/editor-code.html-d196205d.js +1 -1
  83. package/docs/assets/empty.html-1c139131.js +1 -1
  84. package/docs/assets/empty.html-1e9c441d.js +1 -1
  85. package/docs/assets/field-date.html-069fdb13.js +1 -1
  86. package/docs/assets/field-date.html-ad204aa9.js +1 -1
  87. package/docs/assets/field-table.html-ce480f03.js +1 -1
  88. package/docs/assets/field-table.html-d9236160.js +1 -1
  89. package/docs/assets/field-text.html-7277c62f.js +1 -1
  90. package/docs/assets/field-text.html-ccb4cecf.js +1 -1
  91. package/docs/assets/field-tree.html-519bfb45.js +1 -1
  92. package/docs/assets/field-tree.html-fdc748d6.js +1 -1
  93. package/docs/assets/form.html-2b562c37.js +2 -2
  94. package/docs/assets/form.html-75104cd5.js +1 -1
  95. package/docs/assets/framework-204010b2.js +5 -5
  96. package/docs/assets/getData.html-990e3787.js +1 -1
  97. package/docs/assets/getData.html-bb72025f.js +34 -34
  98. package/docs/assets/getFile.html-42368004.js +1 -1
  99. package/docs/assets/getFile.html-99abd054.js +3 -3
  100. package/docs/assets/getImage.html-3429c5a1.js +1 -1
  101. package/docs/assets/getImage.html-4d886d83.js +3 -3
  102. package/docs/assets/getTime.html-7435f922.js +1 -1
  103. package/docs/assets/getTime.html-b37f49eb.js +20 -20
  104. package/docs/assets/img.html-7d1da657.js +1 -1
  105. package/docs/assets/img.html-fbea1105.js +1 -1
  106. package/docs/assets/index.html-1695dd7c.js +1 -1
  107. package/docs/assets/index.html-65a4aa67.js +1 -1
  108. package/docs/assets/index.html-7b98d5bd.js +1 -1
  109. package/docs/assets/index.html-c01f2648.js +1 -1
  110. package/docs/assets/input-number.html-0b250d2a.js +1 -1
  111. package/docs/assets/input-number.html-a8eb0378.js +1 -1
  112. package/docs/assets/list-menu-item.html-7f1b4611.js +1 -1
  113. package/docs/assets/list-menu-item.html-84ed5ab8.js +1 -1
  114. package/docs/assets/list-menu.html-28b4163f.js +1 -1
  115. package/docs/assets/list-menu.html-cb6ba95b.js +1 -1
  116. package/docs/assets/loading.html-dae9e39d.js +6 -6
  117. package/docs/assets/loading.html-dc74c9e6.js +1 -1
  118. package/docs/assets/notify.html-e6c4c514.js +1 -1
  119. package/docs/assets/notify.html-f2c4d914.js +8 -8
  120. package/docs/assets/power-page.html-32e02f82.js +1 -1
  121. package/docs/assets/power-page.html-485e77da.js +1 -1
  122. package/docs/assets/power.html-d258cc19.js +93 -93
  123. package/docs/assets/power.html-e490bd32.js +1 -1
  124. package/docs/assets/previewImage.html-6a6b4245.js +1 -1
  125. package/docs/assets/previewImage.html-c5b7e945.js +2 -2
  126. package/docs/assets/price.html-1882c548.js +19 -19
  127. package/docs/assets/price.html-94d3f5be.js +1 -1
  128. package/docs/assets/price.html-d213df0f.js +1 -1
  129. package/docs/assets/price.html-deaf880f.js +1 -1
  130. package/docs/assets/render.html-8efcbdd4.js +1 -1
  131. package/docs/assets/render.html-df228e38.js +1 -1
  132. package/docs/assets/rule.html-2cd57fc2.js +13 -13
  133. package/docs/assets/rule.html-61662001.js +1 -1
  134. package/docs/assets/ruleValid.html-04fe2552.js +1 -1
  135. package/docs/assets/ruleValid.html-e0a776af.js +14 -14
  136. package/docs/assets/search-0782d0d1.svg +1 -1
  137. package/docs/assets/search-item.html-3f75394c.js +1 -1
  138. package/docs/assets/search-item.html-4e942ecd.js +1 -1
  139. package/docs/assets/search.html-2807043e.js +1 -1
  140. package/docs/assets/search.html-c24f8806.js +1 -1
  141. package/docs/assets/select.html-00d0607c.js +1 -1
  142. package/docs/assets/select.html-de7731f5.js +1 -1
  143. package/docs/assets/splitter.html-56f51a70.js +1 -1
  144. package/docs/assets/splitter.html-f5c836d7.js +1 -1
  145. package/docs/assets/style-161e43ab.css +1 -1
  146. package/docs/assets/symbols.html-a6aea4bf.js +1 -1
  147. package/docs/assets/symbols.html-b1f65bad.js +21 -21
  148. package/docs/assets/table-column-fixed.html-3a69e7b2.js +1 -1
  149. package/docs/assets/table-column-fixed.html-e763c38b.js +1 -1
  150. package/docs/assets/table-pagination.html-236934d3.js +1 -1
  151. package/docs/assets/table-pagination.html-c37ee2ac.js +1 -1
  152. package/docs/assets/table-splitter.html-07eab15c.js +1 -1
  153. package/docs/assets/table-splitter.html-7670ee65.js +1 -1
  154. package/docs/assets/table-summary.html-04db434f.js +1 -1
  155. package/docs/assets/table-summary.html-943c65a0.js +1 -1
  156. package/docs/assets/table.html-36253ad7.js +1 -1
  157. package/docs/assets/table.html-7f9c5d1b.js +38 -38
  158. package/docs/assets/table.html-93d53dc8.js +1 -1
  159. package/docs/assets/table.html-ac99b9cb.js +1 -1
  160. package/docs/assets/thumbnail.html-bab1976b.js +1 -1
  161. package/docs/assets/thumbnail.html-eb64e5e8.js +1 -1
  162. package/docs/assets/timestamp.html-4e54f79b.js +13 -13
  163. package/docs/assets/timestamp.html-d0e1b88a.js +1 -1
  164. package/docs/assets/toast.html-58ecbe21.js +1 -1
  165. package/docs/assets/toast.html-c9b9d36b.js +6 -6
  166. package/docs/assets/toolbar.html-83d9f97c.js +1 -1
  167. package/docs/assets/toolbar.html-ff7b8c92.js +1 -1
  168. package/docs/assets/tree.html-d07cbe79.js +23 -23
  169. package/docs/assets/tree.html-ea04193e.js +1 -1
  170. package/docs/assets/uploader-query.html-05590718.js +1 -1
  171. package/docs/assets/uploader-query.html-3175bac5.js +1 -1
  172. package/docs/assets/uploader.html-36da4394.js +2 -2
  173. package/docs/assets/uploader.html-6b5f3079.js +1 -1
  174. package/docs/assets/uploader.html-b9340b57.js +1 -1
  175. package/docs/assets/uploader.html-bc1c22e3.js +1 -1
  176. package/docs/assets/value-format.html-8ae3d47d.js +1 -1
  177. package/docs/assets/value-format.html-afa99b3d.js +1 -1
  178. package/docs/components/column-title.html +35 -35
  179. package/docs/components/data.html +62 -62
  180. package/docs/components/dialog.html +33 -33
  181. package/docs/components/dragger.html +33 -33
  182. package/docs/components/editor-code.html +33 -33
  183. package/docs/components/empty.html +33 -33
  184. package/docs/components/field-date.html +33 -33
  185. package/docs/components/field-table.html +33 -33
  186. package/docs/components/field-text.html +33 -33
  187. package/docs/components/field-tree.html +33 -33
  188. package/docs/components/img.html +33 -33
  189. package/docs/components/input-number.html +33 -33
  190. package/docs/components/list-menu-item.html +33 -33
  191. package/docs/components/list-menu.html +33 -33
  192. package/docs/components/power-page.html +33 -33
  193. package/docs/components/price.html +33 -33
  194. package/docs/components/render.html +33 -33
  195. package/docs/components/search-item.html +33 -33
  196. package/docs/components/search.html +33 -33
  197. package/docs/components/select.html +33 -33
  198. package/docs/components/splitter.html +33 -33
  199. package/docs/components/table-column-fixed.html +33 -33
  200. package/docs/components/table-pagination.html +33 -33
  201. package/docs/components/table-splitter.html +33 -33
  202. package/docs/components/table-summary.html +33 -33
  203. package/docs/components/table.html +33 -33
  204. package/docs/components/thumbnail.html +33 -33
  205. package/docs/components/toolbar.html +33 -33
  206. package/docs/components/uploader-query.html +33 -33
  207. package/docs/components/uploader.html +33 -33
  208. package/docs/components/value-format.html +33 -33
  209. package/docs/css/index.css +3 -3
  210. package/docs/index.html +33 -33
  211. package/docs/utils/alert.html +37 -37
  212. package/docs/utils/area.html +74 -74
  213. package/docs/utils/arr.html +43 -43
  214. package/docs/utils/auth.html +40 -40
  215. package/docs/utils/bus.html +38 -38
  216. package/docs/utils/confirm.html +42 -42
  217. package/docs/utils/copy.html +45 -45
  218. package/docs/utils/dialog.html +100 -100
  219. package/docs/utils/dict.html +55 -55
  220. package/docs/utils/dictOptions.html +37 -37
  221. package/docs/utils/form.html +34 -34
  222. package/docs/utils/getData.html +66 -66
  223. package/docs/utils/getFile.html +35 -35
  224. package/docs/utils/getImage.html +35 -35
  225. package/docs/utils/getTime.html +52 -52
  226. package/docs/utils/index.html +33 -33
  227. package/docs/utils/loading.html +38 -38
  228. package/docs/utils/notify.html +40 -40
  229. package/docs/utils/power.html +125 -125
  230. package/docs/utils/previewImage.html +34 -34
  231. package/docs/utils/price.html +51 -51
  232. package/docs/utils/rule.html +45 -45
  233. package/docs/utils/ruleValid.html +46 -46
  234. package/docs/utils/symbols.html +53 -53
  235. package/docs/utils/table.html +70 -70
  236. package/docs/utils/timestamp.html +45 -45
  237. package/docs/utils/toast.html +38 -38
  238. package/docs/utils/tree.html +55 -55
  239. package/docs/utils/uploader.html +34 -34
  240. package/package.json +25 -25
  241. package/sass/common.scss +184 -184
  242. package/sass/index.scss +12 -12
  243. package/sass/line.scss +39 -39
  244. package/sass/quasar/btn.scss +46 -46
  245. package/sass/quasar/common.scss +3 -3
  246. package/sass/quasar/drawer.scss +6 -6
  247. package/sass/quasar/field.scss +259 -259
  248. package/sass/quasar/loading.scss +6 -6
  249. package/sass/quasar/table.scss +168 -168
  250. package/sass/quasar/toolbar.scss +22 -22
  251. package/sass/variables.scss +140 -140
  252. package/store/index.js +29 -29
  253. package/utils/$auth.js +128 -128
  254. package/utils/$form.js +72 -72
  255. package/utils/$power.js +1494 -1494
  256. package/utils/$render.js +75 -75
  257. package/utils/$rule.js +13 -13
  258. package/utils/$ruleValid.js +10 -10
  259. package/utils/$search.js +416 -416
  260. package/utils/$table.js +1349 -1348
  261. package/utils/$tree.js +682 -682
  262. package/utils/alert.js +12 -12
  263. package/utils/area.js +400 -400
  264. package/utils/arr.js +51 -51
  265. package/utils/bus.js +6 -6
  266. package/utils/config.js +66 -66
  267. package/utils/confirm.js +11 -11
  268. package/utils/copy.js +30 -30
  269. package/utils/dialog.js +36 -36
  270. package/utils/dict.js +21 -21
  271. package/utils/dictOptions.js +28 -28
  272. package/utils/getData.js +88 -88
  273. package/utils/getFile.js +67 -67
  274. package/utils/getImage.js +276 -276
  275. package/utils/getTime.js +113 -113
  276. package/utils/index.js +67 -67
  277. package/utils/loading.js +15 -15
  278. package/utils/notify.js +13 -13
  279. package/utils/play.js +40 -40
  280. package/utils/previewImage.js +14 -14
  281. package/utils/price.js +18 -18
  282. package/utils/symbols.js +18 -18
  283. package/utils/timestamp.js +18 -18
  284. package/utils/toast.js +13 -13
  285. package/utils/uploader.js +2114 -2114
  286. package/utils/useAuth.js +30 -30
  287. package/utils/useFileUrl.js +26 -26
  288. package/utils/useRouter.js +47 -47
  289. package/utils/useSearch.js +584 -562
package/docs/utils/table.html CHANGED
@@ -1,70 +1,70 @@
1
- <!DOCTYPE html>
2
- <html lang="en-US">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <meta name="generator" content="VuePress 2.0.0-beta.60">
7
- <style>
8
- :root {
9
- --c-bg: #fff;
10
- }
11
- html.dark {
12
- --c-bg: #22272e;
13
- }
14
- html, body {
15
- background-color: var(--c-bg);
16
- }
17
- </style>
18
- <script>
19
- const userMode = localStorage.getItem('vuepress-color-scheme');
20
- const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
21
- if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
22
- document.documentElement.classList.toggle('dark', true);
23
- }
24
- </script>
25
- <title>$table 表格 | netang-quasar</title><meta name="description" content="">
26
- <link rel="preload" href="/netang-quasar/assets/style-161e43ab.css" as="style"><link rel="stylesheet" href="/netang-quasar/assets/style-161e43ab.css">
27
- <link rel="modulepreload" href="/netang-quasar/assets/app-9f30aa4b.js"><link rel="modulepreload" href="/netang-quasar/assets/framework-204010b2.js"><link rel="modulepreload" href="/netang-quasar/assets/table.html-ac99b9cb.js"><link rel="modulepreload" href="/netang-quasar/assets/table.html-7f9c5d1b.js"><link rel="prefetch" href="/netang-quasar/assets/index.html-65a4aa67.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/column-title.html-e9316762.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/data.html-a3b05d5b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-bb082fc4.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dragger.html-749d585a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/editor-code.html-6ab26ea9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/empty.html-1c139131.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-date.html-ad204aa9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-ce480f03.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-text.html-ccb4cecf.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-519bfb45.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/img.html-7d1da657.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/input-number.html-a8eb0378.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu-item.html-84ed5ab8.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu.html-28b4163f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power-page.html-485e77da.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-deaf880f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/render.html-8efcbdd4.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search-item.html-3f75394c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search.html-c24f8806.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/select.html-00d0607c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/splitter.html-56f51a70.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-column-fixed.html-e763c38b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-pagination.html-c37ee2ac.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-splitter.html-07eab15c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-summary.html-943c65a0.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table.html-36253ad7.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/thumbnail.html-bab1976b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toolbar.html-ff7b8c92.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader-query.html-05590718.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-bc1c22e3.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/value-format.html-afa99b3d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-ba46d137.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/area.html-9a4fce6a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/arr.html-145d27e7.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/auth.html-579fa830.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/bus.html-c71254aa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/confirm.html-ef3e2bef.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/copy.html-d20345b6.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-baea77c9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dict.html-b96fbf0c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dictOptions.html-7c4f40a5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/form.html-75104cd5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getData.html-990e3787.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getFile.html-42368004.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getImage.html-3429c5a1.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getTime.html-7435f922.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-c01f2648.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/loading.html-dc74c9e6.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/notify.html-e6c4c514.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power.html-e490bd32.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/previewImage.html-6a6b4245.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-94d3f5be.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/rule.html-61662001.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/ruleValid.html-04fe2552.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/symbols.html-a6aea4bf.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/timestamp.html-d0e1b88a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toast.html-58ecbe21.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/tree.html-ea04193e.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-6b5f3079.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-60b35caa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-1695dd7c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/column-title.html-c735cb5a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/data.html-6432175d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-1f698e5a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dragger.html-668d3efa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/editor-code.html-d196205d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/empty.html-1e9c441d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-date.html-069fdb13.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-d9236160.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-text.html-7277c62f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-fdc748d6.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/img.html-fbea1105.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/input-number.html-0b250d2a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu-item.html-7f1b4611.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu.html-cb6ba95b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power-page.html-32e02f82.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-d213df0f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/render.html-df228e38.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search-item.html-4e942ecd.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search.html-2807043e.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/select.html-de7731f5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/splitter.html-f5c836d7.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-column-fixed.html-3a69e7b2.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-pagination.html-236934d3.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-splitter.html-7670ee65.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-summary.html-04db434f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table.html-93d53dc8.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/thumbnail.html-eb64e5e8.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toolbar.html-83d9f97c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader-query.html-3175bac5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-b9340b57.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/value-format.html-8ae3d47d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-b2a2a72f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/area.html-01b9b58d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/arr.html-674e65ab.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/auth.html-8544ed95.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/bus.html-dc7d3d19.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/confirm.html-ddfdc27f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/copy.html-ef8c8571.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-62902b83.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dict.html-1311da3d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dictOptions.html-fb99d175.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/form.html-2b562c37.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getData.html-bb72025f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getFile.html-99abd054.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getImage.html-4d886d83.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getTime.html-b37f49eb.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-7b98d5bd.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/loading.html-dae9e39d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/notify.html-f2c4d914.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power.html-d258cc19.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/previewImage.html-c5b7e945.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-1882c548.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/rule.html-2cd57fc2.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/ruleValid.html-e0a776af.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/symbols.html-b1f65bad.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/timestamp.html-4e54f79b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toast.html-c9b9d36b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/tree.html-d07cbe79.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-36da4394.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-d1e63d77.js" as="script">
28
- </head>
29
- <body>
30
- <div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/netang-quasar/" class=""><!----><span class="site-name">netang-quasar</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/netang-quasar/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/components/field-table" class="" aria-label="组件"><!--[--><!--]--> 组件 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/utils/auth" class="router-link-active" aria-label="工具"><!--[--><!--]--> 工具 <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><form class="search-box" role="search"><input type="search" placeholder="搜索" autocomplete="off" spellcheck="false" value><!----></form></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/netang-quasar/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/components/field-table" class="" aria-label="组件"><!--[--><!--]--> 组件 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/utils/auth" class="router-link-active" aria-label="工具"><!--[--><!--]--> 工具 <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading active">Utils 工具 <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a href="/netang-quasar/utils/auth.html" class="sidebar-item" aria-label="$auth 鉴权"><!--[--><!--]--> $auth 鉴权 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/power.html" class="sidebar-item" aria-label="$power 权限"><!--[--><!--]--> $power 权限 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/netang-quasar/utils/table.html" class="router-link-active router-link-exact-active router-link-active sidebar-item active" aria-label="$table 表格"><!--[--><!--]--> $table 表格 <!--[--><!--]--></a><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/netang-quasar/utils/table.html#table-create" class="router-link-active router-link-exact-active sidebar-item" aria-label="$table.create"><!--[--><!--]--> $table.create <!--[--><!--]--></a><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/netang-quasar/utils/table.html#options-参数" class="router-link-active router-link-exact-active sidebar-item" aria-label="options 参数"><!--[--><!--]--> options 参数 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/netang-quasar/utils/table.html#返回数据" class="router-link-active router-link-exact-active sidebar-item" aria-label="返回数据"><!--[--><!--]--> 返回数据 <!--[--><!--]--></a><!----></li><!--]--></ul></li><li><a aria-current="page" href="/netang-quasar/utils/table.html#table-config" class="router-link-active router-link-exact-active sidebar-item" aria-label="$table.config"><!--[--><!--]--> $table.config <!--[--><!--]--></a><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/netang-quasar/utils/table.html#options-参数-1" class="router-link-active router-link-exact-active sidebar-item" aria-label="options 参数"><!--[--><!--]--> options 参数 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul></li><li><a href="/netang-quasar/utils/form.html" class="sidebar-item" aria-label="$form 表单"><!--[--><!--]--> $form 表单 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/tree.html" class="sidebar-item" aria-label="$tree 树"><!--[--><!--]--> $tree 树 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/rule.html" class="sidebar-item" aria-label="$rule 表单单个验证"><!--[--><!--]--> $rule 表单单个验证 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/ruleValid.html" class="sidebar-item" aria-label="$ruleValid 表单单个验证"><!--[--><!--]--> $ruleValid 表单单个验证 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/area.html" class="sidebar-item" aria-label="area 提示框"><!--[--><!--]--> area 提示框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/alert.html" class="sidebar-item" aria-label="alert 提示框"><!--[--><!--]--> alert 提示框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/arr.html" class="sidebar-item" aria-label="arr 操作数组"><!--[--><!--]--> arr 操作数组 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/bus.html" class="sidebar-item" aria-label="bus 通知"><!--[--><!--]--> bus 通知 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/confirm.html" class="sidebar-item" aria-label="confirm 确认框"><!--[--><!--]--> confirm 确认框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/copy.html" class="sidebar-item" aria-label="copy 复制"><!--[--><!--]--> copy 复制 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/dialog.html" class="sidebar-item" aria-label="dialog 对话框"><!--[--><!--]--> dialog 对话框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/dict.html" class="sidebar-item" aria-label="dict 数据字典"><!--[--><!--]--> dict 数据字典 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/dictOptions.html" class="sidebar-item" aria-label="dictOptions 数据字典选项"><!--[--><!--]--> dictOptions 数据字典选项 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getData.html" class="sidebar-item" aria-label="getData 获取公共数据"><!--[--><!--]--> getData 获取公共数据 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getFile.html" class="sidebar-item" aria-label="getFile 获取文件地址"><!--[--><!--]--> getFile 获取文件地址 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getImage.html" class="sidebar-item" aria-label="getImage 获取图片地址"><!--[--><!--]--> getImage 获取图片地址 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getTime.html" class="sidebar-item" aria-label="getTime 获取时间"><!--[--><!--]--> getTime 获取时间 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/loading.html" class="sidebar-item" aria-label="loading 全局加载"><!--[--><!--]--> loading 全局加载 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/notify.html" class="sidebar-item" aria-label="notify 通知"><!--[--><!--]--> notify 通知 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/previewImage.html" class="sidebar-item" aria-label="previewImage 预览图片"><!--[--><!--]--> previewImage 预览图片 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/price.html" class="sidebar-item" aria-label="price 换算金额"><!--[--><!--]--> price 换算金额 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/symbols.html" class="sidebar-item" aria-label="symbols 内置符号"><!--[--><!--]--> symbols 内置符号 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/timestamp.html" class="sidebar-item" aria-label="timestamp 当前时间戳"><!--[--><!--]--> timestamp 当前时间戳 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/toast.html" class="sidebar-item" aria-label="toast 轻提示"><!--[--><!--]--> toast 轻提示 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/uploader.html" class="sidebar-item" aria-label="uploader 上传器"><!--[--><!--]--> uploader 上传器 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="table-表格" tabindex="-1"><a class="header-anchor" href="#table-表格" aria-hidden="true">#</a> $table 表格</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p><code>@netang/quasar/utils/$table.js</code> <a href="https://github.com/netangsoft/netang-quasar/blob/main/utils/%24table.js" target="_blank" rel="noopener noreferrer">Github<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a> <a href="https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24table.js" target="_blank" rel="noopener noreferrer">Gitee<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></p><p>表格工具</p></div><h2 id="table-create" tabindex="-1"><a class="header-anchor" href="#table-create" aria-hidden="true">#</a> $table.create</h2><p>创建表格实例</p><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> Object
31
- </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数" tabindex="-1"><a class="header-anchor" href="#options-参数" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th><th>示例</th></tr></thead><tbody><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>query</td><td>路由参数</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>data</td><td>附加请求数据</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>rowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>-</td><td>id</td><td>-</td></tr><tr><td>selection</td><td>选择类型</td><td><code>String</code></td><td><code>none</code> / <code>single</code> / <code>multiple</code></td><td>single</td><td>-</td></tr><tr><td>separator</td><td>分隔栏</td><td><code>String</code></td><td><code>horizontal</code> / <code>vertical</code> / <code>cell</code> / <code>none</code></td><td>cell</td><td>-</td></tr><tr><td>selected</td><td>初始已选数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>loading</td><td>初始表格加载状态</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>columns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>visibleColumns</td><td>初始可见列</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>pagination</td><td>表格翻页参数</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowsPerPageOptions</td><td>每页显示行数选项</td><td><code>Array</code></td><td>-</td><td>[ 30, 40, 50, 100, 200, 500, 1000 ]</td><td>-</td></tr><tr><td>request</td><td>自定义请求方法</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>formatRow</td><td>格式化单条数据</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>httpSettings</td><td>http 设置</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>search</td><td>是否开启初始搜素</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>summary</td><td>是否开启合计</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>searchFromQuery</td><td>从参数中获取搜索值</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showGrid</td><td>是否显示宫格</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showVisibleColumns</td><td>是否显示可见列</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>cache</td><td>是否开启缓存</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>refreshResetSelected</td><td>是否刷新后清空已选数据</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>rowClick</td><td>单击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowDblClick</td><td>双击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr></tbody></table><h4 id="pagination" tabindex="-1"><a class="header-anchor" href="#pagination" aria-hidden="true">#</a> pagination</h4><p>表格翻页参数</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>page</td><td>页码</td><td><code>Number</code></td><td>1</td></tr><tr><td>rowsPerPage</td><td>每页的数据条数</td><td><code>Number</code></td><td>30</td></tr><tr><td>rowsNumber</td><td>数据总数(服务器返回)</td><td><code>Number</code></td><td>1</td></tr><tr><td>sortBy</td><td>排序字段</td><td><code>String</code></td><td>null</td></tr><tr><td>descending</td><td>是否降序排列</td><td><code>Boolean</code></td><td>true</td></tr></tbody></table><h4 id="request" tabindex="-1"><a class="header-anchor" href="#request" aria-hidden="true">#</a> request</h4><p>格式化表格按钮</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
32
- <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
33
-
34
- <span class="token comment">// 自定义请求方法</span>
35
- <span class="token keyword">async</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> data<span class="token punctuation">,</span> props<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
36
- <span class="token keyword">return</span> <span class="token keyword">await</span> $n<span class="token punctuation">.</span><span class="token function">http</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
37
- <span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">&#39;...&#39;</span><span class="token punctuation">,</span>
38
- data<span class="token punctuation">,</span>
39
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
40
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
41
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
42
- </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>data</td><td>请求数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>props</td><td>表格声明属性</td><td><code>Array</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格选中数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="formatrow" tabindex="-1"><a class="header-anchor" href="#formatrow" aria-hidden="true">#</a> formatRow</h4><p>格式化单条数据</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
43
- <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
44
-
45
- <span class="token comment">// 格式化单条数据</span>
46
- <span class="token function">formatRow</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> row<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
47
- row<span class="token punctuation">.</span>title <span class="token operator">=</span> <span class="token string">&#39;[测试]&#39;</span> <span class="token operator">+</span> row<span class="token punctuation">.</span>title
48
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
49
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
50
- </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>row</td><td>当前单条数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格已选数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="rowclick" tabindex="-1"><a class="header-anchor" href="#rowclick" aria-hidden="true">#</a> rowClick</h4><p>单击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
51
- <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
52
-
53
- <span class="token comment">// 单击表格行事件</span>
54
- <span class="token function">rowClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
55
-
56
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
57
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
58
- </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h4 id="rowdblclick" tabindex="-1"><a class="header-anchor" href="#rowdblclick" aria-hidden="true">#</a> rowDblClick</h4><p>双击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
59
- <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
60
-
61
- <span class="token comment">// 双击表格行事件</span>
62
- <span class="token function">rowDblClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
63
-
64
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
65
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
66
- </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="返回数据" tabindex="-1"><a class="header-anchor" href="#返回数据" aria-hidden="true">#</a> 返回数据</h3><p>返回的数据可提供给 <code>&lt;q-table&gt;</code> 使用</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可在 <code>&lt;q-table&gt;</code> 组件中使用</th></tr></thead><tbody><tr><td>routeFullPath</td><td>当前路由全路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routePath</td><td>当前路由路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routeQuery</td><td>当前路由参数</td><td><code>Object</code></td><td>-</td></tr><tr><td>getRoute</td><td>获取当前路由</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoading</td><td>表格加载状态</td><td><code>ref(Boolean)</code></td><td>:loading=&quot;tableLoading&quot;</td></tr><tr><td>tableRowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>:row-key=&quot;tableRowKey&quot;</td></tr><tr><td>tableSelection</td><td>表格选择类型</td><td><code>ref(String)</code></td><td>:selection=&quot;tableSelection&quot;</td></tr><tr><td>tableSeparator</td><td>表格分隔栏</td><td><code>ref(String)</code></td><td>:separator=&quot;tableSeparator&quot;</td></tr><tr><td>tableRowsPerPageOptions</td><td>表格每页显示行数选项</td><td><code>Array</code></td><td>:rows-per-page-options=&quot;tableRowsPerPageOptions&quot;</td></tr><tr><td>tableColumns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>:columns=&quot;tableColumns&quot;</td></tr><tr><td>tableVisibleColumns</td><td>表格可见列</td><td><code>ref(Array)</code></td><td>:visible-columns=&quot;tableVisibleColumns&quot;</td></tr><tr><td>tableRows</td><td>表格行数据</td><td><code>ref(Array)</code></td><td>:rows=&quot;tableRows&quot;</td></tr><tr><td>tablePagination</td><td>表格翻页参数</td><td><code>ref(Object)</code></td><td>v-model:pagination=&quot;tablePagination&quot;</td></tr><tr><td>tableSelected</td><td>表格已选数据</td><td><code>ref(Array)</code></td><td>v-model:selected=&quot;tableSelected&quot;</td></tr><tr><td>tableFixedPowerBtns</td><td>固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>showTableFixed</td><td>是否显示固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>tableImgNames</td><td>表格图片标识</td><td><code>ref(Array)</code></td><td>可在插槽中使用</td></tr><tr><td>tableGrid</td><td>表格宫格</td><td><code>ref(Boolean)</code></td><td>:grid=&quot;tableGrid&quot;</td></tr><tr><td>tableSummary</td><td>表格合计</td><td><code>ref(Object)</code></td><td>可在插槽中使用</td></tr><tr><td>tableSearchValue</td><td>表格搜索数据</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>tableSearchOptions</td><td>表格搜索参数</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>setQuery</td><td>设置表格传参</td><td><code>Function</code></td><td>-</td></tr><tr><td>isTableLoaded</td><td>表格是否已加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoad</td><td>表格加载(只加载一次)</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableReload</td><td>表格重新加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRefresh</td><td>表格刷新</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableSearchReset</td><td>表格搜索重置</td><td><code>Function</code></td><td>-</td></tr><tr><td>getTableRequestData</td><td>获取表格请求数据</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRequest</td><td>表格请求数据</td><td><code>Function</code></td><td>@request=&quot;tableRequest&quot;</td></tr><tr><td>tableRowClick</td><td>表格单击表格行</td><td><code>Function</code></td><td>@row-click=&quot;tableRowClick&quot;</td></tr><tr><td>tableRowDblclick</td><td>表格双击表格行</td><td><code>Function</code></td><td>@row-dblclick=&quot;currentTableRowDblclick&quot;</td></tr><tr><td>setTableSearchOptions</td><td>设置表格搜索参数</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h2 id="table-config" tabindex="-1"><a class="header-anchor" href="#table-config" aria-hidden="true">#</a> $table.config</h2><p>获取表格配置</p><p>从 <code>src/tables</code> 文件夹中获取路由路径对应的表格配置</p><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">config</span><span class="token punctuation">(</span>routePath<span class="token punctuation">,</span> path<span class="token punctuation">,</span> defaultValue<span class="token punctuation">)</span>
67
- </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数-1" tabindex="-1"><a class="header-anchor" href="#options-参数-1" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>routePath</td><td>路由路径</td><td><code>String</code></td><td>goods/goods/index</td></tr><tr><td>path</td><td>配置字段</td><td><code>String</code></td><td>columns</td></tr><tr><td>defaultValue</td><td>默认值（没有获取到配置时显示）</td><td><code>Any</code></td><td>[ ]</td></tr></tbody></table></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: mj287@163.com">junmiao</span><!--[-->, <!--]--><!--]--><!--[--><span class="contributor" title="email: Jumiao28">junmiao</span><!----><!--]--><!--]--></span></div></footer><nav class="page-nav"><p class="inner"><span class="prev"><a href="/netang-quasar/utils/power.html" class="" aria-label="$power 权限"><!--[--><!--]--> $power 权限 <!--[--><!--]--></a></span><span class="next"><a href="/netang-quasar/utils/form.html" class="" aria-label="$form 表单"><!--[--><!--]--> $form 表单 <!--[--><!--]--></a></span></p></nav><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
68
- <script type="module" src="/netang-quasar/assets/app-9f30aa4b.js" defer></script>
69
- </body>
70
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en-US">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <meta name="generator" content="VuePress 2.0.0-beta.60">
7
+ <style>
8
+ :root {
9
+ --c-bg: #fff;
10
+ }
11
+ html.dark {
12
+ --c-bg: #22272e;
13
+ }
14
+ html, body {
15
+ background-color: var(--c-bg);
16
+ }
17
+ </style>
18
+ <script>
19
+ const userMode = localStorage.getItem('vuepress-color-scheme');
20
+ const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
21
+ if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
22
+ document.documentElement.classList.toggle('dark', true);
23
+ }
24
+ </script>
25
+ <title>$table 表格 | netang-quasar</title><meta name="description" content="">
26
+ <link rel="preload" href="/netang-quasar/assets/style-161e43ab.css" as="style"><link rel="stylesheet" href="/netang-quasar/assets/style-161e43ab.css">
27
+ <link rel="modulepreload" href="/netang-quasar/assets/app-9f30aa4b.js"><link rel="modulepreload" href="/netang-quasar/assets/framework-204010b2.js"><link rel="modulepreload" href="/netang-quasar/assets/table.html-ac99b9cb.js"><link rel="modulepreload" href="/netang-quasar/assets/table.html-7f9c5d1b.js"><link rel="prefetch" href="/netang-quasar/assets/index.html-65a4aa67.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/column-title.html-e9316762.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/data.html-a3b05d5b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-bb082fc4.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dragger.html-749d585a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/editor-code.html-6ab26ea9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/empty.html-1c139131.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-date.html-ad204aa9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-ce480f03.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-text.html-ccb4cecf.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-519bfb45.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/img.html-7d1da657.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/input-number.html-a8eb0378.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu-item.html-84ed5ab8.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu.html-28b4163f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power-page.html-485e77da.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-deaf880f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/render.html-8efcbdd4.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search-item.html-3f75394c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search.html-c24f8806.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/select.html-00d0607c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/splitter.html-56f51a70.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-column-fixed.html-e763c38b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-pagination.html-c37ee2ac.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-splitter.html-07eab15c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-summary.html-943c65a0.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table.html-36253ad7.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/thumbnail.html-bab1976b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toolbar.html-ff7b8c92.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader-query.html-05590718.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-bc1c22e3.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/value-format.html-afa99b3d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-ba46d137.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/area.html-9a4fce6a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/arr.html-145d27e7.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/auth.html-579fa830.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/bus.html-c71254aa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/confirm.html-ef3e2bef.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/copy.html-d20345b6.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-baea77c9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dict.html-b96fbf0c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dictOptions.html-7c4f40a5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/form.html-75104cd5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getData.html-990e3787.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getFile.html-42368004.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getImage.html-3429c5a1.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getTime.html-7435f922.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-c01f2648.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/loading.html-dc74c9e6.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/notify.html-e6c4c514.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power.html-e490bd32.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/previewImage.html-6a6b4245.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-94d3f5be.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/rule.html-61662001.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/ruleValid.html-04fe2552.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/symbols.html-a6aea4bf.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/timestamp.html-d0e1b88a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toast.html-58ecbe21.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/tree.html-ea04193e.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-6b5f3079.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-60b35caa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-1695dd7c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/column-title.html-c735cb5a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/data.html-6432175d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-1f698e5a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dragger.html-668d3efa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/editor-code.html-d196205d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/empty.html-1e9c441d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-date.html-069fdb13.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-d9236160.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-text.html-7277c62f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-fdc748d6.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/img.html-fbea1105.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/input-number.html-0b250d2a.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu-item.html-7f1b4611.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/list-menu.html-cb6ba95b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power-page.html-32e02f82.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-d213df0f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/render.html-df228e38.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search-item.html-4e942ecd.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/search.html-2807043e.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/select.html-de7731f5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/splitter.html-f5c836d7.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-column-fixed.html-3a69e7b2.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-pagination.html-236934d3.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-splitter.html-7670ee65.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table-summary.html-04db434f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/table.html-93d53dc8.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/thumbnail.html-eb64e5e8.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toolbar.html-83d9f97c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader-query.html-3175bac5.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-b9340b57.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/value-format.html-8ae3d47d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-b2a2a72f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/area.html-01b9b58d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/arr.html-674e65ab.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/auth.html-8544ed95.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/bus.html-dc7d3d19.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/confirm.html-ddfdc27f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/copy.html-ef8c8571.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dialog.html-62902b83.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dict.html-1311da3d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/dictOptions.html-fb99d175.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/form.html-2b562c37.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getData.html-bb72025f.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getFile.html-99abd054.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getImage.html-4d886d83.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/getTime.html-b37f49eb.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-7b98d5bd.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/loading.html-dae9e39d.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/notify.html-f2c4d914.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/power.html-d258cc19.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/previewImage.html-c5b7e945.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/price.html-1882c548.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/rule.html-2cd57fc2.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/ruleValid.html-e0a776af.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/symbols.html-b1f65bad.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/timestamp.html-4e54f79b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/toast.html-c9b9d36b.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/tree.html-d07cbe79.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/uploader.html-36da4394.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-d1e63d77.js" as="script">
28
+ </head>
29
+ <body>
30
+ <div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/netang-quasar/" class=""><!----><span class="site-name">netang-quasar</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/netang-quasar/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/components/field-table" class="" aria-label="组件"><!--[--><!--]--> 组件 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/utils/auth" class="router-link-active" aria-label="工具"><!--[--><!--]--> 工具 <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><form class="search-box" role="search"><input type="search" placeholder="搜索" autocomplete="off" spellcheck="false" value><!----></form></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/netang-quasar/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/components/field-table" class="" aria-label="组件"><!--[--><!--]--> 组件 <!--[--><!--]--></a></div><div class="navbar-item"><a href="/netang-quasar/utils/auth" class="router-link-active" aria-label="工具"><!--[--><!--]--> 工具 <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading active">Utils 工具 <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a href="/netang-quasar/utils/auth.html" class="sidebar-item" aria-label="$auth 鉴权"><!--[--><!--]--> $auth 鉴权 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/power.html" class="sidebar-item" aria-label="$power 权限"><!--[--><!--]--> $power 权限 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/netang-quasar/utils/table.html" class="router-link-active router-link-exact-active router-link-active sidebar-item active" aria-label="$table 表格"><!--[--><!--]--> $table 表格 <!--[--><!--]--></a><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/netang-quasar/utils/table.html#table-create" class="router-link-active router-link-exact-active sidebar-item" aria-label="$table.create"><!--[--><!--]--> $table.create <!--[--><!--]--></a><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/netang-quasar/utils/table.html#options-参数" class="router-link-active router-link-exact-active sidebar-item" aria-label="options 参数"><!--[--><!--]--> options 参数 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/netang-quasar/utils/table.html#返回数据" class="router-link-active router-link-exact-active sidebar-item" aria-label="返回数据"><!--[--><!--]--> 返回数据 <!--[--><!--]--></a><!----></li><!--]--></ul></li><li><a aria-current="page" href="/netang-quasar/utils/table.html#table-config" class="router-link-active router-link-exact-active sidebar-item" aria-label="$table.config"><!--[--><!--]--> $table.config <!--[--><!--]--></a><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/netang-quasar/utils/table.html#options-参数-1" class="router-link-active router-link-exact-active sidebar-item" aria-label="options 参数"><!--[--><!--]--> options 参数 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul></li><li><a href="/netang-quasar/utils/form.html" class="sidebar-item" aria-label="$form 表单"><!--[--><!--]--> $form 表单 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/tree.html" class="sidebar-item" aria-label="$tree 树"><!--[--><!--]--> $tree 树 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/rule.html" class="sidebar-item" aria-label="$rule 表单单个验证"><!--[--><!--]--> $rule 表单单个验证 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/ruleValid.html" class="sidebar-item" aria-label="$ruleValid 表单单个验证"><!--[--><!--]--> $ruleValid 表单单个验证 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/area.html" class="sidebar-item" aria-label="area 提示框"><!--[--><!--]--> area 提示框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/alert.html" class="sidebar-item" aria-label="alert 提示框"><!--[--><!--]--> alert 提示框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/arr.html" class="sidebar-item" aria-label="arr 操作数组"><!--[--><!--]--> arr 操作数组 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/bus.html" class="sidebar-item" aria-label="bus 通知"><!--[--><!--]--> bus 通知 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/confirm.html" class="sidebar-item" aria-label="confirm 确认框"><!--[--><!--]--> confirm 确认框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/copy.html" class="sidebar-item" aria-label="copy 复制"><!--[--><!--]--> copy 复制 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/dialog.html" class="sidebar-item" aria-label="dialog 对话框"><!--[--><!--]--> dialog 对话框 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/dict.html" class="sidebar-item" aria-label="dict 数据字典"><!--[--><!--]--> dict 数据字典 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/dictOptions.html" class="sidebar-item" aria-label="dictOptions 数据字典选项"><!--[--><!--]--> dictOptions 数据字典选项 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getData.html" class="sidebar-item" aria-label="getData 获取公共数据"><!--[--><!--]--> getData 获取公共数据 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getFile.html" class="sidebar-item" aria-label="getFile 获取文件地址"><!--[--><!--]--> getFile 获取文件地址 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getImage.html" class="sidebar-item" aria-label="getImage 获取图片地址"><!--[--><!--]--> getImage 获取图片地址 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/getTime.html" class="sidebar-item" aria-label="getTime 获取时间"><!--[--><!--]--> getTime 获取时间 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/loading.html" class="sidebar-item" aria-label="loading 全局加载"><!--[--><!--]--> loading 全局加载 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/notify.html" class="sidebar-item" aria-label="notify 通知"><!--[--><!--]--> notify 通知 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/previewImage.html" class="sidebar-item" aria-label="previewImage 预览图片"><!--[--><!--]--> previewImage 预览图片 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/price.html" class="sidebar-item" aria-label="price 换算金额"><!--[--><!--]--> price 换算金额 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/symbols.html" class="sidebar-item" aria-label="symbols 内置符号"><!--[--><!--]--> symbols 内置符号 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/timestamp.html" class="sidebar-item" aria-label="timestamp 当前时间戳"><!--[--><!--]--> timestamp 当前时间戳 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/toast.html" class="sidebar-item" aria-label="toast 轻提示"><!--[--><!--]--> toast 轻提示 <!--[--><!--]--></a><!----></li><li><a href="/netang-quasar/utils/uploader.html" class="sidebar-item" aria-label="uploader 上传器"><!--[--><!--]--> uploader 上传器 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="table-表格" tabindex="-1"><a class="header-anchor" href="#table-表格" aria-hidden="true">#</a> $table 表格</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p><code>@netang/quasar/utils/$table.js</code> <a href="https://github.com/netangsoft/netang-quasar/blob/main/utils/%24table.js" target="_blank" rel="noopener noreferrer">Github<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a> <a href="https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24table.js" target="_blank" rel="noopener noreferrer">Gitee<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></p><p>表格工具</p></div><h2 id="table-create" tabindex="-1"><a class="header-anchor" href="#table-create" aria-hidden="true">#</a> $table.create</h2><p>创建表格实例</p><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> Object
31
+ </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数" tabindex="-1"><a class="header-anchor" href="#options-参数" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th><th>示例</th></tr></thead><tbody><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>query</td><td>路由参数</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>data</td><td>附加请求数据</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>rowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>-</td><td>id</td><td>-</td></tr><tr><td>selection</td><td>选择类型</td><td><code>String</code></td><td><code>none</code> / <code>single</code> / <code>multiple</code></td><td>single</td><td>-</td></tr><tr><td>separator</td><td>分隔栏</td><td><code>String</code></td><td><code>horizontal</code> / <code>vertical</code> / <code>cell</code> / <code>none</code></td><td>cell</td><td>-</td></tr><tr><td>selected</td><td>初始已选数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>loading</td><td>初始表格加载状态</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>columns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>visibleColumns</td><td>初始可见列</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>pagination</td><td>表格翻页参数</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowsPerPageOptions</td><td>每页显示行数选项</td><td><code>Array</code></td><td>-</td><td>[ 30, 40, 50, 100, 200, 500, 1000 ]</td><td>-</td></tr><tr><td>request</td><td>自定义请求方法</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>formatRow</td><td>格式化单条数据</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>httpSettings</td><td>http 设置</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>search</td><td>是否开启初始搜素</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>summary</td><td>是否开启合计</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>searchFromQuery</td><td>从参数中获取搜索值</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showGrid</td><td>是否显示宫格</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showVisibleColumns</td><td>是否显示可见列</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>cache</td><td>是否开启缓存</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>refreshResetSelected</td><td>是否刷新后清空已选数据</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>rowClick</td><td>单击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowDblClick</td><td>双击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr></tbody></table><h4 id="pagination" tabindex="-1"><a class="header-anchor" href="#pagination" aria-hidden="true">#</a> pagination</h4><p>表格翻页参数</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>page</td><td>页码</td><td><code>Number</code></td><td>1</td></tr><tr><td>rowsPerPage</td><td>每页的数据条数</td><td><code>Number</code></td><td>30</td></tr><tr><td>rowsNumber</td><td>数据总数(服务器返回)</td><td><code>Number</code></td><td>1</td></tr><tr><td>sortBy</td><td>排序字段</td><td><code>String</code></td><td>null</td></tr><tr><td>descending</td><td>是否降序排列</td><td><code>Boolean</code></td><td>true</td></tr></tbody></table><h4 id="request" tabindex="-1"><a class="header-anchor" href="#request" aria-hidden="true">#</a> request</h4><p>格式化表格按钮</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
32
+ <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
33
+
34
+ <span class="token comment">// 自定义请求方法</span>
35
+ <span class="token keyword">async</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> data<span class="token punctuation">,</span> props<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
36
+ <span class="token keyword">return</span> <span class="token keyword">await</span> $n<span class="token punctuation">.</span><span class="token function">http</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
37
+ <span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">&#39;...&#39;</span><span class="token punctuation">,</span>
38
+ data<span class="token punctuation">,</span>
39
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
40
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
41
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
42
+ </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>data</td><td>请求数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>props</td><td>表格声明属性</td><td><code>Array</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格选中数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="formatrow" tabindex="-1"><a class="header-anchor" href="#formatrow" aria-hidden="true">#</a> formatRow</h4><p>格式化单条数据</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
43
+ <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
44
+
45
+ <span class="token comment">// 格式化单条数据</span>
46
+ <span class="token function">formatRow</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> row<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
47
+ row<span class="token punctuation">.</span>title <span class="token operator">=</span> <span class="token string">&#39;[测试]&#39;</span> <span class="token operator">+</span> row<span class="token punctuation">.</span>title
48
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
49
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
50
+ </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>row</td><td>当前单条数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格已选数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="rowclick" tabindex="-1"><a class="header-anchor" href="#rowclick" aria-hidden="true">#</a> rowClick</h4><p>单击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
51
+ <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
52
+
53
+ <span class="token comment">// 单击表格行事件</span>
54
+ <span class="token function">rowClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
55
+
56
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
57
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
58
+ </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h4 id="rowdblclick" tabindex="-1"><a class="header-anchor" href="#rowdblclick" aria-hidden="true">#</a> rowDblClick</h4><p>双击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
59
+ <span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
60
+
61
+ <span class="token comment">// 双击表格行事件</span>
62
+ <span class="token function">rowDblClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
63
+
64
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
65
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
66
+ </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="返回数据" tabindex="-1"><a class="header-anchor" href="#返回数据" aria-hidden="true">#</a> 返回数据</h3><p>返回的数据可提供给 <code>&lt;q-table&gt;</code> 使用</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可在 <code>&lt;q-table&gt;</code> 组件中使用</th></tr></thead><tbody><tr><td>routeFullPath</td><td>当前路由全路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routePath</td><td>当前路由路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routeQuery</td><td>当前路由参数</td><td><code>Object</code></td><td>-</td></tr><tr><td>getRoute</td><td>获取当前路由</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoading</td><td>表格加载状态</td><td><code>ref(Boolean)</code></td><td>:loading=&quot;tableLoading&quot;</td></tr><tr><td>tableRowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>:row-key=&quot;tableRowKey&quot;</td></tr><tr><td>tableSelection</td><td>表格选择类型</td><td><code>ref(String)</code></td><td>:selection=&quot;tableSelection&quot;</td></tr><tr><td>tableSeparator</td><td>表格分隔栏</td><td><code>ref(String)</code></td><td>:separator=&quot;tableSeparator&quot;</td></tr><tr><td>tableRowsPerPageOptions</td><td>表格每页显示行数选项</td><td><code>Array</code></td><td>:rows-per-page-options=&quot;tableRowsPerPageOptions&quot;</td></tr><tr><td>tableColumns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>:columns=&quot;tableColumns&quot;</td></tr><tr><td>tableVisibleColumns</td><td>表格可见列</td><td><code>ref(Array)</code></td><td>:visible-columns=&quot;tableVisibleColumns&quot;</td></tr><tr><td>tableRows</td><td>表格行数据</td><td><code>ref(Array)</code></td><td>:rows=&quot;tableRows&quot;</td></tr><tr><td>tablePagination</td><td>表格翻页参数</td><td><code>ref(Object)</code></td><td>v-model:pagination=&quot;tablePagination&quot;</td></tr><tr><td>tableSelected</td><td>表格已选数据</td><td><code>ref(Array)</code></td><td>v-model:selected=&quot;tableSelected&quot;</td></tr><tr><td>tableFixedPowerBtns</td><td>固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>showTableFixed</td><td>是否显示固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>tableImgNames</td><td>表格图片标识</td><td><code>ref(Array)</code></td><td>可在插槽中使用</td></tr><tr><td>tableGrid</td><td>表格宫格</td><td><code>ref(Boolean)</code></td><td>:grid=&quot;tableGrid&quot;</td></tr><tr><td>tableSummary</td><td>表格合计</td><td><code>ref(Object)</code></td><td>可在插槽中使用</td></tr><tr><td>tableSearchValue</td><td>表格搜索数据</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>tableSearchOptions</td><td>表格搜索参数</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>setQuery</td><td>设置表格传参</td><td><code>Function</code></td><td>-</td></tr><tr><td>isTableLoaded</td><td>表格是否已加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoad</td><td>表格加载(只加载一次)</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableReload</td><td>表格重新加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRefresh</td><td>表格刷新</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableSearchReset</td><td>表格搜索重置</td><td><code>Function</code></td><td>-</td></tr><tr><td>getTableRequestData</td><td>获取表格请求数据</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRequest</td><td>表格请求数据</td><td><code>Function</code></td><td>@request=&quot;tableRequest&quot;</td></tr><tr><td>tableRowClick</td><td>表格单击表格行</td><td><code>Function</code></td><td>@row-click=&quot;tableRowClick&quot;</td></tr><tr><td>tableRowDblclick</td><td>表格双击表格行</td><td><code>Function</code></td><td>@row-dblclick=&quot;currentTableRowDblclick&quot;</td></tr><tr><td>setTableSearchOptions</td><td>设置表格搜索参数</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h2 id="table-config" tabindex="-1"><a class="header-anchor" href="#table-config" aria-hidden="true">#</a> $table.config</h2><p>获取表格配置</p><p>从 <code>src/tables</code> 文件夹中获取路由路径对应的表格配置</p><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">config</span><span class="token punctuation">(</span>routePath<span class="token punctuation">,</span> path<span class="token punctuation">,</span> defaultValue<span class="token punctuation">)</span>
67
+ </code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数-1" tabindex="-1"><a class="header-anchor" href="#options-参数-1" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>routePath</td><td>路由路径</td><td><code>String</code></td><td>goods/goods/index</td></tr><tr><td>path</td><td>配置字段</td><td><code>String</code></td><td>columns</td></tr><tr><td>defaultValue</td><td>默认值（没有获取到配置时显示）</td><td><code>Any</code></td><td>[ ]</td></tr></tbody></table></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: mj287@163.com">junmiao</span><!--[-->, <!--]--><!--]--><!--[--><span class="contributor" title="email: Jumiao28">junmiao</span><!----><!--]--><!--]--></span></div></footer><nav class="page-nav"><p class="inner"><span class="prev"><a href="/netang-quasar/utils/power.html" class="" aria-label="$power 权限"><!--[--><!--]--> $power 权限 <!--[--><!--]--></a></span><span class="next"><a href="/netang-quasar/utils/form.html" class="" aria-label="$form 表单"><!--[--><!--]--> $form 表单 <!--[--><!--]--></a></span></p></nav><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
68
+ <script type="module" src="/netang-quasar/assets/app-9f30aa4b.js" defer></script>
69
+ </body>
70
+ </html>