smart-admin-web 10.15.0 → 10.20.1

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 (432) hide show
  1. package/README.md +1 -1
  2. package/dist/api/index.d.ts +4 -2
  3. package/dist/api/index.js +1 -1
  4. package/dist/api/index.js.map +1 -1
  5. package/dist/api/schema.d.ts +39 -5
  6. package/dist/assets/icons/ph-subset.json.js +5 -5
  7. package/dist/components/AppIcon.vue.js +9 -9
  8. package/dist/components/AppIcon.vue.js.map +1 -1
  9. package/dist/components/AppWatermark.vue.d.ts +14 -0
  10. package/dist/components/AppWatermark.vue.js +38 -0
  11. package/dist/components/AppWatermark.vue.js.map +1 -0
  12. package/dist/components/AppWatermark2.vue.js +5 -0
  13. package/dist/components/AppWatermark2.vue.js.map +1 -0
  14. package/dist/components/Chart/PieChart.vue.d.ts +1 -1
  15. package/dist/components/Chart/echarts.js +15 -20
  16. package/dist/components/Chart/echarts.js.map +1 -1
  17. package/dist/components/CronEditor/index.vue.js +1 -1
  18. package/dist/components/CronEditor/index2.vue.js +2 -1
  19. package/dist/components/CronEditor/index2.vue.js.map +1 -1
  20. package/dist/components/DetailPage/index.vue.js +2 -2
  21. package/dist/components/DetailPage/index2.vue.js.map +1 -1
  22. package/dist/components/DictTag/index.vue.js.map +1 -1
  23. package/dist/components/ErrorBoundary/index.vue.js +2 -2
  24. package/dist/components/ErrorBoundary/index2.vue.js +1 -1
  25. package/dist/components/ErrorBoundary/index2.vue.js.map +1 -1
  26. package/dist/components/FormContainer/index.vue.js +91 -56
  27. package/dist/components/FormContainer/index.vue.js.map +1 -1
  28. package/dist/components/ImportWizard/index.vue.js +1 -1
  29. package/dist/components/ImportWizard/index2.vue.js +44 -41
  30. package/dist/components/ImportWizard/index2.vue.js.map +1 -1
  31. package/dist/components/MenuSearch.vue.js +2 -2
  32. package/dist/components/MenuSearch2.vue.js +19 -18
  33. package/dist/components/MenuSearch2.vue.js.map +1 -1
  34. package/dist/components/PasswordStrength/index.vue.js +2 -2
  35. package/dist/components/PasswordStrength/index2.vue.js +20 -18
  36. package/dist/components/PasswordStrength/index2.vue.js.map +1 -1
  37. package/dist/components/TableTotal/index.vue.d.ts +6 -0
  38. package/dist/components/{SelectTable → TableTotal}/index.vue.js +1 -1
  39. package/dist/components/TableTotal/index2.vue.js +16 -0
  40. package/dist/components/TableTotal/index2.vue.js.map +1 -0
  41. package/dist/components/TableZoomButton/index.vue.js.map +1 -1
  42. package/dist/components/UserPicker/index.vue.js +2 -2
  43. package/dist/components/UserPicker/index2.vue.js +176 -117
  44. package/dist/components/UserPicker/index2.vue.js.map +1 -1
  45. package/dist/composables/useBatchDelete.js.map +1 -1
  46. package/dist/composables/useLayoutMenu.js +17 -16
  47. package/dist/composables/useLayoutMenu.js.map +1 -1
  48. package/dist/composables/useModule.js +39 -29
  49. package/dist/composables/useModule.js.map +1 -1
  50. package/dist/composables/useShellBreakpoint.d.ts +19 -0
  51. package/dist/composables/useShellBreakpoint.js +37 -0
  52. package/dist/composables/useShellBreakpoint.js.map +1 -0
  53. package/dist/composables/useSite.d.ts +15 -0
  54. package/dist/composables/useSite.js +16 -14
  55. package/dist/composables/useSite.js.map +1 -1
  56. package/dist/composables/useTabTitle.js.map +1 -1
  57. package/dist/composables/useTableTitle.d.ts +6 -0
  58. package/dist/composables/useTableTitle.js +11 -0
  59. package/dist/composables/useTableTitle.js.map +1 -0
  60. package/dist/composables/useTableZoom.d.ts +5 -0
  61. package/dist/composables/useTableZoom.js.map +1 -1
  62. package/dist/composables/useTheme.d.ts +2 -2
  63. package/dist/composables/useTheme.js +23 -20
  64. package/dist/composables/useTheme.js.map +1 -1
  65. package/dist/createSmartAdmin.d.ts +12 -2
  66. package/dist/createSmartAdmin.js +72 -60
  67. package/dist/createSmartAdmin.js.map +1 -1
  68. package/dist/index.d.ts +5 -2
  69. package/dist/index.js +219 -205
  70. package/dist/index.js.map +1 -1
  71. package/dist/layouts/AccentPicker.vue.js +8 -0
  72. package/dist/layouts/AccentPicker.vue.js.map +1 -0
  73. package/dist/layouts/AccentPicker2.vue.js +131 -0
  74. package/dist/layouts/AccentPicker2.vue.js.map +1 -0
  75. package/dist/layouts/AppHeader.vue.d.ts +8 -1
  76. package/dist/layouts/AppHeader.vue.js +2 -2
  77. package/dist/layouts/AppHeader2.vue.js +317 -235
  78. package/dist/layouts/AppHeader2.vue.js.map +1 -1
  79. package/dist/layouts/NoticeBell.vue.js +2 -2
  80. package/dist/layouts/NoticeBell2.vue.js +19 -18
  81. package/dist/layouts/NoticeBell2.vue.js.map +1 -1
  82. package/dist/layouts/PersonalLayout.vue.js +2 -2
  83. package/dist/layouts/PersonalLayout2.vue.js +69 -47
  84. package/dist/layouts/PersonalLayout2.vue.js.map +1 -1
  85. package/dist/layouts/SettingsDrawer.vue.js +3 -3
  86. package/dist/layouts/SettingsDrawer2.vue.js +261 -325
  87. package/dist/layouts/SettingsDrawer2.vue.js.map +1 -1
  88. package/dist/layouts/TabsBar.vue.js +2 -2
  89. package/dist/layouts/TabsBar2.vue.js +97 -69
  90. package/dist/layouts/TabsBar2.vue.js.map +1 -1
  91. package/dist/layouts/components/SideNav.vue.d.ts +3 -0
  92. package/dist/layouts/components/SideNav.vue.js +1 -1
  93. package/dist/layouts/components/SideNav2.vue.js +54 -26
  94. package/dist/layouts/components/SideNav2.vue.js.map +1 -1
  95. package/dist/layouts/default.vue.js +1 -1
  96. package/dist/layouts/default2.vue.js +170 -140
  97. package/dist/layouts/default2.vue.js.map +1 -1
  98. package/dist/lib/loginHero.d.ts +2 -2
  99. package/dist/lib/loginHero.js.map +1 -1
  100. package/dist/lib/runtime.js +1 -1
  101. package/dist/lib/watermark.d.ts +110 -0
  102. package/dist/lib/watermark.js +151 -0
  103. package/dist/lib/watermark.js.map +1 -0
  104. package/dist/locales/en-US.d.ts +221 -15
  105. package/dist/locales/en-US.js +230 -21
  106. package/dist/locales/en-US.js.map +1 -1
  107. package/dist/locales/kernelMenuTitles.d.ts +1 -0
  108. package/dist/locales/kernelMenuTitles.js +128 -0
  109. package/dist/locales/kernelMenuTitles.js.map +1 -0
  110. package/dist/locales/menuTitle.d.ts +3 -0
  111. package/dist/locales/menuTitle.js +14 -12
  112. package/dist/locales/menuTitle.js.map +1 -1
  113. package/dist/locales/zh-CN.d.ts +221 -15
  114. package/dist/locales/zh-CN.js +238 -28
  115. package/dist/locales/zh-CN.js.map +1 -1
  116. package/dist/router/index.js +41 -32
  117. package/dist/router/index.js.map +1 -1
  118. package/dist/router/namedPage.d.ts +4 -0
  119. package/dist/router/namedPage.js +7 -7
  120. package/dist/router/namedPage.js.map +1 -1
  121. package/dist/router/viewRegistry.js +8 -8
  122. package/dist/router/viewRegistry.js.map +1 -1
  123. package/dist/stores/app.d.ts +0 -12
  124. package/dist/stores/app.js +11 -12
  125. package/dist/stores/app.js.map +1 -1
  126. package/dist/stores/tabs.js.map +1 -1
  127. package/dist/stores/user.d.ts +10 -0
  128. package/dist/stores/user.js.map +1 -1
  129. package/dist/style.css +1 -1
  130. package/dist/theme/accentTokens.d.ts +27 -0
  131. package/dist/theme/accentTokens.js +54 -0
  132. package/dist/theme/accentTokens.js.map +1 -0
  133. package/dist/theme/accents.d.ts +21 -1
  134. package/dist/theme/accents.js +11 -2
  135. package/dist/theme/accents.js.map +1 -1
  136. package/dist/theme/mix.d.ts +58 -7
  137. package/dist/theme/mix.js +115 -30
  138. package/dist/theme/mix.js.map +1 -1
  139. package/dist/theme/naive-theme.d.ts +5 -2
  140. package/dist/theme/naive-theme.js +407 -75
  141. package/dist/theme/naive-theme.js.map +1 -1
  142. package/dist/utils/jwt.d.ts +8 -0
  143. package/dist/utils/jwt.js +14 -0
  144. package/dist/utils/jwt.js.map +1 -0
  145. package/dist/utils/menuIcon.d.ts +2 -0
  146. package/dist/utils/menuIcon.js +8 -0
  147. package/dist/utils/menuIcon.js.map +1 -0
  148. package/dist/utils/oauthBrand.js.map +1 -1
  149. package/dist/utils/tableFilter.d.ts +88 -0
  150. package/dist/utils/tableFilter.js +116 -0
  151. package/dist/utils/tableFilter.js.map +1 -0
  152. package/dist/utils/tableToolbar.d.ts +18 -0
  153. package/dist/utils/tableToolbar.js +11 -0
  154. package/dist/utils/tableToolbar.js.map +1 -0
  155. package/dist/utils/treeFilter.d.ts +20 -0
  156. package/dist/utils/treeFilter.js +24 -0
  157. package/dist/utils/treeFilter.js.map +1 -0
  158. package/dist/views/dashboard/ShortcutPicker.vue.js +1 -1
  159. package/dist/views/dashboard/ShortcutPicker2.vue.js +73 -48
  160. package/dist/views/dashboard/ShortcutPicker2.vue.js.map +1 -1
  161. package/dist/views/dashboard/biz.vue.js +1 -1
  162. package/dist/views/dashboard/biz2.vue.js +310 -257
  163. package/dist/views/dashboard/biz2.vue.js.map +1 -1
  164. package/dist/views/dashboard/workbench.vue.js +2 -2
  165. package/dist/views/dashboard/workbench2.vue.js +141 -155
  166. package/dist/views/dashboard/workbench2.vue.js.map +1 -1
  167. package/dist/views/embed/iframe.vue.js +2 -2
  168. package/dist/views/embed/iframe2.vue.js +22 -15
  169. package/dist/views/embed/iframe2.vue.js.map +1 -1
  170. package/dist/views/error/404.vue.js +2 -2
  171. package/dist/views/error/4042.vue.js +33 -24
  172. package/dist/views/error/4042.vue.js.map +1 -1
  173. package/dist/views/error/BootError.vue.js +1 -1
  174. package/dist/views/error/BootError2.vue.js +59 -48
  175. package/dist/views/error/BootError2.vue.js.map +1 -1
  176. package/dist/views/error/MissingRoute.vue.js +2 -2
  177. package/dist/views/error/MissingRoute2.vue.js +34 -15
  178. package/dist/views/error/MissingRoute2.vue.js.map +1 -1
  179. package/dist/views/login/LoginForm.vue.d.ts +7 -1
  180. package/dist/views/login/LoginForm.vue.js +2 -2
  181. package/dist/views/login/LoginForm2.vue.js +580 -488
  182. package/dist/views/login/LoginForm2.vue.js.map +1 -1
  183. package/dist/views/login/components/LoginDesk.vue.d.ts +36 -0
  184. package/dist/views/login/components/LoginDesk.vue.js +9 -0
  185. package/dist/views/login/components/LoginDesk.vue.js.map +1 -0
  186. package/dist/views/login/components/LoginDesk2.vue.js +100 -0
  187. package/dist/views/login/components/LoginDesk2.vue.js.map +1 -0
  188. package/dist/views/login/components/LoginHeroPanel.vue.js +3 -3
  189. package/dist/views/login/components/LoginHeroPanel2.vue.js +34 -39
  190. package/dist/views/login/components/LoginHeroPanel2.vue.js.map +1 -1
  191. package/dist/views/login/index.vue.js +1 -1
  192. package/dist/views/login/index2.vue.js +141 -71
  193. package/dist/views/login/index2.vue.js.map +1 -1
  194. package/dist/views/login/layout.d.ts +11 -0
  195. package/dist/views/login/layout.js +27 -0
  196. package/dist/views/login/layout.js.map +1 -0
  197. package/dist/views/mfa/index.vue.js +2 -2
  198. package/dist/views/mfa/index2.vue.js +367 -321
  199. package/dist/views/mfa/index2.vue.js.map +1 -1
  200. package/dist/views/module/index.vue.js +2 -2
  201. package/dist/views/module/index2.vue.js +132 -99
  202. package/dist/views/module/index2.vue.js.map +1 -1
  203. package/dist/views/oauth/callback.vue.js +2 -2
  204. package/dist/views/oauth/callback2.vue.js +65 -51
  205. package/dist/views/oauth/callback2.vue.js.map +1 -1
  206. package/dist/views/personal/bindings.vue.js +2 -2
  207. package/dist/views/personal/bindings2.vue.js +98 -94
  208. package/dist/views/personal/bindings2.vue.js.map +1 -1
  209. package/dist/views/personal/notice2.vue.js +103 -76
  210. package/dist/views/personal/notice2.vue.js.map +1 -1
  211. package/dist/views/personal/password2.vue.js +47 -40
  212. package/dist/views/personal/password2.vue.js.map +1 -1
  213. package/dist/views/personal/profile.vue.js +3 -3
  214. package/dist/views/personal/profile2.vue.js +24 -18
  215. package/dist/views/personal/profile2.vue.js.map +1 -1
  216. package/dist/views/personal/security.vue.js +2 -2
  217. package/dist/views/personal/security2.vue.js +65 -53
  218. package/dist/views/personal/security2.vue.js.map +1 -1
  219. package/dist/views/personal/sessions.vue.js +2 -2
  220. package/dist/views/personal/sessions2.vue.js +67 -62
  221. package/dist/views/personal/sessions2.vue.js.map +1 -1
  222. package/dist/views/system/ai-model/components/ProviderCard.vue.js +2 -2
  223. package/dist/views/system/ai-model/components/ProviderCard2.vue.js +142 -130
  224. package/dist/views/system/ai-model/components/ProviderCard2.vue.js.map +1 -1
  225. package/dist/views/system/ai-model/components/ProviderForm.vue.js +2 -2
  226. package/dist/views/system/ai-model/components/ProviderForm2.vue.js +71 -70
  227. package/dist/views/system/ai-model/components/ProviderForm2.vue.js.map +1 -1
  228. package/dist/views/system/ai-model/index.vue.js +2 -2
  229. package/dist/views/system/ai-model/index2.vue.js +99 -99
  230. package/dist/views/system/ai-model/index2.vue.js.map +1 -1
  231. package/dist/views/system/ai-model/presets.d.ts +1 -1
  232. package/dist/views/system/ai-model/presets.js +18 -18
  233. package/dist/views/system/ai-model/presets.js.map +1 -1
  234. package/dist/views/system/ai-usage/index.vue.js +2 -2
  235. package/dist/views/system/ai-usage/index2.vue.js +356 -258
  236. package/dist/views/system/ai-usage/index2.vue.js.map +1 -1
  237. package/dist/views/system/api-docs/index.vue.js +5 -2
  238. package/dist/views/system/api-docs/index.vue.js.map +1 -1
  239. package/dist/views/system/api-docs/index2.vue.js +92 -42
  240. package/dist/views/system/api-docs/index2.vue.js.map +1 -1
  241. package/dist/views/system/cache/index.vue.js +2 -2
  242. package/dist/views/system/cache/index2.vue.js +74 -80
  243. package/dist/views/system/cache/index2.vue.js.map +1 -1
  244. package/dist/views/system/config/components/AdminMock.vue.js +2 -2
  245. package/dist/views/system/config/components/AdminMock2.vue.js +60 -43
  246. package/dist/views/system/config/components/AdminMock2.vue.js.map +1 -1
  247. package/dist/views/system/config/components/AdvancedSection.vue.js +5 -2
  248. package/dist/views/system/config/components/AdvancedSection.vue.js.map +1 -1
  249. package/dist/views/system/config/components/AdvancedSection2.vue.js +98 -70
  250. package/dist/views/system/config/components/AdvancedSection2.vue.js.map +1 -1
  251. package/dist/views/system/config/components/BrandSection.vue.js +2 -2
  252. package/dist/views/system/config/components/BrandSection2.vue.js +121 -119
  253. package/dist/views/system/config/components/BrandSection2.vue.js.map +1 -1
  254. package/dist/views/system/config/components/CfgGroup.vue.js +3 -3
  255. package/dist/views/system/config/components/CfgGroup2.vue.js.map +1 -1
  256. package/dist/views/system/config/components/CfgRow.vue.js +1 -1
  257. package/dist/views/system/config/components/CfgRow2.vue.js +24 -23
  258. package/dist/views/system/config/components/CfgRow2.vue.js.map +1 -1
  259. package/dist/views/system/config/components/CfgSegment.vue.js +1 -1
  260. package/dist/views/system/config/components/CfgSegment2.vue.js +16 -15
  261. package/dist/views/system/config/components/CfgSegment2.vue.js.map +1 -1
  262. package/dist/views/system/config/components/ConfigFormModal.vue.js +2 -2
  263. package/dist/views/system/config/components/ConfigFormModal2.vue.js +35 -33
  264. package/dist/views/system/config/components/ConfigFormModal2.vue.js.map +1 -1
  265. package/dist/views/system/config/components/JobSection.vue.js +2 -2
  266. package/dist/views/system/config/components/JobSection2.vue.js +46 -44
  267. package/dist/views/system/config/components/JobSection2.vue.js.map +1 -1
  268. package/dist/views/system/config/components/LoginMock.vue.js +3 -3
  269. package/dist/views/system/config/components/LoginMock2.vue.js +83 -72
  270. package/dist/views/system/config/components/LoginMock2.vue.js.map +1 -1
  271. package/dist/views/system/config/components/LogoCropper.vue.js +1 -1
  272. package/dist/views/system/config/components/LogoCropper2.vue.js.map +1 -1
  273. package/dist/views/system/config/components/LogoEditor.vue.js +2 -2
  274. package/dist/views/system/config/components/LogoEditor2.vue.js +11 -13
  275. package/dist/views/system/config/components/LogoEditor2.vue.js.map +1 -1
  276. package/dist/views/system/config/components/ProviderSheet.vue.js +3 -3
  277. package/dist/views/system/config/components/ProviderSheet2.vue.js.map +1 -1
  278. package/dist/views/system/config/components/SectionLayout.vue.d.ts +4 -2
  279. package/dist/views/system/config/components/SectionLayout.vue.js +2 -2
  280. package/dist/views/system/config/components/SectionLayout2.vue.js +51 -27
  281. package/dist/views/system/config/components/SectionLayout2.vue.js.map +1 -1
  282. package/dist/views/system/config/components/SecuritySection.vue.js +2 -2
  283. package/dist/views/system/config/components/SecuritySection2.vue.js +207 -206
  284. package/dist/views/system/config/components/SecuritySection2.vue.js.map +1 -1
  285. package/dist/views/system/config/components/SensitiveSection.vue.js +2 -2
  286. package/dist/views/system/config/components/SensitiveSection2.vue.js +107 -102
  287. package/dist/views/system/config/components/SensitiveSection2.vue.js.map +1 -1
  288. package/dist/views/system/config/components/UploadSection.vue.js +2 -2
  289. package/dist/views/system/config/components/UploadSection2.vue.js +86 -77
  290. package/dist/views/system/config/components/UploadSection2.vue.js.map +1 -1
  291. package/dist/views/system/config/components/WatermarkSection.vue.js +8 -0
  292. package/dist/views/system/config/components/WatermarkSection.vue.js.map +1 -0
  293. package/dist/views/system/config/components/WatermarkSection2.vue.js +284 -0
  294. package/dist/views/system/config/components/WatermarkSection2.vue.js.map +1 -0
  295. package/dist/views/system/config/draft.d.ts +2 -2
  296. package/dist/views/system/config/draft.js.map +1 -1
  297. package/dist/views/system/config/groups.d.ts +4 -1
  298. package/dist/views/system/config/groups.js +54 -49
  299. package/dist/views/system/config/groups.js.map +1 -1
  300. package/dist/views/system/config/index.vue.js +3 -2
  301. package/dist/views/system/config/index.vue.js.map +1 -1
  302. package/dist/views/system/config/index2.vue.js +173 -148
  303. package/dist/views/system/config/index2.vue.js.map +1 -1
  304. package/dist/views/system/config/layoutMode.d.ts +23 -0
  305. package/dist/views/system/config/layoutMode.js +28 -0
  306. package/dist/views/system/config/layoutMode.js.map +1 -0
  307. package/dist/views/system/dict/index.vue.js +2 -2
  308. package/dist/views/system/dict/index2.vue.js +471 -366
  309. package/dist/views/system/dict/index2.vue.js.map +1 -1
  310. package/dist/views/system/file/index2.vue.js +91 -76
  311. package/dist/views/system/file/index2.vue.js.map +1 -1
  312. package/dist/views/system/job/index.vue.js +3 -3
  313. package/dist/views/system/job/index2.vue.js +897 -828
  314. package/dist/views/system/job/index2.vue.js.map +1 -1
  315. package/dist/views/system/job-log/components/AttemptTable.vue.d.ts +8 -0
  316. package/dist/views/system/job-log/components/AttemptTable.vue.js +5 -0
  317. package/dist/views/system/job-log/components/AttemptTable.vue.js.map +1 -0
  318. package/dist/views/system/job-log/components/AttemptTable2.vue.js +54 -0
  319. package/dist/views/system/job-log/components/AttemptTable2.vue.js.map +1 -0
  320. package/dist/views/system/job-log/index.vue.js +2 -2
  321. package/dist/views/system/job-log/index2.vue.js +193 -207
  322. package/dist/views/system/job-log/index2.vue.js.map +1 -1
  323. package/dist/views/system/job-log/runStatus.d.ts +13 -0
  324. package/dist/views/system/job-log/runStatus.js +26 -0
  325. package/dist/views/system/job-log/runStatus.js.map +1 -0
  326. package/dist/views/system/job-monitor/index.vue.js +2 -2
  327. package/dist/views/system/job-monitor/index2.vue.js +172 -180
  328. package/dist/views/system/job-monitor/index2.vue.js.map +1 -1
  329. package/dist/views/system/log/exception/index.vue.js +2 -2
  330. package/dist/views/system/log/exception/index2.vue.js +135 -96
  331. package/dist/views/system/log/exception/index2.vue.js.map +1 -1
  332. package/dist/views/system/log/login/index2.vue.js +62 -41
  333. package/dist/views/system/log/login/index2.vue.js.map +1 -1
  334. package/dist/views/system/log/op/index.vue.js +2 -2
  335. package/dist/views/system/log/op/index2.vue.js +200 -162
  336. package/dist/views/system/log/op/index2.vue.js.map +1 -1
  337. package/dist/views/system/menu/components/ButtonManager.vue.js +2 -2
  338. package/dist/views/system/menu/components/ButtonManager2.vue.js +206 -190
  339. package/dist/views/system/menu/components/ButtonManager2.vue.js.map +1 -1
  340. package/dist/views/system/menu/components/MenuFormModal.vue.js +2 -2
  341. package/dist/views/system/menu/components/MenuFormModal2.vue.js +127 -118
  342. package/dist/views/system/menu/components/MenuFormModal2.vue.js.map +1 -1
  343. package/dist/views/system/menu/index.vue.js +1 -1
  344. package/dist/views/system/menu/index2.vue.js +216 -183
  345. package/dist/views/system/menu/index2.vue.js.map +1 -1
  346. package/dist/views/system/module/index.vue.js +1 -1
  347. package/dist/views/system/module/index2.vue.js +177 -144
  348. package/dist/views/system/module/index2.vue.js.map +1 -1
  349. package/dist/views/system/monitor/index.vue.js +2 -2
  350. package/dist/views/system/monitor/index2.vue.js +134 -149
  351. package/dist/views/system/monitor/index2.vue.js.map +1 -1
  352. package/dist/views/system/notice/index.vue.js +1 -1
  353. package/dist/views/system/notice/index2.vue.js +209 -181
  354. package/dist/views/system/notice/index2.vue.js.map +1 -1
  355. package/dist/views/system/org/index.vue.js +1 -1
  356. package/dist/views/system/org/index2.vue.js +278 -248
  357. package/dist/views/system/org/index2.vue.js.map +1 -1
  358. package/dist/views/system/position/index.vue.js +5 -2
  359. package/dist/views/system/position/index.vue.js.map +1 -1
  360. package/dist/views/system/position/index2.vue.js +128 -92
  361. package/dist/views/system/position/index2.vue.js.map +1 -1
  362. package/dist/views/system/recycle/index.vue.js +2 -2
  363. package/dist/views/system/recycle/index2.vue.js +90 -67
  364. package/dist/views/system/recycle/index2.vue.js.map +1 -1
  365. package/dist/views/system/role/components/GrantMenuSheet.vue.d.ts +20 -0
  366. package/dist/views/system/role/components/GrantMenuSheet.vue.js +8 -0
  367. package/dist/views/system/role/components/GrantMenuSheet.vue.js.map +1 -0
  368. package/dist/views/system/role/components/GrantMenuSheet2.vue.js +117 -0
  369. package/dist/views/system/role/components/GrantMenuSheet2.vue.js.map +1 -0
  370. package/dist/views/system/role/components/GrantMenuTable.vue.d.ts +6 -4
  371. package/dist/views/system/role/components/GrantMenuTable.vue.js +2 -2
  372. package/dist/views/system/role/components/GrantMenuTable2.vue.js +279 -177
  373. package/dist/views/system/role/components/GrantMenuTable2.vue.js.map +1 -1
  374. package/dist/views/system/role/components/MatchText.vue.d.ts +7 -0
  375. package/dist/views/system/role/components/MatchText.vue.js +8 -0
  376. package/dist/views/system/role/components/MatchText.vue.js.map +1 -0
  377. package/dist/views/system/role/components/MatchText2.vue.js +29 -0
  378. package/dist/views/system/role/components/MatchText2.vue.js.map +1 -0
  379. package/dist/views/system/role/components/grantMenuGroups.d.ts +36 -0
  380. package/dist/views/system/role/components/grantMenuGroups.js +110 -48
  381. package/dist/views/system/role/components/grantMenuGroups.js.map +1 -1
  382. package/dist/views/system/role/index.vue.js +5 -2
  383. package/dist/views/system/role/index.vue.js.map +1 -1
  384. package/dist/views/system/role/index2.vue.js +181 -165
  385. package/dist/views/system/role/index2.vue.js.map +1 -1
  386. package/dist/views/system/session/index2.vue.js +75 -49
  387. package/dist/views/system/session/index2.vue.js.map +1 -1
  388. package/dist/views/system/user/components/ResetPasswordModal.vue.js +2 -2
  389. package/dist/views/system/user/components/ResetPasswordModal2.vue.js +2 -0
  390. package/dist/views/system/user/components/ResetPasswordModal2.vue.js.map +1 -1
  391. package/dist/views/system/user/components/UserFormModal.vue.js +2 -2
  392. package/dist/views/system/user/components/UserFormModal2.vue.js +77 -76
  393. package/dist/views/system/user/components/UserFormModal2.vue.js.map +1 -1
  394. package/dist/views/system/user/index.vue.js +2 -2
  395. package/dist/views/system/user/index2.vue.js +362 -275
  396. package/dist/views/system/user/index2.vue.js.map +1 -1
  397. package/package.json +3 -5
  398. package/dist/components/SelectTable/index.vue.d.ts +0 -76
  399. package/dist/components/SelectTable/index2.vue.js +0 -256
  400. package/dist/components/SelectTable/index2.vue.js.map +0 -1
  401. package/dist/composables/useTableRowSort.d.ts +0 -20
  402. package/dist/composables/useTableRowSort.js +0 -59
  403. package/dist/composables/useTableRowSort.js.map +0 -1
  404. package/dist/layouts/LayoutModeCards.vue.js +0 -8
  405. package/dist/layouts/LayoutModeCards.vue.js.map +0 -1
  406. package/dist/layouts/LayoutModeCards2.vue.js +0 -67
  407. package/dist/layouts/LayoutModeCards2.vue.js.map +0 -1
  408. package/dist/layouts/SettingRow.vue.d.ts +0 -16
  409. package/dist/layouts/SettingRow.vue.js +0 -8
  410. package/dist/layouts/SettingRow.vue.js.map +0 -1
  411. package/dist/layouts/SettingRow2.vue.js +0 -23
  412. package/dist/layouts/SettingRow2.vue.js.map +0 -1
  413. package/dist/views/login/skins/AuroraGlass.vue.js +0 -8
  414. package/dist/views/login/skins/AuroraGlass.vue.js.map +0 -1
  415. package/dist/views/login/skins/AuroraGlass2.vue.js +0 -80
  416. package/dist/views/login/skins/AuroraGlass2.vue.js.map +0 -1
  417. package/dist/views/login/skins/SplitPanel.vue.d.ts +0 -3
  418. package/dist/views/login/skins/SplitPanel.vue.js +0 -8
  419. package/dist/views/login/skins/SplitPanel.vue.js.map +0 -1
  420. package/dist/views/login/skins/SplitPanel2.vue.js +0 -65
  421. package/dist/views/login/skins/SplitPanel2.vue.js.map +0 -1
  422. package/dist/views/login/skins/Spotlight.vue.d.ts +0 -3
  423. package/dist/views/login/skins/Spotlight.vue.js +0 -8
  424. package/dist/views/login/skins/Spotlight.vue.js.map +0 -1
  425. package/dist/views/login/skins/Spotlight2.vue.js +0 -36
  426. package/dist/views/login/skins/Spotlight2.vue.js.map +0 -1
  427. package/dist/views/login/skins.d.ts +0 -8
  428. package/dist/views/login/skins.js +0 -13
  429. package/dist/views/login/skins.js.map +0 -1
  430. /package/dist/components/{SelectTable → TableTotal}/index.vue.js.map +0 -0
  431. /package/dist/layouts/{LayoutModeCards.vue.d.ts → AccentPicker.vue.d.ts} +0 -0
  432. /package/dist/views/{login/skins/AuroraGlass.vue.d.ts → system/config/components/WatermarkSection.vue.d.ts} +0 -0
