@robot-admin/naive-ui-components 0.10.2 → 0.11.0

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 (652) hide show
  1. package/CHANGELOG.md +111 -94
  2. package/LICENSE +21 -21
  3. package/README.md +463 -315
  4. package/README_EN.md +404 -0
  5. package/SECURITY.md +23 -0
  6. package/dist/C_ActionBar.cjs +1 -1
  7. package/dist/C_ActionBar.css +46 -48
  8. package/dist/C_ActionBar.d.cts +1 -1
  9. package/dist/C_ActionBar.js +1 -1
  10. package/dist/C_ActionBar2.cjs +1 -0
  11. package/dist/C_ActionBar2.js +1 -2
  12. package/dist/C_AntV.cjs +1 -1
  13. package/dist/C_AntV.css +3 -3
  14. package/dist/C_AntV.d.cts +1 -1
  15. package/dist/C_AntV.js +1 -1
  16. package/dist/C_AntV2.cjs +4 -0
  17. package/dist/C_AntV2.js +3 -4
  18. package/dist/C_AudioPlayer.cjs +1 -1
  19. package/dist/C_AudioPlayer.css +15 -7
  20. package/dist/C_AudioPlayer.d.cts +1 -1
  21. package/dist/C_AudioPlayer.js +1 -1
  22. package/dist/C_AudioPlayer2.cjs +1 -0
  23. package/dist/C_AudioPlayer2.js +1 -2
  24. package/dist/C_AvatarGroup.cjs +1 -1
  25. package/dist/C_AvatarGroup.css +15 -7
  26. package/dist/C_AvatarGroup.d.cts +1 -1
  27. package/dist/C_AvatarGroup2.cjs +1 -0
  28. package/dist/C_AvatarGroup2.js +1 -2
  29. package/dist/C_Barcode.cjs +1 -1
  30. package/dist/C_Barcode.css +0 -2
  31. package/dist/C_Barcode.d.cts +1 -1
  32. package/dist/C_Barcode2.cjs +1 -0
  33. package/dist/C_Barcode2.js +1 -2
  34. package/dist/C_Breadcrumb.cjs +1 -1
  35. package/dist/C_Breadcrumb.css +0 -2
  36. package/dist/C_Breadcrumb.d.cts +2 -2
  37. package/dist/C_Breadcrumb.d.ts +1 -1
  38. package/dist/C_Breadcrumb.js +1 -1
  39. package/dist/C_Breadcrumb2.cjs +1 -0
  40. package/dist/C_Breadcrumb2.js +1 -2
  41. package/dist/C_Captcha.cjs +1 -1
  42. package/dist/C_Captcha.css +46 -21
  43. package/dist/C_Captcha.d.cts +3 -2
  44. package/dist/C_Captcha.d.ts +3 -2
  45. package/dist/C_Captcha.js +1 -1
  46. package/dist/C_Captcha2.cjs +1 -0
  47. package/dist/C_Captcha2.js +1 -2
  48. package/dist/C_Cascade.cjs +1 -1
  49. package/dist/C_Cascade.css +0 -2
  50. package/dist/C_Cascade.d.cts +1 -1
  51. package/dist/C_Cascade.d.ts +1 -1
  52. package/dist/C_Cascade2.cjs +1 -0
  53. package/dist/C_Cascade2.js +1 -2
  54. package/dist/C_Chat.cjs +1 -1
  55. package/dist/C_Chat.css +0 -2
  56. package/dist/C_Chat.d.cts +1 -1
  57. package/dist/C_Chat.d.ts +1 -1
  58. package/dist/C_Chat.js +1 -1
  59. package/dist/C_Chat2.cjs +1 -0
  60. package/dist/C_Chat2.js +1 -2
  61. package/dist/C_City.cjs +1 -1
  62. package/dist/C_City.css +28 -30
  63. package/dist/C_City.d.cts +1 -1
  64. package/dist/C_City.d.ts +1 -1
  65. package/dist/C_City2.cjs +1 -0
  66. package/dist/C_City2.js +1 -2
  67. package/dist/C_Code.cjs +1 -1
  68. package/dist/C_Code.css +241 -4
  69. package/dist/C_Code.d.cts +1 -1
  70. package/dist/C_Code.d.ts +1 -1
  71. package/dist/C_Code.js +1 -1
  72. package/dist/C_Code2.cjs +1 -0
  73. package/dist/C_Code2.js +1 -2
  74. package/dist/C_CollapsePanel.cjs +1 -1
  75. package/dist/C_CollapsePanel.css +12 -6
  76. package/dist/C_CollapsePanel.d.cts +1 -1
  77. package/dist/C_CollapsePanel.js +1 -1
  78. package/dist/C_CollapsePanel2.cjs +1 -0
  79. package/dist/C_CollapsePanel2.js +1 -2
  80. package/dist/C_ContextMenu.cjs +1 -1
  81. package/dist/C_ContextMenu.css +16 -18
  82. package/dist/C_ContextMenu.d.cts +1 -1
  83. package/dist/C_ContextMenu.d.ts +1 -1
  84. package/dist/C_ContextMenu.js +1 -1
  85. package/dist/C_ContextMenu2.cjs +1 -0
  86. package/dist/C_ContextMenu2.js +1 -2
  87. package/dist/C_Cron.cjs +1 -1
  88. package/dist/C_Cron.css +18 -8
  89. package/dist/C_Cron.d.cts +1 -1
  90. package/dist/C_Cron.js +1 -1
  91. package/dist/C_Cron2.cjs +1 -0
  92. package/dist/C_Cron2.js +1 -2
  93. package/dist/C_Date.cjs +1 -1
  94. package/dist/C_Date.css +1 -0
  95. package/dist/C_Date.d.cts +2 -2
  96. package/dist/C_Date.d.ts +2 -2
  97. package/dist/C_Date2.cjs +1 -0
  98. package/dist/C_Date2.js +1 -2
  99. package/dist/C_Draggable.cjs +1 -1
  100. package/dist/C_Draggable.css +9 -5
  101. package/dist/C_Draggable.d.cts +1 -1
  102. package/dist/C_Draggable2.cjs +1 -0
  103. package/dist/C_Draggable2.js +1 -2
  104. package/dist/C_Editor.cjs +1 -1
  105. package/dist/C_Editor.css +80 -67
  106. package/dist/C_Editor.d.cts +1 -1
  107. package/dist/C_Editor.d.ts +1 -1
  108. package/dist/C_Editor2.cjs +1 -0
  109. package/dist/C_Editor2.js +1 -2
  110. package/dist/C_FilePreview.cjs +1 -1
  111. package/dist/C_FilePreview.css +0 -2
  112. package/dist/C_FilePreview.d.cts +1 -1
  113. package/dist/C_FilePreview.js +1 -1
  114. package/dist/C_FilePreview2.cjs +1 -0
  115. package/dist/C_FilePreview2.js +1 -2
  116. package/dist/C_Form.base.css +980 -0
  117. package/dist/C_Form.cjs +1 -1
  118. package/dist/C_Form.css +256 -155
  119. package/dist/C_Form.d.cts +2 -2
  120. package/dist/C_Form.d.ts +2 -2
  121. package/dist/C_Form.js +1 -1
  122. package/dist/C_Form2.cjs +1 -0
  123. package/dist/C_Form2.js +1 -2
  124. package/dist/C_FormSearch.cjs +1 -1
  125. package/dist/C_FormSearch.css +47 -47
  126. package/dist/C_FormSearch.d.cts +2 -2
  127. package/dist/C_FormSearch.d.ts +2 -2
  128. package/dist/C_FormSearch2.cjs +1 -0
  129. package/dist/C_FormSearch2.js +1 -2
  130. package/dist/C_FormulaEditor.cjs +1 -1
  131. package/dist/C_FormulaEditor.css +64 -38
  132. package/dist/C_FormulaEditor.d.cts +1 -1
  133. package/dist/C_FormulaEditor.js +1 -1
  134. package/dist/C_FormulaEditor2.cjs +2 -0
  135. package/dist/C_FormulaEditor2.js +2 -2
  136. package/dist/C_FullCalendar.cjs +1 -1
  137. package/dist/C_FullCalendar.css +0 -2
  138. package/dist/C_FullCalendar.d.cts +1 -1
  139. package/dist/C_FullCalendar2.cjs +1 -0
  140. package/dist/C_FullCalendar2.js +1 -2
  141. package/dist/C_GlobalSearch.cjs +1 -1
  142. package/dist/C_GlobalSearch.css +111 -113
  143. package/dist/C_GlobalSearch.d.cts +1 -1
  144. package/dist/C_GlobalSearch2.cjs +1 -0
  145. package/dist/C_GlobalSearch2.js +1 -2
  146. package/dist/C_Guide.cjs +1 -1
  147. package/dist/C_Guide.css +1 -0
  148. package/dist/C_Guide.d.cts +1 -1
  149. package/dist/C_Guide.d.ts +1 -1
  150. package/dist/C_Guide.js +1 -1
  151. package/dist/C_Guide2.cjs +1 -0
  152. package/dist/C_Guide2.js +1 -2
  153. package/dist/C_Icon.cjs +1 -1
  154. package/dist/C_Icon.css +58 -0
  155. package/dist/C_Icon.d.cts +1 -1
  156. package/dist/C_Icon.d.ts +1 -1
  157. package/dist/C_Icon2.cjs +1 -0
  158. package/dist/C_Icon2.js +1 -2
  159. package/dist/C_ImageCropper.cjs +1 -1
  160. package/dist/C_ImageCropper.css +0 -2
  161. package/dist/C_ImageCropper.d.cts +1 -1
  162. package/dist/C_ImageCropper.js +1 -1
  163. package/dist/C_ImageCropper2.cjs +1 -0
  164. package/dist/C_ImageCropper2.js +1 -2
  165. package/dist/C_Language.cjs +1 -1
  166. package/dist/C_Language.css +1 -0
  167. package/dist/C_Language.d.cts +1 -1
  168. package/dist/C_Language.d.ts +1 -1
  169. package/dist/C_Language.js +1 -1
  170. package/dist/C_Language2.cjs +1 -0
  171. package/dist/C_Language2.js +1 -2
  172. package/dist/C_Login.cjs +1 -1
  173. package/dist/C_Login.css +92 -76
  174. package/dist/C_Login.d.cts +1 -1
  175. package/dist/C_Login.d.ts +1 -1
  176. package/dist/C_Login.js +1 -1
  177. package/dist/C_Login2.cjs +1 -0
  178. package/dist/C_Login2.js +1 -2
  179. package/dist/C_Map.cjs +1 -1
  180. package/dist/C_Map.css +665 -5
  181. package/dist/C_Map.d.cts +1 -1
  182. package/dist/C_Map2.cjs +1 -0
  183. package/dist/C_Map2.js +1 -2
  184. package/dist/C_Markdown.cjs +1 -1
  185. package/dist/C_Markdown.css +940 -35
  186. package/dist/C_Markdown.d.cts +1 -1
  187. package/dist/C_Markdown.d.ts +1 -1
  188. package/dist/C_Markdown2.cjs +1 -0
  189. package/dist/C_Markdown2.js +1 -2
  190. package/dist/C_Menu.cjs +1 -1
  191. package/dist/C_Menu.css +1 -0
  192. package/dist/C_Menu.d.cts +3 -3
  193. package/dist/C_Menu.d.ts +3 -3
  194. package/dist/C_Menu2.cjs +1 -0
  195. package/dist/C_Menu2.js +1 -2
  196. package/dist/C_NotificationCenter.cjs +1 -1
  197. package/dist/C_NotificationCenter.css +95 -47
  198. package/dist/C_NotificationCenter.d.cts +1 -1
  199. package/dist/C_NotificationCenter.js +1 -1
  200. package/dist/C_NotificationCenter2.cjs +1 -0
  201. package/dist/C_NotificationCenter2.js +1 -2
  202. package/dist/C_OrgChart.cjs +1 -1
  203. package/dist/C_OrgChart.css +6 -4
  204. package/dist/C_OrgChart.d.cts +1 -1
  205. package/dist/C_OrgChart.d.ts +1 -1
  206. package/dist/C_OrgChart2.cjs +1 -0
  207. package/dist/C_OrgChart2.js +1 -2
  208. package/dist/C_Progress.cjs +1 -1
  209. package/dist/C_Progress.css +1 -0
  210. package/dist/C_Progress.d.cts +1 -1
  211. package/dist/C_Progress.d.ts +1 -1
  212. package/dist/C_Progress2.cjs +1 -0
  213. package/dist/C_Progress2.js +1 -2
  214. package/dist/C_QRCode.cjs +1 -1
  215. package/dist/C_QRCode.css +8 -10
  216. package/dist/C_QRCode.d.cts +1 -1
  217. package/dist/C_QRCode2.cjs +1 -0
  218. package/dist/C_QRCode2.js +1 -2
  219. package/dist/C_Signature.cjs +1 -1
  220. package/dist/C_Signature.css +0 -2
  221. package/dist/C_Signature.d.cts +1 -1
  222. package/dist/C_Signature.js +1 -1
  223. package/dist/C_Signature2.cjs +1 -0
  224. package/dist/C_Signature2.js +1 -2
  225. package/dist/C_Skeleton.cjs +1 -1
  226. package/dist/C_Skeleton.css +0 -2
  227. package/dist/C_Skeleton.d.cts +1 -1
  228. package/dist/C_Skeleton.d.ts +1 -1
  229. package/dist/C_Skeleton2.cjs +1 -0
  230. package/dist/C_Skeleton2.js +1 -2
  231. package/dist/C_SplitPane.cjs +1 -1
  232. package/dist/C_SplitPane.css +27 -11
  233. package/dist/C_SplitPane.d.cts +1 -1
  234. package/dist/C_SplitPane.js +1 -1
  235. package/dist/C_SplitPane2.cjs +1 -0
  236. package/dist/C_SplitPane2.js +1 -2
  237. package/dist/C_Steps.cjs +1 -1
  238. package/dist/C_Steps.css +37 -39
  239. package/dist/C_Steps.d.cts +1 -1
  240. package/dist/C_Steps.d.ts +1 -1
  241. package/dist/C_Steps2.cjs +1 -0
  242. package/dist/C_Steps2.js +1 -2
  243. package/dist/C_Table.base.css +1588 -0
  244. package/dist/C_Table.cjs +1 -1
  245. package/dist/C_Table.css +1202 -112
  246. package/dist/C_Table.d.cts +2 -2
  247. package/dist/C_Table.d.ts +11 -2
  248. package/dist/C_Table.js +1 -1
  249. package/dist/C_TagsView.cjs +1 -1
  250. package/dist/C_TagsView.css +44 -40
  251. package/dist/C_TagsView.d.cts +2 -2
  252. package/dist/C_TagsView.d.ts +2 -2
  253. package/dist/C_TagsView.js +1 -1
  254. package/dist/C_TagsView2.cjs +1 -0
  255. package/dist/C_TagsView2.js +1 -2
  256. package/dist/C_Theme.cjs +1 -1
  257. package/dist/C_Theme.css +1 -0
  258. package/dist/C_Theme.d.cts +1 -1
  259. package/dist/C_Theme.d.ts +1 -1
  260. package/dist/C_Theme.js +1 -1
  261. package/dist/C_Theme2.cjs +1 -0
  262. package/dist/C_Theme2.js +1 -2
  263. package/dist/C_Time.cjs +1 -1
  264. package/dist/C_Time.css +0 -2
  265. package/dist/C_Time.d.cts +2 -2
  266. package/dist/C_Time.d.ts +2 -2
  267. package/dist/C_Time2.cjs +1 -0
  268. package/dist/C_Time2.js +1 -2
  269. package/dist/C_Timeline.cjs +1 -1
  270. package/dist/C_Timeline.css +44 -46
  271. package/dist/C_Timeline.d.cts +1 -1
  272. package/dist/C_Timeline.js +1 -1
  273. package/dist/C_Timeline2.cjs +1 -0
  274. package/dist/C_Timeline2.js +1 -2
  275. package/dist/C_Transfer.cjs +1 -1
  276. package/dist/C_Transfer.css +21 -9
  277. package/dist/C_Transfer.d.cts +1 -1
  278. package/dist/C_Transfer.js +1 -1
  279. package/dist/C_Transfer2.cjs +1 -0
  280. package/dist/C_Transfer2.js +1 -2
  281. package/dist/C_Tree.cjs +1 -1
  282. package/dist/C_Tree.css +0 -2
  283. package/dist/C_Tree.d.cts +1 -1
  284. package/dist/C_Tree.js +1 -1
  285. package/dist/C_Tree2.cjs +1 -0
  286. package/dist/C_Tree2.js +1 -2
  287. package/dist/C_Upload.cjs +1 -1
  288. package/dist/C_Upload.css +17 -17
  289. package/dist/C_Upload.d.cts +1 -1
  290. package/dist/C_Upload.js +1 -1
  291. package/dist/C_Upload2.cjs +1 -0
  292. package/dist/C_Upload2.js +1 -25
  293. package/dist/C_VideoPlayer.cjs +1 -1
  294. package/dist/C_VideoPlayer.css +35 -24
  295. package/dist/C_VideoPlayer.d.cts +2 -2
  296. package/dist/C_VideoPlayer.d.ts +2 -2
  297. package/dist/C_VideoPlayer.js +1 -1
  298. package/dist/C_VideoPlayer2.cjs +3 -0
  299. package/dist/C_VideoPlayer2.js +3 -4
  300. package/dist/C_VtableGantt.cjs +1 -1
  301. package/dist/C_VtableGantt.css +15 -7
  302. package/dist/C_VtableGantt.d.cts +1 -1
  303. package/dist/C_VtableGantt.d.ts +1 -1
  304. package/dist/C_VtableGantt.js +1 -1
  305. package/dist/C_VtableGantt2.cjs +1 -0
  306. package/dist/C_VtableGantt2.js +1 -2
  307. package/dist/C_WaterFall.cjs +1 -1
  308. package/dist/C_WaterFall.css +15 -17
  309. package/dist/C_WaterFall.d.cts +1 -1
  310. package/dist/C_WaterFall2.cjs +1 -0
  311. package/dist/C_WaterFall2.js +1 -2
  312. package/dist/C_WorkFlow.cjs +1 -1
  313. package/dist/C_WorkFlow.css +257 -197
  314. package/dist/C_WorkFlow.d.cts +1 -1
  315. package/dist/C_WorkFlow.js +1 -1
  316. package/dist/C_WorkFlow2.cjs +1 -0
  317. package/dist/C_WorkFlow2.js +1 -2
  318. package/dist/city.cjs +1 -0
  319. package/dist/city.js +1 -2
  320. package/dist/config.cjs +1 -0
  321. package/dist/config.d.cts +33 -0
  322. package/dist/config.d.ts +33 -0
  323. package/dist/config.js +1 -0
  324. package/dist/constants.d.cts +272 -0
  325. package/dist/constants.d.ts +2 -3
  326. package/dist/constants2.d.cts +177 -0
  327. package/dist/constants2.d.ts +3 -4
  328. package/dist/constants3.d.cts +479 -0
  329. package/dist/constants3.d.ts +16 -12
  330. package/dist/constants4.d.cts +420 -0
  331. package/dist/constants4.d.ts +27 -37
  332. package/dist/constants5.d.cts +491 -0
  333. package/dist/constants5.d.ts +20 -4
  334. package/dist/data.cjs +1 -0
  335. package/dist/data.d.cts +67 -0
  336. package/dist/data.d.ts +12 -12
  337. package/dist/data.js +1 -0
  338. package/dist/export-helper.cjs +1 -0
  339. package/dist/helpers.cjs +1 -0
  340. package/dist/helpers.js +1 -0
  341. package/dist/html.cjs +1 -0
  342. package/dist/html.js +1 -0
  343. package/dist/images/marker-icon-2x.png +0 -0
  344. package/dist/images/marker-icon.png +0 -0
  345. package/dist/images/marker-shadow.png +0 -0
  346. package/dist/index.cjs +1 -2
  347. package/dist/index.d.cts +60 -99
  348. package/dist/index.d.ts +75 -164
  349. package/dist/index.js +1 -2
  350. package/dist/index.vue.d.cts +79 -0
  351. package/dist/index.vue.d.ts +3 -4
  352. package/dist/index10.vue.d.cts +47 -0
  353. package/dist/index10.vue.d.ts +80 -40
  354. package/dist/index11.vue.d.cts +88 -0
  355. package/dist/index11.vue.d.ts +68 -78
  356. package/dist/index12.vue.d.cts +79 -0
  357. package/dist/index12.vue.d.ts +49 -45
  358. package/dist/index13.vue.d.cts +64 -0
  359. package/dist/index13.vue.d.ts +99 -34
  360. package/dist/index14.vue.d.cts +106 -0
  361. package/dist/index14.vue.d.ts +82 -99
  362. package/dist/index15.vue.d.cts +91 -0
  363. package/dist/index15.vue.d.ts +25 -83
  364. package/dist/index16.vue.d.cts +34 -0
  365. package/dist/index16.vue.d.ts +113 -24
  366. package/dist/index17.vue.d.cts +124 -0
  367. package/dist/index17.vue.d.ts +76 -110
  368. package/dist/index18.vue.d.cts +83 -0
  369. package/dist/index18.vue.d.ts +67 -73
  370. package/dist/index19.vue.d.cts +101 -0
  371. package/dist/index19.vue.d.ts +93 -59
  372. package/dist/index2.vue.d.cts +82 -0
  373. package/dist/index2.vue.d.ts +7 -8
  374. package/dist/index20.vue.d.cts +54 -0
  375. package/dist/index20.vue.d.ts +40 -88
  376. package/dist/index21.vue.d.cts +103 -0
  377. package/dist/index21.vue.d.ts +89 -41
  378. package/dist/index22.vue.d.cts +45 -0
  379. package/dist/index22.vue.d.ts +37 -96
  380. package/dist/index23.vue.d.cts +19 -0
  381. package/dist/index23.vue.d.ts +8 -35
  382. package/dist/{index28.vue.d.ts → index24.vue.d.cts} +4 -5
  383. package/dist/index24.vue.d.ts +650 -86
  384. package/dist/index25.vue.d.cts +96 -0
  385. package/dist/index25.vue.d.ts +86 -10
  386. package/dist/index26.vue.d.cts +111 -0
  387. package/dist/index26.vue.d.ts +4 -5
  388. package/dist/index27.vue.d.cts +80 -0
  389. package/dist/index27.vue.d.ts +2 -3
  390. package/dist/index3.vue.d.cts +87 -0
  391. package/dist/index3.vue.d.ts +4 -5
  392. package/dist/index4.vue.d.cts +37 -0
  393. package/dist/index4.vue.d.ts +6 -7
  394. package/dist/index5.vue.d.cts +133 -0
  395. package/dist/index5.vue.d.ts +2 -3
  396. package/dist/index6.vue.d.cts +29 -0
  397. package/dist/index6.vue.d.ts +25 -38
  398. package/dist/index7.vue.d.cts +32 -0
  399. package/dist/index7.vue.d.ts +117 -23
  400. package/dist/index8.vue.d.cts +127 -0
  401. package/dist/index8.vue.d.ts +17 -111
  402. package/dist/index9.vue.d.cts +34 -0
  403. package/dist/index9.vue.d.ts +38 -26
  404. package/dist/public.d.ts +166 -0
  405. package/dist/resolver.cjs +1 -2
  406. package/dist/resolver.d.cts +6 -4
  407. package/dist/resolver.d.ts +6 -4
  408. package/dist/resolver.js +1 -2
  409. package/dist/storage.cjs +1 -0
  410. package/dist/storage.js +1 -2
  411. package/dist/style.css +9864 -7702
  412. package/dist/types.d.cts +107 -0
  413. package/dist/types.d.ts +52 -102
  414. package/dist/types2.d.cts +58 -0
  415. package/dist/useCalendarEvents.d.cts +150 -0
  416. package/dist/useCalendarEvents.d.ts +3 -4
  417. package/dist/useCollapsePanel.d.cts +133 -0
  418. package/dist/useCollapsePanel.d.ts +2 -3
  419. package/dist/useCropperCore.d.cts +104 -0
  420. package/dist/useCropperCore.d.ts +11 -9
  421. package/dist/useDraggableLayout.d.cts +196 -0
  422. package/dist/useDraggableLayout.d.ts +17 -15
  423. package/dist/useDynamicFormState.d.cts +749 -0
  424. package/dist/useDynamicFormState.d.ts +234 -112
  425. package/dist/useEdgeInteraction.d.cts +324 -0
  426. package/dist/useEdgeInteraction.d.ts +6 -7
  427. package/dist/useFullscreen.d.cts +165 -0
  428. package/dist/useFullscreen.d.ts +1 -2
  429. package/dist/useGlobalSearch.d.cts +110 -0
  430. package/dist/useGlobalSearch.d.ts +17 -9
  431. package/dist/useInfiniteScroll.d.cts +177 -0
  432. package/dist/useInfiniteScroll.d.ts +13 -5
  433. package/dist/useQRCode.d.cts +89 -0
  434. package/dist/useQRCode.d.ts +5 -3
  435. package/dist/useSearchState.d.cts +871 -0
  436. package/dist/useSearchState.d.ts +830 -30
  437. package/dist/useSignatureHistory.d.cts +197 -0
  438. package/dist/useSignatureHistory.d.ts +10 -5
  439. package/dist/useSplitResize.d.cts +157 -0
  440. package/dist/useSplitResize.d.ts +3 -4
  441. package/dist/useTableQuery.cjs +3 -0
  442. package/dist/{useModalEdit.d.ts → useTableQuery.d.cts} +624 -211
  443. package/dist/useTableQuery.d.ts +1721 -0
  444. package/dist/useTableQuery.js +3 -0
  445. package/dist/useTimeSelection.d.cts +116 -0
  446. package/dist/useTimeSelection.d.ts +20 -9
  447. package/dist/useTreeOperations.d.cts +185 -0
  448. package/dist/useTreeOperations.d.ts +13 -11
  449. package/dist/useWorkflowValidation.d.cts +1051 -0
  450. package/dist/useWorkflowValidation.d.ts +62 -63
  451. package/dist/verification.d.cts +58 -0
  452. package/dist/verification.d.ts +58 -0
  453. package/package.json +102 -69
  454. package/dist/C_ActionBar-BAcfOfRw.css.map +0 -1
  455. package/dist/C_ActionBar-DG2HW7t5.css.map +0 -1
  456. package/dist/C_ActionBar.js.map +0 -1
  457. package/dist/C_ActionBar2.js.map +0 -1
  458. package/dist/C_AntV-D_jTK8oZ.css.map +0 -1
  459. package/dist/C_AntV-DanTAq22.css.map +0 -1
  460. package/dist/C_AntV.js.map +0 -1
  461. package/dist/C_AntV2.js.map +0 -1
  462. package/dist/C_AudioPlayer-BnYIJXPD.css.map +0 -1
  463. package/dist/C_AudioPlayer-Cj4lUdZo.css.map +0 -1
  464. package/dist/C_AudioPlayer.js.map +0 -1
  465. package/dist/C_AudioPlayer2.js.map +0 -1
  466. package/dist/C_AvatarGroup-B9d-GJ9c.css.map +0 -1
  467. package/dist/C_AvatarGroup-D3PwsKME.css.map +0 -1
  468. package/dist/C_AvatarGroup.js.map +0 -1
  469. package/dist/C_AvatarGroup2.js.map +0 -1
  470. package/dist/C_Barcode-CAU2mFcx.css.map +0 -1
  471. package/dist/C_Barcode-D2oJaEg3.css.map +0 -1
  472. package/dist/C_Barcode.js.map +0 -1
  473. package/dist/C_Barcode2.js.map +0 -1
  474. package/dist/C_Breadcrumb-BiH0d9AI.css.map +0 -1
  475. package/dist/C_Breadcrumb-DOcLt9uX.css.map +0 -1
  476. package/dist/C_Breadcrumb.js.map +0 -1
  477. package/dist/C_Breadcrumb2.js.map +0 -1
  478. package/dist/C_Captcha-B3yrtG7t.css.map +0 -1
  479. package/dist/C_Captcha-D4hDdWDu.css.map +0 -1
  480. package/dist/C_Captcha.js.map +0 -1
  481. package/dist/C_Captcha2.js.map +0 -1
  482. package/dist/C_Cascade-CmCrLVft.css.map +0 -1
  483. package/dist/C_Cascade-U6A5AJJb.css.map +0 -1
  484. package/dist/C_Cascade.js.map +0 -1
  485. package/dist/C_Cascade2.js.map +0 -1
  486. package/dist/C_Chat-DeUv6uuI.css.map +0 -1
  487. package/dist/C_Chat-DwatUQqu.css.map +0 -1
  488. package/dist/C_Chat.js.map +0 -1
  489. package/dist/C_Chat2.js.map +0 -1
  490. package/dist/C_City-DdkX6u64.css.map +0 -1
  491. package/dist/C_City-iP-dIvui.css.map +0 -1
  492. package/dist/C_City.js.map +0 -1
  493. package/dist/C_City2.js.map +0 -1
  494. package/dist/C_Code-BWmJMNS7.css.map +0 -1
  495. package/dist/C_Code-k14vjgVl.css.map +0 -1
  496. package/dist/C_Code.js.map +0 -1
  497. package/dist/C_Code2.js.map +0 -1
  498. package/dist/C_CollapsePanel-BSKcWSmY.css.map +0 -1
  499. package/dist/C_CollapsePanel-DRvRq8tB.css.map +0 -1
  500. package/dist/C_CollapsePanel.js.map +0 -1
  501. package/dist/C_CollapsePanel2.js.map +0 -1
  502. package/dist/C_ContextMenu-C9iuxG2n.css.map +0 -1
  503. package/dist/C_ContextMenu-CD0iaSju.css.map +0 -1
  504. package/dist/C_ContextMenu.js.map +0 -1
  505. package/dist/C_ContextMenu2.js.map +0 -1
  506. package/dist/C_Cron-BIQ2By9v.css.map +0 -1
  507. package/dist/C_Cron-BNSAGD6A.css.map +0 -1
  508. package/dist/C_Cron.js.map +0 -1
  509. package/dist/C_Cron2.js.map +0 -1
  510. package/dist/C_Date.js.map +0 -1
  511. package/dist/C_Date2.js.map +0 -1
  512. package/dist/C_Draggable-BDAbk4s5.css.map +0 -1
  513. package/dist/C_Draggable-UhfDLXop.css.map +0 -1
  514. package/dist/C_Draggable.js.map +0 -1
  515. package/dist/C_Draggable2.js.map +0 -1
  516. package/dist/C_Editor-CZOaChru.css.map +0 -1
  517. package/dist/C_Editor-kJAQq5z6.css.map +0 -1
  518. package/dist/C_Editor.js.map +0 -1
  519. package/dist/C_Editor2.js.map +0 -1
  520. package/dist/C_FilePreview-Bs_omgJS.css.map +0 -1
  521. package/dist/C_FilePreview-DbwoyF2j.css.map +0 -1
  522. package/dist/C_FilePreview.js.map +0 -1
  523. package/dist/C_FilePreview2.js.map +0 -1
  524. package/dist/C_Form-B_2ql62V.css.map +0 -1
  525. package/dist/C_Form-CX-7xsz3.css.map +0 -1
  526. package/dist/C_Form.js.map +0 -1
  527. package/dist/C_Form2.js.map +0 -1
  528. package/dist/C_FormSearch-C3F8peAY.css.map +0 -1
  529. package/dist/C_FormSearch-qW56bJPo.css.map +0 -1
  530. package/dist/C_FormSearch.js.map +0 -1
  531. package/dist/C_FormSearch2.js.map +0 -1
  532. package/dist/C_FormulaEditor-ChOvDbsZ.css.map +0 -1
  533. package/dist/C_FormulaEditor-mfiIUDY4.css.map +0 -1
  534. package/dist/C_FormulaEditor.js.map +0 -1
  535. package/dist/C_FormulaEditor2.js.map +0 -1
  536. package/dist/C_FullCalendar-C2nsqrgS.css.map +0 -1
  537. package/dist/C_FullCalendar-DdFtXVhy.css.map +0 -1
  538. package/dist/C_FullCalendar.js.map +0 -1
  539. package/dist/C_FullCalendar2.js.map +0 -1
  540. package/dist/C_GlobalSearch-Dq4Wo01K.css.map +0 -1
  541. package/dist/C_GlobalSearch-RB7J43gu.css.map +0 -1
  542. package/dist/C_GlobalSearch.js.map +0 -1
  543. package/dist/C_GlobalSearch2.js.map +0 -1
  544. package/dist/C_Guide.js.map +0 -1
  545. package/dist/C_Guide2.js.map +0 -1
  546. package/dist/C_Icon.js.map +0 -1
  547. package/dist/C_Icon2.js.map +0 -1
  548. package/dist/C_ImageCropper-CdTX2nxU.css.map +0 -1
  549. package/dist/C_ImageCropper-ilOqPklJ.css.map +0 -1
  550. package/dist/C_ImageCropper.js.map +0 -1
  551. package/dist/C_ImageCropper2.js.map +0 -1
  552. package/dist/C_Language.js.map +0 -1
  553. package/dist/C_Language2.js.map +0 -1
  554. package/dist/C_Login-BrQBs_m4.css.map +0 -1
  555. package/dist/C_Login-xMI1_ojE.css.map +0 -1
  556. package/dist/C_Login.js.map +0 -1
  557. package/dist/C_Login2.js.map +0 -1
  558. package/dist/C_Map-CWMMN58_.css.map +0 -1
  559. package/dist/C_Map-xSR2H-9o.css.map +0 -1
  560. package/dist/C_Map.js.map +0 -1
  561. package/dist/C_Map2.js.map +0 -1
  562. package/dist/C_Markdown-C7lTVJ1S.css.map +0 -1
  563. package/dist/C_Markdown-CZDm_baQ.css.map +0 -1
  564. package/dist/C_Markdown.js.map +0 -1
  565. package/dist/C_Markdown2.js.map +0 -1
  566. package/dist/C_Menu.js.map +0 -1
  567. package/dist/C_Menu2.js.map +0 -1
  568. package/dist/C_NotificationCenter-D7GGGWg7.css.map +0 -1
  569. package/dist/C_NotificationCenter-SSmeHA45.css.map +0 -1
  570. package/dist/C_NotificationCenter.js.map +0 -1
  571. package/dist/C_NotificationCenter2.js.map +0 -1
  572. package/dist/C_OrgChart-BXEp4i4w.css.map +0 -1
  573. package/dist/C_OrgChart-DqBufOv5.css.map +0 -1
  574. package/dist/C_OrgChart.js.map +0 -1
  575. package/dist/C_OrgChart2.js.map +0 -1
  576. package/dist/C_Progress.js.map +0 -1
  577. package/dist/C_Progress2.js.map +0 -1
  578. package/dist/C_QRCode-B_1lHUdx.css.map +0 -1
  579. package/dist/C_QRCode-CuQRYu0s.css.map +0 -1
  580. package/dist/C_QRCode.js.map +0 -1
  581. package/dist/C_QRCode2.js.map +0 -1
  582. package/dist/C_Signature-Bp-RBpAl.css.map +0 -1
  583. package/dist/C_Signature-Cb2VW1ok.css.map +0 -1
  584. package/dist/C_Signature.js.map +0 -1
  585. package/dist/C_Signature2.js.map +0 -1
  586. package/dist/C_Skeleton-BJoFYwrF.css.map +0 -1
  587. package/dist/C_Skeleton-Djsjw8XY.css.map +0 -1
  588. package/dist/C_Skeleton.js.map +0 -1
  589. package/dist/C_Skeleton2.js.map +0 -1
  590. package/dist/C_SplitPane-CgGWYsRE.css.map +0 -1
  591. package/dist/C_SplitPane-DGf6WEeR.css.map +0 -1
  592. package/dist/C_SplitPane.js.map +0 -1
  593. package/dist/C_SplitPane2.js.map +0 -1
  594. package/dist/C_Steps-27Exh7PM.css.map +0 -1
  595. package/dist/C_Steps-DU9ZsFrs.css.map +0 -1
  596. package/dist/C_Steps.js.map +0 -1
  597. package/dist/C_Steps2.js.map +0 -1
  598. package/dist/C_Table--kbQaaBv.css.map +0 -1
  599. package/dist/C_Table-D631kdXC.css.map +0 -1
  600. package/dist/C_Table.js.map +0 -1
  601. package/dist/C_Table2.js +0 -4
  602. package/dist/C_Table2.js.map +0 -1
  603. package/dist/C_TagsView-DtGtYhBH.css.map +0 -1
  604. package/dist/C_TagsView-s1dnSJAV.css.map +0 -1
  605. package/dist/C_TagsView.js.map +0 -1
  606. package/dist/C_TagsView2.js.map +0 -1
  607. package/dist/C_Theme.js.map +0 -1
  608. package/dist/C_Theme2.js.map +0 -1
  609. package/dist/C_Time-BQ9PGy8B.css.map +0 -1
  610. package/dist/C_Time-CO73krC6.css.map +0 -1
  611. package/dist/C_Time.js.map +0 -1
  612. package/dist/C_Time2.js.map +0 -1
  613. package/dist/C_Timeline-DdESmqwL.css.map +0 -1
  614. package/dist/C_Timeline-irQcO-b7.css.map +0 -1
  615. package/dist/C_Timeline.js.map +0 -1
  616. package/dist/C_Timeline2.js.map +0 -1
  617. package/dist/C_Transfer-11y3k-WD.css.map +0 -1
  618. package/dist/C_Transfer-EzdHzZNv.css.map +0 -1
  619. package/dist/C_Transfer.js.map +0 -1
  620. package/dist/C_Transfer2.js.map +0 -1
  621. package/dist/C_Tree-CsXgGfhn.css.map +0 -1
  622. package/dist/C_Tree-P7eRpnOa.css.map +0 -1
  623. package/dist/C_Tree.js.map +0 -1
  624. package/dist/C_Tree2.js.map +0 -1
  625. package/dist/C_Upload-CHjiVVh7.css.map +0 -1
  626. package/dist/C_Upload-DE3OLsZD.css.map +0 -1
  627. package/dist/C_Upload.js.map +0 -1
  628. package/dist/C_Upload2.js.map +0 -1
  629. package/dist/C_VideoPlayer-CnaNOFtW.css.map +0 -1
  630. package/dist/C_VideoPlayer-cnP88zNV.css.map +0 -1
  631. package/dist/C_VideoPlayer.js.map +0 -1
  632. package/dist/C_VideoPlayer2.js.map +0 -1
  633. package/dist/C_VtableGantt-CZlJgvpC.css.map +0 -1
  634. package/dist/C_VtableGantt-DKfQkql0.css.map +0 -1
  635. package/dist/C_VtableGantt.js.map +0 -1
  636. package/dist/C_VtableGantt2.js.map +0 -1
  637. package/dist/C_WaterFall-BJ_39ext.css.map +0 -1
  638. package/dist/C_WaterFall-cYc1vntE.css.map +0 -1
  639. package/dist/C_WaterFall.js.map +0 -1
  640. package/dist/C_WaterFall2.js.map +0 -1
  641. package/dist/C_WorkFlow-BFzRGGhJ.css.map +0 -1
  642. package/dist/C_WorkFlow-DSyCOvRp.css.map +0 -1
  643. package/dist/C_WorkFlow.js.map +0 -1
  644. package/dist/C_WorkFlow2.js.map +0 -1
  645. package/dist/city.js.map +0 -1
  646. package/dist/index.cjs.map +0 -1
  647. package/dist/index.js.map +0 -1
  648. package/dist/index2.d.ts +0 -120
  649. package/dist/resolver.cjs.map +0 -1
  650. package/dist/resolver.js.map +0 -1
  651. package/dist/storage.js.map +0 -1
  652. /package/dist/{chunk.js → chunk.cjs} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_CollapsePanel.js","names":["variant","bordered","expandIconPosition","items","$slots"],"sources":["../src/components/C_CollapsePanel/composables/useCollapsePanel.ts","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { Ref } from 'vue'\r\nimport type { CollapsePanelItem } from '../types'\r\n\r\ninterface UseCollapsePanelOptions {\r\n /** 面板项配置 */\r\n items: Ref<CollapsePanelItem[]>\r\n /** 外部 v-model activeKeys */\r\n activeKeys: Ref<string[] | undefined>\r\n /** 非受控时的默认激活 key */\r\n defaultActiveKeys: string[]\r\n /** 是否手风琴模式 */\r\n accordion: Ref<boolean>\r\n /** localStorage 持久化 key */\r\n persistKey: Ref<string | undefined>\r\n /** activeKeys 变化回调 */\r\n onChange?: (keys: string[]) => void\r\n /** 单面板展开回调 */\r\n onExpand?: (key: string) => void\r\n /** 单面板折叠回调 */\r\n onCollapse?: (key: string) => void\r\n}\r\n\r\n/**\r\n * 折叠面板展开/折叠核心逻辑\r\n */\r\nexport function useCollapsePanel(options: UseCollapsePanelOptions) {\r\n const {\r\n items,\r\n activeKeys: externalKeys,\r\n defaultActiveKeys,\r\n accordion,\r\n persistKey,\r\n onChange,\r\n onExpand,\r\n onCollapse,\r\n } = options\r\n\r\n /* ─── 持久化读取 ──────────────────────────────── */\r\n const loadPersistedKeys = (): string[] | null => {\r\n if (!persistKey.value) return null\r\n try {\r\n const raw = localStorage.getItem(`collapse-panel:${persistKey.value}`)\r\n return raw ? JSON.parse(raw) : null\r\n } catch {\r\n return null\r\n }\r\n }\r\n\r\n const savePersistedKeys = (keys: string[]) => {\r\n if (!persistKey.value) return\r\n try {\r\n localStorage.setItem(\r\n `collapse-panel:${persistKey.value}`,\r\n JSON.stringify(keys),\r\n )\r\n } catch {\r\n /* 静默失败 */\r\n }\r\n }\r\n\r\n /* ─── 内部状态 ────────────────────────────────── */\r\n const resolveInitialKeys = (): string[] => {\r\n /* 优先级:外部 v-model > 持久化 > 默认值 */\r\n if (externalKeys.value !== undefined) return [...externalKeys.value]\r\n const persisted = loadPersistedKeys()\r\n if (persisted) return persisted\r\n return [...defaultActiveKeys]\r\n }\r\n\r\n const internalKeys = ref<string[]>(resolveInitialKeys())\r\n\r\n /** 懒渲染追踪:记录哪些面板曾被展开过 */\r\n const renderedOnce = ref<Set<string>>(new Set(internalKeys.value))\r\n\r\n /* ─── 计算属性 ────────────────────────────────── */\r\n /** 当前激活的 key 数组(兼容受控 / 非受控) */\r\n const currentKeys = computed<string[]>({\r\n get: () =>\r\n externalKeys.value !== undefined\r\n ? externalKeys.value\r\n : internalKeys.value,\r\n set: (val) => {\r\n internalKeys.value = val\r\n },\r\n })\r\n\r\n /**\r\n * 判断面板是否展开\r\n */\r\n const isExpanded = (key: string): boolean => {\r\n return currentKeys.value.includes(key)\r\n }\r\n\r\n /**\r\n * 判断面板是否应该渲染内容\r\n * - lazy 面板只有被展开过至少一次后才渲染\r\n * - destroyOnCollapse 面板在折叠后销毁 DOM\r\n */\r\n const shouldRender = (item: CollapsePanelItem): boolean => {\r\n const expanded = isExpanded(item.key)\r\n\r\n if (item.destroyOnCollapse) return expanded\r\n if (item.lazy) return renderedOnce.value.has(item.key)\r\n return true\r\n }\r\n\r\n /* ─── 操作方法 ────────────────────────────────── */\r\n const updateKeys = (newKeys: string[]) => {\r\n currentKeys.value = newKeys\r\n onChange?.(newKeys)\r\n savePersistedKeys(newKeys)\r\n }\r\n\r\n const toggle = (key: string) => {\r\n const item = items.value.find((i) => i.key === key)\r\n if (!item || item.disabled) return\r\n\r\n const expanded = isExpanded(key)\r\n\r\n if (expanded) {\r\n /* 折叠 */\r\n updateKeys(currentKeys.value.filter((k) => k !== key))\r\n onCollapse?.(key)\r\n } else {\r\n /* 展开 */\r\n renderedOnce.value.add(key)\r\n\r\n if (accordion.value) {\r\n /* 手风琴模式:关闭其他面板 */\r\n const prevKeys = currentKeys.value\r\n updateKeys([key])\r\n /* 通知被折叠的面板 */\r\n prevKeys.forEach((k) => {\r\n if (k !== key) onCollapse?.(k)\r\n })\r\n } else {\r\n updateKeys([...currentKeys.value, key])\r\n }\r\n onExpand?.(key)\r\n }\r\n }\r\n\r\n const expandAll = () => {\r\n if (accordion.value) return /* 手风琴模式不支持全展开 */\r\n\r\n const allKeys = items.value.filter((i) => !i.disabled).map((i) => i.key)\r\n\r\n allKeys.forEach((k) => renderedOnce.value.add(k))\r\n updateKeys(allKeys)\r\n }\r\n\r\n const collapseAll = () => {\r\n updateKeys([])\r\n }\r\n\r\n const getActiveKeys = (): string[] => {\r\n return [...currentKeys.value]\r\n }\r\n\r\n /* ─── 键盘导航 ────────────────────────────────── */\r\n const handleKeyDown = (e: KeyboardEvent, key: string) => {\r\n if (['Enter', ' '].includes(e.key)) {\r\n e.preventDefault()\r\n toggle(key)\r\n }\r\n }\r\n\r\n /* ─── 同步外部 v-model 变化 ───────────────────── */\r\n watch(\r\n () => externalKeys.value,\r\n (newVal) => {\r\n if (newVal !== undefined) {\r\n internalKeys.value = [...newVal]\r\n newVal.forEach((k) => renderedOnce.value.add(k))\r\n savePersistedKeys(newVal)\r\n }\r\n },\r\n )\r\n\r\n return {\r\n currentKeys,\r\n renderedOnce,\r\n isExpanded,\r\n shouldRender,\r\n toggle,\r\n expandAll,\r\n collapseAll,\r\n getActiveKeys,\r\n handleKeyDown,\r\n }\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: 折叠面板组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n <div\n ref=\"containerRef\"\n class=\"c-collapse-panel\"\n :class=\"[\n `c-collapse-panel--${variant}`,\n {\n 'c-collapse-panel--bordered': bordered,\n 'c-collapse-panel--icon-right': expandIconPosition === 'right',\n },\n ]\"\n >\n <div\n v-for=\"item in items\"\n :key=\"item.key\"\n :ref=\"el => setPanelRef(item.key, el as HTMLElement)\"\n class=\"collapse-item\"\n :class=\"{\n 'collapse-item--active': isExpanded(item.key),\n 'collapse-item--disabled': item.disabled,\n }\"\n >\n <!-- 面板头部 -->\n <div\n class=\"collapse-item__header\"\n role=\"button\"\n :aria-expanded=\"isExpanded(item.key)\"\n :aria-controls=\"`collapse-content-${item.key}`\"\n :aria-disabled=\"item.disabled\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"!item.disabled && toggle(item.key)\"\n @keydown=\"handleKeyDown($event, item.key)\"\n >\n <!-- 展开图标 -->\n <span\n class=\"collapse-item__arrow\"\n :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\n >\n <C_Icon\n name=\"mdi:chevron-right\"\n :size=\"16\"\n color=\"currentColor\"\n />\n </span>\n\n <!-- 标题区域 -->\n <div class=\"collapse-item__title-area\">\n <slot\n :name=\"`header-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <div class=\"collapse-item__title-group\">\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n :size=\"18\"\n color=\"currentColor\"\n class=\"collapse-item__icon\"\n />\n <span class=\"collapse-item__title\">{{ item.title }}</span>\n <span\n v-if=\"item.subtitle\"\n class=\"collapse-item__subtitle\"\n >\n {{ item.subtitle }}\n </span>\n </div>\n </slot>\n </div>\n\n <!-- 头部右侧操作区 -->\n <div\n v-if=\"$slots[`extra-${item.key}`]\"\n class=\"collapse-item__extra\"\n @click.stop\n >\n <slot\n :name=\"`extra-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n />\n </div>\n </div>\n\n <!-- 面板内容 -->\n <Transition\n name=\"collapse-slide\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n @leave=\"onLeave\"\n @after-leave=\"onAfterLeave\"\n >\n <div\n v-show=\"isExpanded(item.key)\"\n :id=\"`collapse-content-${item.key}`\"\n class=\"collapse-item__content-wrapper\"\n role=\"region\"\n :aria-labelledby=\"`collapse-header-${item.key}`\"\n >\n <div\n v-if=\"shouldRender(item)\"\n class=\"collapse-item__content\"\n >\n <slot\n :name=\"`panel-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <component\n :is=\"item.content\"\n v-if=\"item.content && typeof item.content !== 'string'\"\n />\n <template v-else-if=\"item.content\">{{ item.content }}</template>\n </slot>\n </div>\n </div>\n </Transition>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { ref, toRef } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import { useCollapsePanel } from './composables/useCollapsePanel'\n import type {\n CollapsePanelExpose,\n CollapsePanelItem,\n CollapsePanelVariant,\n ExpandIconPosition,\n } from './types'\n\n defineOptions({ name: 'C_CollapsePanel' })\n\n interface Props {\n /** 面板项配置数组 */\n items: CollapsePanelItem[]\n /** 当前激活面板的 key 数组(v-model) */\n activeKeys?: string[]\n /** 默认展开的面板 key 数组 */\n defaultActiveKeys?: string[]\n /** 是否手风琴模式 */\n accordion?: boolean\n /** 面板样式变体 */\n variant?: CollapsePanelVariant\n /** 展开图标位置 */\n expandIconPosition?: ExpandIconPosition\n /** 是否显示边框 */\n bordered?: boolean\n /** 展开状态 localStorage 持久化 key */\n persistKey?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n activeKeys: undefined,\n defaultActiveKeys: () => [],\n accordion: false,\n variant: 'default',\n expandIconPosition: 'left',\n bordered: true,\n persistKey: undefined,\n })\n\n const emit = defineEmits<{\n 'update:activeKeys': [keys: string[]]\n expand: [key: string]\n collapse: [key: string]\n change: [activeKeys: string[]]\n }>()\n\n const containerRef = ref<HTMLElement | null>(null)\n const panelRefs = ref<Map<string, HTMLElement>>(new Map())\n\n const setPanelRef = (key: string, el: HTMLElement | null) => {\n if (el) {\n panelRefs.value.set(key, el)\n } else {\n panelRefs.value.delete(key)\n }\n }\n\n const {\n isExpanded,\n shouldRender,\n toggle,\n expandAll,\n collapseAll,\n getActiveKeys,\n handleKeyDown,\n } = useCollapsePanel({\n items: toRef(props, 'items'),\n activeKeys: toRef(props, 'activeKeys'),\n defaultActiveKeys: props.defaultActiveKeys,\n accordion: toRef(props, 'accordion'),\n persistKey: toRef(props, 'persistKey'),\n onChange: keys => {\n emit('update:activeKeys', keys)\n emit('change', keys)\n },\n onExpand: key => emit('expand', key),\n onCollapse: key => emit('collapse', key),\n })\n\n /* ─── 展开/折叠动画 ──────────────────────────── */\n const onEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = '0'\n element.style.overflow = 'hidden'\n /* 强制 reflow */\n void element.offsetHeight\n element.style.height = `${element.scrollHeight}px`\n }\n\n const onAfterEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n const onLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = `${element.scrollHeight}px`\n element.style.overflow = 'hidden'\n void element.offsetHeight\n element.style.height = '0'\n }\n\n const onAfterLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n /* ─── 滚动到指定面板 ─────────────────────────── */\n const scrollToPanel = (key: string) => {\n const el = panelRefs.value.get(key)\n if (el) {\n el.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n\n /* ─── 暴露方法 ──────────────────────────────── */\n defineExpose<CollapsePanelExpose>({\n expandAll,\n collapseAll,\n toggle,\n getActiveKeys,\n scrollToPanel,\n })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: 折叠面板组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n <div\n ref=\"containerRef\"\n class=\"c-collapse-panel\"\n :class=\"[\n `c-collapse-panel--${variant}`,\n {\n 'c-collapse-panel--bordered': bordered,\n 'c-collapse-panel--icon-right': expandIconPosition === 'right',\n },\n ]\"\n >\n <div\n v-for=\"item in items\"\n :key=\"item.key\"\n :ref=\"el => setPanelRef(item.key, el as HTMLElement)\"\n class=\"collapse-item\"\n :class=\"{\n 'collapse-item--active': isExpanded(item.key),\n 'collapse-item--disabled': item.disabled,\n }\"\n >\n <!-- 面板头部 -->\n <div\n class=\"collapse-item__header\"\n role=\"button\"\n :aria-expanded=\"isExpanded(item.key)\"\n :aria-controls=\"`collapse-content-${item.key}`\"\n :aria-disabled=\"item.disabled\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"!item.disabled && toggle(item.key)\"\n @keydown=\"handleKeyDown($event, item.key)\"\n >\n <!-- 展开图标 -->\n <span\n class=\"collapse-item__arrow\"\n :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\n >\n <C_Icon\n name=\"mdi:chevron-right\"\n :size=\"16\"\n color=\"currentColor\"\n />\n </span>\n\n <!-- 标题区域 -->\n <div class=\"collapse-item__title-area\">\n <slot\n :name=\"`header-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <div class=\"collapse-item__title-group\">\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n :size=\"18\"\n color=\"currentColor\"\n class=\"collapse-item__icon\"\n />\n <span class=\"collapse-item__title\">{{ item.title }}</span>\n <span\n v-if=\"item.subtitle\"\n class=\"collapse-item__subtitle\"\n >\n {{ item.subtitle }}\n </span>\n </div>\n </slot>\n </div>\n\n <!-- 头部右侧操作区 -->\n <div\n v-if=\"$slots[`extra-${item.key}`]\"\n class=\"collapse-item__extra\"\n @click.stop\n >\n <slot\n :name=\"`extra-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n />\n </div>\n </div>\n\n <!-- 面板内容 -->\n <Transition\n name=\"collapse-slide\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n @leave=\"onLeave\"\n @after-leave=\"onAfterLeave\"\n >\n <div\n v-show=\"isExpanded(item.key)\"\n :id=\"`collapse-content-${item.key}`\"\n class=\"collapse-item__content-wrapper\"\n role=\"region\"\n :aria-labelledby=\"`collapse-header-${item.key}`\"\n >\n <div\n v-if=\"shouldRender(item)\"\n class=\"collapse-item__content\"\n >\n <slot\n :name=\"`panel-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <component\n :is=\"item.content\"\n v-if=\"item.content && typeof item.content !== 'string'\"\n />\n <template v-else-if=\"item.content\">{{ item.content }}</template>\n </slot>\n </div>\n </div>\n </Transition>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { ref, toRef } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import { useCollapsePanel } from './composables/useCollapsePanel'\n import type {\n CollapsePanelExpose,\n CollapsePanelItem,\n CollapsePanelVariant,\n ExpandIconPosition,\n } from './types'\n\n defineOptions({ name: 'C_CollapsePanel' })\n\n interface Props {\n /** 面板项配置数组 */\n items: CollapsePanelItem[]\n /** 当前激活面板的 key 数组(v-model) */\n activeKeys?: string[]\n /** 默认展开的面板 key 数组 */\n defaultActiveKeys?: string[]\n /** 是否手风琴模式 */\n accordion?: boolean\n /** 面板样式变体 */\n variant?: CollapsePanelVariant\n /** 展开图标位置 */\n expandIconPosition?: ExpandIconPosition\n /** 是否显示边框 */\n bordered?: boolean\n /** 展开状态 localStorage 持久化 key */\n persistKey?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n activeKeys: undefined,\n defaultActiveKeys: () => [],\n accordion: false,\n variant: 'default',\n expandIconPosition: 'left',\n bordered: true,\n persistKey: undefined,\n })\n\n const emit = defineEmits<{\n 'update:activeKeys': [keys: string[]]\n expand: [key: string]\n collapse: [key: string]\n change: [activeKeys: string[]]\n }>()\n\n const containerRef = ref<HTMLElement | null>(null)\n const panelRefs = ref<Map<string, HTMLElement>>(new Map())\n\n const setPanelRef = (key: string, el: HTMLElement | null) => {\n if (el) {\n panelRefs.value.set(key, el)\n } else {\n panelRefs.value.delete(key)\n }\n }\n\n const {\n isExpanded,\n shouldRender,\n toggle,\n expandAll,\n collapseAll,\n getActiveKeys,\n handleKeyDown,\n } = useCollapsePanel({\n items: toRef(props, 'items'),\n activeKeys: toRef(props, 'activeKeys'),\n defaultActiveKeys: props.defaultActiveKeys,\n accordion: toRef(props, 'accordion'),\n persistKey: toRef(props, 'persistKey'),\n onChange: keys => {\n emit('update:activeKeys', keys)\n emit('change', keys)\n },\n onExpand: key => emit('expand', key),\n onCollapse: key => emit('collapse', key),\n })\n\n /* ─── 展开/折叠动画 ──────────────────────────── */\n const onEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = '0'\n element.style.overflow = 'hidden'\n /* 强制 reflow */\n void element.offsetHeight\n element.style.height = `${element.scrollHeight}px`\n }\n\n const onAfterEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n const onLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = `${element.scrollHeight}px`\n element.style.overflow = 'hidden'\n void element.offsetHeight\n element.style.height = '0'\n }\n\n const onAfterLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n /* ─── 滚动到指定面板 ─────────────────────────── */\n const scrollToPanel = (key: string) => {\n const el = panelRefs.value.get(key)\n if (el) {\n el.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n\n /* ─── 暴露方法 ──────────────────────────────── */\n defineExpose<CollapsePanelExpose>({\n expandAll,\n collapseAll,\n toggle,\n getActiveKeys,\n scrollToPanel,\n })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_CollapsePanel2.js","names":["variant","bordered","expandIconPosition","items","$slots"],"sources":["../src/components/C_CollapsePanel/composables/useCollapsePanel.ts","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { Ref } from 'vue'\r\nimport type { CollapsePanelItem } from '../types'\r\n\r\ninterface UseCollapsePanelOptions {\r\n /** 面板项配置 */\r\n items: Ref<CollapsePanelItem[]>\r\n /** 外部 v-model activeKeys */\r\n activeKeys: Ref<string[] | undefined>\r\n /** 非受控时的默认激活 key */\r\n defaultActiveKeys: string[]\r\n /** 是否手风琴模式 */\r\n accordion: Ref<boolean>\r\n /** localStorage 持久化 key */\r\n persistKey: Ref<string | undefined>\r\n /** activeKeys 变化回调 */\r\n onChange?: (keys: string[]) => void\r\n /** 单面板展开回调 */\r\n onExpand?: (key: string) => void\r\n /** 单面板折叠回调 */\r\n onCollapse?: (key: string) => void\r\n}\r\n\r\n/**\r\n * 折叠面板展开/折叠核心逻辑\r\n */\r\nexport function useCollapsePanel(options: UseCollapsePanelOptions) {\r\n const {\r\n items,\r\n activeKeys: externalKeys,\r\n defaultActiveKeys,\r\n accordion,\r\n persistKey,\r\n onChange,\r\n onExpand,\r\n onCollapse,\r\n } = options\r\n\r\n /* ─── 持久化读取 ──────────────────────────────── */\r\n const loadPersistedKeys = (): string[] | null => {\r\n if (!persistKey.value) return null\r\n try {\r\n const raw = localStorage.getItem(`collapse-panel:${persistKey.value}`)\r\n return raw ? JSON.parse(raw) : null\r\n } catch {\r\n return null\r\n }\r\n }\r\n\r\n const savePersistedKeys = (keys: string[]) => {\r\n if (!persistKey.value) return\r\n try {\r\n localStorage.setItem(\r\n `collapse-panel:${persistKey.value}`,\r\n JSON.stringify(keys),\r\n )\r\n } catch {\r\n /* 静默失败 */\r\n }\r\n }\r\n\r\n /* ─── 内部状态 ────────────────────────────────── */\r\n const resolveInitialKeys = (): string[] => {\r\n /* 优先级:外部 v-model > 持久化 > 默认值 */\r\n if (externalKeys.value !== undefined) return [...externalKeys.value]\r\n const persisted = loadPersistedKeys()\r\n if (persisted) return persisted\r\n return [...defaultActiveKeys]\r\n }\r\n\r\n const internalKeys = ref<string[]>(resolveInitialKeys())\r\n\r\n /** 懒渲染追踪:记录哪些面板曾被展开过 */\r\n const renderedOnce = ref<Set<string>>(new Set(internalKeys.value))\r\n\r\n /* ─── 计算属性 ────────────────────────────────── */\r\n /** 当前激活的 key 数组(兼容受控 / 非受控) */\r\n const currentKeys = computed<string[]>({\r\n get: () =>\r\n externalKeys.value !== undefined\r\n ? externalKeys.value\r\n : internalKeys.value,\r\n set: (val) => {\r\n internalKeys.value = val\r\n },\r\n })\r\n\r\n /**\r\n * 判断面板是否展开\r\n */\r\n const isExpanded = (key: string): boolean => {\r\n return currentKeys.value.includes(key)\r\n }\r\n\r\n /**\r\n * 判断面板是否应该渲染内容\r\n * - lazy 面板只有被展开过至少一次后才渲染\r\n * - destroyOnCollapse 面板在折叠后销毁 DOM\r\n */\r\n const shouldRender = (item: CollapsePanelItem): boolean => {\r\n const expanded = isExpanded(item.key)\r\n\r\n if (item.destroyOnCollapse) return expanded\r\n if (item.lazy) return renderedOnce.value.has(item.key)\r\n return true\r\n }\r\n\r\n /* ─── 操作方法 ────────────────────────────────── */\r\n const updateKeys = (newKeys: string[]) => {\r\n currentKeys.value = newKeys\r\n onChange?.(newKeys)\r\n savePersistedKeys(newKeys)\r\n }\r\n\r\n const toggle = (key: string) => {\r\n const item = items.value.find((i) => i.key === key)\r\n if (!item || item.disabled) return\r\n\r\n const expanded = isExpanded(key)\r\n\r\n if (expanded) {\r\n /* 折叠 */\r\n updateKeys(currentKeys.value.filter((k) => k !== key))\r\n onCollapse?.(key)\r\n } else {\r\n /* 展开 */\r\n renderedOnce.value.add(key)\r\n\r\n if (accordion.value) {\r\n /* 手风琴模式:关闭其他面板 */\r\n const prevKeys = currentKeys.value\r\n updateKeys([key])\r\n /* 通知被折叠的面板 */\r\n prevKeys.forEach((k) => {\r\n if (k !== key) onCollapse?.(k)\r\n })\r\n } else {\r\n updateKeys([...currentKeys.value, key])\r\n }\r\n onExpand?.(key)\r\n }\r\n }\r\n\r\n const expandAll = () => {\r\n if (accordion.value) return /* 手风琴模式不支持全展开 */\r\n\r\n const allKeys = items.value.filter((i) => !i.disabled).map((i) => i.key)\r\n\r\n allKeys.forEach((k) => renderedOnce.value.add(k))\r\n updateKeys(allKeys)\r\n }\r\n\r\n const collapseAll = () => {\r\n updateKeys([])\r\n }\r\n\r\n const getActiveKeys = (): string[] => {\r\n return [...currentKeys.value]\r\n }\r\n\r\n /* ─── 键盘导航 ────────────────────────────────── */\r\n const handleKeyDown = (e: KeyboardEvent, key: string) => {\r\n if (['Enter', ' '].includes(e.key)) {\r\n e.preventDefault()\r\n toggle(key)\r\n }\r\n }\r\n\r\n /* ─── 同步外部 v-model 变化 ───────────────────── */\r\n watch(\r\n () => externalKeys.value,\r\n (newVal) => {\r\n if (newVal !== undefined) {\r\n internalKeys.value = [...newVal]\r\n newVal.forEach((k) => renderedOnce.value.add(k))\r\n savePersistedKeys(newVal)\r\n }\r\n },\r\n )\r\n\r\n return {\r\n currentKeys,\r\n renderedOnce,\r\n isExpanded,\r\n shouldRender,\r\n toggle,\r\n expandAll,\r\n collapseAll,\r\n getActiveKeys,\r\n handleKeyDown,\r\n }\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: 折叠面板组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n <div\n ref=\"containerRef\"\n class=\"c-collapse-panel\"\n :class=\"[\n `c-collapse-panel--${variant}`,\n {\n 'c-collapse-panel--bordered': bordered,\n 'c-collapse-panel--icon-right': expandIconPosition === 'right',\n },\n ]\"\n >\n <div\n v-for=\"item in items\"\n :key=\"item.key\"\n :ref=\"el => setPanelRef(item.key, el as HTMLElement)\"\n class=\"collapse-item\"\n :class=\"{\n 'collapse-item--active': isExpanded(item.key),\n 'collapse-item--disabled': item.disabled,\n }\"\n >\n <!-- 面板头部 -->\n <div\n class=\"collapse-item__header\"\n role=\"button\"\n :aria-expanded=\"isExpanded(item.key)\"\n :aria-controls=\"`collapse-content-${item.key}`\"\n :aria-disabled=\"item.disabled\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"!item.disabled && toggle(item.key)\"\n @keydown=\"handleKeyDown($event, item.key)\"\n >\n <!-- 展开图标 -->\n <span\n class=\"collapse-item__arrow\"\n :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\n >\n <C_Icon\n name=\"mdi:chevron-right\"\n :size=\"16\"\n color=\"currentColor\"\n />\n </span>\n\n <!-- 标题区域 -->\n <div class=\"collapse-item__title-area\">\n <slot\n :name=\"`header-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <div class=\"collapse-item__title-group\">\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n :size=\"18\"\n color=\"currentColor\"\n class=\"collapse-item__icon\"\n />\n <span class=\"collapse-item__title\">{{ item.title }}</span>\n <span\n v-if=\"item.subtitle\"\n class=\"collapse-item__subtitle\"\n >\n {{ item.subtitle }}\n </span>\n </div>\n </slot>\n </div>\n\n <!-- 头部右侧操作区 -->\n <div\n v-if=\"$slots[`extra-${item.key}`]\"\n class=\"collapse-item__extra\"\n @click.stop\n >\n <slot\n :name=\"`extra-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n />\n </div>\n </div>\n\n <!-- 面板内容 -->\n <Transition\n name=\"collapse-slide\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n @leave=\"onLeave\"\n @after-leave=\"onAfterLeave\"\n >\n <div\n v-show=\"isExpanded(item.key)\"\n :id=\"`collapse-content-${item.key}`\"\n class=\"collapse-item__content-wrapper\"\n role=\"region\"\n :aria-labelledby=\"`collapse-header-${item.key}`\"\n >\n <div\n v-if=\"shouldRender(item)\"\n class=\"collapse-item__content\"\n >\n <slot\n :name=\"`panel-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <component\n :is=\"item.content\"\n v-if=\"item.content && typeof item.content !== 'string'\"\n />\n <template v-else-if=\"item.content\">{{ item.content }}</template>\n </slot>\n </div>\n </div>\n </Transition>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { ref, toRef } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import { useCollapsePanel } from './composables/useCollapsePanel'\n import type {\n CollapsePanelExpose,\n CollapsePanelItem,\n CollapsePanelVariant,\n ExpandIconPosition,\n } from './types'\n\n defineOptions({ name: 'C_CollapsePanel' })\n\n interface Props {\n /** 面板项配置数组 */\n items: CollapsePanelItem[]\n /** 当前激活面板的 key 数组(v-model) */\n activeKeys?: string[]\n /** 默认展开的面板 key 数组 */\n defaultActiveKeys?: string[]\n /** 是否手风琴模式 */\n accordion?: boolean\n /** 面板样式变体 */\n variant?: CollapsePanelVariant\n /** 展开图标位置 */\n expandIconPosition?: ExpandIconPosition\n /** 是否显示边框 */\n bordered?: boolean\n /** 展开状态 localStorage 持久化 key */\n persistKey?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n activeKeys: undefined,\n defaultActiveKeys: () => [],\n accordion: false,\n variant: 'default',\n expandIconPosition: 'left',\n bordered: true,\n persistKey: undefined,\n })\n\n const emit = defineEmits<{\n 'update:activeKeys': [keys: string[]]\n expand: [key: string]\n collapse: [key: string]\n change: [activeKeys: string[]]\n }>()\n\n const containerRef = ref<HTMLElement | null>(null)\n const panelRefs = ref<Map<string, HTMLElement>>(new Map())\n\n const setPanelRef = (key: string, el: HTMLElement | null) => {\n if (el) {\n panelRefs.value.set(key, el)\n } else {\n panelRefs.value.delete(key)\n }\n }\n\n const {\n isExpanded,\n shouldRender,\n toggle,\n expandAll,\n collapseAll,\n getActiveKeys,\n handleKeyDown,\n } = useCollapsePanel({\n items: toRef(props, 'items'),\n activeKeys: toRef(props, 'activeKeys'),\n defaultActiveKeys: props.defaultActiveKeys,\n accordion: toRef(props, 'accordion'),\n persistKey: toRef(props, 'persistKey'),\n onChange: keys => {\n emit('update:activeKeys', keys)\n emit('change', keys)\n },\n onExpand: key => emit('expand', key),\n onCollapse: key => emit('collapse', key),\n })\n\n /* ─── 展开/折叠动画 ──────────────────────────── */\n const onEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = '0'\n element.style.overflow = 'hidden'\n /* 强制 reflow */\n void element.offsetHeight\n element.style.height = `${element.scrollHeight}px`\n }\n\n const onAfterEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n const onLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = `${element.scrollHeight}px`\n element.style.overflow = 'hidden'\n void element.offsetHeight\n element.style.height = '0'\n }\n\n const onAfterLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n /* ─── 滚动到指定面板 ─────────────────────────── */\n const scrollToPanel = (key: string) => {\n const el = panelRefs.value.get(key)\n if (el) {\n el.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n\n /* ─── 暴露方法 ──────────────────────────────── */\n defineExpose<CollapsePanelExpose>({\n expandAll,\n collapseAll,\n toggle,\n getActiveKeys,\n scrollToPanel,\n })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: 折叠面板组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n <div\n ref=\"containerRef\"\n class=\"c-collapse-panel\"\n :class=\"[\n `c-collapse-panel--${variant}`,\n {\n 'c-collapse-panel--bordered': bordered,\n 'c-collapse-panel--icon-right': expandIconPosition === 'right',\n },\n ]\"\n >\n <div\n v-for=\"item in items\"\n :key=\"item.key\"\n :ref=\"el => setPanelRef(item.key, el as HTMLElement)\"\n class=\"collapse-item\"\n :class=\"{\n 'collapse-item--active': isExpanded(item.key),\n 'collapse-item--disabled': item.disabled,\n }\"\n >\n <!-- 面板头部 -->\n <div\n class=\"collapse-item__header\"\n role=\"button\"\n :aria-expanded=\"isExpanded(item.key)\"\n :aria-controls=\"`collapse-content-${item.key}`\"\n :aria-disabled=\"item.disabled\"\n :tabindex=\"item.disabled ? -1 : 0\"\n @click=\"!item.disabled && toggle(item.key)\"\n @keydown=\"handleKeyDown($event, item.key)\"\n >\n <!-- 展开图标 -->\n <span\n class=\"collapse-item__arrow\"\n :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\n >\n <C_Icon\n name=\"mdi:chevron-right\"\n :size=\"16\"\n color=\"currentColor\"\n />\n </span>\n\n <!-- 标题区域 -->\n <div class=\"collapse-item__title-area\">\n <slot\n :name=\"`header-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <div class=\"collapse-item__title-group\">\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n :size=\"18\"\n color=\"currentColor\"\n class=\"collapse-item__icon\"\n />\n <span class=\"collapse-item__title\">{{ item.title }}</span>\n <span\n v-if=\"item.subtitle\"\n class=\"collapse-item__subtitle\"\n >\n {{ item.subtitle }}\n </span>\n </div>\n </slot>\n </div>\n\n <!-- 头部右侧操作区 -->\n <div\n v-if=\"$slots[`extra-${item.key}`]\"\n class=\"collapse-item__extra\"\n @click.stop\n >\n <slot\n :name=\"`extra-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n />\n </div>\n </div>\n\n <!-- 面板内容 -->\n <Transition\n name=\"collapse-slide\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n @leave=\"onLeave\"\n @after-leave=\"onAfterLeave\"\n >\n <div\n v-show=\"isExpanded(item.key)\"\n :id=\"`collapse-content-${item.key}`\"\n class=\"collapse-item__content-wrapper\"\n role=\"region\"\n :aria-labelledby=\"`collapse-header-${item.key}`\"\n >\n <div\n v-if=\"shouldRender(item)\"\n class=\"collapse-item__content\"\n >\n <slot\n :name=\"`panel-${item.key}`\"\n :item=\"item\"\n :expanded=\"isExpanded(item.key)\"\n >\n <component\n :is=\"item.content\"\n v-if=\"item.content && typeof item.content !== 'string'\"\n />\n <template v-else-if=\"item.content\">{{ item.content }}</template>\n </slot>\n </div>\n </div>\n </Transition>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { ref, toRef } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import { useCollapsePanel } from './composables/useCollapsePanel'\n import type {\n CollapsePanelExpose,\n CollapsePanelItem,\n CollapsePanelVariant,\n ExpandIconPosition,\n } from './types'\n\n defineOptions({ name: 'C_CollapsePanel' })\n\n interface Props {\n /** 面板项配置数组 */\n items: CollapsePanelItem[]\n /** 当前激活面板的 key 数组(v-model) */\n activeKeys?: string[]\n /** 默认展开的面板 key 数组 */\n defaultActiveKeys?: string[]\n /** 是否手风琴模式 */\n accordion?: boolean\n /** 面板样式变体 */\n variant?: CollapsePanelVariant\n /** 展开图标位置 */\n expandIconPosition?: ExpandIconPosition\n /** 是否显示边框 */\n bordered?: boolean\n /** 展开状态 localStorage 持久化 key */\n persistKey?: string\n }\n\n const props = withDefaults(defineProps<Props>(), {\n activeKeys: undefined,\n defaultActiveKeys: () => [],\n accordion: false,\n variant: 'default',\n expandIconPosition: 'left',\n bordered: true,\n persistKey: undefined,\n })\n\n const emit = defineEmits<{\n 'update:activeKeys': [keys: string[]]\n expand: [key: string]\n collapse: [key: string]\n change: [activeKeys: string[]]\n }>()\n\n const containerRef = ref<HTMLElement | null>(null)\n const panelRefs = ref<Map<string, HTMLElement>>(new Map())\n\n const setPanelRef = (key: string, el: HTMLElement | null) => {\n if (el) {\n panelRefs.value.set(key, el)\n } else {\n panelRefs.value.delete(key)\n }\n }\n\n const {\n isExpanded,\n shouldRender,\n toggle,\n expandAll,\n collapseAll,\n getActiveKeys,\n handleKeyDown,\n } = useCollapsePanel({\n items: toRef(props, 'items'),\n activeKeys: toRef(props, 'activeKeys'),\n defaultActiveKeys: props.defaultActiveKeys,\n accordion: toRef(props, 'accordion'),\n persistKey: toRef(props, 'persistKey'),\n onChange: keys => {\n emit('update:activeKeys', keys)\n emit('change', keys)\n },\n onExpand: key => emit('expand', key),\n onCollapse: key => emit('collapse', key),\n })\n\n /* ─── 展开/折叠动画 ──────────────────────────── */\n const onEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = '0'\n element.style.overflow = 'hidden'\n /* 强制 reflow */\n void element.offsetHeight\n element.style.height = `${element.scrollHeight}px`\n }\n\n const onAfterEnter = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n const onLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = `${element.scrollHeight}px`\n element.style.overflow = 'hidden'\n void element.offsetHeight\n element.style.height = '0'\n }\n\n const onAfterLeave = (el: Element) => {\n const element = el as HTMLElement\n element.style.height = ''\n element.style.overflow = ''\n }\n\n /* ─── 滚动到指定面板 ─────────────────────────── */\n const scrollToPanel = (key: string) => {\n const el = panelRefs.value.get(key)\n if (el) {\n el.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n\n /* ─── 暴露方法 ──────────────────────────────── */\n defineExpose<CollapsePanelExpose>({\n expandAll,\n collapseAll,\n toggle,\n getActiveKeys,\n scrollToPanel,\n })\n</script>\n\n<style lang=\"scss\" scoped>\n @use './index.scss';\n</style>\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_ContextMenu-C9iuxG2n.css","names":[],"sources":["../src/components/C_ContextMenu/index.vue?vue&type=style&index=0&scoped=f2de30a3&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-context-menu[data-v-f2de30a3] {\n --ctx-bg: var(--card-color);\n --ctx-bg-blur: 12px;\n --ctx-border: var(--border-color);\n --ctx-radius: 10px;\n --ctx-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n --ctx-padding: 6px;\n --ctx-text-primary: var(--app-text-primary);\n --ctx-text-secondary: var(--text-color-3);\n --ctx-text-danger: #d03050;\n --ctx-text-disabled: var(--text-color-3);\n --ctx-item-height: 32px;\n --ctx-item-padding: 0 12px;\n --ctx-item-radius: 6px;\n --ctx-item-hover-bg: color-mix(in srgb, var(--primary-color) 8%, transparent);\n --ctx-item-active-bg: color-mix(in srgb, var(--primary-color) 14%, transparent);\n --ctx-icon-size: 16px;\n --ctx-icon-gap: 10px;\n --ctx-shortcut-color: var(--text-color-3);\n --ctx-divider-color: var(--border-color);\n --ctx-divider-margin: 4px 8px;\n position: fixed;\n padding: var(--ctx-padding);\n background: var(--ctx-bg);\n backdrop-filter: blur(var(--ctx-bg-blur));\n border: 1px solid var(--ctx-border);\n border-radius: var(--ctx-radius);\n box-shadow: var(--ctx-shadow);\n color: var(--ctx-text-primary);\n font-size: 13px;\n user-select: none;\n outline: none;\n}\n.c-context-menu__item[data-v-f2de30a3] {\n position: relative;\n display: flex;\n align-items: center;\n height: var(--ctx-item-height);\n padding: var(--ctx-item-padding);\n border-radius: var(--ctx-item-radius);\n cursor: pointer;\n transition: background 0.15s;\n white-space: nowrap;\n gap: var(--ctx-icon-gap);\n}\n.c-context-menu__item[data-v-f2de30a3]:hover {\n background: var(--ctx-item-hover-bg);\n}\n.c-context-menu__item[data-v-f2de30a3]:active {\n background: var(--ctx-item-active-bg);\n}\n.c-context-menu__item.is-disabled[data-v-f2de30a3] {\n color: var(--ctx-text-disabled);\n cursor: not-allowed;\n pointer-events: none;\n}\n.c-context-menu__item.is-danger[data-v-f2de30a3] {\n color: var(--ctx-text-danger);\n}\n.c-context-menu__item.is-danger[data-v-f2de30a3]:hover {\n background: color-mix(in srgb, #d03050 12%, transparent);\n}\n.c-context-menu__icon[data-v-f2de30a3] {\n flex-shrink: 0;\n width: var(--ctx-icon-size);\n height: var(--ctx-icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--ctx-icon-size);\n}\n.c-context-menu__label[data-v-f2de30a3] {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.c-context-menu__shortcut[data-v-f2de30a3] {\n flex-shrink: 0;\n margin-left: 24px;\n font-size: 11px;\n color: var(--ctx-shortcut-color);\n font-family: \"JetBrains Mono\", \"Fira Code\", monospace;\n}\n.c-context-menu__arrow[data-v-f2de30a3] {\n flex-shrink: 0;\n margin-left: 8px;\n font-size: 12px;\n color: var(--ctx-text-secondary);\n transition: transform 0.15s;\n}\n.c-context-menu__divider[data-v-f2de30a3] {\n height: 1px;\n margin: var(--ctx-divider-margin);\n background: var(--ctx-divider-color);\n}\n.c-context-menu__submenu[data-v-f2de30a3] {\n position: absolute;\n top: -6px;\n}\n.c-context-menu__submenu.is-right[data-v-f2de30a3] {\n left: 100%;\n margin-left: 4px;\n}\n.c-context-menu__submenu.is-left[data-v-f2de30a3] {\n right: 100%;\n margin-right: 4px;\n}\n.c-context-menu-overlay[data-v-f2de30a3] {\n position: fixed;\n inset: 0;\n z-index: 9998;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_ContextMenu-CD0iaSju.css","names":[],"sources":["../src/components/C_ContextMenu/index.vue?vue&type=style&index=0&scoped=f2de30a3&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-context-menu[data-v-f2de30a3] {\n --ctx-bg: var(--card-color);\n --ctx-bg-blur: 12px;\n --ctx-border: var(--border-color);\n --ctx-radius: 10px;\n --ctx-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n --ctx-padding: 6px;\n --ctx-text-primary: var(--app-text-primary);\n --ctx-text-secondary: var(--text-color-3);\n --ctx-text-danger: #d03050;\n --ctx-text-disabled: var(--text-color-3);\n --ctx-item-height: 32px;\n --ctx-item-padding: 0 12px;\n --ctx-item-radius: 6px;\n --ctx-item-hover-bg: color-mix(in srgb, var(--primary-color) 8%, transparent);\n --ctx-item-active-bg: color-mix(in srgb, var(--primary-color) 14%, transparent);\n --ctx-icon-size: 16px;\n --ctx-icon-gap: 10px;\n --ctx-shortcut-color: var(--text-color-3);\n --ctx-divider-color: var(--border-color);\n --ctx-divider-margin: 4px 8px;\n position: fixed;\n padding: var(--ctx-padding);\n background: var(--ctx-bg);\n backdrop-filter: blur(var(--ctx-bg-blur));\n border: 1px solid var(--ctx-border);\n border-radius: var(--ctx-radius);\n box-shadow: var(--ctx-shadow);\n color: var(--ctx-text-primary);\n font-size: 13px;\n user-select: none;\n outline: none;\n}\n.c-context-menu__item[data-v-f2de30a3] {\n position: relative;\n display: flex;\n align-items: center;\n height: var(--ctx-item-height);\n padding: var(--ctx-item-padding);\n border-radius: var(--ctx-item-radius);\n cursor: pointer;\n transition: background 0.15s;\n white-space: nowrap;\n gap: var(--ctx-icon-gap);\n}\n.c-context-menu__item[data-v-f2de30a3]:hover {\n background: var(--ctx-item-hover-bg);\n}\n.c-context-menu__item[data-v-f2de30a3]:active {\n background: var(--ctx-item-active-bg);\n}\n.c-context-menu__item.is-disabled[data-v-f2de30a3] {\n color: var(--ctx-text-disabled);\n cursor: not-allowed;\n pointer-events: none;\n}\n.c-context-menu__item.is-danger[data-v-f2de30a3] {\n color: var(--ctx-text-danger);\n}\n.c-context-menu__item.is-danger[data-v-f2de30a3]:hover {\n background: color-mix(in srgb, #d03050 12%, transparent);\n}\n.c-context-menu__icon[data-v-f2de30a3] {\n flex-shrink: 0;\n width: var(--ctx-icon-size);\n height: var(--ctx-icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--ctx-icon-size);\n}\n.c-context-menu__label[data-v-f2de30a3] {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.c-context-menu__shortcut[data-v-f2de30a3] {\n flex-shrink: 0;\n margin-left: 24px;\n font-size: 11px;\n color: var(--ctx-shortcut-color);\n font-family: \"JetBrains Mono\", \"Fira Code\", monospace;\n}\n.c-context-menu__arrow[data-v-f2de30a3] {\n flex-shrink: 0;\n margin-left: 8px;\n font-size: 12px;\n color: var(--ctx-text-secondary);\n transition: transform 0.15s;\n}\n.c-context-menu__divider[data-v-f2de30a3] {\n height: 1px;\n margin: var(--ctx-divider-margin);\n background: var(--ctx-divider-color);\n}\n.c-context-menu__submenu[data-v-f2de30a3] {\n position: absolute;\n top: -6px;\n}\n.c-context-menu__submenu.is-right[data-v-f2de30a3] {\n left: 100%;\n margin-left: 4px;\n}\n.c-context-menu__submenu.is-left[data-v-f2de30a3] {\n right: 100%;\n margin-right: 4px;\n}\n.c-context-menu-overlay[data-v-f2de30a3] {\n position: fixed;\n inset: 0;\n z-index: 9998;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_ContextMenu.js","names":[],"sources":["../src/components/C_ContextMenu/types.ts","../src/components/C_ContextMenu/index.vue","../src/components/C_ContextMenu/index.vue"],"sourcesContent":["/**\n * @Description: 右键菜单组件类型定义\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n */\n\n/** 菜单项 */\nexport interface ContextMenuItem {\n /** 唯一标识 */\n key: string\n /** 菜单文字 */\n label: string\n /** 图标(Iconify 图标名) */\n icon?: string\n /** 快捷键标注文字(仅展示,不绑定) */\n shortcut?: string\n /** 是否禁用 */\n disabled?: boolean\n /** 是否隐藏 */\n hidden?: boolean\n /** 分割线(此项渲染为分割线,label 被忽略) */\n divider?: boolean\n /** 子菜单(支持无限嵌套) */\n children?: ContextMenuItem[]\n /** 自定义样式类 */\n className?: string\n /** 危险操作(红色高亮) */\n danger?: boolean\n}\n\n/** 组件 Props */\nexport interface ContextMenuProps {\n /** 菜单项列表 */\n items: ContextMenuItem[]\n /** 菜单最小宽度 */\n minWidth?: number\n /** 菜单最大宽度 */\n maxWidth?: number\n /** 子菜单展开方向 */\n subMenuPlacement?: 'right' | 'left'\n /** 点击菜单项后是否自动关闭 */\n autoClose?: boolean\n /** 是否禁用整个菜单 */\n disabled?: boolean\n /** 自定义 z-index */\n zIndex?: number\n}\n\n/** 默认 Props */\nexport const DEFAULT_CONTEXT_MENU_PROPS = {\n minWidth: 180,\n maxWidth: 280,\n subMenuPlacement: 'right' as const,\n autoClose: true,\n disabled: false,\n zIndex: 9999,\n}\n","<!--\n * @Description: 右键菜单组件 — 声明式配置、快捷键标注、嵌套子菜单\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n <!-- 遮罩层 -->\n <Teleport to=\"body\">\n <div\n v-if=\"visible\"\n class=\"c-context-menu-overlay\"\n :style=\"{ zIndex: props.zIndex - 1 }\"\n @click=\"close\"\n @contextmenu.prevent=\"close\"\n />\n\n <!-- 菜单面板 -->\n <div\n v-if=\"visible\"\n ref=\"menuRef\"\n class=\"c-context-menu\"\n :style=\"menuStyle\"\n role=\"menu\"\n tabindex=\"-1\"\n @keydown.escape=\"close\"\n >\n <template\n v-for=\"item in visibleItems\"\n :key=\"item.key\"\n >\n <!-- 分割线 -->\n <div\n v-if=\"item.divider\"\n class=\"c-context-menu__divider\"\n role=\"separator\"\n />\n\n <!-- 普通菜单项 -->\n <div\n v-else\n :class=\"[\n 'c-context-menu__item',\n {\n 'is-disabled': item.disabled,\n 'is-danger': item.danger,\n },\n ]\"\n role=\"menuitem\"\n :aria-disabled=\"item.disabled\"\n @click=\"handleItemClick(item)\"\n @mouseenter=\"handleMouseEnter(item)\"\n @mouseleave=\"handleMouseLeave\"\n >\n <!-- 图标 -->\n <span\n v-if=\"item.icon\"\n class=\"c-context-menu__icon\"\n >\n <C_Icon :name=\"item.icon\" />\n </span>\n\n <!-- 文本 -->\n <span class=\"c-context-menu__label\">{{ item.label }}</span>\n\n <!-- 快捷键 -->\n <span\n v-if=\"item.shortcut\"\n class=\"c-context-menu__shortcut\"\n >\n {{ item.shortcut }}\n </span>\n\n <!-- 子菜单箭头 -->\n <span\n v-if=\"item.children?.length\"\n class=\"c-context-menu__arrow\"\n >\n <C_Icon name=\"mdi:chevron-right\" />\n </span>\n\n <!-- 子菜单(递归) -->\n <C_ContextMenu\n v-if=\"item.children?.length && activeSubKey === item.key\"\n :items=\"item.children\"\n :min-width=\"props.minWidth\"\n :max-width=\"props.maxWidth\"\n :sub-menu-placement=\"props.subMenuPlacement\"\n :auto-close=\"props.autoClose\"\n :z-index=\"props.zIndex + 1\"\n class=\"c-context-menu__submenu\"\n :class=\"`is-${props.subMenuPlacement}`\"\n :style=\"{ position: 'absolute' }\"\n @select=\"handleSubSelect\"\n />\n </div>\n </template>\n </div>\n </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, ref } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_CONTEXT_MENU_PROPS,\n type ContextMenuItem,\n type ContextMenuProps,\n } from './types'\n\n defineOptions({ name: 'C_ContextMenu' })\n\n const props = withDefaults(defineProps<ContextMenuProps>(), {\n items: () => [],\n minWidth: DEFAULT_CONTEXT_MENU_PROPS.minWidth,\n maxWidth: DEFAULT_CONTEXT_MENU_PROPS.maxWidth,\n subMenuPlacement: DEFAULT_CONTEXT_MENU_PROPS.subMenuPlacement,\n autoClose: DEFAULT_CONTEXT_MENU_PROPS.autoClose,\n disabled: DEFAULT_CONTEXT_MENU_PROPS.disabled,\n zIndex: DEFAULT_CONTEXT_MENU_PROPS.zIndex,\n })\n\n const emit = defineEmits<{\n (e: 'select', item: ContextMenuItem): void\n (e: 'open', position: { x: number; y: number }): void\n (e: 'close'): void\n }>()\n\n // ===== 状态 =====\n const visible = ref(false)\n const position = ref({ x: 0, y: 0 })\n const menuRef = ref<HTMLElement>()\n const activeSubKey = ref<string | null>(null)\n\n let subTimer: ReturnType<typeof setTimeout> | null = null\n\n // ===== 可见项 =====\n const visibleItems = computed(() => props.items.filter(item => !item.hidden))\n\n // ===== 菜单定位样式 =====\n const menuStyle = computed(() => ({\n left: `${position.value.x}px`,\n top: `${position.value.y}px`,\n minWidth: `${props.minWidth}px`,\n maxWidth: `${props.maxWidth}px`,\n zIndex: props.zIndex,\n }))\n\n // ===== 边界校正 =====\n const adjustPosition = () => {\n nextTick(() => {\n const el = menuRef.value\n if (!el) return\n const rect = el.getBoundingClientRect()\n const { innerWidth, innerHeight } = window\n\n if (rect.right > innerWidth) {\n position.value.x = innerWidth - rect.width - 8\n }\n if (rect.bottom > innerHeight) {\n position.value.y = innerHeight - rect.height - 8\n }\n if (position.value.x < 0) position.value.x = 8\n if (position.value.y < 0) position.value.y = 8\n })\n }\n\n // ===== 打开/关闭 =====\n const open = (x: number, y: number) => {\n if (props.disabled) return\n position.value = { x, y }\n visible.value = true\n emit('open', { x, y })\n adjustPosition()\n\n // 聚焦以支持 Escape 关闭\n nextTick(() => menuRef.value?.focus())\n }\n\n const close = () => {\n visible.value = false\n activeSubKey.value = null\n emit('close')\n }\n\n // ===== 菜单项点击 =====\n const handleItemClick = (item: ContextMenuItem) => {\n if (item.disabled) return\n if (item.children?.length) return // 有子菜单不触发\n\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 子菜单悬停 =====\n const handleMouseEnter = (item: ContextMenuItem) => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n if (item.children?.length && !item.disabled) {\n subTimer = setTimeout(() => {\n activeSubKey.value = item.key\n }, 150)\n } else {\n activeSubKey.value = null\n }\n }\n\n const handleMouseLeave = () => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n subTimer = setTimeout(() => {\n activeSubKey.value = null\n }, 300)\n }\n\n // ===== 子菜单选择向上冒泡 =====\n const handleSubSelect = (item: ContextMenuItem) => {\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 暴露 API =====\n defineExpose({\n /** 在指定坐标打开菜单 */\n open,\n /** 关闭菜单 */\n close,\n /** 当前是否可见 */\n visible: computed(() => visible.value),\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n","<!--\n * @Description: 右键菜单组件 — 声明式配置、快捷键标注、嵌套子菜单\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n <!-- 遮罩层 -->\n <Teleport to=\"body\">\n <div\n v-if=\"visible\"\n class=\"c-context-menu-overlay\"\n :style=\"{ zIndex: props.zIndex - 1 }\"\n @click=\"close\"\n @contextmenu.prevent=\"close\"\n />\n\n <!-- 菜单面板 -->\n <div\n v-if=\"visible\"\n ref=\"menuRef\"\n class=\"c-context-menu\"\n :style=\"menuStyle\"\n role=\"menu\"\n tabindex=\"-1\"\n @keydown.escape=\"close\"\n >\n <template\n v-for=\"item in visibleItems\"\n :key=\"item.key\"\n >\n <!-- 分割线 -->\n <div\n v-if=\"item.divider\"\n class=\"c-context-menu__divider\"\n role=\"separator\"\n />\n\n <!-- 普通菜单项 -->\n <div\n v-else\n :class=\"[\n 'c-context-menu__item',\n {\n 'is-disabled': item.disabled,\n 'is-danger': item.danger,\n },\n ]\"\n role=\"menuitem\"\n :aria-disabled=\"item.disabled\"\n @click=\"handleItemClick(item)\"\n @mouseenter=\"handleMouseEnter(item)\"\n @mouseleave=\"handleMouseLeave\"\n >\n <!-- 图标 -->\n <span\n v-if=\"item.icon\"\n class=\"c-context-menu__icon\"\n >\n <C_Icon :name=\"item.icon\" />\n </span>\n\n <!-- 文本 -->\n <span class=\"c-context-menu__label\">{{ item.label }}</span>\n\n <!-- 快捷键 -->\n <span\n v-if=\"item.shortcut\"\n class=\"c-context-menu__shortcut\"\n >\n {{ item.shortcut }}\n </span>\n\n <!-- 子菜单箭头 -->\n <span\n v-if=\"item.children?.length\"\n class=\"c-context-menu__arrow\"\n >\n <C_Icon name=\"mdi:chevron-right\" />\n </span>\n\n <!-- 子菜单(递归) -->\n <C_ContextMenu\n v-if=\"item.children?.length && activeSubKey === item.key\"\n :items=\"item.children\"\n :min-width=\"props.minWidth\"\n :max-width=\"props.maxWidth\"\n :sub-menu-placement=\"props.subMenuPlacement\"\n :auto-close=\"props.autoClose\"\n :z-index=\"props.zIndex + 1\"\n class=\"c-context-menu__submenu\"\n :class=\"`is-${props.subMenuPlacement}`\"\n :style=\"{ position: 'absolute' }\"\n @select=\"handleSubSelect\"\n />\n </div>\n </template>\n </div>\n </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, ref } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_CONTEXT_MENU_PROPS,\n type ContextMenuItem,\n type ContextMenuProps,\n } from './types'\n\n defineOptions({ name: 'C_ContextMenu' })\n\n const props = withDefaults(defineProps<ContextMenuProps>(), {\n items: () => [],\n minWidth: DEFAULT_CONTEXT_MENU_PROPS.minWidth,\n maxWidth: DEFAULT_CONTEXT_MENU_PROPS.maxWidth,\n subMenuPlacement: DEFAULT_CONTEXT_MENU_PROPS.subMenuPlacement,\n autoClose: DEFAULT_CONTEXT_MENU_PROPS.autoClose,\n disabled: DEFAULT_CONTEXT_MENU_PROPS.disabled,\n zIndex: DEFAULT_CONTEXT_MENU_PROPS.zIndex,\n })\n\n const emit = defineEmits<{\n (e: 'select', item: ContextMenuItem): void\n (e: 'open', position: { x: number; y: number }): void\n (e: 'close'): void\n }>()\n\n // ===== 状态 =====\n const visible = ref(false)\n const position = ref({ x: 0, y: 0 })\n const menuRef = ref<HTMLElement>()\n const activeSubKey = ref<string | null>(null)\n\n let subTimer: ReturnType<typeof setTimeout> | null = null\n\n // ===== 可见项 =====\n const visibleItems = computed(() => props.items.filter(item => !item.hidden))\n\n // ===== 菜单定位样式 =====\n const menuStyle = computed(() => ({\n left: `${position.value.x}px`,\n top: `${position.value.y}px`,\n minWidth: `${props.minWidth}px`,\n maxWidth: `${props.maxWidth}px`,\n zIndex: props.zIndex,\n }))\n\n // ===== 边界校正 =====\n const adjustPosition = () => {\n nextTick(() => {\n const el = menuRef.value\n if (!el) return\n const rect = el.getBoundingClientRect()\n const { innerWidth, innerHeight } = window\n\n if (rect.right > innerWidth) {\n position.value.x = innerWidth - rect.width - 8\n }\n if (rect.bottom > innerHeight) {\n position.value.y = innerHeight - rect.height - 8\n }\n if (position.value.x < 0) position.value.x = 8\n if (position.value.y < 0) position.value.y = 8\n })\n }\n\n // ===== 打开/关闭 =====\n const open = (x: number, y: number) => {\n if (props.disabled) return\n position.value = { x, y }\n visible.value = true\n emit('open', { x, y })\n adjustPosition()\n\n // 聚焦以支持 Escape 关闭\n nextTick(() => menuRef.value?.focus())\n }\n\n const close = () => {\n visible.value = false\n activeSubKey.value = null\n emit('close')\n }\n\n // ===== 菜单项点击 =====\n const handleItemClick = (item: ContextMenuItem) => {\n if (item.disabled) return\n if (item.children?.length) return // 有子菜单不触发\n\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 子菜单悬停 =====\n const handleMouseEnter = (item: ContextMenuItem) => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n if (item.children?.length && !item.disabled) {\n subTimer = setTimeout(() => {\n activeSubKey.value = item.key\n }, 150)\n } else {\n activeSubKey.value = null\n }\n }\n\n const handleMouseLeave = () => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n subTimer = setTimeout(() => {\n activeSubKey.value = null\n }, 300)\n }\n\n // ===== 子菜单选择向上冒泡 =====\n const handleSubSelect = (item: ContextMenuItem) => {\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 暴露 API =====\n defineExpose({\n /** 在指定坐标打开菜单 */\n open,\n /** 关闭菜单 */\n close,\n /** 当前是否可见 */\n visible: computed(() => visible.value),\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_ContextMenu2.js","names":[],"sources":["../src/components/C_ContextMenu/types.ts","../src/components/C_ContextMenu/index.vue","../src/components/C_ContextMenu/index.vue"],"sourcesContent":["/**\n * @Description: 右键菜单组件类型定义\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n */\n\n/** 菜单项 */\nexport interface ContextMenuItem {\n /** 唯一标识 */\n key: string\n /** 菜单文字 */\n label: string\n /** 图标(Iconify 图标名) */\n icon?: string\n /** 快捷键标注文字(仅展示,不绑定) */\n shortcut?: string\n /** 是否禁用 */\n disabled?: boolean\n /** 是否隐藏 */\n hidden?: boolean\n /** 分割线(此项渲染为分割线,label 被忽略) */\n divider?: boolean\n /** 子菜单(支持无限嵌套) */\n children?: ContextMenuItem[]\n /** 自定义样式类 */\n className?: string\n /** 危险操作(红色高亮) */\n danger?: boolean\n}\n\n/** 组件 Props */\nexport interface ContextMenuProps {\n /** 菜单项列表 */\n items: ContextMenuItem[]\n /** 菜单最小宽度 */\n minWidth?: number\n /** 菜单最大宽度 */\n maxWidth?: number\n /** 子菜单展开方向 */\n subMenuPlacement?: 'right' | 'left'\n /** 点击菜单项后是否自动关闭 */\n autoClose?: boolean\n /** 是否禁用整个菜单 */\n disabled?: boolean\n /** 自定义 z-index */\n zIndex?: number\n}\n\n/** 默认 Props */\nexport const DEFAULT_CONTEXT_MENU_PROPS = {\n minWidth: 180,\n maxWidth: 280,\n subMenuPlacement: 'right' as const,\n autoClose: true,\n disabled: false,\n zIndex: 9999,\n}\n","<!--\n * @Description: 右键菜单组件 — 声明式配置、快捷键标注、嵌套子菜单\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n <!-- 遮罩层 -->\n <Teleport to=\"body\">\n <div\n v-if=\"visible\"\n class=\"c-context-menu-overlay\"\n :style=\"{ zIndex: props.zIndex - 1 }\"\n @click=\"close\"\n @contextmenu.prevent=\"close\"\n />\n\n <!-- 菜单面板 -->\n <div\n v-if=\"visible\"\n ref=\"menuRef\"\n class=\"c-context-menu\"\n :style=\"menuStyle\"\n role=\"menu\"\n tabindex=\"-1\"\n @keydown.escape=\"close\"\n >\n <template\n v-for=\"item in visibleItems\"\n :key=\"item.key\"\n >\n <!-- 分割线 -->\n <div\n v-if=\"item.divider\"\n class=\"c-context-menu__divider\"\n role=\"separator\"\n />\n\n <!-- 普通菜单项 -->\n <div\n v-else\n :class=\"[\n 'c-context-menu__item',\n {\n 'is-disabled': item.disabled,\n 'is-danger': item.danger,\n },\n ]\"\n role=\"menuitem\"\n :aria-disabled=\"item.disabled\"\n @click=\"handleItemClick(item)\"\n @mouseenter=\"handleMouseEnter(item)\"\n @mouseleave=\"handleMouseLeave\"\n >\n <!-- 图标 -->\n <span\n v-if=\"item.icon\"\n class=\"c-context-menu__icon\"\n >\n <C_Icon :name=\"item.icon\" />\n </span>\n\n <!-- 文本 -->\n <span class=\"c-context-menu__label\">{{ item.label }}</span>\n\n <!-- 快捷键 -->\n <span\n v-if=\"item.shortcut\"\n class=\"c-context-menu__shortcut\"\n >\n {{ item.shortcut }}\n </span>\n\n <!-- 子菜单箭头 -->\n <span\n v-if=\"item.children?.length\"\n class=\"c-context-menu__arrow\"\n >\n <C_Icon name=\"mdi:chevron-right\" />\n </span>\n\n <!-- 子菜单(递归) -->\n <C_ContextMenu\n v-if=\"item.children?.length && activeSubKey === item.key\"\n :items=\"item.children\"\n :min-width=\"props.minWidth\"\n :max-width=\"props.maxWidth\"\n :sub-menu-placement=\"props.subMenuPlacement\"\n :auto-close=\"props.autoClose\"\n :z-index=\"props.zIndex + 1\"\n class=\"c-context-menu__submenu\"\n :class=\"`is-${props.subMenuPlacement}`\"\n :style=\"{ position: 'absolute' }\"\n @select=\"handleSubSelect\"\n />\n </div>\n </template>\n </div>\n </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, ref } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_CONTEXT_MENU_PROPS,\n type ContextMenuItem,\n type ContextMenuProps,\n } from './types'\n\n defineOptions({ name: 'C_ContextMenu' })\n\n const props = withDefaults(defineProps<ContextMenuProps>(), {\n items: () => [],\n minWidth: DEFAULT_CONTEXT_MENU_PROPS.minWidth,\n maxWidth: DEFAULT_CONTEXT_MENU_PROPS.maxWidth,\n subMenuPlacement: DEFAULT_CONTEXT_MENU_PROPS.subMenuPlacement,\n autoClose: DEFAULT_CONTEXT_MENU_PROPS.autoClose,\n disabled: DEFAULT_CONTEXT_MENU_PROPS.disabled,\n zIndex: DEFAULT_CONTEXT_MENU_PROPS.zIndex,\n })\n\n const emit = defineEmits<{\n (e: 'select', item: ContextMenuItem): void\n (e: 'open', position: { x: number; y: number }): void\n (e: 'close'): void\n }>()\n\n // ===== 状态 =====\n const visible = ref(false)\n const position = ref({ x: 0, y: 0 })\n const menuRef = ref<HTMLElement>()\n const activeSubKey = ref<string | null>(null)\n\n let subTimer: ReturnType<typeof setTimeout> | null = null\n\n // ===== 可见项 =====\n const visibleItems = computed(() => props.items.filter(item => !item.hidden))\n\n // ===== 菜单定位样式 =====\n const menuStyle = computed(() => ({\n left: `${position.value.x}px`,\n top: `${position.value.y}px`,\n minWidth: `${props.minWidth}px`,\n maxWidth: `${props.maxWidth}px`,\n zIndex: props.zIndex,\n }))\n\n // ===== 边界校正 =====\n const adjustPosition = () => {\n nextTick(() => {\n const el = menuRef.value\n if (!el) return\n const rect = el.getBoundingClientRect()\n const { innerWidth, innerHeight } = window\n\n if (rect.right > innerWidth) {\n position.value.x = innerWidth - rect.width - 8\n }\n if (rect.bottom > innerHeight) {\n position.value.y = innerHeight - rect.height - 8\n }\n if (position.value.x < 0) position.value.x = 8\n if (position.value.y < 0) position.value.y = 8\n })\n }\n\n // ===== 打开/关闭 =====\n const open = (x: number, y: number) => {\n if (props.disabled) return\n position.value = { x, y }\n visible.value = true\n emit('open', { x, y })\n adjustPosition()\n\n // 聚焦以支持 Escape 关闭\n nextTick(() => menuRef.value?.focus())\n }\n\n const close = () => {\n visible.value = false\n activeSubKey.value = null\n emit('close')\n }\n\n // ===== 菜单项点击 =====\n const handleItemClick = (item: ContextMenuItem) => {\n if (item.disabled) return\n if (item.children?.length) return // 有子菜单不触发\n\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 子菜单悬停 =====\n const handleMouseEnter = (item: ContextMenuItem) => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n if (item.children?.length && !item.disabled) {\n subTimer = setTimeout(() => {\n activeSubKey.value = item.key\n }, 150)\n } else {\n activeSubKey.value = null\n }\n }\n\n const handleMouseLeave = () => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n subTimer = setTimeout(() => {\n activeSubKey.value = null\n }, 300)\n }\n\n // ===== 子菜单选择向上冒泡 =====\n const handleSubSelect = (item: ContextMenuItem) => {\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 暴露 API =====\n defineExpose({\n /** 在指定坐标打开菜单 */\n open,\n /** 关闭菜单 */\n close,\n /** 当前是否可见 */\n visible: computed(() => visible.value),\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n","<!--\n * @Description: 右键菜单组件 — 声明式配置、快捷键标注、嵌套子菜单\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n <!-- 遮罩层 -->\n <Teleport to=\"body\">\n <div\n v-if=\"visible\"\n class=\"c-context-menu-overlay\"\n :style=\"{ zIndex: props.zIndex - 1 }\"\n @click=\"close\"\n @contextmenu.prevent=\"close\"\n />\n\n <!-- 菜单面板 -->\n <div\n v-if=\"visible\"\n ref=\"menuRef\"\n class=\"c-context-menu\"\n :style=\"menuStyle\"\n role=\"menu\"\n tabindex=\"-1\"\n @keydown.escape=\"close\"\n >\n <template\n v-for=\"item in visibleItems\"\n :key=\"item.key\"\n >\n <!-- 分割线 -->\n <div\n v-if=\"item.divider\"\n class=\"c-context-menu__divider\"\n role=\"separator\"\n />\n\n <!-- 普通菜单项 -->\n <div\n v-else\n :class=\"[\n 'c-context-menu__item',\n {\n 'is-disabled': item.disabled,\n 'is-danger': item.danger,\n },\n ]\"\n role=\"menuitem\"\n :aria-disabled=\"item.disabled\"\n @click=\"handleItemClick(item)\"\n @mouseenter=\"handleMouseEnter(item)\"\n @mouseleave=\"handleMouseLeave\"\n >\n <!-- 图标 -->\n <span\n v-if=\"item.icon\"\n class=\"c-context-menu__icon\"\n >\n <C_Icon :name=\"item.icon\" />\n </span>\n\n <!-- 文本 -->\n <span class=\"c-context-menu__label\">{{ item.label }}</span>\n\n <!-- 快捷键 -->\n <span\n v-if=\"item.shortcut\"\n class=\"c-context-menu__shortcut\"\n >\n {{ item.shortcut }}\n </span>\n\n <!-- 子菜单箭头 -->\n <span\n v-if=\"item.children?.length\"\n class=\"c-context-menu__arrow\"\n >\n <C_Icon name=\"mdi:chevron-right\" />\n </span>\n\n <!-- 子菜单(递归) -->\n <C_ContextMenu\n v-if=\"item.children?.length && activeSubKey === item.key\"\n :items=\"item.children\"\n :min-width=\"props.minWidth\"\n :max-width=\"props.maxWidth\"\n :sub-menu-placement=\"props.subMenuPlacement\"\n :auto-close=\"props.autoClose\"\n :z-index=\"props.zIndex + 1\"\n class=\"c-context-menu__submenu\"\n :class=\"`is-${props.subMenuPlacement}`\"\n :style=\"{ position: 'absolute' }\"\n @select=\"handleSubSelect\"\n />\n </div>\n </template>\n </div>\n </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, ref } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_CONTEXT_MENU_PROPS,\n type ContextMenuItem,\n type ContextMenuProps,\n } from './types'\n\n defineOptions({ name: 'C_ContextMenu' })\n\n const props = withDefaults(defineProps<ContextMenuProps>(), {\n items: () => [],\n minWidth: DEFAULT_CONTEXT_MENU_PROPS.minWidth,\n maxWidth: DEFAULT_CONTEXT_MENU_PROPS.maxWidth,\n subMenuPlacement: DEFAULT_CONTEXT_MENU_PROPS.subMenuPlacement,\n autoClose: DEFAULT_CONTEXT_MENU_PROPS.autoClose,\n disabled: DEFAULT_CONTEXT_MENU_PROPS.disabled,\n zIndex: DEFAULT_CONTEXT_MENU_PROPS.zIndex,\n })\n\n const emit = defineEmits<{\n (e: 'select', item: ContextMenuItem): void\n (e: 'open', position: { x: number; y: number }): void\n (e: 'close'): void\n }>()\n\n // ===== 状态 =====\n const visible = ref(false)\n const position = ref({ x: 0, y: 0 })\n const menuRef = ref<HTMLElement>()\n const activeSubKey = ref<string | null>(null)\n\n let subTimer: ReturnType<typeof setTimeout> | null = null\n\n // ===== 可见项 =====\n const visibleItems = computed(() => props.items.filter(item => !item.hidden))\n\n // ===== 菜单定位样式 =====\n const menuStyle = computed(() => ({\n left: `${position.value.x}px`,\n top: `${position.value.y}px`,\n minWidth: `${props.minWidth}px`,\n maxWidth: `${props.maxWidth}px`,\n zIndex: props.zIndex,\n }))\n\n // ===== 边界校正 =====\n const adjustPosition = () => {\n nextTick(() => {\n const el = menuRef.value\n if (!el) return\n const rect = el.getBoundingClientRect()\n const { innerWidth, innerHeight } = window\n\n if (rect.right > innerWidth) {\n position.value.x = innerWidth - rect.width - 8\n }\n if (rect.bottom > innerHeight) {\n position.value.y = innerHeight - rect.height - 8\n }\n if (position.value.x < 0) position.value.x = 8\n if (position.value.y < 0) position.value.y = 8\n })\n }\n\n // ===== 打开/关闭 =====\n const open = (x: number, y: number) => {\n if (props.disabled) return\n position.value = { x, y }\n visible.value = true\n emit('open', { x, y })\n adjustPosition()\n\n // 聚焦以支持 Escape 关闭\n nextTick(() => menuRef.value?.focus())\n }\n\n const close = () => {\n visible.value = false\n activeSubKey.value = null\n emit('close')\n }\n\n // ===== 菜单项点击 =====\n const handleItemClick = (item: ContextMenuItem) => {\n if (item.disabled) return\n if (item.children?.length) return // 有子菜单不触发\n\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 子菜单悬停 =====\n const handleMouseEnter = (item: ContextMenuItem) => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n if (item.children?.length && !item.disabled) {\n subTimer = setTimeout(() => {\n activeSubKey.value = item.key\n }, 150)\n } else {\n activeSubKey.value = null\n }\n }\n\n const handleMouseLeave = () => {\n if (subTimer) {\n clearTimeout(subTimer)\n subTimer = null\n }\n subTimer = setTimeout(() => {\n activeSubKey.value = null\n }, 300)\n }\n\n // ===== 子菜单选择向上冒泡 =====\n const handleSubSelect = (item: ContextMenuItem) => {\n emit('select', item)\n if (props.autoClose) close()\n }\n\n // ===== 暴露 API =====\n defineExpose({\n /** 在指定坐标打开菜单 */\n open,\n /** 关闭菜单 */\n close,\n /** 当前是否可见 */\n visible: computed(() => visible.value),\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Cron-BIQ2By9v.css","names":[],"sources":["../src/components/C_Cron/components/CronFieldEditor.vue?vue&type=style&index=0&scoped=e6fa8e5b&lang.scss","../src/components/C_Cron/components/CronPreview.vue?vue&type=style&index=0&scoped=a695bb32&lang.scss","../src/components/C_Cron/components/CronTemplates.vue?vue&type=style&index=0&scoped=fe320f38&lang.scss","../src/components/C_Cron/index.vue?vue&type=style&index=0&scoped=06e7be26&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.cron-field-editor__grid[data-v-e6fa8e5b] {\n display: grid;\n grid-template-columns: repeat(var(--cols, 10), 1fr);\n gap: 4px;\n}\n.cron-field-editor__cell[data-v-e6fa8e5b] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 34px;\n border-radius: 6px;\n font-size: 13px;\n font-variant-numeric: tabular-nums;\n transition: all var(--c-transition, 0.2s ease);\n user-select: none;\n color: var(--c-text-2);\n /* 非交互高亮(every / range / step 的视觉反馈) */\n /* 可交互模式(specific) */\n}\n.cron-field-editor__cell--on[data-v-e6fa8e5b]:not(.cron-field-editor__cell--pick) {\n background: color-mix(in srgb, var(--c-primary) 12%, transparent);\n color: var(--c-primary);\n}\n.cron-field-editor__cell--pick[data-v-e6fa8e5b] {\n cursor: pointer;\n}\n.cron-field-editor__cell--pick[data-v-e6fa8e5b]:hover:not(.cron-field-editor__cell--on) {\n background: var(--c-bg-card);\n}\n.cron-field-editor__cell--pick.cron-field-editor__cell--on[data-v-e6fa8e5b] {\n background: var(--c-primary);\n color: #fff;\n font-weight: 600;\n}","/* unplugin-vue-components disabled */.cron-preview__header[data-v-a695bb32] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n font-size: 13px;\n margin-bottom: 6px;\n color: var(--c-text-1);\n}\n.cron-preview__list[data-v-a695bb32] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.cron-preview__item[data-v-a695bb32] {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 3px 4px;\n border-radius: 4px;\n font-size: 12px;\n transition: background var(--c-transition, 0.2s ease);\n}\n.cron-preview__item[data-v-a695bb32]:hover {\n background: var(--c-bg-card);\n}\n.cron-preview__idx[data-v-a695bb32] {\n width: 16px;\n text-align: center;\n color: var(--c-text-4);\n flex-shrink: 0;\n font-size: 11px;\n}\n.cron-preview__date[data-v-a695bb32] {\n font-family: \"Courier New\", Courier, monospace;\n flex: 1;\n font-size: 12px;\n}\n.cron-preview__week[data-v-a695bb32] {\n color: var(--c-text-4);\n font-size: 12px;\n flex-shrink: 0;\n}","/* unplugin-vue-components disabled */.cron-templates__header[data-v-fe320f38] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n font-size: 13px;\n margin-bottom: 10px;\n color: var(--c-text-1);\n}\n.cron-templates__cards[data-v-fe320f38] {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n gap: 8px;\n}\n.cron-templates__card[data-v-fe320f38] {\n padding: 10px 12px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n cursor: pointer;\n transition: all var(--c-transition, 0.2s ease);\n}\n.cron-templates__card[data-v-fe320f38]:hover {\n border-color: var(--c-primary);\n background: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.cron-templates__card--active[data-v-fe320f38] {\n border-color: var(--c-primary);\n background: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.cron-templates__card-name[data-v-fe320f38] {\n font-size: 13px;\n font-weight: 500;\n line-height: 1.4;\n}\n.cron-templates__card-expr[data-v-fe320f38] {\n font-family: \"Courier New\", Courier, monospace;\n font-size: 11px;\n color: var(--c-text-4);\n margin-top: 2px;\n}","/* unplugin-vue-components disabled *//* Cron 表达式编辑器 - 组件级全局样式 */\n.c-cron[data-v-06e7be26] {\n padding: 20px;\n border-radius: 10px;\n border: 1px solid var(--c-border);\n background: var(--c-bg-card);\n /* ═══════ 顶部 ═══════ */\n /* ─── 分段式字段选择器 ──────────────────── */\n /* ─── 表达式行 ─────────────────────────── */\n /* ═══════ 主内容 ═══════ */\n /* ─── 右侧控制面板 ────────────────────── */\n /* ═══════ 底部模板 ═══════ */\n}\n.c-cron__header[data-v-06e7be26] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--c-border);\n margin-bottom: 16px;\n}\n.c-cron__title-row[data-v-06e7be26] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.c-cron__title[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n font-size: 15px;\n}\n.c-cron__segments[data-v-06e7be26] {\n display: flex;\n gap: 2px;\n padding: 3px;\n border-radius: 10px;\n background: var(--c-bg);\n}\n.c-cron__segment[data-v-06e7be26] {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 8px 6px 5px;\n border-radius: 8px;\n cursor: pointer;\n transition: all var(--c-transition, 0.2s ease);\n user-select: none;\n min-width: 0;\n}\n.c-cron__segment[data-v-06e7be26]:not(.c-cron__segment--active):hover {\n background: color-mix(in srgb, var(--c-bg-card) 60%, transparent);\n}\n.c-cron__segment--active[data-v-06e7be26] {\n background: var(--c-bg-card);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n}\n.c-cron__segment--active .c-cron__segment-value[data-v-06e7be26] {\n color: var(--c-primary);\n}\n.c-cron__segment--wildcard:not(.c-cron__segment--active) .c-cron__segment-value[data-v-06e7be26] {\n opacity: 0.35;\n}\n.c-cron__segment-value[data-v-06e7be26] {\n font-family: \"Courier New\", Courier, monospace;\n font-size: 15px;\n font-weight: 700;\n line-height: 1.3;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: center;\n}\n.c-cron__segment-label[data-v-06e7be26] {\n font-size: 11px;\n color: var(--c-text-4);\n margin-top: 2px;\n}\n.c-cron__expr-row[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.c-cron__expr-input[data-v-06e7be26] {\n width: 240px;\n flex-shrink: 0;\n}\n.c-cron__expr-desc[data-v-06e7be26] {\n flex: 1;\n font-size: 13px;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.c-cron__description[data-v-06e7be26] {\n color: var(--c-text-2);\n}\n.c-cron__error[data-v-06e7be26] {\n color: var(--error-color);\n}\n.c-cron__body[data-v-06e7be26] {\n display: flex;\n gap: 24px;\n}\n.c-cron__main[data-v-06e7be26] {\n flex: 1;\n min-width: 0;\n}\n.c-cron__panel[data-v-06e7be26] {\n width: 260px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.c-cron__config[data-v-06e7be26] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.c-cron__config-row[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: var(--c-text-2);\n flex-wrap: wrap;\n}\n.c-cron__config-num[data-v-06e7be26] {\n width: 68px;\n}\n.c-cron__quick[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 13px;\n}\n.c-cron__quick a[data-v-06e7be26] {\n color: var(--c-primary);\n cursor: pointer;\n user-select: none;\n}\n.c-cron__quick a[data-v-06e7be26]:hover {\n text-decoration: underline;\n}\n.c-cron__quick-sep[data-v-06e7be26] {\n color: var(--c-text-4);\n}\n.c-cron__quick-count[data-v-06e7be26] {\n margin-left: 4px;\n font-size: 12px;\n color: var(--c-text-4);\n}\n.c-cron__panel-line[data-v-06e7be26] {\n height: 1px;\n background: var(--c-border);\n}\n.c-cron__footer[data-v-06e7be26] {\n margin-top: 16px;\n padding-top: 16px;\n border-top: 1px solid var(--c-border);\n}\n\n/* ─── 响应式 ────────────────────────────────── */\n@media (max-width: 768px) {\n.c-cron__body[data-v-06e7be26] {\n flex-direction: column;\n}\n.c-cron__panel[data-v-06e7be26] {\n width: 100%;\n}\n.c-cron__segments[data-v-06e7be26] {\n flex-wrap: wrap;\n}\n.c-cron__segment[data-v-06e7be26] {\n min-width: calc(33% - 4px);\n}\n.c-cron__expr-row[data-v-06e7be26] {\n flex-wrap: wrap;\n}\n.c-cron__expr-input[data-v-06e7be26] {\n width: 100%;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Cron-BNSAGD6A.css","names":[],"sources":["../src/components/C_Cron/components/CronFieldEditor.vue?vue&type=style&index=0&scoped=e6fa8e5b&lang.scss","../src/components/C_Cron/components/CronPreview.vue?vue&type=style&index=0&scoped=a695bb32&lang.scss","../src/components/C_Cron/components/CronTemplates.vue?vue&type=style&index=0&scoped=fe320f38&lang.scss","../src/components/C_Cron/index.vue?vue&type=style&index=0&scoped=06e7be26&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.cron-field-editor__grid[data-v-e6fa8e5b] {\n display: grid;\n grid-template-columns: repeat(var(--cols, 10), 1fr);\n gap: 4px;\n}\n.cron-field-editor__cell[data-v-e6fa8e5b] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 34px;\n border-radius: 6px;\n font-size: 13px;\n font-variant-numeric: tabular-nums;\n transition: all var(--c-transition, 0.2s ease);\n user-select: none;\n color: var(--c-text-2);\n /* 非交互高亮(every / range / step 的视觉反馈) */\n /* 可交互模式(specific) */\n}\n.cron-field-editor__cell--on[data-v-e6fa8e5b]:not(.cron-field-editor__cell--pick) {\n background: color-mix(in srgb, var(--c-primary) 12%, transparent);\n color: var(--c-primary);\n}\n.cron-field-editor__cell--pick[data-v-e6fa8e5b] {\n cursor: pointer;\n}\n.cron-field-editor__cell--pick[data-v-e6fa8e5b]:hover:not(.cron-field-editor__cell--on) {\n background: var(--c-bg-card);\n}\n.cron-field-editor__cell--pick.cron-field-editor__cell--on[data-v-e6fa8e5b] {\n background: var(--c-primary);\n color: #fff;\n font-weight: 600;\n}","/* unplugin-vue-components disabled */.cron-preview__header[data-v-a695bb32] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n font-size: 13px;\n margin-bottom: 6px;\n color: var(--c-text-1);\n}\n.cron-preview__list[data-v-a695bb32] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.cron-preview__item[data-v-a695bb32] {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 3px 4px;\n border-radius: 4px;\n font-size: 12px;\n transition: background var(--c-transition, 0.2s ease);\n}\n.cron-preview__item[data-v-a695bb32]:hover {\n background: var(--c-bg-card);\n}\n.cron-preview__idx[data-v-a695bb32] {\n width: 16px;\n text-align: center;\n color: var(--c-text-4);\n flex-shrink: 0;\n font-size: 11px;\n}\n.cron-preview__date[data-v-a695bb32] {\n font-family: \"Courier New\", Courier, monospace;\n flex: 1;\n font-size: 12px;\n}\n.cron-preview__week[data-v-a695bb32] {\n color: var(--c-text-4);\n font-size: 12px;\n flex-shrink: 0;\n}","/* unplugin-vue-components disabled */.cron-templates__header[data-v-fe320f38] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n font-size: 13px;\n margin-bottom: 10px;\n color: var(--c-text-1);\n}\n.cron-templates__cards[data-v-fe320f38] {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n gap: 8px;\n}\n.cron-templates__card[data-v-fe320f38] {\n padding: 10px 12px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n cursor: pointer;\n transition: all var(--c-transition, 0.2s ease);\n}\n.cron-templates__card[data-v-fe320f38]:hover {\n border-color: var(--c-primary);\n background: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.cron-templates__card--active[data-v-fe320f38] {\n border-color: var(--c-primary);\n background: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.cron-templates__card-name[data-v-fe320f38] {\n font-size: 13px;\n font-weight: 500;\n line-height: 1.4;\n}\n.cron-templates__card-expr[data-v-fe320f38] {\n font-family: \"Courier New\", Courier, monospace;\n font-size: 11px;\n color: var(--c-text-4);\n margin-top: 2px;\n}","/* unplugin-vue-components disabled *//* Cron 表达式编辑器 - 组件级全局样式 */\n.c-cron[data-v-06e7be26] {\n padding: 20px;\n border-radius: 10px;\n border: 1px solid var(--c-border);\n background: var(--c-bg-card);\n /* ═══════ 顶部 ═══════ */\n /* ─── 分段式字段选择器 ──────────────────── */\n /* ─── 表达式行 ─────────────────────────── */\n /* ═══════ 主内容 ═══════ */\n /* ─── 右侧控制面板 ────────────────────── */\n /* ═══════ 底部模板 ═══════ */\n}\n.c-cron__header[data-v-06e7be26] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--c-border);\n margin-bottom: 16px;\n}\n.c-cron__title-row[data-v-06e7be26] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.c-cron__title[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n font-size: 15px;\n}\n.c-cron__segments[data-v-06e7be26] {\n display: flex;\n gap: 2px;\n padding: 3px;\n border-radius: 10px;\n background: var(--c-bg);\n}\n.c-cron__segment[data-v-06e7be26] {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 8px 6px 5px;\n border-radius: 8px;\n cursor: pointer;\n transition: all var(--c-transition, 0.2s ease);\n user-select: none;\n min-width: 0;\n}\n.c-cron__segment[data-v-06e7be26]:not(.c-cron__segment--active):hover {\n background: color-mix(in srgb, var(--c-bg-card) 60%, transparent);\n}\n.c-cron__segment--active[data-v-06e7be26] {\n background: var(--c-bg-card);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n}\n.c-cron__segment--active .c-cron__segment-value[data-v-06e7be26] {\n color: var(--c-primary);\n}\n.c-cron__segment--wildcard:not(.c-cron__segment--active) .c-cron__segment-value[data-v-06e7be26] {\n opacity: 0.35;\n}\n.c-cron__segment-value[data-v-06e7be26] {\n font-family: \"Courier New\", Courier, monospace;\n font-size: 15px;\n font-weight: 700;\n line-height: 1.3;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: center;\n}\n.c-cron__segment-label[data-v-06e7be26] {\n font-size: 11px;\n color: var(--c-text-4);\n margin-top: 2px;\n}\n.c-cron__expr-row[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.c-cron__expr-input[data-v-06e7be26] {\n width: 240px;\n flex-shrink: 0;\n}\n.c-cron__expr-desc[data-v-06e7be26] {\n flex: 1;\n font-size: 13px;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.c-cron__description[data-v-06e7be26] {\n color: var(--c-text-2);\n}\n.c-cron__error[data-v-06e7be26] {\n color: var(--error-color);\n}\n.c-cron__body[data-v-06e7be26] {\n display: flex;\n gap: 24px;\n}\n.c-cron__main[data-v-06e7be26] {\n flex: 1;\n min-width: 0;\n}\n.c-cron__panel[data-v-06e7be26] {\n width: 260px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.c-cron__config[data-v-06e7be26] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.c-cron__config-row[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: var(--c-text-2);\n flex-wrap: wrap;\n}\n.c-cron__config-num[data-v-06e7be26] {\n width: 68px;\n}\n.c-cron__quick[data-v-06e7be26] {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 13px;\n}\n.c-cron__quick a[data-v-06e7be26] {\n color: var(--c-primary);\n cursor: pointer;\n user-select: none;\n}\n.c-cron__quick a[data-v-06e7be26]:hover {\n text-decoration: underline;\n}\n.c-cron__quick-sep[data-v-06e7be26] {\n color: var(--c-text-4);\n}\n.c-cron__quick-count[data-v-06e7be26] {\n margin-left: 4px;\n font-size: 12px;\n color: var(--c-text-4);\n}\n.c-cron__panel-line[data-v-06e7be26] {\n height: 1px;\n background: var(--c-border);\n}\n.c-cron__footer[data-v-06e7be26] {\n margin-top: 16px;\n padding-top: 16px;\n border-top: 1px solid var(--c-border);\n}\n\n/* ─── 响应式 ────────────────────────────────── */\n@media (max-width: 768px) {\n.c-cron__body[data-v-06e7be26] {\n flex-direction: column;\n}\n.c-cron__panel[data-v-06e7be26] {\n width: 100%;\n}\n.c-cron__segments[data-v-06e7be26] {\n flex-wrap: wrap;\n}\n.c-cron__segment[data-v-06e7be26] {\n min-width: calc(33% - 4px);\n}\n.c-cron__expr-row[data-v-06e7be26] {\n flex-wrap: wrap;\n}\n.c-cron__expr-input[data-v-06e7be26] {\n width: 100%;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Cron.js","names":["modelValue","computing","nextExecutions","formatDate","formatWeekDay","templates","currentValue","$emit"],"sources":["../src/components/C_Cron/constants.ts","../src/components/C_Cron/composables/useCronParser.ts","../src/components/C_Cron/composables/useCronPreview.ts","../src/components/C_Cron/composables/useCronDescription.ts","../src/components/C_Cron/components/CronFieldEditor.vue","../src/components/C_Cron/components/CronFieldEditor.vue","../src/components/C_Cron/components/CronPreview.vue","../src/components/C_Cron/components/CronPreview.vue","../src/components/C_Cron/components/CronTemplates.vue","../src/components/C_Cron/components/CronTemplates.vue","../src/components/C_Cron/index.vue","../src/components/C_Cron/index.vue"],"sourcesContent":["/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 表达式编辑器常量\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport type {\r\n CronFieldMeta,\r\n CronFieldValue,\r\n CronTemplate,\r\n CronValue,\r\n} from \"./types\";\r\n\r\n/* ─── 字段元数据 ────────────────────────────────── */\r\n\r\nexport const CRON_FIELD_META: CronFieldMeta[] = [\r\n { type: \"second\", label: \"秒\", min: 0, max: 59 },\r\n { type: \"minute\", label: \"分\", min: 0, max: 59 },\r\n { type: \"hour\", label: \"时\", min: 0, max: 23 },\r\n { type: \"day\", label: \"日\", min: 1, max: 31 },\r\n { type: \"month\", label: \"月\", min: 1, max: 12 },\r\n {\r\n type: \"week\",\r\n label: \"周\",\r\n min: 1,\r\n max: 7,\r\n valueLabels: {\r\n 1: \"周日\",\r\n 2: \"周一\",\r\n 3: \"周二\",\r\n 4: \"周三\",\r\n 5: \"周四\",\r\n 6: \"周五\",\r\n 7: \"周六\",\r\n },\r\n },\r\n];\r\n\r\n/* ─── 默认字段值 ────────────────────────────────── */\r\n\r\nexport const DEFAULT_FIELD_VALUE: CronFieldValue = {\r\n mode: \"every\",\r\n rangeStart: 0,\r\n rangeEnd: 0,\r\n stepStart: 0,\r\n stepInterval: 1,\r\n specificValues: [],\r\n};\r\n\r\n/* ─── 默认 Cron 值(每秒执行) ────────────────── */\r\n\r\nexport const DEFAULT_CRON_VALUE: CronValue = {\r\n second: { ...DEFAULT_FIELD_VALUE, rangeEnd: 59 },\r\n minute: { ...DEFAULT_FIELD_VALUE, rangeEnd: 59 },\r\n hour: { ...DEFAULT_FIELD_VALUE, rangeEnd: 23 },\r\n day: { ...DEFAULT_FIELD_VALUE, rangeStart: 1, rangeEnd: 31 },\r\n month: { ...DEFAULT_FIELD_VALUE, rangeStart: 1, rangeEnd: 12 },\r\n week: { ...DEFAULT_FIELD_VALUE, mode: \"none\", rangeStart: 1, rangeEnd: 7 },\r\n};\r\n\r\n/* ─── 默认表达式 ─────────────────────────────────── */\r\n\r\nexport const DEFAULT_CRON_EXPRESSION = \"0 0 0 * * ?\";\r\n\r\n/* ─── 常用模板 ───────────────────────────────────── */\r\n\r\nexport const CRON_TEMPLATES: CronTemplate[] = [\r\n {\r\n label: \"每秒执行\",\r\n value: \"* * * * * ?\",\r\n description: \"每秒执行一次\",\r\n icon: \"mdi:timer-sand\",\r\n },\r\n {\r\n label: \"每分钟执行\",\r\n value: \"0 * * * * ?\",\r\n description: \"每分钟第 0 秒执行\",\r\n icon: \"mdi:clock-outline\",\r\n },\r\n {\r\n label: \"每小时执行\",\r\n value: \"0 0 * * * ?\",\r\n description: \"每小时整点执行\",\r\n icon: \"mdi:clock-time-twelve-outline\",\r\n },\r\n {\r\n label: \"每天 0 点\",\r\n value: \"0 0 0 * * ?\",\r\n description: \"每天凌晨 00:00 执行\",\r\n icon: \"mdi:weather-night\",\r\n },\r\n {\r\n label: \"每天 8:30\",\r\n value: \"0 30 8 * * ?\",\r\n description: \"每天早上 08:30 执行\",\r\n icon: \"mdi:weather-sunny\",\r\n },\r\n {\r\n label: \"每天 12:00\",\r\n value: \"0 0 12 * * ?\",\r\n description: \"每天中午 12:00 执行\",\r\n icon: \"mdi:food\",\r\n },\r\n {\r\n label: \"工作日 9:00\",\r\n value: \"0 0 9 ? * 2-6\",\r\n description: \"周一至周五 09:00 执行\",\r\n icon: \"mdi:briefcase-outline\",\r\n },\r\n {\r\n label: \"每周一 0 点\",\r\n value: \"0 0 0 ? * 2\",\r\n description: \"每周一凌晨 00:00 执行\",\r\n icon: \"mdi:calendar-week\",\r\n },\r\n {\r\n label: \"每月 1 号 0 点\",\r\n value: \"0 0 0 1 * ?\",\r\n description: \"每月 1 号凌晨 00:00 执行\",\r\n icon: \"mdi:calendar-month\",\r\n },\r\n {\r\n label: \"每 5 分钟\",\r\n value: \"0 0/5 * * * ?\",\r\n description: \"每隔 5 分钟执行一次\",\r\n icon: \"mdi:timer-5\",\r\n },\r\n {\r\n label: \"每 30 分钟\",\r\n value: \"0 0/30 * * * ?\",\r\n description: \"每隔 30 分钟执行一次\",\r\n icon: \"mdi:timer-30\",\r\n },\r\n {\r\n label: \"每 2 小时\",\r\n value: \"0 0 0/2 * * ?\",\r\n description: \"每隔 2 小时执行一次\",\r\n icon: \"mdi:timer-2\",\r\n },\r\n];\r\n\r\n/* ─── 月份名称 ───────────────────────────────────── */\r\n\r\nexport const MONTH_LABELS: Record<number, string> = {\r\n 1: \"一月\",\r\n 2: \"二月\",\r\n 3: \"三月\",\r\n 4: \"四月\",\r\n 5: \"五月\",\r\n 6: \"六月\",\r\n 7: \"七月\",\r\n 8: \"八月\",\r\n 9: \"九月\",\r\n 10: \"十月\",\r\n 11: \"十一月\",\r\n 12: \"十二月\",\r\n};\r\n\r\n/* ─── 周名称 ─────────────────────────────────────── */\r\n\r\nexport const WEEK_LABELS: Record<number, string> = {\r\n 1: \"周日\",\r\n 2: \"周一\",\r\n 3: \"周二\",\r\n 4: \"周三\",\r\n 5: \"周四\",\r\n 6: \"周五\",\r\n 7: \"周六\",\r\n};\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 解析 & 生成引擎\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, computed } from \"vue\";\r\nimport type {\r\n CronFieldMeta,\r\n CronFieldType,\r\n CronFieldValue,\r\n CronValidation,\r\n CronValue,\r\n} from \"../types\";\r\nimport { CRON_FIELD_META, DEFAULT_CRON_VALUE } from \"../constants\";\r\n\r\n/* ─── 字段顺序 ────────────────────────────────── */\r\n\r\nconst FIELD_ORDER: CronFieldType[] = [\r\n \"second\",\r\n \"minute\",\r\n \"hour\",\r\n \"day\",\r\n \"month\",\r\n \"week\",\r\n];\r\n\r\n/**\r\n * Cron 解析 & 生成引擎\r\n */\r\nexport function useCronParser() {\r\n /** 当前 Cron 对象 */\r\n const cronValue = ref<CronValue>(structuredClone(DEFAULT_CRON_VALUE));\r\n\r\n /* ─── 单字段 → 表达式片段 ────────────────────── */\r\n\r\n /** 将单个字段值转为 Cron 表达式片段 */\r\n function fieldToExpression(field: CronFieldValue): string {\r\n switch (field.mode) {\r\n case \"every\":\r\n return \"*\";\r\n case \"range\":\r\n return `${field.rangeStart}-${field.rangeEnd}`;\r\n case \"step\":\r\n return `${field.stepStart}/${field.stepInterval}`;\r\n case \"specific\":\r\n return field.specificValues.length > 0\r\n ? field.specificValues.sort((a, b) => a - b).join(\",\")\r\n : \"*\";\r\n case \"none\":\r\n return \"?\";\r\n default:\r\n return \"*\";\r\n }\r\n }\r\n\r\n /* ─── 表达式片段 → 单字段 ────────────────────── */\r\n\r\n /** 创建默认字段值 */\r\n function createFieldValue(\r\n meta: CronFieldMeta,\r\n mode: CronFieldValue[\"mode\"],\r\n overrides: Partial<CronFieldValue> = {},\r\n ): CronFieldValue {\r\n return {\r\n mode,\r\n rangeStart: meta.min,\r\n rangeEnd: meta.max,\r\n stepStart: meta.min,\r\n stepInterval: 1,\r\n specificValues: [],\r\n ...overrides,\r\n };\r\n }\r\n\r\n /** 解析步进表达式为字段值 */\r\n function parseStepExpr(expr: string, meta: CronFieldMeta): CronFieldValue {\r\n const [start, interval] = expr.split(\"/\").map(Number);\r\n return createFieldValue(meta, \"step\", {\r\n stepStart: isNaN(start) ? meta.min : start,\r\n stepInterval: isNaN(interval) ? 1 : interval,\r\n });\r\n }\r\n\r\n /** 解析范围表达式为字段值 */\r\n function parseRangeExpr(expr: string, meta: CronFieldMeta): CronFieldValue {\r\n const [start, end] = expr.split(\"-\").map(Number);\r\n return createFieldValue(meta, \"range\", {\r\n rangeStart: isNaN(start) ? meta.min : start,\r\n rangeEnd: isNaN(end) ? meta.max : end,\r\n });\r\n }\r\n\r\n /** 将 Cron 表达式片段解析为字段值对象 */\r\n function expressionToField(\r\n expr: string,\r\n type: CronFieldType,\r\n ): CronFieldValue {\r\n const meta = CRON_FIELD_META.find((m) => m.type === type)!;\r\n\r\n if (expr === \"?\") return createFieldValue(meta, \"none\");\r\n if (expr === \"*\") return createFieldValue(meta, \"every\");\r\n if (expr.includes(\"/\")) return parseStepExpr(expr, meta);\r\n if (expr.includes(\"-\") && !expr.includes(\",\"))\r\n return parseRangeExpr(expr, meta);\r\n\r\n /* x,y,z 或单个数字(指定值) */\r\n const values = expr\r\n .split(\",\")\r\n .map(Number)\r\n .filter((n) => !isNaN(n));\r\n if (values.length > 0)\r\n return createFieldValue(meta, \"specific\", { specificValues: values });\r\n\r\n return createFieldValue(meta, \"every\");\r\n }\r\n\r\n /* ─── CronValue → 完整表达式 ────────────────── */\r\n\r\n /** 由 CronValue 生成完整 Cron 表达式 */\r\n function generate(): string {\r\n return FIELD_ORDER.map((type) =>\r\n fieldToExpression(cronValue.value[type]),\r\n ).join(\" \");\r\n }\r\n\r\n /* ─── 完整表达式 → CronValue ────────────────── */\r\n\r\n /** 解析 Cron 表达式字符串为 CronValue */\r\n function parse(expression: string): void {\r\n const parts = expression.trim().split(/\\s+/);\r\n if (parts.length < 6) return;\r\n\r\n FIELD_ORDER.forEach((type, index) => {\r\n cronValue.value[type] = expressionToField(parts[index], type);\r\n });\r\n }\r\n\r\n /* ─── 日/周互斥处理 ─────────────────────────── */\r\n\r\n /** 日/周互斥:修改一方时另一方自动设为 ? */\r\n function handleDayWeekExclusion(changedField: \"day\" | \"week\"): void {\r\n if (changedField === \"day\") {\r\n if (cronValue.value.day.mode !== \"none\") {\r\n cronValue.value.week = { ...cronValue.value.week, mode: \"none\" };\r\n }\r\n } else {\r\n if (cronValue.value.week.mode !== \"none\") {\r\n cronValue.value.day = { ...cronValue.value.day, mode: \"none\" };\r\n }\r\n }\r\n }\r\n\r\n /* ─── 校验 ──────────────────────────────────── */\r\n\r\n /** 校验 Cron 表达式合法性 */\r\n function validate(expression?: string): CronValidation {\r\n const expr = expression ?? generate();\r\n const parts = expr.trim().split(/\\s+/);\r\n\r\n if (parts.length !== 6) {\r\n return {\r\n valid: false,\r\n message: `表达式应包含 6 个字段,当前为 ${parts.length} 个`,\r\n };\r\n }\r\n\r\n /* 日和周必须有一个为 ? */\r\n const dayPart = parts[3];\r\n const weekPart = parts[5];\r\n if (dayPart !== \"?\" && weekPart !== \"?\") {\r\n return {\r\n valid: false,\r\n message: \"日和周不能同时指定,其中一个必须为 ?\",\r\n field: \"day\",\r\n };\r\n }\r\n if (dayPart === \"?\" && weekPart === \"?\") {\r\n return {\r\n valid: false,\r\n message: \"日和周不能同时为 ?,至少指定一个\",\r\n field: \"day\",\r\n };\r\n }\r\n\r\n /* 逐字段校验 */\r\n for (let i = 0; i < FIELD_ORDER.length; i++) {\r\n const type = FIELD_ORDER[i];\r\n const part = parts[i];\r\n const meta = CRON_FIELD_META.find((m) => m.type === type)!;\r\n const result = validateField(part, meta);\r\n if (!result.valid) {\r\n return { ...result, field: type };\r\n }\r\n }\r\n\r\n return { valid: true, message: \"表达式合法\" };\r\n }\r\n\r\n /** 校验步进表达式 */\r\n function validateStep(part: string, meta: CronFieldMeta): CronValidation {\r\n const [s, i] = part.split(\"/\");\r\n const start = s === \"*\" ? meta.min : Number(s);\r\n const interval = Number(i);\r\n if (isNaN(start) || isNaN(interval))\r\n return { valid: false, message: `${meta.label}字段步进格式错误` };\r\n if (start < meta.min || start > meta.max)\r\n return {\r\n valid: false,\r\n message: `${meta.label}字段步进起始值超出范围 (${meta.min}-${meta.max})`,\r\n };\r\n if (interval < 1)\r\n return { valid: false, message: `${meta.label}字段步进间隔必须大于 0` };\r\n return { valid: true, message: \"\" };\r\n }\r\n\r\n /** 校验范围表达式 */\r\n function validateRange(part: string, meta: CronFieldMeta): CronValidation {\r\n const [s, e] = part.split(\"-\").map(Number);\r\n if (isNaN(s) || isNaN(e))\r\n return { valid: false, message: `${meta.label}字段范围格式错误` };\r\n if (s < meta.min || e > meta.max)\r\n return {\r\n valid: false,\r\n message: `${meta.label}字段范围超出 (${meta.min}-${meta.max})`,\r\n };\r\n if (s > e)\r\n return { valid: false, message: `${meta.label}字段范围起始不能大于结束` };\r\n return { valid: true, message: \"\" };\r\n }\r\n\r\n /** 校验指定值表达式 */\r\n function validateSpecific(part: string, meta: CronFieldMeta): CronValidation {\r\n const values = part.split(\",\").map(Number);\r\n if (values.some(isNaN))\r\n return { valid: false, message: `${meta.label}字段包含非数字字符` };\r\n if (values.some((v) => v < meta.min || v > meta.max)) {\r\n return {\r\n valid: false,\r\n message: `${meta.label}字段值超出范围 (${meta.min}-${meta.max})`,\r\n };\r\n }\r\n return { valid: true, message: \"\" };\r\n }\r\n\r\n /** 校验单个字段表达式 */\r\n function validateField(part: string, meta: CronFieldMeta): CronValidation {\r\n if (part === \"*\" || part === \"?\") return { valid: true, message: \"\" };\r\n if (part.includes(\"/\")) return validateStep(part, meta);\r\n if (part.includes(\"-\") && !part.includes(\",\"))\r\n return validateRange(part, meta);\r\n return validateSpecific(part, meta);\r\n }\r\n\r\n /* ─── 计算属性:自动生成表达式 ────────────────── */\r\n\r\n const expression = computed(() => generate());\r\n\r\n /* ─── 校验结果 ──────────────────────────────── */\r\n\r\n const validation = computed(() => validate());\r\n\r\n return {\r\n cronValue,\r\n expression,\r\n validation,\r\n parse,\r\n generate,\r\n validate,\r\n handleDayWeekExclusion,\r\n };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 执行时间预测\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, watch, type Ref } from 'vue'\r\nimport type { CronValidation } from '../types'\r\n\r\n/**\r\n * 解析 Cron 表达式,预测未来 N 次执行时间\r\n * 纯逻辑实现,不依赖外部库\r\n */\r\nexport function useCronPreview(\r\n expression: Ref<string>,\r\n validation: Ref<CronValidation>,\r\n count: Ref<number>\r\n) {\r\n /** 预测的执行时间列表 */\r\n const nextExecutions = ref<Date[]>([])\r\n\r\n /** 是否正在计算 */\r\n const computing = ref(false)\r\n\r\n /* ─── 匹配检查工具 ─────────────────────────── */\r\n\r\n /** 检查单个值是否匹配 Cron 字段片段 */\r\n function matchesPart(value: number, part: string): boolean {\r\n if (part === '*' || part === '?') return true\r\n\r\n /* 步进 x/y */\r\n if (part.includes('/')) {\r\n const [s, i] = part.split('/')\r\n const start = s === '*' ? 0 : Number(s)\r\n const interval = Number(i)\r\n return value - start >= 0 && (value - start) % interval === 0\r\n }\r\n\r\n /* 范围 x-y */\r\n if (part.includes('-') && !part.includes(',')) {\r\n const [start, end] = part.split('-').map(Number)\r\n return value >= start && value <= end\r\n }\r\n\r\n /* 指定值 x,y,z */\r\n return part.split(',').map(Number).includes(value)\r\n }\r\n\r\n /** 检查日期是否匹配 Cron 表达式 */\r\n function matchesCron(date: Date, parts: string[]): boolean {\r\n if (parts.length !== 6) return false\r\n\r\n const [secPart, minPart, hourPart, dayPart, monthPart, weekPart] = parts\r\n\r\n /* 月 (1-12) */\r\n if (!matchesPart(date.getMonth() + 1, monthPart)) return false\r\n\r\n /* 日/周(互斥) */\r\n if (dayPart !== '?') {\r\n if (!matchesPart(date.getDate(), dayPart)) return false\r\n }\r\n if (weekPart !== '?') {\r\n /* JS: 0=周日, 1=周一… → Cron: 1=周日, 2=周一… */\r\n if (!matchesPart(date.getDay() + 1, weekPart)) return false\r\n }\r\n\r\n /* 时 */\r\n if (!matchesPart(date.getHours(), hourPart)) return false\r\n /* 分 */\r\n if (!matchesPart(date.getMinutes(), minPart)) return false\r\n /* 秒 */\r\n if (!matchesPart(date.getSeconds(), secPart)) return false\r\n\r\n return true\r\n }\r\n\r\n /** 计算未来 N 次执行时间 */\r\n function computeNextExecutions(): Date[] {\r\n const expr = expression.value\r\n if (!expr || !validation.value.valid) return []\r\n\r\n const parts = expr.trim().split(/\\s+/)\r\n if (parts.length !== 6) return []\r\n\r\n const results: Date[] = []\r\n const now = new Date()\r\n const cursor = new Date(now.getTime() + 1000) /* 从下一秒开始 */\r\n cursor.setMilliseconds(0)\r\n\r\n /* 判断是否包含秒级调度(秒字段不是 0) */\r\n const hasSecond = parts[0] !== '0'\r\n const stepMs = hasSecond ? 1000 : 60_000 /* 秒级/分钟级步进 */\r\n\r\n /* 分钟级步进时,对齐到整分(秒归零),否则秒位永远无法匹配 '0' */\r\n if (!hasSecond) {\r\n cursor.setSeconds(0)\r\n if (cursor.getTime() <= now.getTime()) {\r\n cursor.setTime(cursor.getTime() + 60_000)\r\n }\r\n }\r\n\r\n const maxIterations = 525_600 /* 最多遍历 1 年的分钟数 */\r\n const target = count.value\r\n\r\n for (let i = 0; i < maxIterations && results.length < target; i++) {\r\n if (matchesCron(cursor, parts)) {\r\n results.push(new Date(cursor))\r\n }\r\n cursor.setTime(cursor.getTime() + stepMs)\r\n }\r\n\r\n return results\r\n }\r\n\r\n /* ─── 监听表达式变化自动计算 ─────────────────── */\r\n\r\n watch(\r\n [expression, count],\r\n () => {\r\n if (!validation.value.valid) {\r\n nextExecutions.value = []\r\n return\r\n }\r\n computing.value = true\r\n /* 使用 setTimeout 避免阻塞 UI */\r\n setTimeout(() => {\r\n nextExecutions.value = computeNextExecutions()\r\n computing.value = false\r\n }, 0)\r\n },\r\n { immediate: true }\r\n )\r\n\r\n /* ─── 格式化输出 ───────────────────────────── */\r\n\r\n /** 格式化日期为字符串 */\r\n function formatDate(date: Date): string {\r\n const pad = (n: number) => String(n).padStart(2, '0')\r\n return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`\r\n }\r\n\r\n /** 获取日期的中文星期名称 */\r\n function formatWeekDay(date: Date): string {\r\n const days = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']\r\n return days[date.getDay()]\r\n }\r\n\r\n return {\r\n nextExecutions,\r\n computing,\r\n formatDate,\r\n formatWeekDay,\r\n }\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 中文描述生成\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { computed } from \"vue\";\r\nimport type { Ref } from \"vue\";\r\nimport type { CronValidation } from \"../types\";\r\nimport { MONTH_LABELS, WEEK_LABELS } from \"../constants\";\r\n\r\n/** 获取周名称 */\r\nfunction weekLabel(n: number | string): string {\r\n return WEEK_LABELS[Number(n)] || `周${n}`;\r\n}\r\n\r\n/**\r\n * 将 Cron 表达式自动转换为中文可读描述\r\n */\r\nexport function useCronDescription(\r\n expression: Ref<string>,\r\n validation: Ref<CronValidation>,\r\n) {\r\n /** 中文描述 */\r\n const description = computed(() => {\r\n if (!validation.value.valid) return \"表达式不合法\";\r\n return generateDescription(expression.value);\r\n });\r\n\r\n /* ─── 核心转换 ──────────────────────────────── */\r\n\r\n /** 将完整 Cron 表达式转为中文描述 */\r\n function generateDescription(expr: string): string {\r\n const parts = expr.trim().split(/\\s+/);\r\n if (parts.length !== 6) return \"表达式格式错误\";\r\n\r\n const [sec, min, hour, day, month, week] = parts;\r\n\r\n const fragments: string[] = [];\r\n\r\n /* 月 */\r\n fragments.push(describeMonth(month));\r\n /* 周 or 日 */\r\n if (week !== \"?\") {\r\n fragments.push(describeWeek(week));\r\n } else {\r\n fragments.push(describeDay(day));\r\n }\r\n /* 时 */\r\n fragments.push(describeHour(hour));\r\n /* 分 */\r\n fragments.push(describeMinute(min));\r\n /* 秒 */\r\n fragments.push(describeSecond(sec));\r\n\r\n return fragments.filter(Boolean).join(\" \") + \" 执行\";\r\n }\r\n\r\n /* ─── 各字段描述 ────────────────────────────── */\r\n\r\n /** 描述秒字段 */\r\n function describeSecond(part: string): string {\r\n if (part === \"0\") return \"\";\r\n if (part === \"*\") return \"每秒\";\r\n return describeFieldGeneric(part, \"秒\");\r\n }\r\n\r\n /** 描述分字段 */\r\n function describeMinute(part: string): string {\r\n if (part === \"*\") return \"每分钟\";\r\n if (part === \"0\") return \"\";\r\n return describeFieldGeneric(part, \"分\");\r\n }\r\n\r\n /** 描述时字段 */\r\n function describeHour(part: string): string {\r\n if (part === \"*\") return \"每小时\";\r\n if (/^\\d+$/.test(part)) return `${part.padStart(2, \"0\")}:`;\r\n return describeFieldGeneric(part, \"时\");\r\n }\r\n\r\n /** 描述日字段 */\r\n function describeDay(part: string): string {\r\n if (part === \"*\" || part === \"?\") return \"每天\";\r\n if (/^\\d+$/.test(part)) return `每月 ${part} 号`;\r\n if (part.includes(\"/\")) {\r\n const [s, i] = part.split(\"/\");\r\n return `从 ${s} 号开始每 ${i} 天`;\r\n }\r\n if (part.includes(\"-\")) {\r\n const [s, e] = part.split(\"-\");\r\n return `${s} 号到 ${e} 号`;\r\n }\r\n if (part.includes(\",\")) {\r\n return `每月 ${part} 号`;\r\n }\r\n return \"\";\r\n }\r\n\r\n /** 描述月字段 */\r\n function describeMonth(part: string): string {\r\n if (part === \"*\") return \"\";\r\n if (/^\\d+$/.test(part)) {\r\n const n = Number(part);\r\n return MONTH_LABELS[n] ? `${MONTH_LABELS[n]}` : `${n} 月`;\r\n }\r\n if (part.includes(\"/\")) {\r\n const [s, i] = part.split(\"/\");\r\n return `从 ${s} 月开始每 ${i} 个月`;\r\n }\r\n if (part.includes(\"-\")) {\r\n const [s, e] = part.split(\"-\");\r\n return `${s} 月到 ${e} 月`;\r\n }\r\n if (part.includes(\",\")) {\r\n const months = part\r\n .split(\",\")\r\n .map((n) => MONTH_LABELS[Number(n)] || `${n}月`)\r\n .join(\"、\");\r\n return months;\r\n }\r\n return \"\";\r\n }\r\n\r\n /** 描述周字段 */\r\n function describeWeek(part: string): string {\r\n if (part === \"*\" || part === \"?\") return \"\";\r\n if (/^\\d+$/.test(part)) return `每${weekLabel(part)}`;\r\n if (part.includes(\"/\"))\r\n return `从${weekLabel(part.split(\"/\")[0])}开始每 ${part.split(\"/\")[1]} 天`;\r\n if (part.includes(\"-\"))\r\n return `${weekLabel(part.split(\"-\")[0])}到${weekLabel(part.split(\"-\")[1])}`;\r\n if (part.includes(\",\"))\r\n return `每${part.split(\",\").map(weekLabel).join(\"、\")}`;\r\n return \"\";\r\n }\r\n\r\n /** 通用字段描述 */\r\n function describeFieldGeneric(part: string, unit: string): string {\r\n if (part.includes(\"/\")) {\r\n const [s, i] = part.split(\"/\");\r\n const startDesc = s === \"*\" || s === \"0\" ? \"\" : `从第 ${s} ${unit}开始`;\r\n return `${startDesc}每 ${i} ${unit}`;\r\n }\r\n if (part.includes(\"-\")) {\r\n const [s, e] = part.split(\"-\");\r\n return `${s} ${unit}到 ${e} ${unit}`;\r\n }\r\n if (part.includes(\",\")) {\r\n return `第 ${part} ${unit}`;\r\n }\r\n if (/^\\d+$/.test(part)) {\r\n return `${part.padStart(2, \"0\")}`;\r\n }\r\n return \"\";\r\n }\r\n\r\n return {\r\n description,\r\n };\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 字段值网格(始终可见,根据模式自动高亮对应值)\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n <div class=\"cron-field-editor\">\r\n <div class=\"cron-field-editor__grid\" :style=\"{ '--cols': gridColumns }\">\r\n <div\r\n v-for=\"item in valueOptions\"\r\n :key=\"item.value\"\r\n class=\"cron-field-editor__cell\"\r\n :class=\"{\r\n 'cron-field-editor__cell--on': highlightedValues.has(item.value),\r\n 'cron-field-editor__cell--pick': modelValue.mode === 'specific',\r\n }\"\r\n @click=\"handleCellClick(item.value)\"\r\n >\r\n {{ item.label }}\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport type { CronFieldMeta, CronFieldValue } from \"../types\";\r\n\r\ninterface Props {\r\n modelValue: CronFieldValue;\r\n meta: CronFieldMeta;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<{\r\n \"update:modelValue\": [value: CronFieldValue];\r\n}>();\r\n\r\n/** 网格列数 */\r\nconst gridColumns = computed(() => {\r\n switch (props.meta.type) {\r\n case \"second\":\r\n case \"minute\":\r\n return 10;\r\n case \"hour\":\r\n return 12;\r\n case \"day\":\r\n return 7;\r\n case \"month\":\r\n return 6;\r\n case \"week\":\r\n return 7;\r\n default:\r\n return 10;\r\n }\r\n});\r\n\r\n/** 可选值列表 */\r\nconst valueOptions = computed(() => {\r\n const items: { value: number; label: string }[] = [];\r\n for (let i = props.meta.min; i <= props.meta.max; i++) {\r\n items.push({\r\n value: i,\r\n label: props.meta.valueLabels?.[i] ?? String(i),\r\n });\r\n }\r\n return items;\r\n});\r\n\r\n/** 根据当前模式计算高亮值集合 */\r\nconst highlightedValues = computed(() => {\r\n const { modelValue: f, meta } = props;\r\n const set = new Set<number>();\r\n switch (f.mode) {\r\n case \"every\":\r\n for (let i = meta.min; i <= meta.max; i++) set.add(i);\r\n break;\r\n case \"none\":\r\n break;\r\n case \"range\":\r\n for (let i = f.rangeStart; i <= f.rangeEnd; i++) set.add(i);\r\n break;\r\n case \"step\":\r\n for (let i = f.stepStart; i <= meta.max; i += f.stepInterval) set.add(i);\r\n break;\r\n case \"specific\":\r\n f.specificValues.forEach((v) => set.add(v));\r\n break;\r\n }\r\n return set;\r\n});\r\n\r\n/** 点击单元格(仅 specific 模式生效) */\r\nfunction handleCellClick(value: number) {\r\n if (props.modelValue.mode !== \"specific\") return;\r\n const current = [...props.modelValue.specificValues];\r\n const idx = current.indexOf(value);\r\n if (idx >= 0) current.splice(idx, 1);\r\n else current.push(value);\r\n emit(\"update:modelValue\", {\r\n ...props.modelValue,\r\n specificValues: current,\r\n });\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-field-editor {\r\n &__grid {\r\n display: grid;\r\n grid-template-columns: repeat(var(--cols, 10), 1fr);\r\n gap: 4px;\r\n }\r\n\r\n &__cell {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 34px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n font-variant-numeric: tabular-nums;\r\n transition: all var(--c-transition, 0.2s ease);\r\n user-select: none;\r\n color: var(--c-text-2);\r\n\r\n /* 非交互高亮(every / range / step 的视觉反馈) */\r\n &--on:not(&--pick) {\r\n background: color-mix(in srgb, var(--c-primary) 12%, transparent);\r\n color: var(--c-primary);\r\n }\r\n\r\n /* 可交互模式(specific) */\r\n &--pick {\r\n cursor: pointer;\r\n\r\n &:hover:not(.cron-field-editor__cell--on) {\r\n background: var(--c-bg-card);\r\n }\r\n\r\n &.cron-field-editor__cell--on {\r\n background: var(--c-primary);\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 字段值网格(始终可见,根据模式自动高亮对应值)\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n <div class=\"cron-field-editor\">\r\n <div class=\"cron-field-editor__grid\" :style=\"{ '--cols': gridColumns }\">\r\n <div\r\n v-for=\"item in valueOptions\"\r\n :key=\"item.value\"\r\n class=\"cron-field-editor__cell\"\r\n :class=\"{\r\n 'cron-field-editor__cell--on': highlightedValues.has(item.value),\r\n 'cron-field-editor__cell--pick': modelValue.mode === 'specific',\r\n }\"\r\n @click=\"handleCellClick(item.value)\"\r\n >\r\n {{ item.label }}\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport type { CronFieldMeta, CronFieldValue } from \"../types\";\r\n\r\ninterface Props {\r\n modelValue: CronFieldValue;\r\n meta: CronFieldMeta;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<{\r\n \"update:modelValue\": [value: CronFieldValue];\r\n}>();\r\n\r\n/** 网格列数 */\r\nconst gridColumns = computed(() => {\r\n switch (props.meta.type) {\r\n case \"second\":\r\n case \"minute\":\r\n return 10;\r\n case \"hour\":\r\n return 12;\r\n case \"day\":\r\n return 7;\r\n case \"month\":\r\n return 6;\r\n case \"week\":\r\n return 7;\r\n default:\r\n return 10;\r\n }\r\n});\r\n\r\n/** 可选值列表 */\r\nconst valueOptions = computed(() => {\r\n const items: { value: number; label: string }[] = [];\r\n for (let i = props.meta.min; i <= props.meta.max; i++) {\r\n items.push({\r\n value: i,\r\n label: props.meta.valueLabels?.[i] ?? String(i),\r\n });\r\n }\r\n return items;\r\n});\r\n\r\n/** 根据当前模式计算高亮值集合 */\r\nconst highlightedValues = computed(() => {\r\n const { modelValue: f, meta } = props;\r\n const set = new Set<number>();\r\n switch (f.mode) {\r\n case \"every\":\r\n for (let i = meta.min; i <= meta.max; i++) set.add(i);\r\n break;\r\n case \"none\":\r\n break;\r\n case \"range\":\r\n for (let i = f.rangeStart; i <= f.rangeEnd; i++) set.add(i);\r\n break;\r\n case \"step\":\r\n for (let i = f.stepStart; i <= meta.max; i += f.stepInterval) set.add(i);\r\n break;\r\n case \"specific\":\r\n f.specificValues.forEach((v) => set.add(v));\r\n break;\r\n }\r\n return set;\r\n});\r\n\r\n/** 点击单元格(仅 specific 模式生效) */\r\nfunction handleCellClick(value: number) {\r\n if (props.modelValue.mode !== \"specific\") return;\r\n const current = [...props.modelValue.specificValues];\r\n const idx = current.indexOf(value);\r\n if (idx >= 0) current.splice(idx, 1);\r\n else current.push(value);\r\n emit(\"update:modelValue\", {\r\n ...props.modelValue,\r\n specificValues: current,\r\n });\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-field-editor {\r\n &__grid {\r\n display: grid;\r\n grid-template-columns: repeat(var(--cols, 10), 1fr);\r\n gap: 4px;\r\n }\r\n\r\n &__cell {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 34px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n font-variant-numeric: tabular-nums;\r\n transition: all var(--c-transition, 0.2s ease);\r\n user-select: none;\r\n color: var(--c-text-2);\r\n\r\n /* 非交互高亮(every / range / step 的视觉反馈) */\r\n &--on:not(&--pick) {\r\n background: color-mix(in srgb, var(--c-primary) 12%, transparent);\r\n color: var(--c-primary);\r\n }\r\n\r\n /* 可交互模式(specific) */\r\n &--pick {\r\n cursor: pointer;\r\n\r\n &:hover:not(.cron-field-editor__cell--on) {\r\n background: var(--c-bg-card);\r\n }\r\n\r\n &.cron-field-editor__cell--on {\r\n background: var(--c-primary);\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 执行时间预览(紧凑布局)\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n <div class=\"cron-preview\">\r\n <div class=\"cron-preview__header\">\r\n <C_Icon name=\"mdi:calendar-clock\" :size=\"15\" />\r\n <span>未来执行</span>\r\n <NSpin v-if=\"computing\" :size=\"14\" />\r\n </div>\r\n\r\n <NScrollbar style=\"max-height: 220px\">\r\n <div v-if=\"nextExecutions.length > 0\" class=\"cron-preview__list\">\r\n <div\r\n v-for=\"(date, index) in nextExecutions\"\r\n :key=\"index\"\r\n class=\"cron-preview__item\"\r\n >\r\n <span class=\"cron-preview__idx\">{{ index + 1 }}</span>\r\n <span class=\"cron-preview__date\">{{ formatDate(date) }}</span>\r\n <span class=\"cron-preview__week\">{{ formatWeekDay(date) }}</span>\r\n </div>\r\n </div>\r\n <NEmpty v-else size=\"small\" description=\"暂无匹配\" />\r\n </NScrollbar>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\n\r\ninterface Props {\r\n nextExecutions: Date[];\r\n computing: boolean;\r\n count: number;\r\n formatDate: (date: Date) => string;\r\n formatWeekDay: (date: Date) => string;\r\n}\r\n\r\ndefineProps<Props>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-preview {\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n color: var(--c-text-1);\r\n }\r\n\r\n &__list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n &__item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 3px 4px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n transition: background var(--c-transition, 0.2s ease);\r\n\r\n &:hover {\r\n background: var(--c-bg-card);\r\n }\r\n }\r\n\r\n &__idx {\r\n width: 16px;\r\n text-align: center;\r\n color: var(--c-text-4);\r\n flex-shrink: 0;\r\n font-size: 11px;\r\n }\r\n\r\n &__date {\r\n font-family: \"Courier New\", Courier, monospace;\r\n flex: 1;\r\n font-size: 12px;\r\n }\r\n\r\n &__week {\r\n color: var(--c-text-4);\r\n font-size: 12px;\r\n flex-shrink: 0;\r\n }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 执行时间预览(紧凑布局)\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n <div class=\"cron-preview\">\r\n <div class=\"cron-preview__header\">\r\n <C_Icon name=\"mdi:calendar-clock\" :size=\"15\" />\r\n <span>未来执行</span>\r\n <NSpin v-if=\"computing\" :size=\"14\" />\r\n </div>\r\n\r\n <NScrollbar style=\"max-height: 220px\">\r\n <div v-if=\"nextExecutions.length > 0\" class=\"cron-preview__list\">\r\n <div\r\n v-for=\"(date, index) in nextExecutions\"\r\n :key=\"index\"\r\n class=\"cron-preview__item\"\r\n >\r\n <span class=\"cron-preview__idx\">{{ index + 1 }}</span>\r\n <span class=\"cron-preview__date\">{{ formatDate(date) }}</span>\r\n <span class=\"cron-preview__week\">{{ formatWeekDay(date) }}</span>\r\n </div>\r\n </div>\r\n <NEmpty v-else size=\"small\" description=\"暂无匹配\" />\r\n </NScrollbar>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\n\r\ninterface Props {\r\n nextExecutions: Date[];\r\n computing: boolean;\r\n count: number;\r\n formatDate: (date: Date) => string;\r\n formatWeekDay: (date: Date) => string;\r\n}\r\n\r\ndefineProps<Props>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-preview {\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n color: var(--c-text-1);\r\n }\r\n\r\n &__list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n &__item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 3px 4px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n transition: background var(--c-transition, 0.2s ease);\r\n\r\n &:hover {\r\n background: var(--c-bg-card);\r\n }\r\n }\r\n\r\n &__idx {\r\n width: 16px;\r\n text-align: center;\r\n color: var(--c-text-4);\r\n flex-shrink: 0;\r\n font-size: 11px;\r\n }\r\n\r\n &__date {\r\n font-family: \"Courier New\", Courier, monospace;\r\n flex: 1;\r\n font-size: 12px;\r\n }\r\n\r\n &__week {\r\n color: var(--c-text-4);\r\n font-size: 12px;\r\n flex-shrink: 0;\r\n }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 常用模板(底部卡片网格)\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n <div class=\"cron-templates\">\r\n <div class=\"cron-templates__header\">\r\n <C_Icon name=\"mdi:lightning-bolt\" :size=\"15\" />\r\n <span>常用模板</span>\r\n </div>\r\n\r\n <div class=\"cron-templates__cards\">\r\n <div\r\n v-for=\"template in templates\"\r\n :key=\"template.value\"\r\n class=\"cron-templates__card\"\r\n :class=\"{\r\n 'cron-templates__card--active': template.value === currentValue,\r\n }\"\r\n @click=\"$emit('select', template.value)\"\r\n >\r\n <div class=\"cron-templates__card-name\">{{ template.label }}</div>\r\n <div class=\"cron-templates__card-expr\">{{ template.value }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { CronTemplate } from \"../types\";\r\n\r\ninterface Props {\r\n templates: CronTemplate[];\r\n currentValue: string;\r\n}\r\n\r\ndefineProps<Props>();\r\ndefineEmits<{\r\n select: [value: string];\r\n}>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-templates {\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n margin-bottom: 10px;\r\n color: var(--c-text-1);\r\n }\r\n\r\n &__cards {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n gap: 8px;\r\n }\r\n\r\n &__card {\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n cursor: pointer;\r\n transition: all var(--c-transition, 0.2s ease);\r\n\r\n &:hover {\r\n border-color: var(--c-primary);\r\n background: color-mix(in srgb, var(--c-primary) 4%, transparent);\r\n }\r\n\r\n &--active {\r\n border-color: var(--c-primary);\r\n background: color-mix(in srgb, var(--c-primary) 8%, transparent);\r\n }\r\n }\r\n\r\n &__card-name {\r\n font-size: 13px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n }\r\n\r\n &__card-expr {\r\n font-family: \"Courier New\", Courier, monospace;\r\n font-size: 11px;\r\n color: var(--c-text-4);\r\n margin-top: 2px;\r\n }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 常用模板(底部卡片网格)\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n <div class=\"cron-templates\">\r\n <div class=\"cron-templates__header\">\r\n <C_Icon name=\"mdi:lightning-bolt\" :size=\"15\" />\r\n <span>常用模板</span>\r\n </div>\r\n\r\n <div class=\"cron-templates__cards\">\r\n <div\r\n v-for=\"template in templates\"\r\n :key=\"template.value\"\r\n class=\"cron-templates__card\"\r\n :class=\"{\r\n 'cron-templates__card--active': template.value === currentValue,\r\n }\"\r\n @click=\"$emit('select', template.value)\"\r\n >\r\n <div class=\"cron-templates__card-name\">{{ template.label }}</div>\r\n <div class=\"cron-templates__card-expr\">{{ template.value }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { CronTemplate } from \"../types\";\r\n\r\ninterface Props {\r\n templates: CronTemplate[];\r\n currentValue: string;\r\n}\r\n\r\ndefineProps<Props>();\r\ndefineEmits<{\r\n select: [value: string];\r\n}>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-templates {\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n margin-bottom: 10px;\r\n color: var(--c-text-1);\r\n }\r\n\r\n &__cards {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n gap: 8px;\r\n }\r\n\r\n &__card {\r\n padding: 10px 12px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n cursor: pointer;\r\n transition: all var(--c-transition, 0.2s ease);\r\n\r\n &:hover {\r\n border-color: var(--c-primary);\r\n background: color-mix(in srgb, var(--c-primary) 4%, transparent);\r\n }\r\n\r\n &--active {\r\n border-color: var(--c-primary);\r\n background: color-mix(in srgb, var(--c-primary) 8%, transparent);\r\n }\r\n }\r\n\r\n &__card-name {\r\n font-size: 13px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n }\r\n\r\n &__card-expr {\r\n font-family: \"Courier New\", Courier, monospace;\r\n font-size: 11px;\r\n color: var(--c-text-4);\r\n margin-top: 2px;\r\n }\r\n}\r\n</style>\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: Cron 表达式编辑器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n\n<template>\n <div class=\"c-cron\" :style=\"{ height: containerHeight }\">\n <!-- ═══════ 顶部 ═══════ -->\n <div class=\"c-cron__header\">\n <!-- 标题行 -->\n <div class=\"c-cron__title-row\">\n <div class=\"c-cron__title\">\n <C_Icon name=\"mdi:clock-edit-outline\" :size=\"18\" />\n <span>Cron 表达式</span>\n </div>\n <NTag :type=\"validation.valid ? 'success' : 'error'\" size=\"small\" round>\n <template #icon>\n <C_Icon\n :name=\"validation.valid ? 'mdi:check-circle' : 'mdi:alert-circle'\"\n />\n </template>\n {{ validation.valid ? \"合法\" : \"错误\" }}\n </NTag>\n </div>\n\n <!-- 分段式字段选择器 -->\n <div class=\"c-cron__segments\">\n <div\n v-for=\"meta in visibleFields\"\n :key=\"meta.type\"\n class=\"c-cron__segment\"\n :class=\"{\n 'c-cron__segment--active': activeField === meta.type,\n 'c-cron__segment--wildcard':\n fieldExpressions[meta.type] === '*' ||\n fieldExpressions[meta.type] === '?',\n }\"\n @click=\"activeField = meta.type\"\n >\n <div class=\"c-cron__segment-value\">\n {{ fieldExpressions[meta.type] }}\n </div>\n <div class=\"c-cron__segment-label\">{{ meta.label }}</div>\n </div>\n </div>\n\n <!-- 表达式行:输入 + 重置 + 描述 -->\n <div class=\"c-cron__expr-row\">\n <NInput\n :value=\"manualInput\"\n :status=\"validation.valid ? undefined : 'error'\"\n placeholder=\"秒 分 时 日 月 周\"\n :disabled=\"props.disabled\"\n font=\"mono\"\n size=\"small\"\n clearable\n class=\"c-cron__expr-input\"\n @update:value=\"handleManualInput\"\n @blur=\"handleManualBlur\"\n @keydown.enter=\"handleManualBlur\"\n >\n <template #prefix>\n <C_Icon name=\"mdi:console\" :size=\"14\" style=\"opacity: 0.4\" />\n </template>\n </NInput>\n <NButton\n size=\"small\"\n quaternary\n :disabled=\"props.disabled\"\n @click=\"handleReset\"\n >\n <template #icon>\n <C_Icon name=\"mdi:refresh\" />\n </template>\n </NButton>\n <div class=\"c-cron__expr-desc\">\n <span v-if=\"validation.valid\" class=\"c-cron__description\">\n {{ description }}\n </span>\n <span v-else class=\"c-cron__error\">\n {{ validation.message }}\n </span>\n </div>\n </div>\n </div>\n\n <!-- ═══════ 主内容 ═══════ -->\n <div class=\"c-cron__body\">\n <!-- 左侧:值网格 -->\n <div class=\"c-cron__main\">\n <CronFieldEditor\n v-for=\"meta in visibleFields\"\n v-show=\"activeField === meta.type\"\n :key=\"meta.type\"\n :model-value=\"cronValue[meta.type]\"\n :meta=\"meta\"\n @update:model-value=\"(v) => handleFieldChange(meta.type, v)\"\n />\n </div>\n\n <!-- 右侧:控制面板 -->\n <div class=\"c-cron__panel\">\n <NRadioGroup\n :value=\"activeFieldValue.mode\"\n size=\"small\"\n @update:value=\"handleActiveFieldModeChange\"\n >\n <NRadioButton value=\"every\">\n 每{{ activeFieldMeta.label }}\n </NRadioButton>\n <NRadioButton\n v-if=\"activeField === 'day' || activeField === 'week'\"\n value=\"none\"\n >\n 不指定\n </NRadioButton>\n <NRadioButton value=\"range\">范围</NRadioButton>\n <NRadioButton value=\"step\">步进</NRadioButton>\n <NRadioButton value=\"specific\">指定</NRadioButton>\n </NRadioGroup>\n\n <!-- 范围配置 -->\n <div v-if=\"activeFieldValue.mode === 'range'\" class=\"c-cron__config\">\n <div class=\"c-cron__config-row\">\n <span>从</span>\n <NInputNumber\n :value=\"activeFieldValue.rangeStart\"\n :min=\"activeFieldMeta.min\"\n :max=\"activeFieldMeta.max\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({\n rangeStart: v ?? activeFieldMeta.min,\n })\n \"\n />\n <span>到</span>\n <NInputNumber\n :value=\"activeFieldValue.rangeEnd\"\n :min=\"activeFieldMeta.min\"\n :max=\"activeFieldMeta.max\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({\n rangeEnd: v ?? activeFieldMeta.max,\n })\n \"\n />\n </div>\n </div>\n\n <!-- 步进配置 -->\n <div v-if=\"activeFieldValue.mode === 'step'\" class=\"c-cron__config\">\n <div class=\"c-cron__config-row\">\n <span>从第</span>\n <NInputNumber\n :value=\"activeFieldValue.stepStart\"\n :min=\"activeFieldMeta.min\"\n :max=\"activeFieldMeta.max\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({\n stepStart: v ?? activeFieldMeta.min,\n })\n \"\n />\n <span>{{ activeFieldMeta.label }}起,每</span>\n <NInputNumber\n :value=\"activeFieldValue.stepInterval\"\n :min=\"1\"\n :max=\"activeFieldMeta.max - activeFieldMeta.min + 1\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({ stepInterval: v ?? 1 })\n \"\n />\n <span>{{ activeFieldMeta.label }}执行</span>\n </div>\n </div>\n\n <!-- 指定快捷操作 -->\n <div v-if=\"activeFieldValue.mode === 'specific'\" class=\"c-cron__quick\">\n <a @click=\"handleSelectAll\">全选</a>\n <span class=\"c-cron__quick-sep\">·</span>\n <a @click=\"handleClearAll\">清空</a>\n <span\n v-if=\"activeFieldValue.specificValues.length > 0\"\n class=\"c-cron__quick-count\"\n >\n 已选 {{ activeFieldValue.specificValues.length }}\n </span>\n </div>\n\n <!-- 执行预览 -->\n <template v-if=\"props.showPreview\">\n <div class=\"c-cron__panel-line\" />\n <CronPreview\n :next-executions=\"nextExecutions\"\n :computing=\"computing\"\n :count=\"props.previewCount ?? 5\"\n :format-date=\"formatDate\"\n :format-week-day=\"formatWeekDay\"\n />\n </template>\n </div>\n </div>\n\n <!-- ═══════ 底部模板 ═══════ -->\n <div v-if=\"props.showTemplates\" class=\"c-cron__footer\">\n <CronTemplates\n :templates=\"CRON_TEMPLATES\"\n :current-value=\"expression\"\n @select=\"handleTemplateSelect\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport type {\n CronFieldMode,\n CronFieldType,\n CronFieldValue,\n CronProps,\n CronValidation,\n} from \"./types\";\nimport {\n CRON_FIELD_META,\n CRON_TEMPLATES,\n DEFAULT_CRON_EXPRESSION,\n} from \"./constants\";\nimport { useCronParser } from \"./composables/useCronParser\";\nimport { useCronPreview } from \"./composables/useCronPreview\";\nimport { useCronDescription } from \"./composables/useCronDescription\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport CronFieldEditor from \"./components/CronFieldEditor.vue\";\nimport CronPreview from \"./components/CronPreview.vue\";\nimport CronTemplates from \"./components/CronTemplates.vue\";\n\ndefineOptions({ name: \"C_Cron\" });\n\n/* ─── Props & Emits ─────────────────────────── */\n\nconst props = withDefaults(defineProps<CronProps>(), {\n modelValue: DEFAULT_CRON_EXPRESSION,\n disabled: false,\n previewCount: 10,\n showTemplates: true,\n showPreview: true,\n showSecond: true,\n height: \"auto\",\n});\n\nconst emit = defineEmits<{\n \"update:modelValue\": [value: string];\n change: [value: string];\n \"validation-change\": [result: CronValidation];\n}>();\n\n/* ─── 组合函数 ──────────────────────────────── */\n\nconst {\n cronValue,\n expression,\n validation,\n parse,\n validate,\n handleDayWeekExclusion,\n} = useCronParser();\n\nconst previewCount = computed(() => props.previewCount ?? 10);\nconst { nextExecutions, computing, formatDate, formatWeekDay } = useCronPreview(\n expression,\n validation,\n previewCount,\n);\n\nconst { description } = useCronDescription(expression, validation);\n\n/* ─── 本地状态 ──────────────────────────────── */\n\n/** 手动输入框值(与 expression 解耦,输入完成后同步) */\nconst manualInput = ref(props.modelValue || DEFAULT_CRON_EXPRESSION);\n\n/** 当前激活的字段 Tab */\nconst activeField = ref<CronFieldType>(props.showSecond ? \"second\" : \"minute\");\n\n/* ─── 容器高度 ──────────────────────────────── */\n\nconst containerHeight = computed(() => {\n if (typeof props.height === \"number\") return `${props.height}px`;\n return props.height;\n});\n\n/* ─── 可见字段(是否显示秒) ────────────────── */\n\nconst visibleFields = computed(() => {\n return props.showSecond\n ? CRON_FIELD_META\n : CRON_FIELD_META.filter((m) => m.type !== \"second\");\n});\n\n/* ─── 当前激活字段快捷访问 ─────────────────── */\n\n/** 当前激活字段元数据 */\nconst activeFieldMeta = computed(\n () => CRON_FIELD_META.find((m) => m.type === activeField.value)!,\n);\n\n/** 当前激活字段值 */\nconst activeFieldValue = computed(() => cronValue.value[activeField.value]);\n\n/* ─── 分段式表达式(逐字段计算) ────────────── */\n\n/** 计算单字段表达式文本 */\nfunction computeFieldExpr(f: CronFieldValue): string {\n switch (f.mode) {\n case \"every\":\n return \"*\";\n case \"none\":\n return \"?\";\n case \"range\":\n return `${f.rangeStart}-${f.rangeEnd}`;\n case \"step\":\n return `${f.stepStart}/${f.stepInterval}`;\n case \"specific\":\n return f.specificValues.length > 0\n ? [...f.specificValues].sort((a, b) => a - b).join(\",\")\n : \"*\";\n default:\n return \"*\";\n }\n}\n\n/** 各字段表达式映射 */\nconst fieldExpressions = computed(() => {\n const map = {} as Record<CronFieldType, string>;\n for (const meta of CRON_FIELD_META) {\n map[meta.type] = computeFieldExpr(cronValue.value[meta.type]);\n }\n return map;\n});\n\n/* ─── 初始化解析 ────────────────────────────── */\n\nonMounted(() => {\n const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n parse(initial);\n manualInput.value = initial;\n});\n\n/* ─── 监听外部 v-model 变更 ─────────────────── */\n\nwatch(\n () => props.modelValue,\n (newVal) => {\n if (newVal && newVal !== expression.value) {\n parse(newVal);\n manualInput.value = newVal;\n }\n },\n);\n\n/* ─── 监听 showSecond 变更 ──────────────────── */\n\nwatch(\n () => props.showSecond,\n (show) => {\n if (!show && activeField.value === \"second\") {\n activeField.value = \"minute\";\n }\n },\n);\n\n/* ─── 监听内部表达式变更 → 同步到外部 ───────── */\n\nwatch(expression, (newExpr) => {\n manualInput.value = newExpr;\n emit(\"update:modelValue\", newExpr);\n emit(\"change\", newExpr);\n});\n\n/* ─── 监听校验状态变更 ──────────────────────── */\n\nwatch(validation, (v) => {\n emit(\"validation-change\", v);\n});\n\n/* ─── 字段变更处理 ──────────────────────────── */\n\n/** 字段编辑变更处理 */\nfunction handleFieldChange(type: CronFieldType, value: CronFieldValue) {\n cronValue.value[type] = value;\n if (type === \"day\" || type === \"week\") {\n handleDayWeekExclusion(type);\n }\n}\n\n/* ─── 右侧面板操作 ─────────────────────────── */\n\n/** 切换当前字段模式 */\nfunction handleActiveFieldModeChange(mode: CronFieldMode) {\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n mode,\n });\n}\n\n/** 更新当前字段属性 */\nfunction handleActiveFieldUpdate(partial: Partial<CronFieldValue>) {\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n ...partial,\n });\n}\n\n/** 全选当前字段所有值 */\nfunction handleSelectAll() {\n const { min, max } = activeFieldMeta.value;\n const allValues = Array.from({ length: max - min + 1 }, (_, i) => min + i);\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n specificValues: allValues,\n });\n}\n\n/** 清空当前字段所有选中值 */\nfunction handleClearAll() {\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n specificValues: [],\n });\n}\n\n/* ─── 手动输入处理 ──────────────────────────── */\n\n/** 手动输入更新 */\nfunction handleManualInput(value: string) {\n manualInput.value = value;\n}\n\n/** 输入框失焦时同步 */\nfunction handleManualBlur() {\n const trimmed = manualInput.value.trim();\n if (trimmed && trimmed !== expression.value) {\n parse(trimmed);\n }\n}\n\n/* ─── 模板选择 ──────────────────────────────── */\n\n/** 选择常用模板 */\nfunction handleTemplateSelect(expr: string) {\n parse(expr);\n manualInput.value = expr;\n}\n\n/* ─── 重置 ──────────────────────────────────── */\n\n/** 重置为初始值 */\nfunction handleReset() {\n const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n parse(initial);\n manualInput.value = initial;\n}\n\n/* ─── Expose ────────────────────────────────── */\n\ndefineExpose({\n getValue: () => expression.value,\n setValue: (expr: string) => {\n parse(expr);\n manualInput.value = expr;\n },\n reset: handleReset,\n validate: () => validate(),\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: Cron 表达式编辑器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n\n<template>\n <div class=\"c-cron\" :style=\"{ height: containerHeight }\">\n <!-- ═══════ 顶部 ═══════ -->\n <div class=\"c-cron__header\">\n <!-- 标题行 -->\n <div class=\"c-cron__title-row\">\n <div class=\"c-cron__title\">\n <C_Icon name=\"mdi:clock-edit-outline\" :size=\"18\" />\n <span>Cron 表达式</span>\n </div>\n <NTag :type=\"validation.valid ? 'success' : 'error'\" size=\"small\" round>\n <template #icon>\n <C_Icon\n :name=\"validation.valid ? 'mdi:check-circle' : 'mdi:alert-circle'\"\n />\n </template>\n {{ validation.valid ? \"合法\" : \"错误\" }}\n </NTag>\n </div>\n\n <!-- 分段式字段选择器 -->\n <div class=\"c-cron__segments\">\n <div\n v-for=\"meta in visibleFields\"\n :key=\"meta.type\"\n class=\"c-cron__segment\"\n :class=\"{\n 'c-cron__segment--active': activeField === meta.type,\n 'c-cron__segment--wildcard':\n fieldExpressions[meta.type] === '*' ||\n fieldExpressions[meta.type] === '?',\n }\"\n @click=\"activeField = meta.type\"\n >\n <div class=\"c-cron__segment-value\">\n {{ fieldExpressions[meta.type] }}\n </div>\n <div class=\"c-cron__segment-label\">{{ meta.label }}</div>\n </div>\n </div>\n\n <!-- 表达式行:输入 + 重置 + 描述 -->\n <div class=\"c-cron__expr-row\">\n <NInput\n :value=\"manualInput\"\n :status=\"validation.valid ? undefined : 'error'\"\n placeholder=\"秒 分 时 日 月 周\"\n :disabled=\"props.disabled\"\n font=\"mono\"\n size=\"small\"\n clearable\n class=\"c-cron__expr-input\"\n @update:value=\"handleManualInput\"\n @blur=\"handleManualBlur\"\n @keydown.enter=\"handleManualBlur\"\n >\n <template #prefix>\n <C_Icon name=\"mdi:console\" :size=\"14\" style=\"opacity: 0.4\" />\n </template>\n </NInput>\n <NButton\n size=\"small\"\n quaternary\n :disabled=\"props.disabled\"\n @click=\"handleReset\"\n >\n <template #icon>\n <C_Icon name=\"mdi:refresh\" />\n </template>\n </NButton>\n <div class=\"c-cron__expr-desc\">\n <span v-if=\"validation.valid\" class=\"c-cron__description\">\n {{ description }}\n </span>\n <span v-else class=\"c-cron__error\">\n {{ validation.message }}\n </span>\n </div>\n </div>\n </div>\n\n <!-- ═══════ 主内容 ═══════ -->\n <div class=\"c-cron__body\">\n <!-- 左侧:值网格 -->\n <div class=\"c-cron__main\">\n <CronFieldEditor\n v-for=\"meta in visibleFields\"\n v-show=\"activeField === meta.type\"\n :key=\"meta.type\"\n :model-value=\"cronValue[meta.type]\"\n :meta=\"meta\"\n @update:model-value=\"(v) => handleFieldChange(meta.type, v)\"\n />\n </div>\n\n <!-- 右侧:控制面板 -->\n <div class=\"c-cron__panel\">\n <NRadioGroup\n :value=\"activeFieldValue.mode\"\n size=\"small\"\n @update:value=\"handleActiveFieldModeChange\"\n >\n <NRadioButton value=\"every\">\n 每{{ activeFieldMeta.label }}\n </NRadioButton>\n <NRadioButton\n v-if=\"activeField === 'day' || activeField === 'week'\"\n value=\"none\"\n >\n 不指定\n </NRadioButton>\n <NRadioButton value=\"range\">范围</NRadioButton>\n <NRadioButton value=\"step\">步进</NRadioButton>\n <NRadioButton value=\"specific\">指定</NRadioButton>\n </NRadioGroup>\n\n <!-- 范围配置 -->\n <div v-if=\"activeFieldValue.mode === 'range'\" class=\"c-cron__config\">\n <div class=\"c-cron__config-row\">\n <span>从</span>\n <NInputNumber\n :value=\"activeFieldValue.rangeStart\"\n :min=\"activeFieldMeta.min\"\n :max=\"activeFieldMeta.max\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({\n rangeStart: v ?? activeFieldMeta.min,\n })\n \"\n />\n <span>到</span>\n <NInputNumber\n :value=\"activeFieldValue.rangeEnd\"\n :min=\"activeFieldMeta.min\"\n :max=\"activeFieldMeta.max\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({\n rangeEnd: v ?? activeFieldMeta.max,\n })\n \"\n />\n </div>\n </div>\n\n <!-- 步进配置 -->\n <div v-if=\"activeFieldValue.mode === 'step'\" class=\"c-cron__config\">\n <div class=\"c-cron__config-row\">\n <span>从第</span>\n <NInputNumber\n :value=\"activeFieldValue.stepStart\"\n :min=\"activeFieldMeta.min\"\n :max=\"activeFieldMeta.max\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({\n stepStart: v ?? activeFieldMeta.min,\n })\n \"\n />\n <span>{{ activeFieldMeta.label }}起,每</span>\n <NInputNumber\n :value=\"activeFieldValue.stepInterval\"\n :min=\"1\"\n :max=\"activeFieldMeta.max - activeFieldMeta.min + 1\"\n size=\"small\"\n :show-button=\"false\"\n class=\"c-cron__config-num\"\n @update:value=\"\n (v: number | null) =>\n handleActiveFieldUpdate({ stepInterval: v ?? 1 })\n \"\n />\n <span>{{ activeFieldMeta.label }}执行</span>\n </div>\n </div>\n\n <!-- 指定快捷操作 -->\n <div v-if=\"activeFieldValue.mode === 'specific'\" class=\"c-cron__quick\">\n <a @click=\"handleSelectAll\">全选</a>\n <span class=\"c-cron__quick-sep\">·</span>\n <a @click=\"handleClearAll\">清空</a>\n <span\n v-if=\"activeFieldValue.specificValues.length > 0\"\n class=\"c-cron__quick-count\"\n >\n 已选 {{ activeFieldValue.specificValues.length }}\n </span>\n </div>\n\n <!-- 执行预览 -->\n <template v-if=\"props.showPreview\">\n <div class=\"c-cron__panel-line\" />\n <CronPreview\n :next-executions=\"nextExecutions\"\n :computing=\"computing\"\n :count=\"props.previewCount ?? 5\"\n :format-date=\"formatDate\"\n :format-week-day=\"formatWeekDay\"\n />\n </template>\n </div>\n </div>\n\n <!-- ═══════ 底部模板 ═══════ -->\n <div v-if=\"props.showTemplates\" class=\"c-cron__footer\">\n <CronTemplates\n :templates=\"CRON_TEMPLATES\"\n :current-value=\"expression\"\n @select=\"handleTemplateSelect\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport type {\n CronFieldMode,\n CronFieldType,\n CronFieldValue,\n CronProps,\n CronValidation,\n} from \"./types\";\nimport {\n CRON_FIELD_META,\n CRON_TEMPLATES,\n DEFAULT_CRON_EXPRESSION,\n} from \"./constants\";\nimport { useCronParser } from \"./composables/useCronParser\";\nimport { useCronPreview } from \"./composables/useCronPreview\";\nimport { useCronDescription } from \"./composables/useCronDescription\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport CronFieldEditor from \"./components/CronFieldEditor.vue\";\nimport CronPreview from \"./components/CronPreview.vue\";\nimport CronTemplates from \"./components/CronTemplates.vue\";\n\ndefineOptions({ name: \"C_Cron\" });\n\n/* ─── Props & Emits ─────────────────────────── */\n\nconst props = withDefaults(defineProps<CronProps>(), {\n modelValue: DEFAULT_CRON_EXPRESSION,\n disabled: false,\n previewCount: 10,\n showTemplates: true,\n showPreview: true,\n showSecond: true,\n height: \"auto\",\n});\n\nconst emit = defineEmits<{\n \"update:modelValue\": [value: string];\n change: [value: string];\n \"validation-change\": [result: CronValidation];\n}>();\n\n/* ─── 组合函数 ──────────────────────────────── */\n\nconst {\n cronValue,\n expression,\n validation,\n parse,\n validate,\n handleDayWeekExclusion,\n} = useCronParser();\n\nconst previewCount = computed(() => props.previewCount ?? 10);\nconst { nextExecutions, computing, formatDate, formatWeekDay } = useCronPreview(\n expression,\n validation,\n previewCount,\n);\n\nconst { description } = useCronDescription(expression, validation);\n\n/* ─── 本地状态 ──────────────────────────────── */\n\n/** 手动输入框值(与 expression 解耦,输入完成后同步) */\nconst manualInput = ref(props.modelValue || DEFAULT_CRON_EXPRESSION);\n\n/** 当前激活的字段 Tab */\nconst activeField = ref<CronFieldType>(props.showSecond ? \"second\" : \"minute\");\n\n/* ─── 容器高度 ──────────────────────────────── */\n\nconst containerHeight = computed(() => {\n if (typeof props.height === \"number\") return `${props.height}px`;\n return props.height;\n});\n\n/* ─── 可见字段(是否显示秒) ────────────────── */\n\nconst visibleFields = computed(() => {\n return props.showSecond\n ? CRON_FIELD_META\n : CRON_FIELD_META.filter((m) => m.type !== \"second\");\n});\n\n/* ─── 当前激活字段快捷访问 ─────────────────── */\n\n/** 当前激活字段元数据 */\nconst activeFieldMeta = computed(\n () => CRON_FIELD_META.find((m) => m.type === activeField.value)!,\n);\n\n/** 当前激活字段值 */\nconst activeFieldValue = computed(() => cronValue.value[activeField.value]);\n\n/* ─── 分段式表达式(逐字段计算) ────────────── */\n\n/** 计算单字段表达式文本 */\nfunction computeFieldExpr(f: CronFieldValue): string {\n switch (f.mode) {\n case \"every\":\n return \"*\";\n case \"none\":\n return \"?\";\n case \"range\":\n return `${f.rangeStart}-${f.rangeEnd}`;\n case \"step\":\n return `${f.stepStart}/${f.stepInterval}`;\n case \"specific\":\n return f.specificValues.length > 0\n ? [...f.specificValues].sort((a, b) => a - b).join(\",\")\n : \"*\";\n default:\n return \"*\";\n }\n}\n\n/** 各字段表达式映射 */\nconst fieldExpressions = computed(() => {\n const map = {} as Record<CronFieldType, string>;\n for (const meta of CRON_FIELD_META) {\n map[meta.type] = computeFieldExpr(cronValue.value[meta.type]);\n }\n return map;\n});\n\n/* ─── 初始化解析 ────────────────────────────── */\n\nonMounted(() => {\n const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n parse(initial);\n manualInput.value = initial;\n});\n\n/* ─── 监听外部 v-model 变更 ─────────────────── */\n\nwatch(\n () => props.modelValue,\n (newVal) => {\n if (newVal && newVal !== expression.value) {\n parse(newVal);\n manualInput.value = newVal;\n }\n },\n);\n\n/* ─── 监听 showSecond 变更 ──────────────────── */\n\nwatch(\n () => props.showSecond,\n (show) => {\n if (!show && activeField.value === \"second\") {\n activeField.value = \"minute\";\n }\n },\n);\n\n/* ─── 监听内部表达式变更 → 同步到外部 ───────── */\n\nwatch(expression, (newExpr) => {\n manualInput.value = newExpr;\n emit(\"update:modelValue\", newExpr);\n emit(\"change\", newExpr);\n});\n\n/* ─── 监听校验状态变更 ──────────────────────── */\n\nwatch(validation, (v) => {\n emit(\"validation-change\", v);\n});\n\n/* ─── 字段变更处理 ──────────────────────────── */\n\n/** 字段编辑变更处理 */\nfunction handleFieldChange(type: CronFieldType, value: CronFieldValue) {\n cronValue.value[type] = value;\n if (type === \"day\" || type === \"week\") {\n handleDayWeekExclusion(type);\n }\n}\n\n/* ─── 右侧面板操作 ─────────────────────────── */\n\n/** 切换当前字段模式 */\nfunction handleActiveFieldModeChange(mode: CronFieldMode) {\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n mode,\n });\n}\n\n/** 更新当前字段属性 */\nfunction handleActiveFieldUpdate(partial: Partial<CronFieldValue>) {\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n ...partial,\n });\n}\n\n/** 全选当前字段所有值 */\nfunction handleSelectAll() {\n const { min, max } = activeFieldMeta.value;\n const allValues = Array.from({ length: max - min + 1 }, (_, i) => min + i);\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n specificValues: allValues,\n });\n}\n\n/** 清空当前字段所有选中值 */\nfunction handleClearAll() {\n handleFieldChange(activeField.value, {\n ...activeFieldValue.value,\n specificValues: [],\n });\n}\n\n/* ─── 手动输入处理 ──────────────────────────── */\n\n/** 手动输入更新 */\nfunction handleManualInput(value: string) {\n manualInput.value = value;\n}\n\n/** 输入框失焦时同步 */\nfunction handleManualBlur() {\n const trimmed = manualInput.value.trim();\n if (trimmed && trimmed !== expression.value) {\n parse(trimmed);\n }\n}\n\n/* ─── 模板选择 ──────────────────────────────── */\n\n/** 选择常用模板 */\nfunction handleTemplateSelect(expr: string) {\n parse(expr);\n manualInput.value = expr;\n}\n\n/* ─── 重置 ──────────────────────────────────── */\n\n/** 重置为初始值 */\nfunction handleReset() {\n const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n parse(initial);\n manualInput.value = initial;\n}\n\n/* ─── Expose ────────────────────────────────── */\n\ndefineExpose({\n getValue: () => expression.value,\n setValue: (expr: string) => {\n parse(expr);\n manualInput.value = expr;\n },\n reset: handleReset,\n validate: () => validate(),\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}