@netang/quasar 0.2.30 → 0.2.32

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 -1492
  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 +1348 -1276
  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 +562 -562
package/docs/utils/dialog.html CHANGED
@@ -1,100 +1,100 @@
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>dialog 对话框 | 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/dialog.html-baea77c9.js"><link rel="modulepreload" href="/netang-quasar/assets/dialog.html-62902b83.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/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/table.html-ac99b9cb.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/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/table.html-7f9c5d1b.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 href="/netang-quasar/utils/table.html" class="sidebar-item" aria-label="$table 表格"><!--[--><!--]--> $table 表格 <!--[--><!--]--></a><!----></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 aria-current="page" href="/netang-quasar/utils/dialog.html" class="router-link-active router-link-exact-active router-link-active sidebar-item active" 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="dialog-对话框" tabindex="-1"><a class="header-anchor" href="#dialog-对话框" aria-hidden="true">#</a> dialog 对话框</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p><code>@netang/quasar/utils/dialog.js</code> <a href="https://github.com/netangsoft/netang-quasar/blob/main/utils/dialog.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/dialog.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>继承 <code>Dialog.create()</code> 所有特性 <a href="http://www.quasarchs.com/quasar-plugins/dialog" target="_blank" rel="noopener noreferrer">中文文档<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://quasar.dev/quasar-plugins/dialog" target="_blank" rel="noopener noreferrer">英文文档<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></div><ul><li>普通示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
31
- <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;请输入&#39;</span><span class="token punctuation">,</span>
32
- <span class="token literal-property property">prompt</span><span class="token operator">:</span> <span class="token punctuation">{</span>
33
- <span class="token literal-property property">model</span><span class="token operator">:</span> <span class="token string">&#39;&#39;</span><span class="token punctuation">,</span>
34
- <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">&#39;text&#39;</span><span class="token punctuation">,</span>
35
- <span class="token literal-property property">isValid</span><span class="token operator">:</span> <span class="token function">$ruleValid</span><span class="token punctuation">(</span><span class="token string">&#39;required|min:6|max:20&#39;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
36
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
37
- <span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
38
- <span class="token literal-property property">persistent</span><span class="token operator">:</span> <span class="token boolean">true</span><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 function">onOk</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
41
-
42
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
43
- </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 class="line-number"></div><div class="line-number"></div></div></div><ul><li>调用 vue 路由页面</li></ul><p>通过 <code>path</code> 参数定义 vue 路由路径来调用路由页面</p><p>并且对话框使用的组件是 <code>&lt;n-dialog&gt;</code>，可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
44
- <span class="token comment">// 标题</span>
45
- <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;订单明细&#39;</span><span class="token punctuation">,</span>
46
- <span class="token comment">// 宽</span>
47
- <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">&#39;80%&#39;</span><span class="token punctuation">,</span>
48
- <span class="token comment">// 关闭底部</span>
49
- <span class="token literal-property property">bottom</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
50
- <span class="token comment">// 路由路径</span>
51
- <span class="token literal-property property">path</span><span class="token operator">:</span> <span class="token string">&#39;order/order/view&#39;</span><span class="token punctuation">,</span>
52
- <span class="token comment">// 路由参数</span>
53
- <span class="token literal-property property">query</span><span class="token operator">:</span> <span class="token punctuation">{</span>
54
- <span class="token comment">// 订单 id</span>
55
- <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
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 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><ul><li>调用自定义组件</li></ul><p>通过 <code>name</code> 参数获取自定义组件</p><p>并且对话框使用的组件是 <code>&lt;n-dialog&gt;</code>，可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建对话框</span>
59
- dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
60
- <span class="token comment">// 组件标识</span>
61
- <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;packageAddSku&#39;</span><span class="token punctuation">,</span>
62
- <span class="token comment">// 标题</span>
63
- <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;添加商品&#39;</span><span class="token punctuation">,</span>
64
- <span class="token comment">// 宽</span>
65
- <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">&#39;80%&#39;</span><span class="token punctuation">,</span>
66
- <span class="token comment">// 不能通过按 ESC 键关闭对话框</span>
67
- <span class="token literal-property property">noEscDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
68
- <span class="token comment">// 不能通过在对话框外单击来关闭对话框</span>
69
- <span class="token literal-property property">noBackdropDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
70
- <span class="token comment">// 显示取消按钮</span>
71
- <span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
72
- <span class="token comment">// 组件声明参数</span>
73
- <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
74
- <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
75
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
76
- <span class="token comment">// 点击确认执行</span>
77
- <span class="token keyword">async</span> <span class="token function">onConfirm</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
78
-
79
- <span class="token comment">// 验证回调数据</span>
80
- <span class="token keyword">const</span> res <span class="token operator">=</span> $n<span class="token punctuation">.</span><span class="token function">validator</span><span class="token punctuation">(</span>data<span class="token punctuation">,</span> <span class="token punctuation">{</span>
81
- <span class="token comment">// 仓库 id</span>
82
- <span class="token literal-property property">warehouse_id</span><span class="token operator">:</span> <span class="token string">&#39;natural&#39;</span><span class="token punctuation">,</span>
83
- <span class="token comment">// sku 列表</span>
84
- <span class="token literal-property property">sku_lists</span><span class="token operator">:</span> <span class="token string">&#39;array&#39;</span><span class="token punctuation">,</span>
85
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
86
- <span class="token keyword">if</span> <span class="token punctuation">(</span>res<span class="token punctuation">)</span> <span class="token punctuation">{</span>
87
- <span class="token comment">// 轻提示</span>
88
- $n<span class="token punctuation">.</span><span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
89
- <span class="token literal-property property">message</span><span class="token operator">:</span> res<span class="token punctuation">.</span>msg<span class="token punctuation">,</span>
90
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
91
- <span class="token keyword">return</span> <span class="token boolean">false</span>
92
- <span class="token punctuation">}</span>
93
-
94
- console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
95
- <span class="token punctuation">}</span><span class="token punctuation">,</span>
96
- <span class="token punctuation">}</span><span class="token punctuation">)</span>
97
- </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 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 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 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></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></div></footer><nav class="page-nav"><p class="inner"><span class="prev"><a href="/netang-quasar/utils/copy.html" class="" aria-label="copy 复制"><!--[--><!--]--> copy 复制 <!--[--><!--]--></a></span><span class="next"><a href="/netang-quasar/utils/dict.html" class="" aria-label="dict 数据字典"><!--[--><!--]--> dict 数据字典 <!--[--><!--]--></a></span></p></nav><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
98
- <script type="module" src="/netang-quasar/assets/app-9f30aa4b.js" defer></script>
99
- </body>
100
- </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>dialog 对话框 | 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/dialog.html-baea77c9.js"><link rel="modulepreload" href="/netang-quasar/assets/dialog.html-62902b83.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/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/table.html-ac99b9cb.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/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/table.html-7f9c5d1b.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 href="/netang-quasar/utils/table.html" class="sidebar-item" aria-label="$table 表格"><!--[--><!--]--> $table 表格 <!--[--><!--]--></a><!----></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 aria-current="page" href="/netang-quasar/utils/dialog.html" class="router-link-active router-link-exact-active router-link-active sidebar-item active" 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="dialog-对话框" tabindex="-1"><a class="header-anchor" href="#dialog-对话框" aria-hidden="true">#</a> dialog 对话框</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p><code>@netang/quasar/utils/dialog.js</code> <a href="https://github.com/netangsoft/netang-quasar/blob/main/utils/dialog.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/dialog.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>继承 <code>Dialog.create()</code> 所有特性 <a href="http://www.quasarchs.com/quasar-plugins/dialog" target="_blank" rel="noopener noreferrer">中文文档<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://quasar.dev/quasar-plugins/dialog" target="_blank" rel="noopener noreferrer">英文文档<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></div><ul><li>普通示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
31
+ <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;请输入&#39;</span><span class="token punctuation">,</span>
32
+ <span class="token literal-property property">prompt</span><span class="token operator">:</span> <span class="token punctuation">{</span>
33
+ <span class="token literal-property property">model</span><span class="token operator">:</span> <span class="token string">&#39;&#39;</span><span class="token punctuation">,</span>
34
+ <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">&#39;text&#39;</span><span class="token punctuation">,</span>
35
+ <span class="token literal-property property">isValid</span><span class="token operator">:</span> <span class="token function">$ruleValid</span><span class="token punctuation">(</span><span class="token string">&#39;required|min:6|max:20&#39;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
36
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
37
+ <span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
38
+ <span class="token literal-property property">persistent</span><span class="token operator">:</span> <span class="token boolean">true</span><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 function">onOk</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
41
+
42
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
43
+ </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 class="line-number"></div><div class="line-number"></div></div></div><ul><li>调用 vue 路由页面</li></ul><p>通过 <code>path</code> 参数定义 vue 路由路径来调用路由页面</p><p>并且对话框使用的组件是 <code>&lt;n-dialog&gt;</code>，可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
44
+ <span class="token comment">// 标题</span>
45
+ <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;订单明细&#39;</span><span class="token punctuation">,</span>
46
+ <span class="token comment">// 宽</span>
47
+ <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">&#39;80%&#39;</span><span class="token punctuation">,</span>
48
+ <span class="token comment">// 关闭底部</span>
49
+ <span class="token literal-property property">bottom</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
50
+ <span class="token comment">// 路由路径</span>
51
+ <span class="token literal-property property">path</span><span class="token operator">:</span> <span class="token string">&#39;order/order/view&#39;</span><span class="token punctuation">,</span>
52
+ <span class="token comment">// 路由参数</span>
53
+ <span class="token literal-property property">query</span><span class="token operator">:</span> <span class="token punctuation">{</span>
54
+ <span class="token comment">// 订单 id</span>
55
+ <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
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 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><ul><li>调用自定义组件</li></ul><p>通过 <code>name</code> 参数获取自定义组件</p><p>并且对话框使用的组件是 <code>&lt;n-dialog&gt;</code>，可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建对话框</span>
59
+ dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
60
+ <span class="token comment">// 组件标识</span>
61
+ <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;packageAddSku&#39;</span><span class="token punctuation">,</span>
62
+ <span class="token comment">// 标题</span>
63
+ <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;添加商品&#39;</span><span class="token punctuation">,</span>
64
+ <span class="token comment">// 宽</span>
65
+ <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">&#39;80%&#39;</span><span class="token punctuation">,</span>
66
+ <span class="token comment">// 不能通过按 ESC 键关闭对话框</span>
67
+ <span class="token literal-property property">noEscDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
68
+ <span class="token comment">// 不能通过在对话框外单击来关闭对话框</span>
69
+ <span class="token literal-property property">noBackdropDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
70
+ <span class="token comment">// 显示取消按钮</span>
71
+ <span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
72
+ <span class="token comment">// 组件声明参数</span>
73
+ <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
74
+ <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
75
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
76
+ <span class="token comment">// 点击确认执行</span>
77
+ <span class="token keyword">async</span> <span class="token function">onConfirm</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
78
+
79
+ <span class="token comment">// 验证回调数据</span>
80
+ <span class="token keyword">const</span> res <span class="token operator">=</span> $n<span class="token punctuation">.</span><span class="token function">validator</span><span class="token punctuation">(</span>data<span class="token punctuation">,</span> <span class="token punctuation">{</span>
81
+ <span class="token comment">// 仓库 id</span>
82
+ <span class="token literal-property property">warehouse_id</span><span class="token operator">:</span> <span class="token string">&#39;natural&#39;</span><span class="token punctuation">,</span>
83
+ <span class="token comment">// sku 列表</span>
84
+ <span class="token literal-property property">sku_lists</span><span class="token operator">:</span> <span class="token string">&#39;array&#39;</span><span class="token punctuation">,</span>
85
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
86
+ <span class="token keyword">if</span> <span class="token punctuation">(</span>res<span class="token punctuation">)</span> <span class="token punctuation">{</span>
87
+ <span class="token comment">// 轻提示</span>
88
+ $n<span class="token punctuation">.</span><span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
89
+ <span class="token literal-property property">message</span><span class="token operator">:</span> res<span class="token punctuation">.</span>msg<span class="token punctuation">,</span>
90
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
91
+ <span class="token keyword">return</span> <span class="token boolean">false</span>
92
+ <span class="token punctuation">}</span>
93
+
94
+ console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
95
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
96
+ <span class="token punctuation">}</span><span class="token punctuation">)</span>
97
+ </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 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 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 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></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></div></footer><nav class="page-nav"><p class="inner"><span class="prev"><a href="/netang-quasar/utils/copy.html" class="" aria-label="copy 复制"><!--[--><!--]--> copy 复制 <!--[--><!--]--></a></span><span class="next"><a href="/netang-quasar/utils/dict.html" class="" aria-label="dict 数据字典"><!--[--><!--]--> dict 数据字典 <!--[--><!--]--></a></span></p></nav><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
98
+ <script type="module" src="/netang-quasar/assets/app-9f30aa4b.js" defer></script>
99
+ </body>
100
+ </html>