@@ -1,192 +1,217 @@
1
- import { defineComponent as U, computed as k, ref as O, onMounted as V, onBeforeUnmount as I, openBlock as a, createElementBlock as c, createElementVNode as f, unref as t, Fragment as y, renderList as N, createCommentVNode as v, normalizeClass as K, createVNode as u, toDisplayString as p, withDirectives as _, vShow as b, createBlock as C, Transition as P, withCtx as w, createTextVNode as T, nextTick as F } from "vue";
2
- import { useRoute as G, useRouter as M, onBeforeRouteLeave as j } from "vue-router";
3
- import { useMessage as H, NSpin as J, NButton as $ } from "naive-ui";
4
- import { useI18n as Z } from "vue-i18n";
5
- import Q from "../../../components/AppIcon.vue.js";
6
- import { useConfirm as W } from "../../../composables/useConfirm.js";
7
- import { useAuthStore as X } from "../../../stores/auth.js";
8
- import { translateError as D } from "../../../utils/error.js";
9
- import { CONFIG_TABS as d, TAB_GROUPS as Y, TAB_ICONS as ee } from "./groups.js";
10
- import { createConfigDraft as te, provideConfigDraft as ne, checkDraft as oe } from "./draft.js";
11
- import ae from "./components/BrandSection.vue.js";
12
- import re from "./components/SecuritySection.vue.js";
13
- import ie from "./components/SigninSection.vue.js";
14
- import se from "./components/SensitiveSection.vue.js";
15
- import le from "./components/UploadSection.vue.js";
16
- import ce from "./components/JobSection.vue.js";
17
- import ue from "./components/AdvancedSection2.vue.js";
18
- const de = { class: "config-center fill-page" }, fe = ["aria-label"], ve = {
1
+ import { defineComponent as M, ref as L, computed as _, onMounted as j, onBeforeUnmount as J, openBlock as a, createBlock as S, unref as t, normalizeClass as $, withCtx as k, createElementVNode as f, createElementBlock as u, Fragment as C, renderList as A, createCommentVNode as v, createVNode as c, toDisplayString as y, withDirectives as m, vShow as p, Transition as W, createTextVNode as x, nextTick as Z } from "vue";
2
+ import { useRoute as Q, useRouter as X, onBeforeRouteLeave as Y } from "vue-router";
3
+ import { useMessage as ee, NCard as te, NSpin as oe, NButton as q } from "naive-ui";
4
+ import { useElementSize as ne } from "@vueuse/core";
5
+ import { useI18n as ae } from "vue-i18n";
6
+ import re from "../../../components/AppIcon.vue.js";
7
+ import { useConfirm as ie } from "../../../composables/useConfirm.js";
8
+ import { useAuthStore as le } from "../../../stores/auth.js";
9
+ import { translateError as R } from "../../../utils/error.js";
10
+ import { CONFIG_TABS as d, TAB_GROUPS as se, TAB_ICONS as ce } from "./groups.js";
11
+ import { createConfigDraft as ue, provideConfigDraft as de, checkDraft as fe } from "./draft.js";
12
+ import { createConfigLayout as ve, provideConfigLayout as me } from "./layoutMode.js";
13
+ import pe from "./components/BrandSection.vue.js";
14
+ import ge from "./components/SecuritySection.vue.js";
15
+ import be from "./components/SigninSection.vue.js";
16
+ import ye from "./components/WatermarkSection.vue.js";
17
+ import he from "./components/SensitiveSection.vue.js";
18
+ import _e from "./components/UploadSection.vue.js";
19
+ import Se from "./components/JobSection.vue.js";
20
+ import ke from "./components/AdvancedSection.vue.js";
21
+ const Ce = ["aria-label"], we = {
19
22
  key: 0,
20
23
  class: "gap",
21
24
  "aria-hidden": "true"
22
- }, me = ["aria-selected", "tabindex", "data-tab", "onClick"], ge = ["title"], pe = { class: "sr-only" }, _e = {
25
+ }, xe = ["aria-selected", "tabindex", "data-tab", "onClick"], Te = ["title"], Be = { class: "sr-only" }, Ne = {
23
26
  key: 0,
24
27
  class: "cfg-loading"
25
- }, be = {
28
+ }, ze = {
26
29
  key: 1,
27
30
  class: "cfg-body"
28
- }, he = {
31
+ }, De = {
29
32
  key: 0,
30
33
  class: "savebar",
31
34
  "data-testid": "config-savebar"
32
- }, ye = {
35
+ }, Ee = {
33
36
  class: "msg",
34
37
  role: "status",
35
38
  "aria-live": "polite"
36
- }, Ie = /* @__PURE__ */ U({
39
+ }, et = /* @__PURE__ */ M({
37
40
  __name: "index",
38
- setup(Se) {
39
- const { t: o } = Z(), m = H(), { ask: E } = W(), A = X(), S = G(), L = M(), i = te();
40
- ne(i);
41
- const q = k(() => A.hasPerm("PUT:/api/v1/sys/config/batch")), h = k(() => i.dirtyKeys.value.length), B = O(null);
42
- function z(e) {
43
- const l = d.indexOf(n.value), s = e.key === "ArrowRight" ? (l + 1) % d.length : e.key === "ArrowLeft" ? (l - 1 + d.length) % d.length : e.key === "Home" ? 0 : e.key === "End" ? d.length - 1 : -1;
44
- s < 0 || (e.preventDefault(), n.value = d[s], F(
41
+ setup(Le) {
42
+ const { t: n } = ae(), g = ee(), { ask: U } = ie(), O = le(), w = Q(), V = X(), i = ue();
43
+ de(i);
44
+ const T = L(null), { width: I } = ne(T, { width: 0, height: 0 }, { box: "border-box" }), B = ve(I);
45
+ me(B);
46
+ const { nar: N, side: K, btn: z } = B, P = _(
47
+ () => N.value ? { padding: 0, position: "relative" } : {
48
+ padding: 0,
49
+ position: "relative",
50
+ display: "flex",
51
+ flexDirection: "column",
52
+ flex: "1 1 0",
53
+ minHeight: 0
54
+ }
55
+ ), F = _(() => O.hasPerm("PUT:/api/v1/sys/config/batch")), h = _(() => i.dirtyKeys.value.length), D = L(null);
56
+ function G(e) {
57
+ const s = d.indexOf(o.value), l = e.key === "ArrowRight" ? (s + 1) % d.length : e.key === "ArrowLeft" ? (s - 1 + d.length) % d.length : e.key === "Home" ? 0 : e.key === "End" ? d.length - 1 : -1;
58
+ l < 0 || (e.preventDefault(), o.value = d[l], Z(
45
59
  () => {
46
- var g, r;
47
- return (r = (g = e.currentTarget) == null ? void 0 : g.querySelector(`[data-tab="${d[s]}"]`)) == null ? void 0 : r.focus();
60
+ var b, r;
61
+ return (r = (b = e.currentTarget) == null ? void 0 : b.querySelector(`[data-tab="${d[l]}"]`)) == null ? void 0 : r.focus();
48
62
  }
49
63
  ));
50
64
  }
51
- const n = k({
65
+ const o = _({
52
66
  get: () => {
53
- const e = S.query.tab;
67
+ const e = w.query.tab;
54
68
  return d.includes(e) ? e : "brand";
55
69
  },
56
70
  set: (e) => {
57
- L.replace({ query: { ...S.query, tab: e } });
71
+ V.replace({ query: { ...w.query, tab: e } });
58
72
  }
59
73
  });
60
- V(async () => {
74
+ j(async () => {
61
75
  try {
62
76
  await i.load();
63
77
  } catch (e) {
64
- m.error(D(e));
78
+ g.error(R(e));
65
79
  }
66
80
  });
67
- async function R() {
68
- var l;
69
- const e = oe(i.values);
81
+ async function H() {
82
+ var s;
83
+ const e = fe(i.values);
70
84
  if (e.error) {
71
- n.value = e.error.tab, e.error.locale && ((l = B.value) == null || l.setLocale(e.error.locale)), m.error(o(e.error.message));
85
+ o.value = e.error.tab, e.error.locale && ((s = D.value) == null || s.setLocale(e.error.locale)), g.error(n(e.error.message));
72
86
  return;
73
87
  }
74
- for (const s of e.warnings)
75
- m.warning(
76
- `${o(`config.login.locale${s.locale === "zh-CN" ? "Zh" : "En"}`)}: ${o(s.message)}`
88
+ for (const l of e.warnings)
89
+ g.warning(
90
+ `${n(`config.login.locale${l.locale === "zh-CN" ? "Zh" : "En"}`)}: ${n(l.message)}`
77
91
  );
78
92
  try {
79
- await i.save(), m.success(o("config.saved"));
80
- } catch (s) {
81
- m.error(D(s));
93
+ await i.save(), g.success(n("config.saved"));
94
+ } catch (l) {
95
+ g.error(R(l));
82
96
  }
83
97
  }
84
- j(async (e) => !h.value || e.path === S.path ? !0 : E({ title: o("config.leaveTitle"), content: o("config.leaveConfirm") }));
85
- function x(e) {
98
+ Y(async (e) => !h.value || e.path === w.path ? !0 : U({ title: n("config.leaveTitle"), content: n("config.leaveConfirm") }));
99
+ function E(e) {
86
100
  h.value && e.preventDefault();
87
101
  }
88
- return window.addEventListener("beforeunload", x), I(() => {
89
- window.removeEventListener("beforeunload", x), i.discard();
90
- }), (e, l) => (a(), c("div", de, [
91
- f("nav", {
92
- class: "cfg-nav",
93
- role: "tablist",
94
- "aria-label": t(o)("config.title"),
95
- "data-testid": "config-nav",
96
- onKeydown: z
97
- }, [
98
- (a(!0), c(y, null, N(t(Y), (s, g) => (a(), c(y, { key: g }, [
99
- g ? (a(), c("span", ve)) : v("", !0),
100
- (a(!0), c(y, null, N(s, (r) => (a(), c("button", {
101
- key: r,
102
- type: "button",
103
- role: "tab",
104
- "aria-selected": n.value === r,
105
- tabindex: n.value === r ? 0 : -1,
106
- class: K(["nav-item", { on: n.value === r }]),
107
- "data-tab": r,
108
- onClick: (ke) => n.value = r
109
- }, [
110
- u(Q, {
111
- icon: t(ee)[r],
112
- size: 22
113
- }, null, 8, ["icon"]),
114
- f("span", null, p(t(o)(`config.tab.${r}`)), 1),
115
- t(i).dirtyTabs.value.has(r) ? (a(), c(y, { key: 0 }, [
116
- f("i", {
117
- class: "dot",
118
- "aria-hidden": "true",
119
- title: t(o)("config.unsavedTab")
120
- }, null, 8, ge),
121
- f("span", pe, p(t(o)("config.unsavedTab")), 1)
122
- ], 64)) : v("", !0)
123
- ], 10, me))), 128))
124
- ], 64))), 128))
125
- ], 40, fe),
126
- t(i).loading.value ? (a(), c("div", _e, [
127
- u(t(J))
128
- ])) : (a(), c("div", be, [
129
- _(u(ae, {
130
- ref_key: "brandSection",
131
- ref: B
132
- }, null, 512), [
133
- [b, n.value === "brand"]
134
- ]),
135
- _(u(re, null, null, 512), [
136
- [b, n.value === "security"]
137
- ]),
138
- _(u(ie, null, null, 512), [
139
- [b, n.value === "signin"]
140
- ]),
141
- n.value === "sensitive" ? (a(), C(se, { key: 0 })) : v("", !0),
142
- _(u(le, null, null, 512), [
143
- [b, n.value === "upload"]
144
- ]),
145
- _(u(ce, null, null, 512), [
146
- [b, n.value === "job"]
147
- ]),
148
- n.value === "advanced" ? (a(), C(ue, { key: 1 })) : v("", !0)
149
- ])),
150
- u(P, { name: "savebar" }, {
151
- default: w(() => [
152
- h.value ? (a(), c("div", he, [
153
- f("span", ye, [
154
- l[1] || (l[1] = f("i", {
155
- class: "dot",
156
- "aria-hidden": "true"
157
- }, null, -1)),
158
- T(" " + p(t(o)("config.unsaved", { n: h.value })), 1)
159
- ]),
160
- u(t($), {
161
- size: "small",
162
- disabled: t(i).saving.value,
163
- onClick: l[0] || (l[0] = (s) => t(i).discard())
164
- }, {
165
- default: w(() => [
166
- T(p(t(o)("config.discard")), 1)
167
- ]),
168
- _: 1
169
- }, 8, ["disabled"]),
170
- q.value ? (a(), C(t($), {
171
- key: 0,
172
- size: "small",
173
- type: "primary",
174
- loading: t(i).saving.value,
175
- onClick: R
176
- }, {
177
- default: w(() => [
178
- T(p(t(o)("common.save")), 1)
102
+ return window.addEventListener("beforeunload", E), J(() => {
103
+ window.removeEventListener("beforeunload", E), i.discard();
104
+ }), (e, s) => (a(), S(t(te), {
105
+ ref_key: "root",
106
+ ref: T,
107
+ class: $(["config-center", "fill-page", t(N) ? "fill-page--soft nar" : "fit", { side: t(K) }]),
108
+ "content-style": P.value
109
+ }, {
110
+ default: k(() => [
111
+ f("nav", {
112
+ class: "cfg-nav",
113
+ role: "tablist",
114
+ "aria-label": t(n)("config.title"),
115
+ "data-testid": "config-nav",
116
+ onKeydown: G
117
+ }, [
118
+ (a(!0), u(C, null, A(t(se), (l, b) => (a(), u(C, { key: b }, [
119
+ b ? (a(), u("span", we)) : v("", !0),
120
+ (a(!0), u(C, null, A(l, (r) => (a(), u("button", {
121
+ key: r,
122
+ type: "button",
123
+ role: "tab",
124
+ "aria-selected": o.value === r,
125
+ tabindex: o.value === r ? 0 : -1,
126
+ class: $(["nav-item", { on: o.value === r }]),
127
+ "data-tab": r,
128
+ onClick: ($e) => o.value = r
129
+ }, [
130
+ c(re, {
131
+ icon: t(ce)[r],
132
+ size: 22
133
+ }, null, 8, ["icon"]),
134
+ f("span", null, y(t(n)(`config.tab.${r}`)), 1),
135
+ t(i).dirtyTabs.value.has(r) ? (a(), u(C, { key: 0 }, [
136
+ f("i", {
137
+ class: "dot",
138
+ "aria-hidden": "true",
139
+ title: t(n)("config.unsavedTab")
140
+ }, null, 8, Te),
141
+ f("span", Be, y(t(n)("config.unsavedTab")), 1)
142
+ ], 64)) : v("", !0)
143
+ ], 10, xe))), 128))
144
+ ], 64))), 128))
145
+ ], 40, Ce),
146
+ t(i).loading.value ? (a(), u("div", Ne, [
147
+ c(t(oe))
148
+ ])) : (a(), u("div", ze, [
149
+ m(c(pe, {
150
+ ref_key: "brandSection",
151
+ ref: D
152
+ }, null, 512), [
153
+ [p, o.value === "brand"]
154
+ ]),
155
+ m(c(be, null, null, 512), [
156
+ [p, o.value === "signin"]
157
+ ]),
158
+ m(c(ge, null, null, 512), [
159
+ [p, o.value === "security"]
160
+ ]),
161
+ m(c(ye, null, null, 512), [
162
+ [p, o.value === "watermark"]
163
+ ]),
164
+ o.value === "sensitive" ? (a(), S(he, { key: 0 })) : v("", !0),
165
+ m(c(_e, null, null, 512), [
166
+ [p, o.value === "upload"]
167
+ ]),
168
+ m(c(Se, null, null, 512), [
169
+ [p, o.value === "job"]
170
+ ]),
171
+ o.value === "advanced" ? (a(), S(ke, { key: 1 })) : v("", !0)
172
+ ])),
173
+ c(W, { name: "savebar" }, {
174
+ default: k(() => [
175
+ h.value ? (a(), u("div", De, [
176
+ f("span", Ee, [
177
+ s[1] || (s[1] = f("i", {
178
+ class: "dot",
179
+ "aria-hidden": "true"
180
+ }, null, -1)),
181
+ x(" " + y(t(n)("config.unsaved", { n: h.value })), 1)
179
182
  ]),
180
- _: 1
181
- }, 8, ["loading"])) : v("", !0)
182
- ])) : v("", !0)
183
- ]),
184
- _: 1
185
- })
186
- ]));
183
+ c(t(q), {
184
+ size: t(z),
185
+ disabled: t(i).saving.value,
186
+ onClick: s[0] || (s[0] = (l) => t(i).discard())
187
+ }, {
188
+ default: k(() => [
189
+ x(y(t(n)("config.discard")), 1)
190
+ ]),
191
+ _: 1
192
+ }, 8, ["size", "disabled"]),
193
+ F.value ? (a(), S(t(q), {
194
+ key: 0,
195
+ size: t(z),
196
+ type: "primary",
197
+ loading: t(i).saving.value,
198
+ onClick: H
199
+ }, {
200
+ default: k(() => [
201
+ x(y(t(n)("common.save")), 1)
202
+ ]),
203
+ _: 1
204
+ }, 8, ["size", "loading"])) : v("", !0)
205
+ ])) : v("", !0)
206
+ ]),
207
+ _: 1
208
+ })
209
+ ]),
210
+ _: 1
211
+ }, 8, ["class", "content-style"]));
187
212
  }
188
213
  });
189
214
  export {
190
- Ie as default
215
+ et as default
191
216
  };
192
217
  //# sourceMappingURL=index2.vue.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/config/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 配置中心:仿 macOS「系统设置」。顶部图标页签,每个分类一屏放下、「左边设置、右边预览」\n// (没有可预览效果的分类不放预览)。结构化表单共用一份页面级草稿(draft.ts),改动由底部浮出的\n// 保存条统一保存;改过的行和页签带橙点。当前分类写进 ?tab=,刷新和分享链接能回到同一处。\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'\nimport { NButton, NSpin, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { translateError } from '#/utils/error'\nimport { CONFIG_TABS, TAB_GROUPS, TAB_ICONS, type ConfigTab } from './groups'\nimport { checkDraft, createConfigDraft, provideConfigDraft } from './draft'\nimport BrandSection from './components/BrandSection.vue'\nimport SecuritySection from './components/SecuritySection.vue'\nimport SigninSection from './components/SigninSection.vue'\nimport SensitiveSection from './components/SensitiveSection.vue'\nimport UploadSection from './components/UploadSection.vue'\nimport JobSection from './components/JobSection.vue'\nimport AdvancedSection from './components/AdvancedSection.vue'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { ask } = useConfirm()\nconst auth = useAuthStore()\nconst route = useRoute()\nconst router = useRouter()\n\nconst draft = createConfigDraft()\nprovideConfigDraft(draft)\nconst canSave = computed(() => auth.hasPerm('PUT:/api/v1/sys/config/batch'))\nconst dirtyCount = computed(() => draft.dirtyKeys.value.length)\nconst brandSection = ref<InstanceType<typeof BrandSection> | null>(null)\n\n/** 方向键在页签间移动并切换,焦点跟过去 */\nfunction onNavKey(e: KeyboardEvent) {\n const i = CONFIG_TABS.indexOf(tab.value)\n const next =\n e.key === 'ArrowRight'\n ? (i + 1) % CONFIG_TABS.length\n : e.key === 'ArrowLeft'\n ? (i - 1 + CONFIG_TABS.length) % CONFIG_TABS.length\n : e.key === 'Home'\n ? 0\n : e.key === 'End'\n ? CONFIG_TABS.length - 1\n : -1\n if (next < 0) return\n e.preventDefault()\n tab.value = CONFIG_TABS[next]\n void nextTick(() =>\n (e.currentTarget as HTMLElement | null)\n ?.querySelector<HTMLElement>(`[data-tab=\"${CONFIG_TABS[next]}\"]`)\n ?.focus(),\n )\n}\n\nconst tab = computed<ConfigTab>({\n get: () => {\n const q = route.query.tab\n return CONFIG_TABS.includes(q as ConfigTab) ? (q as ConfigTab) : 'brand'\n },\n set: v => {\n void router.replace({ query: { ...route.query, tab: v } })\n },\n})\n\nonMounted(async () => {\n try {\n await draft.load()\n } catch (e) {\n message.error(translateError(e))\n }\n})\n\nasync function save() {\n const check = checkDraft(draft.values)\n if (check.error) {\n tab.value = check.error.tab\n if (check.error.locale) brandSection.value?.setLocale(check.error.locale)\n message.error(t(check.error.message))\n return\n }\n for (const w of check.warnings)\n message.warning(\n `${t(`config.login.locale${w.locale === 'zh-CN' ? 'Zh' : 'En'}`)}: ${t(w.message)}`,\n )\n try {\n await draft.save()\n message.success(t('config.saved'))\n } catch (e) {\n message.error(translateError(e))\n }\n}\n\n// 有未保存改动时离开要确认;关标签页/刷新交给浏览器自己的提示\nonBeforeRouteLeave(async to => {\n if (!dirtyCount.value || to.path === route.path) return true\n return ask({ title: t('config.leaveTitle'), content: t('config.leaveConfirm') })\n})\nfunction onBeforeUnload(e: BeforeUnloadEvent) {\n if (dirtyCount.value) e.preventDefault()\n}\nwindow.addEventListener('beforeunload', onBeforeUnload)\nonBeforeUnmount(() => {\n window.removeEventListener('beforeunload', onBeforeUnload)\n draft.discard() // 释放预览用的 blob: 地址\n})\n</script>\n\n<template>\n <!-- .fill-page:整页吃满一屏(内核 styles/layout.css 的高度链),每个分类在 .cfg-body 里一屏放下 -->\n <div class=\"config-center fill-page\">\n <!-- 页签导航:role=tablist + 漫游 tabindex,方向键 / Home / End 切换(WAI-ARIA Tabs 模式) -->\n <nav\n class=\"cfg-nav\"\n role=\"tablist\"\n :aria-label=\"t('config.title')\"\n data-testid=\"config-nav\"\n @keydown=\"onNavKey\"\n >\n <template v-for=\"(group, gi) in TAB_GROUPS\" :key=\"gi\">\n <span v-if=\"gi\" class=\"gap\" aria-hidden=\"true\" />\n <button\n v-for=\"key in group\"\n :key=\"key\"\n type=\"button\"\n role=\"tab\"\n :aria-selected=\"tab === key\"\n :tabindex=\"tab === key ? 0 : -1\"\n :class=\"['nav-item', { on: tab === key }]\"\n :data-tab=\"key\"\n @click=\"tab = key\"\n >\n <AppIcon :icon=\"TAB_ICONS[key]\" :size=\"22\" />\n <span>{{ t(`config.tab.${key}`) }}</span>\n <template v-if=\"draft.dirtyTabs.value.has(key)\">\n <i class=\"dot\" aria-hidden=\"true\" :title=\"t('config.unsavedTab')\" />\n <span class=\"sr-only\">{{ t('config.unsavedTab') }}</span>\n </template>\n </button>\n </template>\n </nav>\n\n <div v-if=\"draft.loading.value\" class=\"cfg-loading\"><n-spin /></div>\n <div v-else class=\"cfg-body\">\n <BrandSection v-show=\"tab === 'brand'\" ref=\"brandSection\" />\n <SecuritySection v-show=\"tab === 'security'\" />\n <SigninSection v-show=\"tab === 'signin'\" />\n <SensitiveSection v-if=\"tab === 'sensitive'\" />\n <UploadSection v-show=\"tab === 'upload'\" />\n <JobSection v-show=\"tab === 'job'\" />\n <AdvancedSection v-if=\"tab === 'advanced'\" />\n </div>\n\n <!-- 保存条浮在底部正中(毛玻璃胶囊),有改动才出现 -->\n <transition name=\"savebar\">\n <div v-if=\"dirtyCount\" class=\"savebar\" data-testid=\"config-savebar\">\n <span class=\"msg\" role=\"status\" aria-live=\"polite\">\n <i class=\"dot\" aria-hidden=\"true\" />\n {{ t('config.unsaved', { n: dirtyCount }) }}\n </span>\n <n-button size=\"small\" :disabled=\"draft.saving.value\" @click=\"draft.discard()\">\n {{ t('config.discard') }}\n </n-button>\n <n-button\n v-if=\"canSave\"\n size=\"small\"\n type=\"primary\"\n :loading=\"draft.saving.value\"\n @click=\"save\"\n >\n {{ t('common.save') }}\n </n-button>\n </div>\n </transition>\n </div>\n</template>\n\n<style scoped>\n.config-center {\n position: relative;\n overflow: hidden;\n border-radius: var(--radius-lg);\n background: var(--color-bg-body);\n}\n.cfg-nav {\n display: flex;\n flex: none;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2px;\n padding: 8px 16px;\n border-bottom: 0.5px solid var(--color-border);\n background: var(--color-bg-container);\n}\n.gap {\n width: 14px;\n}\n.nav-item {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n min-width: 76px;\n min-height: 52px;\n padding: 6px 10px 5px;\n border: 0;\n border-radius: 8px;\n background: none;\n font: inherit;\n font-size: var(--font-size-sm);\n color: var(--color-text-secondary);\n cursor: pointer;\n user-select: none;\n}\n.nav-item:hover {\n background: var(--color-fill-hover);\n}\n.nav-item.on {\n background: var(--color-fill);\n color: var(--color-primary);\n}\n.nav-item.on span {\n color: var(--color-text-primary);\n font-weight: 500;\n}\n.nav-item:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: -2px;\n}\n.nav-item .dot {\n position: absolute;\n top: 6px;\n right: 16px;\n box-shadow: 0 0 0 2px var(--color-bg-container);\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n.dot {\n display: inline-block;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--color-warning);\n}\n.cfg-loading {\n display: grid;\n flex: 1;\n place-items: center;\n}\n/* 内容区吃掉导航之外的全部高度;每个分类自己保证一屏放下(SectionLayout) */\n.cfg-body {\n flex: 1;\n min-height: 0;\n padding: 16px 24px 20px;\n}\n.cfg-body > :deep(section) {\n height: 100%;\n}\n.savebar {\n position: absolute;\n left: 50%;\n bottom: 18px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 7px 7px 7px 16px;\n border-radius: 14px;\n background: color-mix(in srgb, var(--color-bg-container) 88%, transparent);\n backdrop-filter: blur(20px);\n border: 1px solid var(--color-border);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);\n transform: translateX(-50%);\n}\n.savebar .msg {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-right: 4px;\n font-size: var(--font-size-base);\n color: var(--color-text-secondary);\n white-space: nowrap;\n}\n.savebar-enter-active,\n.savebar-leave-active {\n transition:\n transform 0.25s cubic-bezier(0.2, 0.9, 0.3, 1.2),\n opacity 0.2s ease;\n}\n.savebar-enter-from,\n.savebar-leave-to {\n transform: translate(-50%, 140%);\n opacity: 0;\n}\n/* 系统开了「减少动态效果」就只淡入淡出,不做位移 */\n@media (prefers-reduced-motion: reduce) {\n .savebar-enter-active,\n .savebar-leave-active {\n transition: opacity 0.15s linear;\n }\n .savebar-enter-from,\n .savebar-leave-to {\n transform: translateX(-50%);\n }\n}\n/* 矮屏:收紧留白 */\n@media (max-height: 899px) {\n .cfg-nav {\n padding: 6px 16px;\n }\n .nav-item {\n min-height: 48px;\n padding: 4px 10px 3px;\n }\n .cfg-body {\n padding: 12px 20px 14px;\n }\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","ask","useConfirm","auth","useAuthStore","route","useRoute","router","useRouter","draft","createConfigDraft","provideConfigDraft","canSave","computed","dirtyCount","brandSection","ref","onNavKey","i","CONFIG_TABS","tab","next","nextTick","_b","_a","q","v","onMounted","translateError","save","check","checkDraft","w","e","onBeforeRouteLeave","to","onBeforeUnload","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_unref","_Fragment","_renderList","TAB_GROUPS","group","gi","_hoisted_3","key","_normalizeClass","$event","_createVNode","AppIcon","TAB_ICONS","_toDisplayString","_hoisted_6","_hoisted_7","NSpin","_hoisted_8","BrandSection","SecuritySection","SigninSection","_createBlock","SensitiveSection","UploadSection","JobSection","AdvancedSection","_Transition","_hoisted_9","_hoisted_10","NButton","_cache"],"mappings":"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"}
1
+ {"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/config/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 配置中心:仿 macOS「系统设置」。顶部图标页签,每个分类一屏放下、「左边设置、右边预览」\n// (没有可预览效果的分类不放预览)。结构化表单共用一份页面级草稿(draft.ts),改动由底部浮出的\n// 保存条统一保存;改过的行和页签带橙点。当前分类写进 ?tab=,刷新和分享链接能回到同一处。\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'\nimport { NButton, NCard, NSpin, useMessage } from 'naive-ui'\nimport { useElementSize } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { translateError } from '#/utils/error'\nimport { CONFIG_TABS, TAB_GROUPS, TAB_ICONS, type ConfigTab } from './groups'\nimport { checkDraft, createConfigDraft, provideConfigDraft } from './draft'\nimport { createConfigLayout, provideConfigLayout } from './layoutMode'\nimport BrandSection from './components/BrandSection.vue'\nimport SecuritySection from './components/SecuritySection.vue'\nimport SigninSection from './components/SigninSection.vue'\nimport WatermarkSection from './components/WatermarkSection.vue'\nimport SensitiveSection from './components/SensitiveSection.vue'\nimport UploadSection from './components/UploadSection.vue'\nimport JobSection from './components/JobSection.vue'\nimport AdvancedSection from './components/AdvancedSection.vue'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { ask } = useConfirm()\nconst auth = useAuthStore()\nconst route = useRoute()\nconst router = useRouter()\n\nconst draft = createConfigDraft()\nprovideConfigDraft(draft)\n\n// 版面分档:量自己卡片的宽度(边框盒),窄档整页自然滚动,宽档分栏定高\nconst root = ref<InstanceType<typeof NCard> | null>(null)\nconst { width } = useElementSize(root, { width: 0, height: 0 }, { box: 'border-box' })\nconst layout = createConfigLayout(width)\nprovideConfigLayout(layout)\nconst { nar, side, btn } = layout\nconst contentStyle = computed(() =>\n nar.value\n ? { padding: 0, position: 'relative' as const }\n : {\n padding: 0,\n position: 'relative' as const,\n display: 'flex',\n flexDirection: 'column' as const,\n flex: '1 1 0',\n minHeight: 0,\n },\n)\nconst canSave = computed(() => auth.hasPerm('PUT:/api/v1/sys/config/batch'))\nconst dirtyCount = computed(() => draft.dirtyKeys.value.length)\nconst brandSection = ref<InstanceType<typeof BrandSection> | null>(null)\n\n/** 方向键在页签间移动并切换,焦点跟过去 */\nfunction onNavKey(e: KeyboardEvent) {\n const i = CONFIG_TABS.indexOf(tab.value)\n const next =\n e.key === 'ArrowRight'\n ? (i + 1) % CONFIG_TABS.length\n : e.key === 'ArrowLeft'\n ? (i - 1 + CONFIG_TABS.length) % CONFIG_TABS.length\n : e.key === 'Home'\n ? 0\n : e.key === 'End'\n ? CONFIG_TABS.length - 1\n : -1\n if (next < 0) return\n e.preventDefault()\n tab.value = CONFIG_TABS[next]\n void nextTick(() =>\n (e.currentTarget as HTMLElement | null)\n ?.querySelector<HTMLElement>(`[data-tab=\"${CONFIG_TABS[next]}\"]`)\n ?.focus(),\n )\n}\n\nconst tab = computed<ConfigTab>({\n get: () => {\n const q = route.query.tab\n return CONFIG_TABS.includes(q as ConfigTab) ? (q as ConfigTab) : 'brand'\n },\n set: v => {\n void router.replace({ query: { ...route.query, tab: v } })\n },\n})\n\nonMounted(async () => {\n try {\n await draft.load()\n } catch (e) {\n message.error(translateError(e))\n }\n})\n\nasync function save() {\n const check = checkDraft(draft.values)\n if (check.error) {\n tab.value = check.error.tab\n if (check.error.locale) brandSection.value?.setLocale(check.error.locale)\n message.error(t(check.error.message))\n return\n }\n for (const w of check.warnings)\n message.warning(\n `${t(`config.login.locale${w.locale === 'zh-CN' ? 'Zh' : 'En'}`)}: ${t(w.message)}`,\n )\n try {\n await draft.save()\n message.success(t('config.saved'))\n } catch (e) {\n message.error(translateError(e))\n }\n}\n\n// 有未保存改动时离开要确认;关标签页/刷新交给浏览器自己的提示\nonBeforeRouteLeave(async to => {\n if (!dirtyCount.value || to.path === route.path) return true\n return ask({ title: t('config.leaveTitle'), content: t('config.leaveConfirm') })\n})\nfunction onBeforeUnload(e: BeforeUnloadEvent) {\n if (dirtyCount.value) e.preventDefault()\n}\nwindow.addEventListener('beforeunload', onBeforeUnload)\nonBeforeUnmount(() => {\n window.removeEventListener('beforeunload', onBeforeUnload)\n draft.discard() // 释放预览用的 blob: 地址\n})\n</script>\n\n<template>\n <!-- .fill-page:整页吃满一屏(内核 styles/layout.css 的高度链),每个分类在 .cfg-body 里一屏放下。\n 窄档改 .fill-page--soft:整页自然滚动,保存条改成贴底的粘性条 -->\n <n-card\n ref=\"root\"\n :class=\"['config-center', 'fill-page', nar ? 'fill-page--soft nar' : 'fit', { side }]\"\n :content-style=\"contentStyle\"\n >\n <!-- 页签导航:role=tablist + 漫游 tabindex,方向键 / Home / End 切换(WAI-ARIA Tabs 模式) -->\n <nav\n class=\"cfg-nav\"\n role=\"tablist\"\n :aria-label=\"t('config.title')\"\n data-testid=\"config-nav\"\n @keydown=\"onNavKey\"\n >\n <template v-for=\"(group, gi) in TAB_GROUPS\" :key=\"gi\">\n <span v-if=\"gi\" class=\"gap\" aria-hidden=\"true\" />\n <button\n v-for=\"key in group\"\n :key=\"key\"\n type=\"button\"\n role=\"tab\"\n :aria-selected=\"tab === key\"\n :tabindex=\"tab === key ? 0 : -1\"\n :class=\"['nav-item', { on: tab === key }]\"\n :data-tab=\"key\"\n @click=\"tab = key\"\n >\n <AppIcon :icon=\"TAB_ICONS[key]\" :size=\"22\" />\n <span>{{ t(`config.tab.${key}`) }}</span>\n <template v-if=\"draft.dirtyTabs.value.has(key)\">\n <i class=\"dot\" aria-hidden=\"true\" :title=\"t('config.unsavedTab')\" />\n <span class=\"sr-only\">{{ t('config.unsavedTab') }}</span>\n </template>\n </button>\n </template>\n </nav>\n\n <div v-if=\"draft.loading.value\" class=\"cfg-loading\"><n-spin /></div>\n <div v-else class=\"cfg-body\">\n <BrandSection v-show=\"tab === 'brand'\" ref=\"brandSection\" />\n <SigninSection v-show=\"tab === 'signin'\" />\n <SecuritySection v-show=\"tab === 'security'\" />\n <WatermarkSection v-show=\"tab === 'watermark'\" />\n <SensitiveSection v-if=\"tab === 'sensitive'\" />\n <UploadSection v-show=\"tab === 'upload'\" />\n <JobSection v-show=\"tab === 'job'\" />\n <AdvancedSection v-if=\"tab === 'advanced'\" />\n </div>\n\n <!-- 保存条浮在底部正中(毛玻璃胶囊),有改动才出现;窄档整页在滚,改成贴底的粘性条 -->\n <transition name=\"savebar\">\n <div v-if=\"dirtyCount\" class=\"savebar\" data-testid=\"config-savebar\">\n <span class=\"msg\" role=\"status\" aria-live=\"polite\">\n <i class=\"dot\" aria-hidden=\"true\" />\n {{ t('config.unsaved', { n: dirtyCount }) }}\n </span>\n <n-button :size=\"btn\" :disabled=\"draft.saving.value\" @click=\"draft.discard()\">\n {{ t('config.discard') }}\n </n-button>\n <n-button\n v-if=\"canSave\"\n :size=\"btn\"\n type=\"primary\"\n :loading=\"draft.saving.value\"\n @click=\"save\"\n >\n {{ t('common.save') }}\n </n-button>\n </div>\n </transition>\n </n-card>\n</template>\n\n<style scoped>\n.config-center {\n /* 预览画布里「纸面」要用不透明实底色(设置行、迷你界面、规则卡都铺在半透明的 --fill 上) */\n --cfg-card: var(--color-bg-container-solid);\n --cfg-app: var(--color-bg-body);\n /* 分段控件的轨道与滑块,暗色另取 */\n --cfg-seg-track: rgba(70, 90, 130, 0.12);\n --cfg-seg-thumb: #fff;\n position: relative;\n min-width: 0;\n}\n.config-center.fit {\n overflow: hidden;\n}\n.cfg-nav {\n display: flex;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 2px;\n padding: 8px 12px;\n border-bottom: 1px solid var(--hairline);\n}\n.gap {\n width: 14px;\n}\n.nav-item {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n min-width: 76px;\n min-height: 52px;\n padding: 6px 10px 5px;\n border: 0;\n border-radius: 9px;\n background: none;\n font: inherit;\n font-size: 13px;\n color: var(--text-2);\n cursor: pointer;\n user-select: none;\n}\n.nar .nav-item {\n min-width: 72px;\n padding: 6px 6px 5px;\n}\n.nav-item:hover {\n background: var(--hover);\n}\n.nav-item.on {\n background: var(--tab-on-bg);\n color: var(--tab-on-fg);\n}\n.nav-item.on span {\n color: var(--text-1);\n font-weight: 500;\n}\n.nav-item:focus-visible {\n outline: 2px solid var(--signal);\n outline-offset: -2px;\n}\n.nav-item .dot {\n position: absolute;\n top: 6px;\n right: 16px;\n box-shadow: 0 0 0 2px var(--cfg-card);\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n.dot {\n display: inline-block;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--warn);\n}\n.cfg-loading {\n display: grid;\n flex: 1;\n min-height: 240px;\n place-items: center;\n}\n/* 内容区吃掉导航之外的全部高度;每个分类自己保证一屏放下(SectionLayout)。\n 宽档(左右分栏)内容区不滚、由两栏各自在列内滚;中档(单栏)整块在内容区里滚;窄档随页面自然滚动 */\n.cfg-body {\n flex: 1 1 0;\n min-height: 0;\n padding: 14px 20px 18px;\n}\n.fit .cfg-body {\n overflow: auto;\n}\n.fit.side .cfg-body {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.side .cfg-body > :deep(.cfg-section) {\n flex: 1 1 0;\n}\n.nar .cfg-body {\n flex: none;\n padding: 12px 12px 18px;\n}\n.savebar {\n position: absolute;\n left: 50%;\n bottom: 16px;\n z-index: 10;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 10px;\n max-width: calc(100% - 24px);\n padding: 7px 7px 7px 16px;\n border: 1px solid var(--glass-border);\n border-radius: 14px;\n background: var(--glass-panel);\n backdrop-filter: blur(20px) saturate(170%);\n -webkit-backdrop-filter: blur(20px) saturate(170%);\n box-shadow: var(--glass-shadow);\n transform: translateX(-50%);\n}\n.nar .savebar {\n position: sticky;\n left: auto;\n bottom: 12px;\n width: fit-content;\n margin: 8px auto 12px;\n transform: none;\n}\n.savebar .msg {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-right: 4px;\n font-size: 14px;\n color: var(--text-2);\n white-space: nowrap;\n}\n/* 保存条:像 macOS 的浮动提示条那样减速落定,不回弹(带过冲的曲线会冲过头再弹回);退场更快收走 */\n.savebar-enter-active {\n transition:\n transform 0.28s var(--ease-sheet),\n opacity 0.2s var(--ease);\n}\n.savebar-leave-active {\n transition:\n transform 0.16s ease-in,\n opacity 0.14s ease-in;\n}\n.fit .savebar-enter-from,\n.fit .savebar-leave-to {\n transform: translate(-50%, 140%);\n opacity: 0;\n}\n.nar .savebar-enter-from,\n.nar .savebar-leave-to {\n transform: translateY(60%);\n opacity: 0;\n}\n/* 系统开了「减少动态效果」就只淡入淡出,不做位移 */\n@media (prefers-reduced-motion: reduce) {\n .savebar-enter-active,\n .savebar-leave-active {\n transition: opacity var(--transition-fast);\n }\n .fit .savebar-enter-from,\n .fit .savebar-leave-to {\n transform: translateX(-50%);\n }\n .nar .savebar-enter-from,\n .nar .savebar-leave-to {\n transform: none;\n }\n}\n/* 矮屏:收紧留白 */\n@media (max-height: 899px) {\n .cfg-nav {\n padding: 6px 12px;\n }\n .nav-item {\n min-height: 48px;\n padding: 4px 10px 3px;\n }\n .cfg-body {\n padding: 12px 20px 14px;\n }\n .nar .cfg-body {\n padding: 12px 12px 18px;\n }\n}\n</style>\n\n<style>\n/* 分段控件在深色下的轨道与滑块。必须是非 scoped:放在 scoped 块里用 :global(:root…) 写,\n 实测编译后不生效(滑块在深色下仍是白色,白字白底看不见),e2e 截图才暴露。 */\n:root[data-theme='dark'] .config-center {\n --cfg-seg-track: rgba(120, 120, 128, 0.24);\n --cfg-seg-thumb: rgba(110, 110, 116, 0.85);\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","ask","useConfirm","auth","useAuthStore","route","useRoute","router","useRouter","draft","createConfigDraft","provideConfigDraft","root","ref","width","useElementSize","layout","createConfigLayout","provideConfigLayout","nar","side","btn","contentStyle","computed","canSave","dirtyCount","brandSection","onNavKey","i","CONFIG_TABS","tab","next","nextTick","_b","_a","q","v","onMounted","translateError","save","check","checkDraft","w","e","onBeforeRouteLeave","to","onBeforeUnload","onBeforeUnmount","_createBlock","_unref","NCard","_normalizeClass","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","TAB_GROUPS","group","gi","_hoisted_2","key","$event","_createVNode","AppIcon","TAB_ICONS","_toDisplayString","_hoisted_5","_hoisted_6","NSpin","_hoisted_7","BrandSection","SigninSection","SecuritySection","WatermarkSection","SensitiveSection","UploadSection","JobSection","AdvancedSection","_Transition","_hoisted_8","_hoisted_9","NButton","_cache"],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ import { ComputedRef, Ref } from 'vue';
2
+ /** 卡片(边框盒)宽度低于它算窄档 */
3
+ export declare const NARROW_MAX = 600;
4
+ /** 卡片宽度达到它才左右分栏 */
5
+ export declare const SIDE_MIN = 896;
6
+ export type ControlSize = 'medium' | 'large';
7
+ export type SmallControlSize = 'small' | 'large';
8
+ export interface ConfigLayout {
9
+ nar: ComputedRef<boolean>;
10
+ side: ComputedRef<boolean>;
11
+ /** 输入框 / 数字框:窄档放大成 large,方便手指点 */
12
+ ctl: ComputedRef<ControlSize>;
13
+ /** 行内的小按钮、分段控件 */
14
+ sm: ComputedRef<SmallControlSize>;
15
+ /** 保存条、弹窗里的主按钮 */
16
+ btn: ComputedRef<ControlSize>;
17
+ /** 窄档下预览栏是否展开(各分类共用,切页签不收回去) */
18
+ previewOpen: Ref<boolean>;
19
+ }
20
+ export declare function createConfigLayout(width: Ref<number>): ConfigLayout;
21
+ export declare function provideConfigLayout(layout: ConfigLayout): void;
22
+ /** 没有祖先提供时(单独挂载某个分类)按宽屏处理 */
23
+ export declare function useConfigLayout(): ConfigLayout;
@@ -0,0 +1,28 @@
1
+ import { computed as o, ref as u, provide as r, inject as l } from "vue";
2
+ const c = 600, i = 896;
3
+ function f(e) {
4
+ const n = o(() => e.value > 0 && e.value < c), a = o(() => e.value === 0 || e.value >= i);
5
+ return {
6
+ nar: n,
7
+ side: a,
8
+ ctl: o(() => n.value ? "large" : "medium"),
9
+ sm: o(() => n.value ? "large" : "small"),
10
+ btn: o(() => n.value ? "large" : "medium"),
11
+ previewOpen: u(!1)
12
+ };
13
+ }
14
+ const t = Symbol("config-layout");
15
+ function s(e) {
16
+ r(t, e);
17
+ }
18
+ function v() {
19
+ return l(t, () => f(u(0)), !0);
20
+ }
21
+ export {
22
+ c as NARROW_MAX,
23
+ i as SIDE_MIN,
24
+ f as createConfigLayout,
25
+ s as provideConfigLayout,
26
+ v as useConfigLayout
27
+ };
28
+ //# sourceMappingURL=layoutMode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layoutMode.js","sources":["../../../../src/views/system/config/layoutMode.ts"],"sourcesContent":["// 配置中心的版面分档(只管样式,不碰业务):由 index.vue 量自己卡片的宽度,经 provide 下发给各分类。\n// 三档:\n// nar 卡片 < 600:整页自然滚动,设置行上下排(标签一行、控件占满一行),预览收成可展开的一条并排到最前;\n// side 卡片 ≥ 896:左边设置、右边预览,两栏各自在列内滚;\n// 其余(600 到 896):单栏,预览叠在设置下面,整块在内容区里滚。\n// 600 与表格窄档对齐(SmartTable 容器宽 < 600 即卡片列表),这样页面进入窄档时,「高级」页的表一定是卡片列表。\nimport { computed, inject, provide, ref, type ComputedRef, type InjectionKey, type Ref } from 'vue'\n\n/** 卡片(边框盒)宽度低于它算窄档 */\nexport const NARROW_MAX = 600\n/** 卡片宽度达到它才左右分栏 */\nexport const SIDE_MIN = 896\n\nexport type ControlSize = 'medium' | 'large'\nexport type SmallControlSize = 'small' | 'large'\n\nexport interface ConfigLayout {\n nar: ComputedRef<boolean>\n side: ComputedRef<boolean>\n /** 输入框 / 数字框:窄档放大成 large,方便手指点 */\n ctl: ComputedRef<ControlSize>\n /** 行内的小按钮、分段控件 */\n sm: ComputedRef<SmallControlSize>\n /** 保存条、弹窗里的主按钮 */\n btn: ComputedRef<ControlSize>\n /** 窄档下预览栏是否展开(各分类共用,切页签不收回去) */\n previewOpen: Ref<boolean>\n}\n\nexport function createConfigLayout(width: Ref<number>): ConfigLayout {\n // 宽度还没量到(0)时按宽屏处理,免得首帧闪一下窄档\n const nar = computed(() => width.value > 0 && width.value < NARROW_MAX)\n const side = computed(() => width.value === 0 || width.value >= SIDE_MIN)\n return {\n nar,\n side,\n ctl: computed(() => (nar.value ? 'large' : 'medium')),\n sm: computed(() => (nar.value ? 'large' : 'small')),\n btn: computed(() => (nar.value ? 'large' : 'medium')),\n previewOpen: ref(false),\n }\n}\n\nconst KEY: InjectionKey<ConfigLayout> = Symbol('config-layout')\n\nexport function provideConfigLayout(layout: ConfigLayout) {\n provide(KEY, layout)\n}\n\n/** 没有祖先提供时(单独挂载某个分类)按宽屏处理 */\nexport function useConfigLayout(): ConfigLayout {\n return inject(KEY, () => createConfigLayout(ref(0)), true)\n}\n"],"names":["NARROW_MAX","SIDE_MIN","createConfigLayout","width","nar","computed","side","ref","KEY","provideConfigLayout","layout","provide","useConfigLayout","inject"],"mappings":";AASO,MAAMA,IAAa,KAEbC,IAAW;AAkBjB,SAASC,EAAmBC,GAAkC;AAEnE,QAAMC,IAAMC,EAAS,MAAMF,EAAM,QAAQ,KAAKA,EAAM,QAAQH,CAAU,GAChEM,IAAOD,EAAS,MAAMF,EAAM,UAAU,KAAKA,EAAM,SAASF,CAAQ;AACxE,SAAO;AAAA,IACL,KAAAG;AAAA,IACA,MAAAE;AAAA,IACA,KAAKD,EAAS,MAAOD,EAAI,QAAQ,UAAU,QAAS;AAAA,IACpD,IAAIC,EAAS,MAAOD,EAAI,QAAQ,UAAU,OAAQ;AAAA,IAClD,KAAKC,EAAS,MAAOD,EAAI,QAAQ,UAAU,QAAS;AAAA,IACpD,aAAaG,EAAI,EAAK;AAAA,EAAA;AAE1B;AAEA,MAAMC,IAAkC,OAAO,eAAe;AAEvD,SAASC,EAAoBC,GAAsB;AACxD,EAAAC,EAAQH,GAAKE,CAAM;AACrB;AAGO,SAASE,IAAgC;AAC9C,SAAOC,EAAOL,GAAK,MAAMN,EAAmBK,EAAI,CAAC,CAAC,GAAG,EAAI;AAC3D;"}
@@ -1,8 +1,8 @@
1
1
  import o from "./index2.vue.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a7b1ad76"]]);
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3ddc0a11"]]);
5
5
  export {
6
- p as default
6
+ m as default
7
7
  };
8
8
  //# sourceMappingURL=index.vue.js.map