@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
package/dist/C_TagsView-DtGtYhBH.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_TagsView-DtGtYhBH.css","names":[],"sources":["../src/components/C_TagsView/index.vue?vue&type=style&index=0&scoped=1c8f8663&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===========================================\n * 标签组件样式 - 精简版\n * =========================================== */\n/* --------- 标签视图容器 --------- */\n.tags-view-container[data-v-1c8f8663] {\n border-bottom: 1px solid var(--color-border);\n padding: 8px 16px 0;\n position: relative;\n width: 100%;\n}\n\n/* --------- 滚动轨道容器 --------- */\n.tags-track[data-v-1c8f8663] {\n width: 100%;\n overflow: hidden;\n position: relative;\n}\n\n/* --------- 滚动容器 --------- */\n.tags-container[data-v-1c8f8663] {\n display: flex;\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px;\n align-items: center;\n min-height: 40px;\n}\n.tags-container[data-v-1c8f8663]::-webkit-scrollbar {\n display: none;\n}\n\n/* --------- 现代化标签样式 --------- */\n.n-tag[data-v-1c8f8663] {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 28px;\n margin-right: 4px;\n font-size: 12px;\n font-weight: 500;\n border-radius: 14px;\n border: 1px solid var(--color-border);\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n flex-shrink: 0;\n white-space: nowrap;\n /* 内部高光效果 */\n /* --------- 悬停效果 --------- */\n /* --------- 激活状态 --------- */\n /* --------- 关闭按钮 --------- */\n}\n.n-tag[data-v-1c8f8663]::before {\n content: \"\";\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n height: 50%;\n border-radius: 13px 13px 6px 6px;\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent);\n opacity: 0.5;\n transition: opacity 0.22s ease;\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) {\n color: var(--color-primary) !important;\n border-color: var(--color-primary);\n transform: scale(1.02);\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary])::before {\n opacity: 0.8;\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) .c-icon,\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) [class*=\"c-icon\"] {\n color: var(--color-primary) !important;\n}\n.n-tag:hover:not([type=primary]) i[data-v-1c8f8663],\n.n-tag:hover:not([type=primary]) .icon[data-v-1c8f8663] {\n color: var(--color-primary) !important;\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) .n-tag__close {\n color: var(--color-primary) !important;\n opacity: 0.8;\n transform: scale(1.05);\n}\n.n-tag[type=primary][data-v-1c8f8663] {\n background: var(--tag-active-bg, rgba(32, 128, 240, 0.08)) !important;\n color: var(--color-primary) !important;\n border-color: var(--color-primary) !important;\n font-weight: 600;\n transform: scale(1.02);\n}\n.n-tag[type=primary][data-v-1c8f8663]::before {\n opacity: 0.6;\n}\n.n-tag[type=primary][data-v-1c8f8663] .n-tag__content,\n.n-tag[type=primary][data-v-1c8f8663] *:not(.n-tag__close) {\n color: var(--color-primary) !important;\n}\n.n-tag[type=primary][data-v-1c8f8663] .c-icon,\n.n-tag[type=primary][data-v-1c8f8663] [class*=\"c-icon\"] {\n color: var(--color-primary) !important;\n}\n.n-tag[type=primary] i[data-v-1c8f8663],\n.n-tag[type=primary] .icon[data-v-1c8f8663] {\n color: var(--color-primary) !important;\n}\n.n-tag[type=primary][data-v-1c8f8663]:hover {\n background: var(--tag-active-hover-bg, rgba(32, 128, 240, 0.12)) !important;\n transform: scale(1.03);\n}\n.n-tag[type=primary][data-v-1c8f8663] .n-tag__close {\n color: var(--color-primary) !important;\n opacity: 0.8;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close {\n width: 16px !important;\n height: 16px !important;\n border-radius: 8px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-left: 6px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n opacity: 0.6;\n background: rgba(0, 0, 0, 0.02) !important;\n border: 1px solid transparent;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close:not(:hover) {\n transform: scale(0.9);\n}\n.n-tag[data-v-1c8f8663] .n-tag__close:hover {\n background: linear-gradient(135deg, rgba(248, 113, 113, 0.1), rgba(239, 68, 68, 0.08)) !important;\n border-color: rgba(239, 68, 68, 0.15) !important;\n color: #ef4444 !important;\n opacity: 1 !important;\n transform: scale(0.6) !important;\n box-shadow: 0 2px 6px rgba(239, 68, 68, 0.2) !important;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close:active {\n transform: scale(0.95) !important;\n transition-duration: 0.1s !important;\n}\n\n/* --------- C_Icon --------- */\n[data-v-1c8f8663] .c-icon {\n margin-right: 4px;\n font-size: 12px;\n transition: color 0.22s ease;\n display: inline-flex;\n align-items: center;\n}\n\n/* --------- 响应式 --------- */\n@media (max-width: 768px) {\n.tags-view-container[data-v-1c8f8663] {\n padding: 6px 12px 0;\n}\n.n-tag[data-v-1c8f8663] {\n height: 26px;\n padding: 0 10px;\n font-size: 11px;\n margin-right: 3px;\n border-radius: 13px;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close {\n width: 14px;\n height: 14px;\n font-size: 11px;\n margin-left: 4px;\n}\n.tags-container[data-v-1c8f8663] {\n padding: 0 12px;\n min-height: 36px;\n}\n[data-v-1c8f8663] .c-icon {\n font-size: 11px;\n margin-right: 3px;\n}\n}\n/* --------- 暗色主题 --------- */\n[data-theme=dark] .n-tag[data-v-1c8f8663] .n-tag__close {\n background: rgba(255, 255, 255, 0.03) !important;\n}\n[data-theme=dark] .n-tag[data-v-1c8f8663] .n-tag__close:hover {\n background: linear-gradient(135deg, rgba(248, 113, 113, 0.12), rgba(239, 68, 68, 0.1)) !important;\n box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25) !important;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_TagsView-s1dnSJAV.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_TagsView-s1dnSJAV.css","names":[],"sources":["../src/components/C_TagsView/index.vue?vue&type=style&index=0&scoped=1c8f8663&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===========================================\n * 标签组件样式 - 精简版\n * =========================================== */\n/* --------- 标签视图容器 --------- */\n.tags-view-container[data-v-1c8f8663] {\n border-bottom: 1px solid var(--color-border);\n padding: 8px 16px 0;\n position: relative;\n width: 100%;\n}\n\n/* --------- 滚动轨道容器 --------- */\n.tags-track[data-v-1c8f8663] {\n width: 100%;\n overflow: hidden;\n position: relative;\n}\n\n/* --------- 滚动容器 --------- */\n.tags-container[data-v-1c8f8663] {\n display: flex;\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px;\n align-items: center;\n min-height: 40px;\n}\n.tags-container[data-v-1c8f8663]::-webkit-scrollbar {\n display: none;\n}\n\n/* --------- 现代化标签样式 --------- */\n.n-tag[data-v-1c8f8663] {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 28px;\n margin-right: 4px;\n font-size: 12px;\n font-weight: 500;\n border-radius: 14px;\n border: 1px solid var(--color-border);\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n flex-shrink: 0;\n white-space: nowrap;\n /* 内部高光效果 */\n /* --------- 悬停效果 --------- */\n /* --------- 激活状态 --------- */\n /* --------- 关闭按钮 --------- */\n}\n.n-tag[data-v-1c8f8663]::before {\n content: \"\";\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n height: 50%;\n border-radius: 13px 13px 6px 6px;\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent);\n opacity: 0.5;\n transition: opacity 0.22s ease;\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) {\n color: var(--color-primary) !important;\n border-color: var(--color-primary);\n transform: scale(1.02);\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary])::before {\n opacity: 0.8;\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) .c-icon,\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) [class*=\"c-icon\"] {\n color: var(--color-primary) !important;\n}\n.n-tag:hover:not([type=primary]) i[data-v-1c8f8663],\n.n-tag:hover:not([type=primary]) .icon[data-v-1c8f8663] {\n color: var(--color-primary) !important;\n}\n.n-tag[data-v-1c8f8663]:hover:not([type=primary]) .n-tag__close {\n color: var(--color-primary) !important;\n opacity: 0.8;\n transform: scale(1.05);\n}\n.n-tag[type=primary][data-v-1c8f8663] {\n background: var(--tag-active-bg, rgba(32, 128, 240, 0.08)) !important;\n color: var(--color-primary) !important;\n border-color: var(--color-primary) !important;\n font-weight: 600;\n transform: scale(1.02);\n}\n.n-tag[type=primary][data-v-1c8f8663]::before {\n opacity: 0.6;\n}\n.n-tag[type=primary][data-v-1c8f8663] .n-tag__content,\n.n-tag[type=primary][data-v-1c8f8663] *:not(.n-tag__close) {\n color: var(--color-primary) !important;\n}\n.n-tag[type=primary][data-v-1c8f8663] .c-icon,\n.n-tag[type=primary][data-v-1c8f8663] [class*=\"c-icon\"] {\n color: var(--color-primary) !important;\n}\n.n-tag[type=primary] i[data-v-1c8f8663],\n.n-tag[type=primary] .icon[data-v-1c8f8663] {\n color: var(--color-primary) !important;\n}\n.n-tag[type=primary][data-v-1c8f8663]:hover {\n background: var(--tag-active-hover-bg, rgba(32, 128, 240, 0.12)) !important;\n transform: scale(1.03);\n}\n.n-tag[type=primary][data-v-1c8f8663] .n-tag__close {\n color: var(--color-primary) !important;\n opacity: 0.8;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close {\n width: 16px !important;\n height: 16px !important;\n border-radius: 8px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-left: 6px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n opacity: 0.6;\n background: rgba(0, 0, 0, 0.02) !important;\n border: 1px solid transparent;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close:not(:hover) {\n transform: scale(0.9);\n}\n.n-tag[data-v-1c8f8663] .n-tag__close:hover {\n background: linear-gradient(135deg, rgba(248, 113, 113, 0.1), rgba(239, 68, 68, 0.08)) !important;\n border-color: rgba(239, 68, 68, 0.15) !important;\n color: #ef4444 !important;\n opacity: 1 !important;\n transform: scale(0.6) !important;\n box-shadow: 0 2px 6px rgba(239, 68, 68, 0.2) !important;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close:active {\n transform: scale(0.95) !important;\n transition-duration: 0.1s !important;\n}\n\n/* --------- C_Icon --------- */\n[data-v-1c8f8663] .c-icon {\n margin-right: 4px;\n font-size: 12px;\n transition: color 0.22s ease;\n display: inline-flex;\n align-items: center;\n}\n\n/* --------- 响应式 --------- */\n@media (max-width: 768px) {\n.tags-view-container[data-v-1c8f8663] {\n padding: 6px 12px 0;\n}\n.n-tag[data-v-1c8f8663] {\n height: 26px;\n padding: 0 10px;\n font-size: 11px;\n margin-right: 3px;\n border-radius: 13px;\n}\n.n-tag[data-v-1c8f8663] .n-tag__close {\n width: 14px;\n height: 14px;\n font-size: 11px;\n margin-left: 4px;\n}\n.tags-container[data-v-1c8f8663] {\n padding: 0 12px;\n min-height: 36px;\n}\n[data-v-1c8f8663] .c-icon {\n font-size: 11px;\n margin-right: 3px;\n}\n}\n/* --------- 暗色主题 --------- */\n[data-theme=dark] .n-tag[data-v-1c8f8663] .n-tag__close {\n background: rgba(255, 255, 255, 0.03) !important;\n}\n[data-theme=dark] .n-tag[data-v-1c8f8663] .n-tag__close:hover {\n background: linear-gradient(135deg, rgba(248, 113, 113, 0.12), rgba(239, 68, 68, 0.1)) !important;\n box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25) !important;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_TagsView.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_TagsView.js","names":[],"sources":["../src/components/C_TagsView/useTagsView.ts","../src/components/C_TagsView/index.vue","../src/components/C_TagsView/index.vue"],"sourcesContent":["import { ref, type Ref } from 'vue'\nimport type { TagItem } from '../_shared'\n\nexport interface UseTagsViewOptions {\n /** localStorage 持久化 key，传空字符串则不持久化 */\n persistKey?: string\n /** 首页路径，用于 removeAll 后的回退 */\n homePath?: string\n}\n\nconst STORAGE_KEY_DEFAULT = '__tags_view_list__'\n\n/**\n * 标签页管理 composable\n *\n * 独立于组件使用 — 可在任何地方管理标签状态\n *\n * @example 独立使用\n * ```ts\n * const tags = useTagsView({ persistKey: 'my-tags' })\n * tags.addTag({ path: '/home', title: '首页', meta: { affix: true } })\n * ```\n */\nexport function useTagsView(options: UseTagsViewOptions = {}) {\n const { persistKey = STORAGE_KEY_DEFAULT, homePath = '/home' } = options\n\n // ====== 持久化 ======\n const loadPersistedTags = (): TagItem[] => {\n if (!persistKey) return []\n try {\n const raw = localStorage.getItem(persistKey)\n return raw ? JSON.parse(raw) : []\n } catch {\n return []\n }\n }\n\n const persistTags = (tags: TagItem[]) => {\n if (!persistKey) return\n try {\n localStorage.setItem(persistKey, JSON.stringify(tags))\n } catch {\n /* silently fail */\n }\n }\n\n // ====== State ======\n const tagsViewList: Ref<TagItem[]> = ref(loadPersistedTags())\n const activeTag = ref('')\n\n const syncPersist = () => persistTags(tagsViewList.value)\n\n // ====== Actions ======\n\n const initTags = (tags?: TagItem[]) => {\n if (tags) {\n tagsViewList.value = tags\n } else {\n // 去重\n tagsViewList.value = [\n ...new Map(tagsViewList.value.map(tag => [tag.path, tag])).values(),\n ]\n }\n syncPersist()\n }\n\n const setActiveTag = (path: string) => {\n activeTag.value = path\n }\n\n const addTag = (tag: TagItem) => {\n const existingIndex = tagsViewList.value.findIndex(\n item => item.path === tag.path\n )\n\n if (existingIndex === -1) {\n tagsViewList.value.push(tag)\n } else {\n const existing = tagsViewList.value[existingIndex]\n if (existing.title !== tag.title || !existing.originalTitle) {\n existing.title = tag.title\n existing.originalTitle = tag.originalTitle || existing.originalTitle\n }\n }\n\n setActiveTag(tag.path)\n syncPersist()\n }\n\n const removeTag = (index: number): string | null => {\n if (index >= 0 && index < tagsViewList.value.length) {\n const removed = tagsViewList.value.splice(index, 1)[0]?.path ?? null\n syncPersist()\n return removed\n }\n return null\n }\n\n const removeOtherTags = (index: number) => {\n if (index === 0) {\n tagsViewList.value = [tagsViewList.value[0]].filter(Boolean)\n } else {\n tagsViewList.value = [\n tagsViewList.value[0],\n tagsViewList.value[index],\n ].filter(Boolean)\n }\n syncPersist()\n }\n\n const removeLeftTags = (index: number) => {\n tagsViewList.value = [\n tagsViewList.value[0],\n ...tagsViewList.value.slice(index),\n ]\n syncPersist()\n }\n\n const removeRightTags = (index: number) => {\n tagsViewList.value = tagsViewList.value.slice(0, index + 1)\n syncPersist()\n }\n\n const removeAllTags = () => {\n tagsViewList.value = tagsViewList.value.filter(tag => tag.meta?.affix)\n syncPersist()\n }\n\n return {\n tagsViewList,\n activeTag,\n homePath,\n initTags,\n setActiveTag,\n addTag,\n removeTag,\n removeOtherTags,\n removeLeftTags,\n removeRightTags,\n removeAllTags,\n }\n}\n","<!--\r\n * @Description: 通用标签页导航组件 — 路由感知的多标签管理\r\n *\r\n * 内置功能：\r\n * - 路由变化自动添加标签\r\n * - 持久化（localStorage，可关闭）\r\n * - 右键菜单（关闭/关闭其他/关闭左侧/关闭右侧/关闭所有）\r\n * - 水平滚轮滚动\r\n * - i18n 支持（labelFormatter）\r\n *\r\n * @example 基础用法\r\n * ```vue\r\n * <C_TagsView\r\n * :label-formatter=\"$t\"\r\n * @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 自定义首页 + 菜单文案\r\n * ```vue\r\n * <C_TagsView\r\n * home-path=\"/dashboard\"\r\n * home-title=\"Dashboard\"\r\n * :context-menu-labels=\"{ close: 'Close', closeAll: 'Close All', ... }\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"tags-view-container\">\r\n <div\r\n class=\"tags-track\"\r\n ref=\"tagsTrack\"\r\n @wheel=\"handleWheel\"\r\n >\r\n <div\r\n class=\"tags-container\"\r\n ref=\"tagsContainer\"\r\n >\r\n <NTag\r\n v-for=\"(tag, index) in tags.tagsViewList.value\"\r\n :key=\"tag.path\"\r\n :type=\"isActive(tag) ? 'primary' : 'default'\"\r\n :closable=\"!isAffix(tag)\"\r\n :data-path=\"tag.path\"\r\n @close.stop=\"handleClose(tag, index)\"\r\n @click=\"navigateToTag(tag)\"\r\n @contextmenu.prevent=\"\r\n (e: MouseEvent) => showContextMenu(e, tag, index)\r\n \"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"tag.icon\"\r\n :size=\"12\"\r\n />\r\n </template>\r\n {{ tag.title }}\r\n </NTag>\r\n </div>\r\n </div>\r\n <NDropdown\r\n v-if=\"contextMenuVisible\"\r\n :show=\"contextMenuVisible\"\r\n :options=\"contextMenuOptions\"\r\n :x=\"contextMenuX\"\r\n :y=\"contextMenuY\"\r\n @clickoutside=\"closeContextMenu\"\r\n @select=\"handleContextMenuSelect\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { ref, computed, watch, nextTick, h } from 'vue'\r\n import { useRoute, useRouter } from 'vue-router'\r\n import { C_Icon } from '../C_Icon'\r\n import type { TagItem } from '../_shared'\r\n import { useTagsView, type UseTagsViewOptions } from './useTagsView'\r\n import type { ContextMenuLabels } from './types'\r\n\r\n defineOptions({ name: 'C_TagsView' })\r\n\r\n interface LegacyContextMenuLabels extends ContextMenuLabels {\r\n close?: string\r\n closeOthers?: string\r\n closeLeft?: string\r\n closeRight?: string\r\n closeAll?: string\r\n }\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n /**\r\n * 标签文本格式化函数（用于 i18n）\r\n */\r\n labelFormatter?: (label: string) => string\r\n /** 首页路径 */\r\n homePath?: string\r\n /** 首页标题（原始文本） */\r\n homeTitle?: string\r\n /** 首页图标 */\r\n homeIcon?: string\r\n /** 持久化 localStorage key，传空字符串禁用 */\r\n persistKey?: string\r\n /** 右键菜单文案（国际化适配） */\r\n contextMenuLabels?: LegacyContextMenuLabels\r\n /** useTagsView 配置项（优先级最高） */\r\n tagsViewOptions?: UseTagsViewOptions\r\n }>(),\r\n {\r\n homePath: '/home',\r\n homeTitle: '首页',\r\n homeIcon: 'mdi:home',\r\n persistKey: '__tags_view_list__',\r\n contextMenuLabels: () => ({\r\n close: '关闭',\r\n closeOthers: '关闭其他',\r\n closeLeft: '关闭左侧',\r\n closeRight: '关闭右侧',\r\n closeAll: '关闭所有',\r\n }),\r\n }\r\n )\r\n\r\n const emit = defineEmits<{\r\n /** 标签被关闭后跳转 */\r\n close: [fallbackPath: string]\r\n /** 关闭全部后 */\r\n closeAll: []\r\n }>()\r\n\r\n const route = useRoute()\r\n const router = useRouter()\r\n\r\n // ====== Tags composable ======\r\n const tags = useTagsView(\r\n props.tagsViewOptions ?? {\r\n persistKey: props.persistKey,\r\n homePath: props.homePath,\r\n }\r\n )\r\n\r\n // ====== 首次渲染前重新翻译持久化标签 ======\r\n if (tags.tagsViewList.value.length > 0 && props.labelFormatter) {\r\n const allRoutes = router.getRoutes()\r\n const translatedTags = tags.tagsViewList.value.map(tag => {\r\n const matchedRoute = allRoutes.find(r => r.path === tag.path)\r\n const originalTitle =\r\n tag.originalTitle || (matchedRoute?.meta?.title as string) || tag.title\r\n return {\r\n ...tag,\r\n originalTitle,\r\n title: props.labelFormatter!(originalTitle),\r\n }\r\n })\r\n tags.initTags(translatedTags)\r\n }\r\n\r\n const formatLabel = (title: string): string =>\r\n props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n // ====== UI State ======\r\n\r\n const contextMenuVisible = ref(false)\r\n const contextMenuX = ref(0)\r\n const contextMenuY = ref(0)\r\n const selectedTag = ref<TagItem | null>(null)\r\n const selectedIndex = ref(-1)\r\n const tagsTrack = ref<HTMLElement>()\r\n const tagsContainer = ref<HTMLElement>()\r\n\r\n // ====== Helpers ======\r\n const isActive = (tag: TagItem): boolean => tag.path === route.path\r\n const isAffix = (tag: TagItem) => tag.meta?.affix\r\n\r\n const handleWheel = (e: WheelEvent) => {\r\n const container = tagsContainer.value\r\n if (!container) return\r\n e.preventDefault()\r\n container.scrollTo({\r\n left: container.scrollLeft + e.deltaY,\r\n behavior: 'smooth',\r\n })\r\n }\r\n\r\n const scrollToTag = (path: string) => {\r\n nextTick(() => {\r\n const targetTag = tagsContainer.value?.querySelector(\r\n `[data-path=\"${path}\"]`\r\n ) as HTMLElement\r\n if (targetTag) {\r\n targetTag.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'nearest',\r\n inline: 'center',\r\n })\r\n }\r\n })\r\n }\r\n\r\n // ====== Actions ======\r\n\r\n const navigateToTag = (tag: TagItem) => {\r\n if (tag.path !== route.path) {\r\n router.push(tag.path)\r\n }\r\n scrollToTag(tag.path)\r\n }\r\n\r\n const handleClose = (tag: TagItem, index: number) => {\r\n if (isAffix(tag)) return\r\n\r\n const wasActive = isActive(tag)\r\n const tagsBeforeRemove = tags.tagsViewList.value.length\r\n tags.removeTag(index)\r\n\r\n if (wasActive) {\r\n const remaining = tags.tagsViewList.value\r\n const wasLastTag = index === tagsBeforeRemove - 1\r\n let fallbackPath: string\r\n\r\n if (wasLastTag) {\r\n fallbackPath = remaining[index - 1]?.path || props.homePath\r\n } else {\r\n fallbackPath = remaining[remaining.length - 1]?.path || props.homePath\r\n }\r\n\r\n router.push(fallbackPath)\r\n emit('close', fallbackPath)\r\n }\r\n }\r\n\r\n const showContextMenu = (event: MouseEvent, tag: TagItem, index: number) => {\r\n event.preventDefault()\r\n selectedTag.value = tag\r\n selectedIndex.value = index\r\n contextMenuVisible.value = true\r\n contextMenuX.value = event.clientX\r\n contextMenuY.value = event.clientY\r\n }\r\n\r\n const closeContextMenu = () => (contextMenuVisible.value = false)\r\n\r\n const contextMenuOptions = computed(() => {\r\n const labels = props.contextMenuLabels\r\n return [\r\n {\r\n type: 'option' as const,\r\n label: labels.close ?? '关闭',\r\n key: 'close',\r\n disabled: isAffix(selectedTag.value as TagItem),\r\n icon: () => h('span', { class: 'i-mdi:close' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeOthers ?? '关闭其他',\r\n key: 'closeOthers',\r\n icon: () => h('span', { class: 'i-mdi:arrow-left-right-bold' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeLeft ?? '关闭左侧',\r\n key: 'closeLeft',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-left' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeRight ?? '关闭右侧',\r\n key: 'closeRight',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-right' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeAll ?? '关闭所有',\r\n key: 'closeAll',\r\n icon: () => h('span', { class: 'i-mdi:tally-mark-5' }),\r\n },\r\n ]\r\n })\r\n\r\n const handleContextMenuSelect = (key: string) => {\r\n if (!selectedTag.value || selectedIndex.value === -1) return\r\n\r\n switch (key) {\r\n case 'close':\r\n handleClose(selectedTag.value, selectedIndex.value)\r\n break\r\n case 'closeOthers':\r\n tags.removeOtherTags(selectedIndex.value)\r\n break\r\n case 'closeLeft':\r\n tags.removeLeftTags(selectedIndex.value)\r\n break\r\n case 'closeRight':\r\n tags.removeRightTags(selectedIndex.value)\r\n break\r\n case 'closeAll':\r\n tags.removeAllTags()\r\n router.push(props.homePath)\r\n emit('closeAll')\r\n break\r\n }\r\n closeContextMenu()\r\n }\r\n\r\n // ====== 路由自动跟踪 ======\r\n watch(\r\n () => route.path,\r\n (newPath: string) => {\r\n const originalTitle =\r\n newPath === props.homePath\r\n ? props.homeTitle\r\n : (route.meta.title as string) || 'Unnamed Page'\r\n\r\n tags.addTag({\r\n path: newPath,\r\n originalTitle,\r\n title: formatLabel(originalTitle),\r\n icon:\r\n newPath === props.homePath\r\n ? props.homeIcon\r\n : (route.meta.icon as string),\r\n meta: { affix: route.meta.affix as boolean },\r\n })\r\n\r\n tags.setActiveTag(newPath)\r\n scrollToTag(newPath)\r\n },\r\n { immediate: true }\r\n )\r\n\r\n // ====== 暴露 ======\r\n defineExpose({\r\n /** useTagsView composable 实例 */\r\n tags,\r\n /** 滚动到指定标签 */\r\n scrollToTag,\r\n })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n @use './index.scss';\r\n</style>\r\n","<!--\r\n * @Description: 通用标签页导航组件 — 路由感知的多标签管理\r\n *\r\n * 内置功能：\r\n * - 路由变化自动添加标签\r\n * - 持久化（localStorage，可关闭）\r\n * - 右键菜单（关闭/关闭其他/关闭左侧/关闭右侧/关闭所有）\r\n * - 水平滚轮滚动\r\n * - i18n 支持（labelFormatter）\r\n *\r\n * @example 基础用法\r\n * ```vue\r\n * <C_TagsView\r\n * :label-formatter=\"$t\"\r\n * @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 自定义首页 + 菜单文案\r\n * ```vue\r\n * <C_TagsView\r\n * home-path=\"/dashboard\"\r\n * home-title=\"Dashboard\"\r\n * :context-menu-labels=\"{ close: 'Close', closeAll: 'Close All', ... }\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"tags-view-container\">\r\n <div\r\n class=\"tags-track\"\r\n ref=\"tagsTrack\"\r\n @wheel=\"handleWheel\"\r\n >\r\n <div\r\n class=\"tags-container\"\r\n ref=\"tagsContainer\"\r\n >\r\n <NTag\r\n v-for=\"(tag, index) in tags.tagsViewList.value\"\r\n :key=\"tag.path\"\r\n :type=\"isActive(tag) ? 'primary' : 'default'\"\r\n :closable=\"!isAffix(tag)\"\r\n :data-path=\"tag.path\"\r\n @close.stop=\"handleClose(tag, index)\"\r\n @click=\"navigateToTag(tag)\"\r\n @contextmenu.prevent=\"\r\n (e: MouseEvent) => showContextMenu(e, tag, index)\r\n \"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"tag.icon\"\r\n :size=\"12\"\r\n />\r\n </template>\r\n {{ tag.title }}\r\n </NTag>\r\n </div>\r\n </div>\r\n <NDropdown\r\n v-if=\"contextMenuVisible\"\r\n :show=\"contextMenuVisible\"\r\n :options=\"contextMenuOptions\"\r\n :x=\"contextMenuX\"\r\n :y=\"contextMenuY\"\r\n @clickoutside=\"closeContextMenu\"\r\n @select=\"handleContextMenuSelect\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { ref, computed, watch, nextTick, h } from 'vue'\r\n import { useRoute, useRouter } from 'vue-router'\r\n import { C_Icon } from '../C_Icon'\r\n import type { TagItem } from '../_shared'\r\n import { useTagsView, type UseTagsViewOptions } from './useTagsView'\r\n import type { ContextMenuLabels } from './types'\r\n\r\n defineOptions({ name: 'C_TagsView' })\r\n\r\n interface LegacyContextMenuLabels extends ContextMenuLabels {\r\n close?: string\r\n closeOthers?: string\r\n closeLeft?: string\r\n closeRight?: string\r\n closeAll?: string\r\n }\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n /**\r\n * 标签文本格式化函数（用于 i18n）\r\n */\r\n labelFormatter?: (label: string) => string\r\n /** 首页路径 */\r\n homePath?: string\r\n /** 首页标题（原始文本） */\r\n homeTitle?: string\r\n /** 首页图标 */\r\n homeIcon?: string\r\n /** 持久化 localStorage key，传空字符串禁用 */\r\n persistKey?: string\r\n /** 右键菜单文案（国际化适配） */\r\n contextMenuLabels?: LegacyContextMenuLabels\r\n /** useTagsView 配置项（优先级最高） */\r\n tagsViewOptions?: UseTagsViewOptions\r\n }>(),\r\n {\r\n homePath: '/home',\r\n homeTitle: '首页',\r\n homeIcon: 'mdi:home',\r\n persistKey: '__tags_view_list__',\r\n contextMenuLabels: () => ({\r\n close: '关闭',\r\n closeOthers: '关闭其他',\r\n closeLeft: '关闭左侧',\r\n closeRight: '关闭右侧',\r\n closeAll: '关闭所有',\r\n }),\r\n }\r\n )\r\n\r\n const emit = defineEmits<{\r\n /** 标签被关闭后跳转 */\r\n close: [fallbackPath: string]\r\n /** 关闭全部后 */\r\n closeAll: []\r\n }>()\r\n\r\n const route = useRoute()\r\n const router = useRouter()\r\n\r\n // ====== Tags composable ======\r\n const tags = useTagsView(\r\n props.tagsViewOptions ?? {\r\n persistKey: props.persistKey,\r\n homePath: props.homePath,\r\n }\r\n )\r\n\r\n // ====== 首次渲染前重新翻译持久化标签 ======\r\n if (tags.tagsViewList.value.length > 0 && props.labelFormatter) {\r\n const allRoutes = router.getRoutes()\r\n const translatedTags = tags.tagsViewList.value.map(tag => {\r\n const matchedRoute = allRoutes.find(r => r.path === tag.path)\r\n const originalTitle =\r\n tag.originalTitle || (matchedRoute?.meta?.title as string) || tag.title\r\n return {\r\n ...tag,\r\n originalTitle,\r\n title: props.labelFormatter!(originalTitle),\r\n }\r\n })\r\n tags.initTags(translatedTags)\r\n }\r\n\r\n const formatLabel = (title: string): string =>\r\n props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n // ====== UI State ======\r\n\r\n const contextMenuVisible = ref(false)\r\n const contextMenuX = ref(0)\r\n const contextMenuY = ref(0)\r\n const selectedTag = ref<TagItem | null>(null)\r\n const selectedIndex = ref(-1)\r\n const tagsTrack = ref<HTMLElement>()\r\n const tagsContainer = ref<HTMLElement>()\r\n\r\n // ====== Helpers ======\r\n const isActive = (tag: TagItem): boolean => tag.path === route.path\r\n const isAffix = (tag: TagItem) => tag.meta?.affix\r\n\r\n const handleWheel = (e: WheelEvent) => {\r\n const container = tagsContainer.value\r\n if (!container) return\r\n e.preventDefault()\r\n container.scrollTo({\r\n left: container.scrollLeft + e.deltaY,\r\n behavior: 'smooth',\r\n })\r\n }\r\n\r\n const scrollToTag = (path: string) => {\r\n nextTick(() => {\r\n const targetTag = tagsContainer.value?.querySelector(\r\n `[data-path=\"${path}\"]`\r\n ) as HTMLElement\r\n if (targetTag) {\r\n targetTag.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'nearest',\r\n inline: 'center',\r\n })\r\n }\r\n })\r\n }\r\n\r\n // ====== Actions ======\r\n\r\n const navigateToTag = (tag: TagItem) => {\r\n if (tag.path !== route.path) {\r\n router.push(tag.path)\r\n }\r\n scrollToTag(tag.path)\r\n }\r\n\r\n const handleClose = (tag: TagItem, index: number) => {\r\n if (isAffix(tag)) return\r\n\r\n const wasActive = isActive(tag)\r\n const tagsBeforeRemove = tags.tagsViewList.value.length\r\n tags.removeTag(index)\r\n\r\n if (wasActive) {\r\n const remaining = tags.tagsViewList.value\r\n const wasLastTag = index === tagsBeforeRemove - 1\r\n let fallbackPath: string\r\n\r\n if (wasLastTag) {\r\n fallbackPath = remaining[index - 1]?.path || props.homePath\r\n } else {\r\n fallbackPath = remaining[remaining.length - 1]?.path || props.homePath\r\n }\r\n\r\n router.push(fallbackPath)\r\n emit('close', fallbackPath)\r\n }\r\n }\r\n\r\n const showContextMenu = (event: MouseEvent, tag: TagItem, index: number) => {\r\n event.preventDefault()\r\n selectedTag.value = tag\r\n selectedIndex.value = index\r\n contextMenuVisible.value = true\r\n contextMenuX.value = event.clientX\r\n contextMenuY.value = event.clientY\r\n }\r\n\r\n const closeContextMenu = () => (contextMenuVisible.value = false)\r\n\r\n const contextMenuOptions = computed(() => {\r\n const labels = props.contextMenuLabels\r\n return [\r\n {\r\n type: 'option' as const,\r\n label: labels.close ?? '关闭',\r\n key: 'close',\r\n disabled: isAffix(selectedTag.value as TagItem),\r\n icon: () => h('span', { class: 'i-mdi:close' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeOthers ?? '关闭其他',\r\n key: 'closeOthers',\r\n icon: () => h('span', { class: 'i-mdi:arrow-left-right-bold' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeLeft ?? '关闭左侧',\r\n key: 'closeLeft',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-left' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeRight ?? '关闭右侧',\r\n key: 'closeRight',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-right' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeAll ?? '关闭所有',\r\n key: 'closeAll',\r\n icon: () => h('span', { class: 'i-mdi:tally-mark-5' }),\r\n },\r\n ]\r\n })\r\n\r\n const handleContextMenuSelect = (key: string) => {\r\n if (!selectedTag.value || selectedIndex.value === -1) return\r\n\r\n switch (key) {\r\n case 'close':\r\n handleClose(selectedTag.value, selectedIndex.value)\r\n break\r\n case 'closeOthers':\r\n tags.removeOtherTags(selectedIndex.value)\r\n break\r\n case 'closeLeft':\r\n tags.removeLeftTags(selectedIndex.value)\r\n break\r\n case 'closeRight':\r\n tags.removeRightTags(selectedIndex.value)\r\n break\r\n case 'closeAll':\r\n tags.removeAllTags()\r\n router.push(props.homePath)\r\n emit('closeAll')\r\n break\r\n }\r\n closeContextMenu()\r\n }\r\n\r\n // ====== 路由自动跟踪 ======\r\n watch(\r\n () => route.path,\r\n (newPath: string) => {\r\n const originalTitle =\r\n newPath === props.homePath\r\n ? props.homeTitle\r\n : (route.meta.title as string) || 'Unnamed Page'\r\n\r\n tags.addTag({\r\n path: newPath,\r\n originalTitle,\r\n title: formatLabel(originalTitle),\r\n icon:\r\n newPath === props.homePath\r\n ? props.homeIcon\r\n : (route.meta.icon as string),\r\n meta: { affix: route.meta.affix as boolean },\r\n })\r\n\r\n tags.setActiveTag(newPath)\r\n scrollToTag(newPath)\r\n },\r\n { immediate: true }\r\n )\r\n\r\n // ====== 暴露 ======\r\n defineExpose({\r\n /** useTagsView composable 实例 */\r\n tags,\r\n /** 滚动到指定标签 */\r\n scrollToTag,\r\n })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n @use './index.scss';\r\n</style>\r\n"],"mappings":"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"}
package/dist/C_TagsView2.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_TagsView2.js","names":[],"sources":["../src/components/C_TagsView/useTagsView.ts","../src/components/C_TagsView/index.vue","../src/components/C_TagsView/index.vue"],"sourcesContent":["import { ref, type Ref } from 'vue'\nimport type { TagItem } from '../_shared'\n\nexport interface UseTagsViewOptions {\n /** localStorage 持久化 key，传空字符串则不持久化 */\n persistKey?: string\n /** 首页路径，用于 removeAll 后的回退 */\n homePath?: string\n}\n\nconst STORAGE_KEY_DEFAULT = '__tags_view_list__'\n\n/**\n * 标签页管理 composable\n *\n * 独立于组件使用 — 可在任何地方管理标签状态\n *\n * @example 独立使用\n * ```ts\n * const tags = useTagsView({ persistKey: 'my-tags' })\n * tags.addTag({ path: '/home', title: '首页', meta: { affix: true } })\n * ```\n */\nexport function useTagsView(options: UseTagsViewOptions = {}) {\n const { persistKey = STORAGE_KEY_DEFAULT, homePath = '/home' } = options\n\n // ====== 持久化 ======\n const loadPersistedTags = (): TagItem[] => {\n if (!persistKey) return []\n try {\n const raw = localStorage.getItem(persistKey)\n return raw ? JSON.parse(raw) : []\n } catch {\n return []\n }\n }\n\n const persistTags = (tags: TagItem[]) => {\n if (!persistKey) return\n try {\n localStorage.setItem(persistKey, JSON.stringify(tags))\n } catch {\n /* silently fail */\n }\n }\n\n // ====== State ======\n const tagsViewList: Ref<TagItem[]> = ref(loadPersistedTags())\n const activeTag = ref('')\n\n const syncPersist = () => persistTags(tagsViewList.value)\n\n // ====== Actions ======\n\n const initTags = (tags?: TagItem[]) => {\n if (tags) {\n tagsViewList.value = tags\n } else {\n // 去重\n tagsViewList.value = [\n ...new Map(tagsViewList.value.map(tag => [tag.path, tag])).values(),\n ]\n }\n syncPersist()\n }\n\n const setActiveTag = (path: string) => {\n activeTag.value = path\n }\n\n const addTag = (tag: TagItem) => {\n const existingIndex = tagsViewList.value.findIndex(\n item => item.path === tag.path\n )\n\n if (existingIndex === -1) {\n tagsViewList.value.push(tag)\n } else {\n const existing = tagsViewList.value[existingIndex]\n if (existing.title !== tag.title || !existing.originalTitle) {\n existing.title = tag.title\n existing.originalTitle = tag.originalTitle || existing.originalTitle\n }\n }\n\n setActiveTag(tag.path)\n syncPersist()\n }\n\n const removeTag = (index: number): string | null => {\n if (index >= 0 && index < tagsViewList.value.length) {\n const removed = tagsViewList.value.splice(index, 1)[0]?.path ?? null\n syncPersist()\n return removed\n }\n return null\n }\n\n const removeOtherTags = (index: number) => {\n if (index === 0) {\n tagsViewList.value = [tagsViewList.value[0]].filter(Boolean)\n } else {\n tagsViewList.value = [\n tagsViewList.value[0],\n tagsViewList.value[index],\n ].filter(Boolean)\n }\n syncPersist()\n }\n\n const removeLeftTags = (index: number) => {\n tagsViewList.value = [\n tagsViewList.value[0],\n ...tagsViewList.value.slice(index),\n ]\n syncPersist()\n }\n\n const removeRightTags = (index: number) => {\n tagsViewList.value = tagsViewList.value.slice(0, index + 1)\n syncPersist()\n }\n\n const removeAllTags = () => {\n tagsViewList.value = tagsViewList.value.filter(tag => tag.meta?.affix)\n syncPersist()\n }\n\n return {\n tagsViewList,\n activeTag,\n homePath,\n initTags,\n setActiveTag,\n addTag,\n removeTag,\n removeOtherTags,\n removeLeftTags,\n removeRightTags,\n removeAllTags,\n }\n}\n","<!--\r\n * @Description: 通用标签页导航组件 — 路由感知的多标签管理\r\n *\r\n * 内置功能：\r\n * - 路由变化自动添加标签\r\n * - 持久化（localStorage，可关闭）\r\n * - 右键菜单（关闭/关闭其他/关闭左侧/关闭右侧/关闭所有）\r\n * - 水平滚轮滚动\r\n * - i18n 支持（labelFormatter）\r\n *\r\n * @example 基础用法\r\n * ```vue\r\n * <C_TagsView\r\n * :label-formatter=\"$t\"\r\n * @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 自定义首页 + 菜单文案\r\n * ```vue\r\n * <C_TagsView\r\n * home-path=\"/dashboard\"\r\n * home-title=\"Dashboard\"\r\n * :context-menu-labels=\"{ close: 'Close', closeAll: 'Close All', ... }\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"tags-view-container\">\r\n <div\r\n class=\"tags-track\"\r\n ref=\"tagsTrack\"\r\n @wheel=\"handleWheel\"\r\n >\r\n <div\r\n class=\"tags-container\"\r\n ref=\"tagsContainer\"\r\n >\r\n <NTag\r\n v-for=\"(tag, index) in tags.tagsViewList.value\"\r\n :key=\"tag.path\"\r\n :type=\"isActive(tag) ? 'primary' : 'default'\"\r\n :closable=\"!isAffix(tag)\"\r\n :data-path=\"tag.path\"\r\n @close.stop=\"handleClose(tag, index)\"\r\n @click=\"navigateToTag(tag)\"\r\n @contextmenu.prevent=\"\r\n (e: MouseEvent) => showContextMenu(e, tag, index)\r\n \"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"tag.icon\"\r\n :size=\"12\"\r\n />\r\n </template>\r\n {{ tag.title }}\r\n </NTag>\r\n </div>\r\n </div>\r\n <NDropdown\r\n v-if=\"contextMenuVisible\"\r\n :show=\"contextMenuVisible\"\r\n :options=\"contextMenuOptions\"\r\n :x=\"contextMenuX\"\r\n :y=\"contextMenuY\"\r\n @clickoutside=\"closeContextMenu\"\r\n @select=\"handleContextMenuSelect\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { ref, computed, watch, nextTick, h } from 'vue'\r\n import { useRoute, useRouter } from 'vue-router'\r\n import { C_Icon } from '../C_Icon'\r\n import type { TagItem } from '../_shared'\r\n import { useTagsView, type UseTagsViewOptions } from './useTagsView'\r\n import type { ContextMenuLabels } from './types'\r\n\r\n defineOptions({ name: 'C_TagsView' })\r\n\r\n interface LegacyContextMenuLabels extends ContextMenuLabels {\r\n close?: string\r\n closeOthers?: string\r\n closeLeft?: string\r\n closeRight?: string\r\n closeAll?: string\r\n }\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n /**\r\n * 标签文本格式化函数（用于 i18n）\r\n */\r\n labelFormatter?: (label: string) => string\r\n /** 首页路径 */\r\n homePath?: string\r\n /** 首页标题（原始文本） */\r\n homeTitle?: string\r\n /** 首页图标 */\r\n homeIcon?: string\r\n /** 持久化 localStorage key，传空字符串禁用 */\r\n persistKey?: string\r\n /** 右键菜单文案（国际化适配） */\r\n contextMenuLabels?: LegacyContextMenuLabels\r\n /** useTagsView 配置项（优先级最高） */\r\n tagsViewOptions?: UseTagsViewOptions\r\n }>(),\r\n {\r\n homePath: '/home',\r\n homeTitle: '首页',\r\n homeIcon: 'mdi:home',\r\n persistKey: '__tags_view_list__',\r\n contextMenuLabels: () => ({\r\n close: '关闭',\r\n closeOthers: '关闭其他',\r\n closeLeft: '关闭左侧',\r\n closeRight: '关闭右侧',\r\n closeAll: '关闭所有',\r\n }),\r\n }\r\n )\r\n\r\n const emit = defineEmits<{\r\n /** 标签被关闭后跳转 */\r\n close: [fallbackPath: string]\r\n /** 关闭全部后 */\r\n closeAll: []\r\n }>()\r\n\r\n const route = useRoute()\r\n const router = useRouter()\r\n\r\n // ====== Tags composable ======\r\n const tags = useTagsView(\r\n props.tagsViewOptions ?? {\r\n persistKey: props.persistKey,\r\n homePath: props.homePath,\r\n }\r\n )\r\n\r\n // ====== 首次渲染前重新翻译持久化标签 ======\r\n if (tags.tagsViewList.value.length > 0 && props.labelFormatter) {\r\n const allRoutes = router.getRoutes()\r\n const translatedTags = tags.tagsViewList.value.map(tag => {\r\n const matchedRoute = allRoutes.find(r => r.path === tag.path)\r\n const originalTitle =\r\n tag.originalTitle || (matchedRoute?.meta?.title as string) || tag.title\r\n return {\r\n ...tag,\r\n originalTitle,\r\n title: props.labelFormatter!(originalTitle),\r\n }\r\n })\r\n tags.initTags(translatedTags)\r\n }\r\n\r\n const formatLabel = (title: string): string =>\r\n props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n // ====== UI State ======\r\n\r\n const contextMenuVisible = ref(false)\r\n const contextMenuX = ref(0)\r\n const contextMenuY = ref(0)\r\n const selectedTag = ref<TagItem | null>(null)\r\n const selectedIndex = ref(-1)\r\n const tagsTrack = ref<HTMLElement>()\r\n const tagsContainer = ref<HTMLElement>()\r\n\r\n // ====== Helpers ======\r\n const isActive = (tag: TagItem): boolean => tag.path === route.path\r\n const isAffix = (tag: TagItem) => tag.meta?.affix\r\n\r\n const handleWheel = (e: WheelEvent) => {\r\n const container = tagsContainer.value\r\n if (!container) return\r\n e.preventDefault()\r\n container.scrollTo({\r\n left: container.scrollLeft + e.deltaY,\r\n behavior: 'smooth',\r\n })\r\n }\r\n\r\n const scrollToTag = (path: string) => {\r\n nextTick(() => {\r\n const targetTag = tagsContainer.value?.querySelector(\r\n `[data-path=\"${path}\"]`\r\n ) as HTMLElement\r\n if (targetTag) {\r\n targetTag.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'nearest',\r\n inline: 'center',\r\n })\r\n }\r\n })\r\n }\r\n\r\n // ====== Actions ======\r\n\r\n const navigateToTag = (tag: TagItem) => {\r\n if (tag.path !== route.path) {\r\n router.push(tag.path)\r\n }\r\n scrollToTag(tag.path)\r\n }\r\n\r\n const handleClose = (tag: TagItem, index: number) => {\r\n if (isAffix(tag)) return\r\n\r\n const wasActive = isActive(tag)\r\n const tagsBeforeRemove = tags.tagsViewList.value.length\r\n tags.removeTag(index)\r\n\r\n if (wasActive) {\r\n const remaining = tags.tagsViewList.value\r\n const wasLastTag = index === tagsBeforeRemove - 1\r\n let fallbackPath: string\r\n\r\n if (wasLastTag) {\r\n fallbackPath = remaining[index - 1]?.path || props.homePath\r\n } else {\r\n fallbackPath = remaining[remaining.length - 1]?.path || props.homePath\r\n }\r\n\r\n router.push(fallbackPath)\r\n emit('close', fallbackPath)\r\n }\r\n }\r\n\r\n const showContextMenu = (event: MouseEvent, tag: TagItem, index: number) => {\r\n event.preventDefault()\r\n selectedTag.value = tag\r\n selectedIndex.value = index\r\n contextMenuVisible.value = true\r\n contextMenuX.value = event.clientX\r\n contextMenuY.value = event.clientY\r\n }\r\n\r\n const closeContextMenu = () => (contextMenuVisible.value = false)\r\n\r\n const contextMenuOptions = computed(() => {\r\n const labels = props.contextMenuLabels\r\n return [\r\n {\r\n type: 'option' as const,\r\n label: labels.close ?? '关闭',\r\n key: 'close',\r\n disabled: isAffix(selectedTag.value as TagItem),\r\n icon: () => h('span', { class: 'i-mdi:close' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeOthers ?? '关闭其他',\r\n key: 'closeOthers',\r\n icon: () => h('span', { class: 'i-mdi:arrow-left-right-bold' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeLeft ?? '关闭左侧',\r\n key: 'closeLeft',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-left' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeRight ?? '关闭右侧',\r\n key: 'closeRight',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-right' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeAll ?? '关闭所有',\r\n key: 'closeAll',\r\n icon: () => h('span', { class: 'i-mdi:tally-mark-5' }),\r\n },\r\n ]\r\n })\r\n\r\n const handleContextMenuSelect = (key: string) => {\r\n if (!selectedTag.value || selectedIndex.value === -1) return\r\n\r\n switch (key) {\r\n case 'close':\r\n handleClose(selectedTag.value, selectedIndex.value)\r\n break\r\n case 'closeOthers':\r\n tags.removeOtherTags(selectedIndex.value)\r\n break\r\n case 'closeLeft':\r\n tags.removeLeftTags(selectedIndex.value)\r\n break\r\n case 'closeRight':\r\n tags.removeRightTags(selectedIndex.value)\r\n break\r\n case 'closeAll':\r\n tags.removeAllTags()\r\n router.push(props.homePath)\r\n emit('closeAll')\r\n break\r\n }\r\n closeContextMenu()\r\n }\r\n\r\n // ====== 路由自动跟踪 ======\r\n watch(\r\n () => route.path,\r\n (newPath: string) => {\r\n const originalTitle =\r\n newPath === props.homePath\r\n ? props.homeTitle\r\n : (route.meta.title as string) || 'Unnamed Page'\r\n\r\n tags.addTag({\r\n path: newPath,\r\n originalTitle,\r\n title: formatLabel(originalTitle),\r\n icon:\r\n newPath === props.homePath\r\n ? props.homeIcon\r\n : (route.meta.icon as string),\r\n meta: { affix: route.meta.affix as boolean },\r\n })\r\n\r\n tags.setActiveTag(newPath)\r\n scrollToTag(newPath)\r\n },\r\n { immediate: true }\r\n )\r\n\r\n // ====== 暴露 ======\r\n defineExpose({\r\n /** useTagsView composable 实例 */\r\n tags,\r\n /** 滚动到指定标签 */\r\n scrollToTag,\r\n })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n @use './index.scss';\r\n</style>\r\n","<!--\r\n * @Description: 通用标签页导航组件 — 路由感知的多标签管理\r\n *\r\n * 内置功能：\r\n * - 路由变化自动添加标签\r\n * - 持久化（localStorage，可关闭）\r\n * - 右键菜单（关闭/关闭其他/关闭左侧/关闭右侧/关闭所有）\r\n * - 水平滚轮滚动\r\n * - i18n 支持（labelFormatter）\r\n *\r\n * @example 基础用法\r\n * ```vue\r\n * <C_TagsView\r\n * :label-formatter=\"$t\"\r\n * @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 自定义首页 + 菜单文案\r\n * ```vue\r\n * <C_TagsView\r\n * home-path=\"/dashboard\"\r\n * home-title=\"Dashboard\"\r\n * :context-menu-labels=\"{ close: 'Close', closeAll: 'Close All', ... }\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"tags-view-container\">\r\n <div\r\n class=\"tags-track\"\r\n ref=\"tagsTrack\"\r\n @wheel=\"handleWheel\"\r\n >\r\n <div\r\n class=\"tags-container\"\r\n ref=\"tagsContainer\"\r\n >\r\n <NTag\r\n v-for=\"(tag, index) in tags.tagsViewList.value\"\r\n :key=\"tag.path\"\r\n :type=\"isActive(tag) ? 'primary' : 'default'\"\r\n :closable=\"!isAffix(tag)\"\r\n :data-path=\"tag.path\"\r\n @close.stop=\"handleClose(tag, index)\"\r\n @click=\"navigateToTag(tag)\"\r\n @contextmenu.prevent=\"\r\n (e: MouseEvent) => showContextMenu(e, tag, index)\r\n \"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"tag.icon\"\r\n :size=\"12\"\r\n />\r\n </template>\r\n {{ tag.title }}\r\n </NTag>\r\n </div>\r\n </div>\r\n <NDropdown\r\n v-if=\"contextMenuVisible\"\r\n :show=\"contextMenuVisible\"\r\n :options=\"contextMenuOptions\"\r\n :x=\"contextMenuX\"\r\n :y=\"contextMenuY\"\r\n @clickoutside=\"closeContextMenu\"\r\n @select=\"handleContextMenuSelect\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { ref, computed, watch, nextTick, h } from 'vue'\r\n import { useRoute, useRouter } from 'vue-router'\r\n import { C_Icon } from '../C_Icon'\r\n import type { TagItem } from '../_shared'\r\n import { useTagsView, type UseTagsViewOptions } from './useTagsView'\r\n import type { ContextMenuLabels } from './types'\r\n\r\n defineOptions({ name: 'C_TagsView' })\r\n\r\n interface LegacyContextMenuLabels extends ContextMenuLabels {\r\n close?: string\r\n closeOthers?: string\r\n closeLeft?: string\r\n closeRight?: string\r\n closeAll?: string\r\n }\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n /**\r\n * 标签文本格式化函数（用于 i18n）\r\n */\r\n labelFormatter?: (label: string) => string\r\n /** 首页路径 */\r\n homePath?: string\r\n /** 首页标题（原始文本） */\r\n homeTitle?: string\r\n /** 首页图标 */\r\n homeIcon?: string\r\n /** 持久化 localStorage key，传空字符串禁用 */\r\n persistKey?: string\r\n /** 右键菜单文案（国际化适配） */\r\n contextMenuLabels?: LegacyContextMenuLabels\r\n /** useTagsView 配置项（优先级最高） */\r\n tagsViewOptions?: UseTagsViewOptions\r\n }>(),\r\n {\r\n homePath: '/home',\r\n homeTitle: '首页',\r\n homeIcon: 'mdi:home',\r\n persistKey: '__tags_view_list__',\r\n contextMenuLabels: () => ({\r\n close: '关闭',\r\n closeOthers: '关闭其他',\r\n closeLeft: '关闭左侧',\r\n closeRight: '关闭右侧',\r\n closeAll: '关闭所有',\r\n }),\r\n }\r\n )\r\n\r\n const emit = defineEmits<{\r\n /** 标签被关闭后跳转 */\r\n close: [fallbackPath: string]\r\n /** 关闭全部后 */\r\n closeAll: []\r\n }>()\r\n\r\n const route = useRoute()\r\n const router = useRouter()\r\n\r\n // ====== Tags composable ======\r\n const tags = useTagsView(\r\n props.tagsViewOptions ?? {\r\n persistKey: props.persistKey,\r\n homePath: props.homePath,\r\n }\r\n )\r\n\r\n // ====== 首次渲染前重新翻译持久化标签 ======\r\n if (tags.tagsViewList.value.length > 0 && props.labelFormatter) {\r\n const allRoutes = router.getRoutes()\r\n const translatedTags = tags.tagsViewList.value.map(tag => {\r\n const matchedRoute = allRoutes.find(r => r.path === tag.path)\r\n const originalTitle =\r\n tag.originalTitle || (matchedRoute?.meta?.title as string) || tag.title\r\n return {\r\n ...tag,\r\n originalTitle,\r\n title: props.labelFormatter!(originalTitle),\r\n }\r\n })\r\n tags.initTags(translatedTags)\r\n }\r\n\r\n const formatLabel = (title: string): string =>\r\n props.labelFormatter ? props.labelFormatter(title) : title\r\n\r\n // ====== UI State ======\r\n\r\n const contextMenuVisible = ref(false)\r\n const contextMenuX = ref(0)\r\n const contextMenuY = ref(0)\r\n const selectedTag = ref<TagItem | null>(null)\r\n const selectedIndex = ref(-1)\r\n const tagsTrack = ref<HTMLElement>()\r\n const tagsContainer = ref<HTMLElement>()\r\n\r\n // ====== Helpers ======\r\n const isActive = (tag: TagItem): boolean => tag.path === route.path\r\n const isAffix = (tag: TagItem) => tag.meta?.affix\r\n\r\n const handleWheel = (e: WheelEvent) => {\r\n const container = tagsContainer.value\r\n if (!container) return\r\n e.preventDefault()\r\n container.scrollTo({\r\n left: container.scrollLeft + e.deltaY,\r\n behavior: 'smooth',\r\n })\r\n }\r\n\r\n const scrollToTag = (path: string) => {\r\n nextTick(() => {\r\n const targetTag = tagsContainer.value?.querySelector(\r\n `[data-path=\"${path}\"]`\r\n ) as HTMLElement\r\n if (targetTag) {\r\n targetTag.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'nearest',\r\n inline: 'center',\r\n })\r\n }\r\n })\r\n }\r\n\r\n // ====== Actions ======\r\n\r\n const navigateToTag = (tag: TagItem) => {\r\n if (tag.path !== route.path) {\r\n router.push(tag.path)\r\n }\r\n scrollToTag(tag.path)\r\n }\r\n\r\n const handleClose = (tag: TagItem, index: number) => {\r\n if (isAffix(tag)) return\r\n\r\n const wasActive = isActive(tag)\r\n const tagsBeforeRemove = tags.tagsViewList.value.length\r\n tags.removeTag(index)\r\n\r\n if (wasActive) {\r\n const remaining = tags.tagsViewList.value\r\n const wasLastTag = index === tagsBeforeRemove - 1\r\n let fallbackPath: string\r\n\r\n if (wasLastTag) {\r\n fallbackPath = remaining[index - 1]?.path || props.homePath\r\n } else {\r\n fallbackPath = remaining[remaining.length - 1]?.path || props.homePath\r\n }\r\n\r\n router.push(fallbackPath)\r\n emit('close', fallbackPath)\r\n }\r\n }\r\n\r\n const showContextMenu = (event: MouseEvent, tag: TagItem, index: number) => {\r\n event.preventDefault()\r\n selectedTag.value = tag\r\n selectedIndex.value = index\r\n contextMenuVisible.value = true\r\n contextMenuX.value = event.clientX\r\n contextMenuY.value = event.clientY\r\n }\r\n\r\n const closeContextMenu = () => (contextMenuVisible.value = false)\r\n\r\n const contextMenuOptions = computed(() => {\r\n const labels = props.contextMenuLabels\r\n return [\r\n {\r\n type: 'option' as const,\r\n label: labels.close ?? '关闭',\r\n key: 'close',\r\n disabled: isAffix(selectedTag.value as TagItem),\r\n icon: () => h('span', { class: 'i-mdi:close' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeOthers ?? '关闭其他',\r\n key: 'closeOthers',\r\n icon: () => h('span', { class: 'i-mdi:arrow-left-right-bold' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeLeft ?? '关闭左侧',\r\n key: 'closeLeft',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-left' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeRight ?? '关闭右侧',\r\n key: 'closeRight',\r\n icon: () => h('span', { class: 'i-mdi:align-horizontal-right' }),\r\n },\r\n {\r\n type: 'option' as const,\r\n label: labels.closeAll ?? '关闭所有',\r\n key: 'closeAll',\r\n icon: () => h('span', { class: 'i-mdi:tally-mark-5' }),\r\n },\r\n ]\r\n })\r\n\r\n const handleContextMenuSelect = (key: string) => {\r\n if (!selectedTag.value || selectedIndex.value === -1) return\r\n\r\n switch (key) {\r\n case 'close':\r\n handleClose(selectedTag.value, selectedIndex.value)\r\n break\r\n case 'closeOthers':\r\n tags.removeOtherTags(selectedIndex.value)\r\n break\r\n case 'closeLeft':\r\n tags.removeLeftTags(selectedIndex.value)\r\n break\r\n case 'closeRight':\r\n tags.removeRightTags(selectedIndex.value)\r\n break\r\n case 'closeAll':\r\n tags.removeAllTags()\r\n router.push(props.homePath)\r\n emit('closeAll')\r\n break\r\n }\r\n closeContextMenu()\r\n }\r\n\r\n // ====== 路由自动跟踪 ======\r\n watch(\r\n () => route.path,\r\n (newPath: string) => {\r\n const originalTitle =\r\n newPath === props.homePath\r\n ? props.homeTitle\r\n : (route.meta.title as string) || 'Unnamed Page'\r\n\r\n tags.addTag({\r\n path: newPath,\r\n originalTitle,\r\n title: formatLabel(originalTitle),\r\n icon:\r\n newPath === props.homePath\r\n ? props.homeIcon\r\n : (route.meta.icon as string),\r\n meta: { affix: route.meta.affix as boolean },\r\n })\r\n\r\n tags.setActiveTag(newPath)\r\n scrollToTag(newPath)\r\n },\r\n { immediate: true }\r\n )\r\n\r\n // ====== 暴露 ======\r\n defineExpose({\r\n /** useTagsView composable 实例 */\r\n tags,\r\n /** 滚动到指定标签 */\r\n scrollToTag,\r\n })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n @use './index.scss';\r\n</style>\r\n"],"mappings":"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"}
package/dist/C_Theme.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Theme.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip\r\n placement=\"bottom\"\r\n trigger=\"hover\"\r\n >\r\n <template #trigger>\r\n <NButton\r\n text\r\n @click=\"cycleThemeMode\"\r\n >\r\n <C_Icon\r\n :name=\"currentIconName\"\r\n :size=\"18\"\r\n />\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { computed } from 'vue'\r\n import { NTooltip, NButton } from 'naive-ui'\r\n import C_Icon from '../C_Icon/index.vue'\r\n import type { ThemeMode } from './types'\r\n\r\n defineOptions({ name: 'C_Theme' })\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode\r\n }>(),\r\n { modelValue: 'system' }\r\n )\r\n\r\n const emit = defineEmits<{\r\n 'update:modelValue': [mode: ThemeMode]\r\n }>()\r\n\r\n const currentIconName = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return 'mdi:white-balance-sunny'\r\n case 'dark':\r\n return 'mdi:moon-and-stars'\r\n default:\r\n return 'mdi:sun-moon-stars'\r\n }\r\n })\r\n\r\n const themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return '当前: 浅色模式 (点击切换)'\r\n case 'dark':\r\n return '当前: 深色模式 (点击切换)'\r\n default:\r\n return '当前: 跟随系统 (点击切换)'\r\n }\r\n })\r\n\r\n const cycleThemeMode = () => {\r\n const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n const currentIndex = modes.indexOf(props.modelValue)\r\n const nextIndex = (currentIndex + 1) % modes.length\r\n emit('update:modelValue', modes[nextIndex])\r\n }\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip\r\n placement=\"bottom\"\r\n trigger=\"hover\"\r\n >\r\n <template #trigger>\r\n <NButton\r\n text\r\n @click=\"cycleThemeMode\"\r\n >\r\n <C_Icon\r\n :name=\"currentIconName\"\r\n :size=\"18\"\r\n />\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { computed } from 'vue'\r\n import { NTooltip, NButton } from 'naive-ui'\r\n import C_Icon from '../C_Icon/index.vue'\r\n import type { ThemeMode } from './types'\r\n\r\n defineOptions({ name: 'C_Theme' })\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode\r\n }>(),\r\n { modelValue: 'system' }\r\n )\r\n\r\n const emit = defineEmits<{\r\n 'update:modelValue': [mode: ThemeMode]\r\n }>()\r\n\r\n const currentIconName = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return 'mdi:white-balance-sunny'\r\n case 'dark':\r\n return 'mdi:moon-and-stars'\r\n default:\r\n return 'mdi:sun-moon-stars'\r\n }\r\n })\r\n\r\n const themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return '当前: 浅色模式 (点击切换)'\r\n case 'dark':\r\n return '当前: 深色模式 (点击切换)'\r\n default:\r\n return '当前: 跟随系统 (点击切换)'\r\n }\r\n })\r\n\r\n const cycleThemeMode = () => {\r\n const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n const currentIndex = modes.indexOf(props.modelValue)\r\n const nextIndex = (currentIndex + 1) % modes.length\r\n emit('update:modelValue', modes[nextIndex])\r\n }\r\n</script>\r\n"],"mappings":"iPAmCE,IAAM,EAAQ,EAOR,EAAO,EAIP,GAAA,EAAA,EAAA,cAAiC,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,GAAA,EAAA,EAAA,cAA8B,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,gEChDlC,EAAA,SAAA,CAAA,CAfT,UAAU,SACV,QAAQ,UAEG,SAAA,EAAA,EAAA,aASC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,QAAA,CAAA,CAPR,KAAA,GACC,QAAO,8BAKN,EAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAFC,KAAM,EAAA,MACN,KAAM,yDAIkB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}
package/dist/C_Theme2.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Theme2.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip\r\n placement=\"bottom\"\r\n trigger=\"hover\"\r\n >\r\n <template #trigger>\r\n <NButton\r\n text\r\n @click=\"cycleThemeMode\"\r\n >\r\n <C_Icon\r\n :name=\"currentIconName\"\r\n :size=\"18\"\r\n />\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { computed } from 'vue'\r\n import { NTooltip, NButton } from 'naive-ui'\r\n import C_Icon from '../C_Icon/index.vue'\r\n import type { ThemeMode } from './types'\r\n\r\n defineOptions({ name: 'C_Theme' })\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode\r\n }>(),\r\n { modelValue: 'system' }\r\n )\r\n\r\n const emit = defineEmits<{\r\n 'update:modelValue': [mode: ThemeMode]\r\n }>()\r\n\r\n const currentIconName = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return 'mdi:white-balance-sunny'\r\n case 'dark':\r\n return 'mdi:moon-and-stars'\r\n default:\r\n return 'mdi:sun-moon-stars'\r\n }\r\n })\r\n\r\n const themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return '当前: 浅色模式 (点击切换)'\r\n case 'dark':\r\n return '当前: 深色模式 (点击切换)'\r\n default:\r\n return '当前: 跟随系统 (点击切换)'\r\n }\r\n })\r\n\r\n const cycleThemeMode = () => {\r\n const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n const currentIndex = modes.indexOf(props.modelValue)\r\n const nextIndex = (currentIndex + 1) % modes.length\r\n emit('update:modelValue', modes[nextIndex])\r\n }\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip\r\n placement=\"bottom\"\r\n trigger=\"hover\"\r\n >\r\n <template #trigger>\r\n <NButton\r\n text\r\n @click=\"cycleThemeMode\"\r\n >\r\n <C_Icon\r\n :name=\"currentIconName\"\r\n :size=\"18\"\r\n />\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { computed } from 'vue'\r\n import { NTooltip, NButton } from 'naive-ui'\r\n import C_Icon from '../C_Icon/index.vue'\r\n import type { ThemeMode } from './types'\r\n\r\n defineOptions({ name: 'C_Theme' })\r\n\r\n const props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode\r\n }>(),\r\n { modelValue: 'system' }\r\n )\r\n\r\n const emit = defineEmits<{\r\n 'update:modelValue': [mode: ThemeMode]\r\n }>()\r\n\r\n const currentIconName = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return 'mdi:white-balance-sunny'\r\n case 'dark':\r\n return 'mdi:moon-and-stars'\r\n default:\r\n return 'mdi:sun-moon-stars'\r\n }\r\n })\r\n\r\n const themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case 'light':\r\n return '当前: 浅色模式 (点击切换)'\r\n case 'dark':\r\n return '当前: 深色模式 (点击切换)'\r\n default:\r\n return '当前: 跟随系统 (点击切换)'\r\n }\r\n })\r\n\r\n const cycleThemeMode = () => {\r\n const modes: ThemeMode[] = ['system', 'light', 'dark']\r\n const currentIndex = modes.indexOf(props.modelValue)\r\n const nextIndex = (currentIndex + 1) % modes.length\r\n emit('update:modelValue', modes[nextIndex])\r\n }\r\n</script>\r\n"],"mappings":"yXAmCE,IAAM,EAAQ,EAOR,EAAO,EAIP,EAAkB,MAAe,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,EAAe,MAAe,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,oBChE7C,EAgBW,EAAA,EAAA,CAAA,CAfT,UAAU,SACV,QAAQ,UAEG,QAAO,MASN,CARV,EAQU,EAAA,EAAA,CAAA,CAPR,KAAA,GACC,QAAO,kBAKN,CAHF,EAGE,EAAA,CAFC,KAAM,EAAA,MACN,KAAM,6CAIkB,CAA/B,EAA+B,OAAA,KAAA,EAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}
package/dist/C_Time-BQ9PGy8B.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Time-BQ9PGy8B.css","names":[],"sources":["../src/components/C_Time/index.vue?vue&type=style&index=0&scoped=df89b518&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 时间选择器组件样式 */\n.c-time-wrapper[data-v-df89b518] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.time-range-container[data-v-df89b518] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.time-single-container[data-v-df89b518] {\n display: flex;\n align-items: center;\n}\n.range-separator[data-v-df89b518] {\n color: var(--c-text-3, #666);\n font-size: 14px;\n white-space: nowrap;\n user-select: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_Time-CO73krC6.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Time-CO73krC6.css","names":[],"sources":["../src/components/C_Time/index.vue?vue&type=style&index=0&scoped=df89b518&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 时间选择器组件样式 */\n.c-time-wrapper[data-v-df89b518] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.time-range-container[data-v-df89b518] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.time-single-container[data-v-df89b518] {\n display: flex;\n align-items: center;\n}\n.range-separator[data-v-df89b518] {\n color: var(--c-text-3, #666);\n font-size: 14px;\n white-space: nowrap;\n user-select: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_Time.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Time.js","names":["mode","startPlaceholder","endPlaceholder","placeholder"],"sources":["../src/components/C_Time/composables/useTimeSelection.ts","../src/components/C_Time/index.vue","../src/components/C_Time/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { TimeProps } from '../types'\r\n\r\ntype EmitFn = {\r\n (\r\n event: 'change-range',\r\n startTime: number | null,\r\n endTime: number | null\r\n ): void\r\n (event: 'change-single', time: number | null): void\r\n (event: 'change-start', time: number | null): void\r\n (event: 'change-end', time: number | null): void\r\n}\r\n\r\n/** 时间选择器逻辑 — 管理时间段/单选模式、智能限制 */\r\nexport function useTimeSelection(props: TimeProps, emit: EmitFn) {\r\n /* ==================== 响应式状态 ==================== */\r\n const startTime = ref<number | null>(props.defaultStartTime ?? null)\r\n const endTime = ref<number | null>(props.defaultEndTime ?? null)\r\n const singleTime = ref<number | null>(props.defaultSingleTime ?? null)\r\n\r\n /* ==================== 计算属性 ==================== */\r\n const timeFormat = computed(() => {\r\n if (props.useSeconds) {\r\n return props.format?.includes('ss') ? props.format : 'HH:mm:ss'\r\n }\r\n return props.format ?? 'HH:mm'\r\n })\r\n\r\n const endTimeDisabled = computed(\r\n () => props.mode === 'range' && !startTime.value\r\n )\r\n\r\n const mergedStartAttrs = computed(() => ({\r\n ...props.attrs,\r\n ...props.startTimeProps,\r\n }))\r\n\r\n const mergedEndAttrs = computed(() => ({\r\n ...props.attrs,\r\n ...props.endTimeProps,\r\n }))\r\n\r\n const mergedAttrs = computed(() => ({ ...props.attrs }))\r\n\r\n /* ==================== 时间限制函数 ==================== */\r\n const isEndHourDisabled = (hour: number): boolean => {\r\n if (!startTime.value) return false\r\n return hour < new Date(startTime.value).getHours()\r\n }\r\n\r\n const isEndMinuteDisabled = (\r\n minute: number,\r\n selectedHour: number | null\r\n ): boolean => {\r\n if (!startTime.value || selectedHour === null) return false\r\n const startDate = new Date(startTime.value)\r\n return (\r\n selectedHour === startDate.getHours() && minute < startDate.getMinutes()\r\n )\r\n }\r\n\r\n const isEndSecondDisabled = (\r\n second: number,\r\n selectedMinute: number | null,\r\n selectedHour: number | null\r\n ): boolean => {\r\n if (\r\n !startTime.value ||\r\n !props.useSeconds ||\r\n selectedHour === null ||\r\n selectedMinute === null\r\n )\r\n return false\r\n const startDate = new Date(startTime.value)\r\n return (\r\n selectedHour === startDate.getHours() &&\r\n selectedMinute === startDate.getMinutes() &&\r\n second <= startDate.getSeconds()\r\n )\r\n }\r\n\r\n /* ==================== 事件处理 ==================== */\r\n const handleStartTimeChange = (value: number | null) => {\r\n startTime.value = value\r\n if (!value) {\r\n endTime.value = null\r\n } else if (\r\n props.enableTimeRestriction &&\r\n endTime.value &&\r\n endTime.value <= value\r\n ) {\r\n endTime.value = null\r\n }\r\n emit('change-start', value)\r\n if (props.mode === 'range') emit('change-range', value, endTime.value)\r\n }\r\n\r\n const handleEndTimeChange = (value: number | null) => {\r\n endTime.value = value\r\n emit('change-end', value)\r\n if (props.mode === 'range') emit('change-range', startTime.value, value)\r\n }\r\n\r\n const handleSingleTimeChange = (value: number | null) => {\r\n singleTime.value = value\r\n emit('change-single', value)\r\n }\r\n\r\n /* ==================== 模式切换监听 ==================== */\r\n watch(\r\n () => props.mode,\r\n () => {\r\n startTime.value = props.defaultStartTime ?? null\r\n endTime.value = props.defaultEndTime ?? null\r\n singleTime.value = props.defaultSingleTime ?? null\r\n }\r\n )\r\n\r\n /* ==================== 暴露方法 ==================== */\r\n const reset = () => {\r\n startTime.value = null\r\n endTime.value = null\r\n singleTime.value = null\r\n }\r\n\r\n return {\r\n startTime,\r\n endTime,\r\n singleTime,\r\n timeFormat,\r\n endTimeDisabled,\r\n mergedStartAttrs,\r\n mergedEndAttrs,\r\n mergedAttrs,\r\n isEndHourDisabled,\r\n isEndMinuteDisabled,\r\n isEndSecondDisabled,\r\n handleStartTimeChange,\r\n handleEndTimeChange,\r\n handleSingleTimeChange,\r\n reset,\r\n }\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"c-time-wrapper\">\n <!-- 时间段选择模式 -->\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n <NTimePicker\n v-model:value=\"startTime\"\n :placeholder=\"startPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedStartAttrs\"\n @update:value=\"handleStartTimeChange\"\n />\n <span class=\"range-separator\">至</span>\n <NTimePicker\n v-model:value=\"endTime\"\n :placeholder=\"endPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n :is-hour-disabled=\"\n props.enableTimeRestriction ? isEndHourDisabled : undefined\n \"\n :is-minute-disabled=\"\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n \"\n :is-second-disabled=\"\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\n \"\n :disabled=\"endTimeDisabled\"\n v-bind=\"mergedEndAttrs\"\n @update:value=\"handleEndTimeChange\"\n />\n </div>\n\n <!-- 单个时间选择模式 -->\n <div v-else class=\"time-single-container\">\n <NTimePicker\n v-model:value=\"singleTime\"\n :placeholder=\"placeholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedAttrs\"\n @update:value=\"handleSingleTimeChange\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n mode: \"range\",\n startPlaceholder: \"请选择开始时间\",\n endPlaceholder: \"请选择结束时间\",\n placeholder: \"请选择时间\",\n format: \"HH:mm\",\n useHours: true,\n useMinutes: true,\n useSeconds: false,\n hourStep: 1,\n minuteStep: 30,\n secondStep: 1,\n startTimeProps: () => ({}),\n endTimeProps: () => ({}),\n attrs: () => ({}),\n defaultStartTime: null,\n defaultEndTime: null,\n defaultSingleTime: null,\n enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n startTime,\n endTime,\n singleTime,\n timeFormat,\n endTimeDisabled,\n mergedStartAttrs,\n mergedEndAttrs,\n mergedAttrs,\n isEndHourDisabled,\n isEndMinuteDisabled,\n isEndSecondDisabled,\n handleStartTimeChange,\n handleEndTimeChange,\n handleSingleTimeChange,\n reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n reset,\n startTime,\n endTime,\n singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"c-time-wrapper\">\n <!-- 时间段选择模式 -->\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n <NTimePicker\n v-model:value=\"startTime\"\n :placeholder=\"startPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedStartAttrs\"\n @update:value=\"handleStartTimeChange\"\n />\n <span class=\"range-separator\">至</span>\n <NTimePicker\n v-model:value=\"endTime\"\n :placeholder=\"endPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n :is-hour-disabled=\"\n props.enableTimeRestriction ? isEndHourDisabled : undefined\n \"\n :is-minute-disabled=\"\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n \"\n :is-second-disabled=\"\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\n \"\n :disabled=\"endTimeDisabled\"\n v-bind=\"mergedEndAttrs\"\n @update:value=\"handleEndTimeChange\"\n />\n </div>\n\n <!-- 单个时间选择模式 -->\n <div v-else class=\"time-single-container\">\n <NTimePicker\n v-model:value=\"singleTime\"\n :placeholder=\"placeholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedAttrs\"\n @update:value=\"handleSingleTimeChange\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n mode: \"range\",\n startPlaceholder: \"请选择开始时间\",\n endPlaceholder: \"请选择结束时间\",\n placeholder: \"请选择时间\",\n format: \"HH:mm\",\n useHours: true,\n useMinutes: true,\n useSeconds: false,\n hourStep: 1,\n minuteStep: 30,\n secondStep: 1,\n startTimeProps: () => ({}),\n endTimeProps: () => ({}),\n attrs: () => ({}),\n defaultStartTime: null,\n defaultEndTime: null,\n defaultSingleTime: null,\n enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n startTime,\n endTime,\n singleTime,\n timeFormat,\n endTimeDisabled,\n mergedStartAttrs,\n mergedEndAttrs,\n mergedAttrs,\n isEndHourDisabled,\n isEndMinuteDisabled,\n isEndSecondDisabled,\n handleStartTimeChange,\n handleEndTimeChange,\n handleSingleTimeChange,\n reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n reset,\n startTime,\n endTime,\n singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
package/dist/C_Time2.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Time2.js","names":["mode","startPlaceholder","endPlaceholder","placeholder"],"sources":["../src/components/C_Time/composables/useTimeSelection.ts","../src/components/C_Time/index.vue","../src/components/C_Time/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { TimeProps } from '../types'\r\n\r\ntype EmitFn = {\r\n (\r\n event: 'change-range',\r\n startTime: number | null,\r\n endTime: number | null\r\n ): void\r\n (event: 'change-single', time: number | null): void\r\n (event: 'change-start', time: number | null): void\r\n (event: 'change-end', time: number | null): void\r\n}\r\n\r\n/** 时间选择器逻辑 — 管理时间段/单选模式、智能限制 */\r\nexport function useTimeSelection(props: TimeProps, emit: EmitFn) {\r\n /* ==================== 响应式状态 ==================== */\r\n const startTime = ref<number | null>(props.defaultStartTime ?? null)\r\n const endTime = ref<number | null>(props.defaultEndTime ?? null)\r\n const singleTime = ref<number | null>(props.defaultSingleTime ?? null)\r\n\r\n /* ==================== 计算属性 ==================== */\r\n const timeFormat = computed(() => {\r\n if (props.useSeconds) {\r\n return props.format?.includes('ss') ? props.format : 'HH:mm:ss'\r\n }\r\n return props.format ?? 'HH:mm'\r\n })\r\n\r\n const endTimeDisabled = computed(\r\n () => props.mode === 'range' && !startTime.value\r\n )\r\n\r\n const mergedStartAttrs = computed(() => ({\r\n ...props.attrs,\r\n ...props.startTimeProps,\r\n }))\r\n\r\n const mergedEndAttrs = computed(() => ({\r\n ...props.attrs,\r\n ...props.endTimeProps,\r\n }))\r\n\r\n const mergedAttrs = computed(() => ({ ...props.attrs }))\r\n\r\n /* ==================== 时间限制函数 ==================== */\r\n const isEndHourDisabled = (hour: number): boolean => {\r\n if (!startTime.value) return false\r\n return hour < new Date(startTime.value).getHours()\r\n }\r\n\r\n const isEndMinuteDisabled = (\r\n minute: number,\r\n selectedHour: number | null\r\n ): boolean => {\r\n if (!startTime.value || selectedHour === null) return false\r\n const startDate = new Date(startTime.value)\r\n return (\r\n selectedHour === startDate.getHours() && minute < startDate.getMinutes()\r\n )\r\n }\r\n\r\n const isEndSecondDisabled = (\r\n second: number,\r\n selectedMinute: number | null,\r\n selectedHour: number | null\r\n ): boolean => {\r\n if (\r\n !startTime.value ||\r\n !props.useSeconds ||\r\n selectedHour === null ||\r\n selectedMinute === null\r\n )\r\n return false\r\n const startDate = new Date(startTime.value)\r\n return (\r\n selectedHour === startDate.getHours() &&\r\n selectedMinute === startDate.getMinutes() &&\r\n second <= startDate.getSeconds()\r\n )\r\n }\r\n\r\n /* ==================== 事件处理 ==================== */\r\n const handleStartTimeChange = (value: number | null) => {\r\n startTime.value = value\r\n if (!value) {\r\n endTime.value = null\r\n } else if (\r\n props.enableTimeRestriction &&\r\n endTime.value &&\r\n endTime.value <= value\r\n ) {\r\n endTime.value = null\r\n }\r\n emit('change-start', value)\r\n if (props.mode === 'range') emit('change-range', value, endTime.value)\r\n }\r\n\r\n const handleEndTimeChange = (value: number | null) => {\r\n endTime.value = value\r\n emit('change-end', value)\r\n if (props.mode === 'range') emit('change-range', startTime.value, value)\r\n }\r\n\r\n const handleSingleTimeChange = (value: number | null) => {\r\n singleTime.value = value\r\n emit('change-single', value)\r\n }\r\n\r\n /* ==================== 模式切换监听 ==================== */\r\n watch(\r\n () => props.mode,\r\n () => {\r\n startTime.value = props.defaultStartTime ?? null\r\n endTime.value = props.defaultEndTime ?? null\r\n singleTime.value = props.defaultSingleTime ?? null\r\n }\r\n )\r\n\r\n /* ==================== 暴露方法 ==================== */\r\n const reset = () => {\r\n startTime.value = null\r\n endTime.value = null\r\n singleTime.value = null\r\n }\r\n\r\n return {\r\n startTime,\r\n endTime,\r\n singleTime,\r\n timeFormat,\r\n endTimeDisabled,\r\n mergedStartAttrs,\r\n mergedEndAttrs,\r\n mergedAttrs,\r\n isEndHourDisabled,\r\n isEndMinuteDisabled,\r\n isEndSecondDisabled,\r\n handleStartTimeChange,\r\n handleEndTimeChange,\r\n handleSingleTimeChange,\r\n reset,\r\n }\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"c-time-wrapper\">\n <!-- 时间段选择模式 -->\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n <NTimePicker\n v-model:value=\"startTime\"\n :placeholder=\"startPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedStartAttrs\"\n @update:value=\"handleStartTimeChange\"\n />\n <span class=\"range-separator\">至</span>\n <NTimePicker\n v-model:value=\"endTime\"\n :placeholder=\"endPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n :is-hour-disabled=\"\n props.enableTimeRestriction ? isEndHourDisabled : undefined\n \"\n :is-minute-disabled=\"\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n \"\n :is-second-disabled=\"\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\n \"\n :disabled=\"endTimeDisabled\"\n v-bind=\"mergedEndAttrs\"\n @update:value=\"handleEndTimeChange\"\n />\n </div>\n\n <!-- 单个时间选择模式 -->\n <div v-else class=\"time-single-container\">\n <NTimePicker\n v-model:value=\"singleTime\"\n :placeholder=\"placeholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedAttrs\"\n @update:value=\"handleSingleTimeChange\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n mode: \"range\",\n startPlaceholder: \"请选择开始时间\",\n endPlaceholder: \"请选择结束时间\",\n placeholder: \"请选择时间\",\n format: \"HH:mm\",\n useHours: true,\n useMinutes: true,\n useSeconds: false,\n hourStep: 1,\n minuteStep: 30,\n secondStep: 1,\n startTimeProps: () => ({}),\n endTimeProps: () => ({}),\n attrs: () => ({}),\n defaultStartTime: null,\n defaultEndTime: null,\n defaultSingleTime: null,\n enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n startTime,\n endTime,\n singleTime,\n timeFormat,\n endTimeDisabled,\n mergedStartAttrs,\n mergedEndAttrs,\n mergedAttrs,\n isEndHourDisabled,\n isEndMinuteDisabled,\n isEndSecondDisabled,\n handleStartTimeChange,\n handleEndTimeChange,\n handleSingleTimeChange,\n reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n reset,\n startTime,\n endTime,\n singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"c-time-wrapper\">\n <!-- 时间段选择模式 -->\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n <NTimePicker\n v-model:value=\"startTime\"\n :placeholder=\"startPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedStartAttrs\"\n @update:value=\"handleStartTimeChange\"\n />\n <span class=\"range-separator\">至</span>\n <NTimePicker\n v-model:value=\"endTime\"\n :placeholder=\"endPlaceholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n :is-hour-disabled=\"\n props.enableTimeRestriction ? isEndHourDisabled : undefined\n \"\n :is-minute-disabled=\"\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n \"\n :is-second-disabled=\"\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\n \"\n :disabled=\"endTimeDisabled\"\n v-bind=\"mergedEndAttrs\"\n @update:value=\"handleEndTimeChange\"\n />\n </div>\n\n <!-- 单个时间选择模式 -->\n <div v-else class=\"time-single-container\">\n <NTimePicker\n v-model:value=\"singleTime\"\n :placeholder=\"placeholder\"\n :format=\"timeFormat\"\n :actions=\"['now', 'confirm']\"\n v-bind=\"mergedAttrs\"\n @update:value=\"handleSingleTimeChange\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n mode: \"range\",\n startPlaceholder: \"请选择开始时间\",\n endPlaceholder: \"请选择结束时间\",\n placeholder: \"请选择时间\",\n format: \"HH:mm\",\n useHours: true,\n useMinutes: true,\n useSeconds: false,\n hourStep: 1,\n minuteStep: 30,\n secondStep: 1,\n startTimeProps: () => ({}),\n endTimeProps: () => ({}),\n attrs: () => ({}),\n defaultStartTime: null,\n defaultEndTime: null,\n defaultSingleTime: null,\n enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n startTime,\n endTime,\n singleTime,\n timeFormat,\n endTimeDisabled,\n mergedStartAttrs,\n mergedEndAttrs,\n mergedAttrs,\n isEndHourDisabled,\n isEndMinuteDisabled,\n isEndSecondDisabled,\n handleStartTimeChange,\n handleEndTimeChange,\n handleSingleTimeChange,\n reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n reset,\n startTime,\n endTime,\n singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
package/dist/C_Timeline-DdESmqwL.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Timeline-DdESmqwL.css","names":[],"sources":["../src/components/C_Timeline/index.vue?vue&type=style&index=0&scoped=3da6d11e&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-timeline[data-v-3da6d11e] {\n --tl-bg: transparent;\n --tl-text-primary: var(--app-text-primary);\n --tl-text-secondary: var(--text-color-2);\n --tl-text-time: var(--text-color-3);\n --tl-line-color: color-mix(in srgb, var(--primary-color) 20%, var(--border-color));\n --tl-line-width: 2px;\n --tl-dot-size: 12px;\n --tl-icon-size: 32px;\n --tl-item-gap: 0px;\n --tl-track-spacing: 24px;\n --tl-track-width: 48px;\n --tl-content-gap: 12px;\n --tl-dot-size-sm: 8px;\n --tl-dot-size-lg: 16px;\n --tl-icon-size-sm: 24px;\n --tl-icon-size-lg: 40px;\n --tl-track-width-sm: 36px;\n --tl-track-width-lg: 60px;\n --tl-track-spacing-sm: 16px;\n --tl-track-spacing-lg: 32px;\n --tl-dot-default: var(--text-color-3);\n --tl-dot-success: #18a058;\n --tl-dot-warning: #f0a020;\n --tl-dot-error: #d03050;\n --tl-dot-info: #2080f0;\n --tl-icon-bg: var(--card-color);\n --tl-content-bg: var(--card-color);\n --tl-content-radius: 8px;\n --tl-content-padding: 12px 16px;\n --tl-tag-radius: 4px;\n --tl-h-item-width: 200px;\n --tl-h-track-height: 56px;\n position: relative;\n background: var(--tl-bg);\n}\n.c-timeline.is-small[data-v-3da6d11e] {\n --tl-dot-size: var(--tl-dot-size-sm);\n --tl-icon-size: var(--tl-icon-size-sm);\n --tl-track-width: var(--tl-track-width-sm);\n --tl-track-spacing: var(--tl-track-spacing-sm);\n}\n.c-timeline.is-large[data-v-3da6d11e] {\n --tl-dot-size: var(--tl-dot-size-lg);\n --tl-icon-size: var(--tl-icon-size-lg);\n --tl-track-width: var(--tl-track-width-lg);\n --tl-track-spacing: var(--tl-track-spacing-lg);\n}\n.c-timeline.is-vertical[data-v-3da6d11e] {\n display: flex;\n flex-direction: column;\n}\n.c-timeline.is-vertical .c-timeline__item[data-v-3da6d11e] {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n}\n.c-timeline.is-vertical .c-timeline__track[data-v-3da6d11e] {\n flex: 0 0 var(--tl-track-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-right: var(--tl-content-gap);\n}\n.c-timeline.is-vertical .c-timeline__dot[data-v-3da6d11e] {\n flex-shrink: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-3da6d11e] {\n width: var(--tl-dot-size);\n height: var(--tl-dot-size);\n margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);\n background: var(--tl-dot-default);\n border: 2px solid var(--card-color);\n box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-3da6d11e] {\n width: var(--tl-icon-size);\n height: var(--tl-icon-size);\n background: var(--tl-icon-bg);\n border: 1.5px solid var(--tl-line-color);\n box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-vertical .c-timeline__line[data-v-3da6d11e] {\n flex: 1;\n min-height: var(--tl-track-spacing);\n width: 0;\n box-sizing: content-box;\n border-left-width: var(--tl-line-width);\n border-left-style: solid;\n border-left-color: var(--tl-line-color);\n margin: 4px 0;\n}\n.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-3da6d11e] {\n border-left-style: dashed;\n}\n.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-3da6d11e] {\n border-left-style: dotted;\n}\n.c-timeline.is-vertical .c-timeline__body[data-v-3da6d11e] {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding-bottom: var(--tl-track-spacing);\n}\n.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-3da6d11e] {\n padding-bottom: 0;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e] {\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n scrollbar-width: thin;\n scrollbar-color: var(--border-color) transparent;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar {\n height: 4px;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar-thumb {\n background: var(--border-color);\n border-radius: 2px;\n}\n.c-timeline.is-horizontal .c-timeline__item[data-v-3da6d11e] {\n flex: 0 0 var(--tl-h-item-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.c-timeline.is-horizontal .c-timeline__track[data-v-3da6d11e] {\n position: relative;\n width: 100%;\n height: var(--tl-h-track-height);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n}\n.c-timeline.is-horizontal .c-timeline__dot[data-v-3da6d11e] {\n position: relative;\n z-index: 1;\n flex-shrink: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--tl-icon-bg);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-3da6d11e] {\n width: var(--tl-dot-size);\n height: var(--tl-dot-size);\n background: var(--tl-dot-default);\n border: 2px solid var(--card-color);\n box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-3da6d11e] {\n width: var(--tl-icon-size);\n height: var(--tl-icon-size);\n background: var(--tl-icon-bg);\n border: 1.5px solid var(--tl-line-color);\n box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-horizontal .c-timeline__line[data-v-3da6d11e] {\n display: none;\n}\n.c-timeline.is-horizontal .c-timeline__body[data-v-3da6d11e] {\n width: 100%;\n padding: 8px 12px 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n text-align: center;\n}\n.c-timeline.is-horizontal .c-timeline__header[data-v-3da6d11e] {\n justify-content: center;\n flex-wrap: wrap;\n}\n.c-timeline.is-horizontal .c-timeline__content[data-v-3da6d11e] {\n text-align: left;\n font-size: 12px;\n}\n.c-timeline__header[data-v-3da6d11e] {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n.c-timeline__title[data-v-3da6d11e] {\n font-size: 14px;\n font-weight: 600;\n color: var(--tl-text-primary);\n line-height: 1.5;\n}\n.c-timeline__time[data-v-3da6d11e] {\n display: inline-flex;\n align-items: center;\n padding: 1px 7px;\n font-size: 11px;\n color: var(--tl-text-time);\n white-space: nowrap;\n background: color-mix(in srgb, var(--border-color) 40%, transparent);\n border-radius: 4px;\n line-height: 1.6;\n}\n.c-timeline__tags[data-v-3da6d11e] {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.c-timeline__tag[data-v-3da6d11e] {\n display: inline-flex;\n align-items: center;\n padding: 1px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: var(--tl-tag-radius);\n background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));\n color: var(--primary-color);\n border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);\n}\n.c-timeline__content[data-v-3da6d11e] {\n padding: var(--tl-content-padding);\n background: var(--tl-content-bg);\n border-radius: var(--tl-content-radius);\n border: 1px solid var(--border-color);\n font-size: 13px;\n color: var(--tl-text-secondary);\n line-height: 1.7;\n}\n.c-timeline__detail[data-v-3da6d11e] {\n overflow: hidden;\n transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n.c-timeline__detail.is-collapsed[data-v-3da6d11e] {\n max-height: 0;\n opacity: 0;\n}\n.c-timeline__detail.is-expanded[data-v-3da6d11e] {\n max-height: 800px;\n opacity: 1;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e] {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 12px;\n color: var(--primary-color);\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e]:hover {\n opacity: 0.75;\n}\n.c-timeline__collapse-trigger .collapse-arrow[data-v-3da6d11e] {\n transition: transform 0.25s;\n}\n.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-3da6d11e] {\n transform: rotate(180deg);\n}\n.c-timeline__pending[data-v-3da6d11e] {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--tl-text-time);\n padding: 8px 0 0 var(--tl-track-width);\n}\n.c-timeline__pending .pending-dot[data-v-3da6d11e] {\n width: 10px;\n height: 10px;\n flex-shrink: 0;\n border-radius: 50%;\n background: var(--tl-dot-info);\n box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);\n animation: tl-pulse-3da6d11e 1.4s infinite;\n}\n.c-timeline.is-horizontal .c-timeline__pending[data-v-3da6d11e] {\n padding-left: 0;\n}\n@keyframes tl-pulse-3da6d11e {\n0%, 100% {\n opacity: 0.4;\n transform: scale(1);\n}\n50% {\n opacity: 1;\n transform: scale(1.15);\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_Timeline-irQcO-b7.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Timeline-irQcO-b7.css","names":[],"sources":["../src/components/C_Timeline/index.vue?vue&type=style&index=0&scoped=3da6d11e&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-timeline[data-v-3da6d11e] {\n --tl-bg: transparent;\n --tl-text-primary: var(--app-text-primary);\n --tl-text-secondary: var(--text-color-2);\n --tl-text-time: var(--text-color-3);\n --tl-line-color: color-mix(in srgb, var(--primary-color) 20%, var(--border-color));\n --tl-line-width: 2px;\n --tl-dot-size: 12px;\n --tl-icon-size: 32px;\n --tl-item-gap: 0px;\n --tl-track-spacing: 24px;\n --tl-track-width: 48px;\n --tl-content-gap: 12px;\n --tl-dot-size-sm: 8px;\n --tl-dot-size-lg: 16px;\n --tl-icon-size-sm: 24px;\n --tl-icon-size-lg: 40px;\n --tl-track-width-sm: 36px;\n --tl-track-width-lg: 60px;\n --tl-track-spacing-sm: 16px;\n --tl-track-spacing-lg: 32px;\n --tl-dot-default: var(--text-color-3);\n --tl-dot-success: #18a058;\n --tl-dot-warning: #f0a020;\n --tl-dot-error: #d03050;\n --tl-dot-info: #2080f0;\n --tl-icon-bg: var(--card-color);\n --tl-content-bg: var(--card-color);\n --tl-content-radius: 8px;\n --tl-content-padding: 12px 16px;\n --tl-tag-radius: 4px;\n --tl-h-item-width: 200px;\n --tl-h-track-height: 56px;\n position: relative;\n background: var(--tl-bg);\n}\n.c-timeline.is-small[data-v-3da6d11e] {\n --tl-dot-size: var(--tl-dot-size-sm);\n --tl-icon-size: var(--tl-icon-size-sm);\n --tl-track-width: var(--tl-track-width-sm);\n --tl-track-spacing: var(--tl-track-spacing-sm);\n}\n.c-timeline.is-large[data-v-3da6d11e] {\n --tl-dot-size: var(--tl-dot-size-lg);\n --tl-icon-size: var(--tl-icon-size-lg);\n --tl-track-width: var(--tl-track-width-lg);\n --tl-track-spacing: var(--tl-track-spacing-lg);\n}\n.c-timeline.is-vertical[data-v-3da6d11e] {\n display: flex;\n flex-direction: column;\n}\n.c-timeline.is-vertical .c-timeline__item[data-v-3da6d11e] {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n}\n.c-timeline.is-vertical .c-timeline__track[data-v-3da6d11e] {\n flex: 0 0 var(--tl-track-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-right: var(--tl-content-gap);\n}\n.c-timeline.is-vertical .c-timeline__dot[data-v-3da6d11e] {\n flex-shrink: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-3da6d11e] {\n width: var(--tl-dot-size);\n height: var(--tl-dot-size);\n margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);\n background: var(--tl-dot-default);\n border: 2px solid var(--card-color);\n box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-3da6d11e] {\n width: var(--tl-icon-size);\n height: var(--tl-icon-size);\n background: var(--tl-icon-bg);\n border: 1.5px solid var(--tl-line-color);\n box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-vertical .c-timeline__line[data-v-3da6d11e] {\n flex: 1;\n min-height: var(--tl-track-spacing);\n width: 0;\n box-sizing: content-box;\n border-left-width: var(--tl-line-width);\n border-left-style: solid;\n border-left-color: var(--tl-line-color);\n margin: 4px 0;\n}\n.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-3da6d11e] {\n border-left-style: dashed;\n}\n.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-3da6d11e] {\n border-left-style: dotted;\n}\n.c-timeline.is-vertical .c-timeline__body[data-v-3da6d11e] {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding-bottom: var(--tl-track-spacing);\n}\n.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-3da6d11e] {\n padding-bottom: 0;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e] {\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n scrollbar-width: thin;\n scrollbar-color: var(--border-color) transparent;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar {\n height: 4px;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar-thumb {\n background: var(--border-color);\n border-radius: 2px;\n}\n.c-timeline.is-horizontal .c-timeline__item[data-v-3da6d11e] {\n flex: 0 0 var(--tl-h-item-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.c-timeline.is-horizontal .c-timeline__track[data-v-3da6d11e] {\n position: relative;\n width: 100%;\n height: var(--tl-h-track-height);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n}\n.c-timeline.is-horizontal .c-timeline__dot[data-v-3da6d11e] {\n position: relative;\n z-index: 1;\n flex-shrink: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--tl-icon-bg);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-3da6d11e] {\n width: var(--tl-dot-size);\n height: var(--tl-dot-size);\n background: var(--tl-dot-default);\n border: 2px solid var(--card-color);\n box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-3da6d11e] {\n width: var(--tl-icon-size);\n height: var(--tl-icon-size);\n background: var(--tl-icon-bg);\n border: 1.5px solid var(--tl-line-color);\n box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-horizontal .c-timeline__line[data-v-3da6d11e] {\n display: none;\n}\n.c-timeline.is-horizontal .c-timeline__body[data-v-3da6d11e] {\n width: 100%;\n padding: 8px 12px 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n text-align: center;\n}\n.c-timeline.is-horizontal .c-timeline__header[data-v-3da6d11e] {\n justify-content: center;\n flex-wrap: wrap;\n}\n.c-timeline.is-horizontal .c-timeline__content[data-v-3da6d11e] {\n text-align: left;\n font-size: 12px;\n}\n.c-timeline__header[data-v-3da6d11e] {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n.c-timeline__title[data-v-3da6d11e] {\n font-size: 14px;\n font-weight: 600;\n color: var(--tl-text-primary);\n line-height: 1.5;\n}\n.c-timeline__time[data-v-3da6d11e] {\n display: inline-flex;\n align-items: center;\n padding: 1px 7px;\n font-size: 11px;\n color: var(--tl-text-time);\n white-space: nowrap;\n background: color-mix(in srgb, var(--border-color) 40%, transparent);\n border-radius: 4px;\n line-height: 1.6;\n}\n.c-timeline__tags[data-v-3da6d11e] {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.c-timeline__tag[data-v-3da6d11e] {\n display: inline-flex;\n align-items: center;\n padding: 1px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: var(--tl-tag-radius);\n background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));\n color: var(--primary-color);\n border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);\n}\n.c-timeline__content[data-v-3da6d11e] {\n padding: var(--tl-content-padding);\n background: var(--tl-content-bg);\n border-radius: var(--tl-content-radius);\n border: 1px solid var(--border-color);\n font-size: 13px;\n color: var(--tl-text-secondary);\n line-height: 1.7;\n}\n.c-timeline__detail[data-v-3da6d11e] {\n overflow: hidden;\n transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n.c-timeline__detail.is-collapsed[data-v-3da6d11e] {\n max-height: 0;\n opacity: 0;\n}\n.c-timeline__detail.is-expanded[data-v-3da6d11e] {\n max-height: 800px;\n opacity: 1;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e] {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 12px;\n color: var(--primary-color);\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e]:hover {\n opacity: 0.75;\n}\n.c-timeline__collapse-trigger .collapse-arrow[data-v-3da6d11e] {\n transition: transform 0.25s;\n}\n.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-3da6d11e] {\n transform: rotate(180deg);\n}\n.c-timeline__pending[data-v-3da6d11e] {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--tl-text-time);\n padding: 8px 0 0 var(--tl-track-width);\n}\n.c-timeline__pending .pending-dot[data-v-3da6d11e] {\n width: 10px;\n height: 10px;\n flex-shrink: 0;\n border-radius: 50%;\n background: var(--tl-dot-info);\n box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);\n animation: tl-pulse-3da6d11e 1.4s infinite;\n}\n.c-timeline.is-horizontal .c-timeline__pending[data-v-3da6d11e] {\n padding-left: 0;\n}\n@keyframes tl-pulse-3da6d11e {\n0%, 100% {\n opacity: 0.4;\n transform: scale(1);\n}\n50% {\n opacity: 1;\n transform: scale(1.15);\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_Timeline.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Timeline.js","names":[],"sources":["../src/components/C_Timeline/types.ts","../src/components/C_Timeline/index.vue","../src/components/C_Timeline/index.vue"],"sourcesContent":["/**\n * @Description: 时间线组件类型定义\n */\n\n/** 单条时间线节点 */\nexport interface TimelineItem {\n /** 唯一标识 */\n id: string | number\n /** 标题 */\n title: string\n /** 描述内容（支持 HTML 字符串） */\n content?: string\n /** 时间标签 */\n time?: string\n /** 节点颜色（CSS 颜色值） */\n color?: string\n /** 节点图标（Iconify 图标名） */\n icon?: string\n /** 节点状态 */\n status?: 'default' | 'success' | 'warning' | 'error' | 'info'\n /** 是否可展开/折叠详情 */\n collapsible?: boolean\n /** 初始是否展开 */\n defaultExpanded?: boolean\n /** 附加标签组 */\n tags?: Array<{ text: string; type?: string }>\n /** 自定义额外数据 */\n extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TimelineProps {\n /** 时间线数据 */\n items: TimelineItem[]\n /** 布局方向 */\n mode?: 'vertical' | 'horizontal'\n /** 垂直模式下时间标签位置 */\n labelPlacement?: 'left' | 'right' | 'alternate'\n /** 是否显示尾部加载更多指示 */\n pending?: boolean\n /** 加载更多文案 */\n pendingText?: string\n /** 是否反转排列（最新在前） */\n reverse?: boolean\n /** 节点大小 */\n size?: 'small' | 'medium' | 'large'\n /** 连接线样式 */\n lineType?: 'solid' | 'dashed' | 'dotted'\n /** 是否显示时间标签 */\n showTime?: boolean\n}\n\n/** 默认 Props */\nexport const DEFAULT_TIMELINE_PROPS = {\n mode: 'vertical' as const,\n labelPlacement: 'right' as const,\n pending: false,\n pendingText: '加载中...',\n reverse: false,\n size: 'medium' as const,\n lineType: 'solid' as const,\n showTime: true,\n}\n\n/** 状态 → 颜色映射 */\nexport const STATUS_COLOR_MAP: Record<string, string> = {\n default: '',\n success: '#18a058',\n warning: '#f0a020',\n error: '#d03050',\n info: '#2080f0',\n}\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n <div\n :class=\"rootClasses\"\n role=\"list\"\n >\n <div\n v-for=\"(item, idx) in displayItems\"\n :key=\"item.id\"\n class=\"c-timeline__item\"\n role=\"listitem\"\n >\n <!-- 轨道区：圆点 + 连接线 -->\n <div class=\"c-timeline__track\">\n <span\n :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n :style=\"dotStyle(item)\"\n >\n <slot\n name=\"dot\"\n :item=\"item\"\n :index=\"idx\"\n >\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n />\n </slot>\n </span>\n <!-- 连接线：最后一项不渲染 -->\n <span\n v-if=\"idx < displayItems.length - 1\"\n class=\"c-timeline__line\"\n />\n </div>\n\n <!-- 内容区 -->\n <div class=\"c-timeline__body\">\n <div\n class=\"c-timeline__header\"\n @click=\"emit('item-click', item, idx)\"\n >\n <slot\n name=\"title\"\n :item=\"item\"\n :index=\"idx\"\n >\n <span class=\"c-timeline__title\">{{ item.title }}</span>\n </slot>\n <span\n v-if=\"props.showTime && item.time\"\n class=\"c-timeline__time\"\n >{{ item.time }}</span\n >\n </div>\n\n <div\n v-if=\"item.tags?.length\"\n class=\"c-timeline__tags\"\n >\n <span\n v-for=\"tag in item.tags\"\n :key=\"tag.text\"\n class=\"c-timeline__tag\"\n >{{ tag.text }}</span\n >\n </div>\n\n <div\n v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n :class=\"[\n 'c-timeline__detail',\n item.collapsible\n ? expandedMap[item.id]\n ? 'is-expanded'\n : 'is-collapsed'\n : 'is-expanded',\n ]\"\n >\n <div\n class=\"c-timeline__content\"\n v-html=\"item.content\"\n />\n </div>\n\n <span\n v-if=\"item.collapsible\"\n :class=\"[\n 'c-timeline__collapse-trigger',\n { 'is-expanded': expandedMap[item.id] },\n ]\"\n @click=\"toggleExpand(item)\"\n >\n {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n <C_Icon\n name=\"mdi:chevron-down\"\n class=\"collapse-arrow\"\n />\n </span>\n </div>\n </div>\n\n <!-- Pending 加载指示 -->\n <div\n v-if=\"props.pending\"\n class=\"c-timeline__pending\"\n >\n <span class=\"pending-dot\" />\n <span>{{ props.pendingText }}</span>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_TIMELINE_PROPS,\n STATUS_COLOR_MAP,\n type TimelineProps,\n type TimelineItem,\n } from './types'\n\n defineOptions({ name: 'C_Timeline' })\n\n const props = withDefaults(defineProps<TimelineProps>(), {\n items: () => [],\n mode: DEFAULT_TIMELINE_PROPS.mode,\n labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n pending: DEFAULT_TIMELINE_PROPS.pending,\n pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n reverse: DEFAULT_TIMELINE_PROPS.reverse,\n size: DEFAULT_TIMELINE_PROPS.size,\n lineType: DEFAULT_TIMELINE_PROPS.lineType,\n showTime: DEFAULT_TIMELINE_PROPS.showTime,\n })\n\n const emit = defineEmits<{\n (e: 'item-click', item: TimelineItem, index: number): void\n (e: 'expand', item: TimelineItem, expanded: boolean): void\n }>()\n\n // ===== 展开状态 =====\n const expandedMap = ref<Record<string | number, boolean>>({})\n\n // 初始化展开状态\n watch(\n () => props.items,\n items => {\n items.forEach(item => {\n if (item.collapsible && !(item.id in expandedMap.value)) {\n expandedMap.value[item.id] = item.defaultExpanded ?? false\n }\n })\n },\n { immediate: true }\n )\n\n const toggleExpand = (item: TimelineItem) => {\n const next = !expandedMap.value[item.id]\n expandedMap.value[item.id] = next\n emit('expand', item, next)\n }\n\n // ===== 排列顺序 =====\n const displayItems = computed(() =>\n props.reverse ? [...props.items].reverse() : props.items\n )\n\n // ===== 根类 =====\n const rootClasses = computed(() => [\n 'c-timeline',\n `is-${props.mode}`,\n `is-${props.size}`,\n `is-line-${props.lineType}`,\n `is-label-${props.labelPlacement}`,\n ])\n\n // ===== 节点颜色 =====\n const dotStyle = (item: TimelineItem) => {\n const color =\n item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n if (item.icon) {\n return { color, borderColor: color || undefined }\n }\n return {\n background: color || undefined,\n boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n }\n }\n\n // ===== 暴露 =====\n defineExpose({\n /** 展开全部 */\n expandAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = true\n })\n },\n /** 折叠全部 */\n collapseAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = false\n })\n },\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n <div\n :class=\"rootClasses\"\n role=\"list\"\n >\n <div\n v-for=\"(item, idx) in displayItems\"\n :key=\"item.id\"\n class=\"c-timeline__item\"\n role=\"listitem\"\n >\n <!-- 轨道区：圆点 + 连接线 -->\n <div class=\"c-timeline__track\">\n <span\n :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n :style=\"dotStyle(item)\"\n >\n <slot\n name=\"dot\"\n :item=\"item\"\n :index=\"idx\"\n >\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n />\n </slot>\n </span>\n <!-- 连接线：最后一项不渲染 -->\n <span\n v-if=\"idx < displayItems.length - 1\"\n class=\"c-timeline__line\"\n />\n </div>\n\n <!-- 内容区 -->\n <div class=\"c-timeline__body\">\n <div\n class=\"c-timeline__header\"\n @click=\"emit('item-click', item, idx)\"\n >\n <slot\n name=\"title\"\n :item=\"item\"\n :index=\"idx\"\n >\n <span class=\"c-timeline__title\">{{ item.title }}</span>\n </slot>\n <span\n v-if=\"props.showTime && item.time\"\n class=\"c-timeline__time\"\n >{{ item.time }}</span\n >\n </div>\n\n <div\n v-if=\"item.tags?.length\"\n class=\"c-timeline__tags\"\n >\n <span\n v-for=\"tag in item.tags\"\n :key=\"tag.text\"\n class=\"c-timeline__tag\"\n >{{ tag.text }}</span\n >\n </div>\n\n <div\n v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n :class=\"[\n 'c-timeline__detail',\n item.collapsible\n ? expandedMap[item.id]\n ? 'is-expanded'\n : 'is-collapsed'\n : 'is-expanded',\n ]\"\n >\n <div\n class=\"c-timeline__content\"\n v-html=\"item.content\"\n />\n </div>\n\n <span\n v-if=\"item.collapsible\"\n :class=\"[\n 'c-timeline__collapse-trigger',\n { 'is-expanded': expandedMap[item.id] },\n ]\"\n @click=\"toggleExpand(item)\"\n >\n {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n <C_Icon\n name=\"mdi:chevron-down\"\n class=\"collapse-arrow\"\n />\n </span>\n </div>\n </div>\n\n <!-- Pending 加载指示 -->\n <div\n v-if=\"props.pending\"\n class=\"c-timeline__pending\"\n >\n <span class=\"pending-dot\" />\n <span>{{ props.pendingText }}</span>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_TIMELINE_PROPS,\n STATUS_COLOR_MAP,\n type TimelineProps,\n type TimelineItem,\n } from './types'\n\n defineOptions({ name: 'C_Timeline' })\n\n const props = withDefaults(defineProps<TimelineProps>(), {\n items: () => [],\n mode: DEFAULT_TIMELINE_PROPS.mode,\n labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n pending: DEFAULT_TIMELINE_PROPS.pending,\n pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n reverse: DEFAULT_TIMELINE_PROPS.reverse,\n size: DEFAULT_TIMELINE_PROPS.size,\n lineType: DEFAULT_TIMELINE_PROPS.lineType,\n showTime: DEFAULT_TIMELINE_PROPS.showTime,\n })\n\n const emit = defineEmits<{\n (e: 'item-click', item: TimelineItem, index: number): void\n (e: 'expand', item: TimelineItem, expanded: boolean): void\n }>()\n\n // ===== 展开状态 =====\n const expandedMap = ref<Record<string | number, boolean>>({})\n\n // 初始化展开状态\n watch(\n () => props.items,\n items => {\n items.forEach(item => {\n if (item.collapsible && !(item.id in expandedMap.value)) {\n expandedMap.value[item.id] = item.defaultExpanded ?? false\n }\n })\n },\n { immediate: true }\n )\n\n const toggleExpand = (item: TimelineItem) => {\n const next = !expandedMap.value[item.id]\n expandedMap.value[item.id] = next\n emit('expand', item, next)\n }\n\n // ===== 排列顺序 =====\n const displayItems = computed(() =>\n props.reverse ? [...props.items].reverse() : props.items\n )\n\n // ===== 根类 =====\n const rootClasses = computed(() => [\n 'c-timeline',\n `is-${props.mode}`,\n `is-${props.size}`,\n `is-line-${props.lineType}`,\n `is-label-${props.labelPlacement}`,\n ])\n\n // ===== 节点颜色 =====\n const dotStyle = (item: TimelineItem) => {\n const color =\n item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n if (item.icon) {\n return { color, borderColor: color || undefined }\n }\n return {\n background: color || undefined,\n boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n }\n }\n\n // ===== 暴露 =====\n defineExpose({\n /** 展开全部 */\n expandAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = true\n })\n },\n /** 折叠全部 */\n collapseAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = false\n })\n },\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n"],"mappings":"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"}
package/dist/C_Timeline2.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Timeline2.js","names":[],"sources":["../src/components/C_Timeline/types.ts","../src/components/C_Timeline/index.vue","../src/components/C_Timeline/index.vue"],"sourcesContent":["/**\n * @Description: 时间线组件类型定义\n */\n\n/** 单条时间线节点 */\nexport interface TimelineItem {\n /** 唯一标识 */\n id: string | number\n /** 标题 */\n title: string\n /** 描述内容（支持 HTML 字符串） */\n content?: string\n /** 时间标签 */\n time?: string\n /** 节点颜色（CSS 颜色值） */\n color?: string\n /** 节点图标（Iconify 图标名） */\n icon?: string\n /** 节点状态 */\n status?: 'default' | 'success' | 'warning' | 'error' | 'info'\n /** 是否可展开/折叠详情 */\n collapsible?: boolean\n /** 初始是否展开 */\n defaultExpanded?: boolean\n /** 附加标签组 */\n tags?: Array<{ text: string; type?: string }>\n /** 自定义额外数据 */\n extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TimelineProps {\n /** 时间线数据 */\n items: TimelineItem[]\n /** 布局方向 */\n mode?: 'vertical' | 'horizontal'\n /** 垂直模式下时间标签位置 */\n labelPlacement?: 'left' | 'right' | 'alternate'\n /** 是否显示尾部加载更多指示 */\n pending?: boolean\n /** 加载更多文案 */\n pendingText?: string\n /** 是否反转排列（最新在前） */\n reverse?: boolean\n /** 节点大小 */\n size?: 'small' | 'medium' | 'large'\n /** 连接线样式 */\n lineType?: 'solid' | 'dashed' | 'dotted'\n /** 是否显示时间标签 */\n showTime?: boolean\n}\n\n/** 默认 Props */\nexport const DEFAULT_TIMELINE_PROPS = {\n mode: 'vertical' as const,\n labelPlacement: 'right' as const,\n pending: false,\n pendingText: '加载中...',\n reverse: false,\n size: 'medium' as const,\n lineType: 'solid' as const,\n showTime: true,\n}\n\n/** 状态 → 颜色映射 */\nexport const STATUS_COLOR_MAP: Record<string, string> = {\n default: '',\n success: '#18a058',\n warning: '#f0a020',\n error: '#d03050',\n info: '#2080f0',\n}\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n <div\n :class=\"rootClasses\"\n role=\"list\"\n >\n <div\n v-for=\"(item, idx) in displayItems\"\n :key=\"item.id\"\n class=\"c-timeline__item\"\n role=\"listitem\"\n >\n <!-- 轨道区：圆点 + 连接线 -->\n <div class=\"c-timeline__track\">\n <span\n :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n :style=\"dotStyle(item)\"\n >\n <slot\n name=\"dot\"\n :item=\"item\"\n :index=\"idx\"\n >\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n />\n </slot>\n </span>\n <!-- 连接线：最后一项不渲染 -->\n <span\n v-if=\"idx < displayItems.length - 1\"\n class=\"c-timeline__line\"\n />\n </div>\n\n <!-- 内容区 -->\n <div class=\"c-timeline__body\">\n <div\n class=\"c-timeline__header\"\n @click=\"emit('item-click', item, idx)\"\n >\n <slot\n name=\"title\"\n :item=\"item\"\n :index=\"idx\"\n >\n <span class=\"c-timeline__title\">{{ item.title }}</span>\n </slot>\n <span\n v-if=\"props.showTime && item.time\"\n class=\"c-timeline__time\"\n >{{ item.time }}</span\n >\n </div>\n\n <div\n v-if=\"item.tags?.length\"\n class=\"c-timeline__tags\"\n >\n <span\n v-for=\"tag in item.tags\"\n :key=\"tag.text\"\n class=\"c-timeline__tag\"\n >{{ tag.text }}</span\n >\n </div>\n\n <div\n v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n :class=\"[\n 'c-timeline__detail',\n item.collapsible\n ? expandedMap[item.id]\n ? 'is-expanded'\n : 'is-collapsed'\n : 'is-expanded',\n ]\"\n >\n <div\n class=\"c-timeline__content\"\n v-html=\"item.content\"\n />\n </div>\n\n <span\n v-if=\"item.collapsible\"\n :class=\"[\n 'c-timeline__collapse-trigger',\n { 'is-expanded': expandedMap[item.id] },\n ]\"\n @click=\"toggleExpand(item)\"\n >\n {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n <C_Icon\n name=\"mdi:chevron-down\"\n class=\"collapse-arrow\"\n />\n </span>\n </div>\n </div>\n\n <!-- Pending 加载指示 -->\n <div\n v-if=\"props.pending\"\n class=\"c-timeline__pending\"\n >\n <span class=\"pending-dot\" />\n <span>{{ props.pendingText }}</span>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_TIMELINE_PROPS,\n STATUS_COLOR_MAP,\n type TimelineProps,\n type TimelineItem,\n } from './types'\n\n defineOptions({ name: 'C_Timeline' })\n\n const props = withDefaults(defineProps<TimelineProps>(), {\n items: () => [],\n mode: DEFAULT_TIMELINE_PROPS.mode,\n labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n pending: DEFAULT_TIMELINE_PROPS.pending,\n pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n reverse: DEFAULT_TIMELINE_PROPS.reverse,\n size: DEFAULT_TIMELINE_PROPS.size,\n lineType: DEFAULT_TIMELINE_PROPS.lineType,\n showTime: DEFAULT_TIMELINE_PROPS.showTime,\n })\n\n const emit = defineEmits<{\n (e: 'item-click', item: TimelineItem, index: number): void\n (e: 'expand', item: TimelineItem, expanded: boolean): void\n }>()\n\n // ===== 展开状态 =====\n const expandedMap = ref<Record<string | number, boolean>>({})\n\n // 初始化展开状态\n watch(\n () => props.items,\n items => {\n items.forEach(item => {\n if (item.collapsible && !(item.id in expandedMap.value)) {\n expandedMap.value[item.id] = item.defaultExpanded ?? false\n }\n })\n },\n { immediate: true }\n )\n\n const toggleExpand = (item: TimelineItem) => {\n const next = !expandedMap.value[item.id]\n expandedMap.value[item.id] = next\n emit('expand', item, next)\n }\n\n // ===== 排列顺序 =====\n const displayItems = computed(() =>\n props.reverse ? [...props.items].reverse() : props.items\n )\n\n // ===== 根类 =====\n const rootClasses = computed(() => [\n 'c-timeline',\n `is-${props.mode}`,\n `is-${props.size}`,\n `is-line-${props.lineType}`,\n `is-label-${props.labelPlacement}`,\n ])\n\n // ===== 节点颜色 =====\n const dotStyle = (item: TimelineItem) => {\n const color =\n item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n if (item.icon) {\n return { color, borderColor: color || undefined }\n }\n return {\n background: color || undefined,\n boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n }\n }\n\n // ===== 暴露 =====\n defineExpose({\n /** 展开全部 */\n expandAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = true\n })\n },\n /** 折叠全部 */\n collapseAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = false\n })\n },\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n <div\n :class=\"rootClasses\"\n role=\"list\"\n >\n <div\n v-for=\"(item, idx) in displayItems\"\n :key=\"item.id\"\n class=\"c-timeline__item\"\n role=\"listitem\"\n >\n <!-- 轨道区：圆点 + 连接线 -->\n <div class=\"c-timeline__track\">\n <span\n :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n :style=\"dotStyle(item)\"\n >\n <slot\n name=\"dot\"\n :item=\"item\"\n :index=\"idx\"\n >\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n />\n </slot>\n </span>\n <!-- 连接线：最后一项不渲染 -->\n <span\n v-if=\"idx < displayItems.length - 1\"\n class=\"c-timeline__line\"\n />\n </div>\n\n <!-- 内容区 -->\n <div class=\"c-timeline__body\">\n <div\n class=\"c-timeline__header\"\n @click=\"emit('item-click', item, idx)\"\n >\n <slot\n name=\"title\"\n :item=\"item\"\n :index=\"idx\"\n >\n <span class=\"c-timeline__title\">{{ item.title }}</span>\n </slot>\n <span\n v-if=\"props.showTime && item.time\"\n class=\"c-timeline__time\"\n >{{ item.time }}</span\n >\n </div>\n\n <div\n v-if=\"item.tags?.length\"\n class=\"c-timeline__tags\"\n >\n <span\n v-for=\"tag in item.tags\"\n :key=\"tag.text\"\n class=\"c-timeline__tag\"\n >{{ tag.text }}</span\n >\n </div>\n\n <div\n v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n :class=\"[\n 'c-timeline__detail',\n item.collapsible\n ? expandedMap[item.id]\n ? 'is-expanded'\n : 'is-collapsed'\n : 'is-expanded',\n ]\"\n >\n <div\n class=\"c-timeline__content\"\n v-html=\"item.content\"\n />\n </div>\n\n <span\n v-if=\"item.collapsible\"\n :class=\"[\n 'c-timeline__collapse-trigger',\n { 'is-expanded': expandedMap[item.id] },\n ]\"\n @click=\"toggleExpand(item)\"\n >\n {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n <C_Icon\n name=\"mdi:chevron-down\"\n class=\"collapse-arrow\"\n />\n </span>\n </div>\n </div>\n\n <!-- Pending 加载指示 -->\n <div\n v-if=\"props.pending\"\n class=\"c-timeline__pending\"\n >\n <span class=\"pending-dot\" />\n <span>{{ props.pendingText }}</span>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_TIMELINE_PROPS,\n STATUS_COLOR_MAP,\n type TimelineProps,\n type TimelineItem,\n } from './types'\n\n defineOptions({ name: 'C_Timeline' })\n\n const props = withDefaults(defineProps<TimelineProps>(), {\n items: () => [],\n mode: DEFAULT_TIMELINE_PROPS.mode,\n labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n pending: DEFAULT_TIMELINE_PROPS.pending,\n pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n reverse: DEFAULT_TIMELINE_PROPS.reverse,\n size: DEFAULT_TIMELINE_PROPS.size,\n lineType: DEFAULT_TIMELINE_PROPS.lineType,\n showTime: DEFAULT_TIMELINE_PROPS.showTime,\n })\n\n const emit = defineEmits<{\n (e: 'item-click', item: TimelineItem, index: number): void\n (e: 'expand', item: TimelineItem, expanded: boolean): void\n }>()\n\n // ===== 展开状态 =====\n const expandedMap = ref<Record<string | number, boolean>>({})\n\n // 初始化展开状态\n watch(\n () => props.items,\n items => {\n items.forEach(item => {\n if (item.collapsible && !(item.id in expandedMap.value)) {\n expandedMap.value[item.id] = item.defaultExpanded ?? false\n }\n })\n },\n { immediate: true }\n )\n\n const toggleExpand = (item: TimelineItem) => {\n const next = !expandedMap.value[item.id]\n expandedMap.value[item.id] = next\n emit('expand', item, next)\n }\n\n // ===== 排列顺序 =====\n const displayItems = computed(() =>\n props.reverse ? [...props.items].reverse() : props.items\n )\n\n // ===== 根类 =====\n const rootClasses = computed(() => [\n 'c-timeline',\n `is-${props.mode}`,\n `is-${props.size}`,\n `is-line-${props.lineType}`,\n `is-label-${props.labelPlacement}`,\n ])\n\n // ===== 节点颜色 =====\n const dotStyle = (item: TimelineItem) => {\n const color =\n item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n if (item.icon) {\n return { color, borderColor: color || undefined }\n }\n return {\n background: color || undefined,\n boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n }\n }\n\n // ===== 暴露 =====\n defineExpose({\n /** 展开全部 */\n expandAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = true\n })\n },\n /** 折叠全部 */\n collapseAll: () => {\n props.items.forEach(item => {\n if (item.collapsible) expandedMap.value[item.id] = false\n })\n },\n })\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n"],"mappings":"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"}
package/dist/C_Transfer-11y3k-WD.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Transfer-11y3k-WD.css","names":[],"sources":["../src/components/C_Transfer/index.vue?vue&type=style&index=0&scoped=f51ca797&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_Transfer — 穿梭框组件样式\n * 变量说明：\n * --tf-border : 面板边框色\n * --tf-header-bg : 标题栏背景\n * --tf-item-hover : 列表行悬停色\n * --tf-accent : 操作按钮主色\n * --tf-height : 面板高度\n */\n.c-transfer[data-v-f51ca797] {\n --tf-border: var(--border-color);\n --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));\n --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n --tf-accent: var(--primary-color);\n --tf-height: 380px;\n display: flex;\n align-items: stretch;\n gap: 16px;\n user-select: none;\n /* ======================== Panel ======================== */\n /* ---- Header ---- */\n /* ---- Filter ---- */\n /* ---- List ---- */\n /* ---- Empty ---- */\n /* ======================== Actions ======================== */\n /* ======================== Sizes ======================== */\n /* ======================== Group divider ======================== */\n}\n.c-transfer__panel[data-v-f51ca797] {\n flex: 1;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--tf-border);\n border-radius: 8px;\n overflow: hidden;\n background: var(--card-color);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);\n transition: box-shadow 0.2s;\n}\n.c-transfer__panel[data-v-f51ca797]:hover {\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);\n}\n.c-transfer__header[data-v-f51ca797] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 14px;\n background: var(--tf-header-bg);\n border-bottom: 1px solid var(--tf-border);\n font-weight: 600;\n font-size: 13px;\n color: var(--text-color-1);\n}\n.c-transfer__count[data-v-f51ca797] {\n font-weight: 400;\n font-size: 12px;\n color: var(--text-color-3);\n}\n.c-transfer__filter[data-v-f51ca797] {\n padding: 8px 10px;\n border-bottom: 1px solid var(--tf-border);\n}\n.c-transfer__filter .n-input[data-v-f51ca797] {\n --n-border: 1px solid var(--tf-border);\n --n-border-focus: 1px solid var(--tf-accent);\n}\n.c-transfer__list[data-v-f51ca797] {\n flex: 1;\n overflow-y: auto;\n padding: 4px 0;\n min-height: 0;\n max-height: var(--tf-height);\n}\n.c-transfer__item[data-v-f51ca797] {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n cursor: pointer;\n transition: background 0.15s;\n font-size: 13px;\n color: var(--text-color-1);\n}\n.c-transfer__item[data-v-f51ca797]:hover {\n background: var(--tf-item-hover);\n}\n.c-transfer__item.is-disabled[data-v-f51ca797] {\n opacity: 0.45;\n cursor: not-allowed;\n}\n.c-transfer__item.is-disabled[data-v-f51ca797]:hover {\n background: transparent;\n}\n.c-transfer__item.is-checked[data-v-f51ca797] {\n color: var(--tf-accent);\n font-weight: 500;\n}\n.c-transfer__item-icon[data-v-f51ca797] {\n font-size: 16px;\n flex-shrink: 0;\n color: var(--text-color-3);\n}\n.c-transfer__item-label[data-v-f51ca797] {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.c-transfer__item-desc[data-v-f51ca797] {\n font-size: 11px;\n color: var(--text-color-3);\n margin-top: 2px;\n}\n.c-transfer__empty[data-v-f51ca797] {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n color: var(--text-color-3);\n font-size: 13px;\n padding: 32px 0;\n}\n.c-transfer__actions[data-v-f51ca797] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 10px;\n}\n.c-transfer__btn[data-v-f51ca797] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: 1px solid var(--tf-border);\n background: var(--card-color);\n color: var(--tf-accent);\n font-size: 18px;\n cursor: pointer;\n transition: background 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.c-transfer__btn[data-v-f51ca797]:hover:not(.is-disabled) {\n background: var(--tf-accent);\n color: #fff;\n box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);\n}\n.c-transfer__btn.is-disabled[data-v-f51ca797] {\n opacity: 0.35;\n cursor: not-allowed;\n}\n.c-transfer.is-small[data-v-f51ca797] {\n --tf-height: 280px;\n}\n.c-transfer.is-small .c-transfer__header[data-v-f51ca797] {\n padding: 8px 12px;\n font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__item[data-v-f51ca797] {\n padding: 5px 12px;\n font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__btn[data-v-f51ca797] {\n width: 30px;\n height: 30px;\n font-size: 15px;\n}\n.c-transfer.is-large[data-v-f51ca797] {\n --tf-height: 480px;\n}\n.c-transfer.is-large .c-transfer__header[data-v-f51ca797] {\n padding: 12px 16px;\n font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__item[data-v-f51ca797] {\n padding: 9px 16px;\n font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__btn[data-v-f51ca797] {\n width: 42px;\n height: 42px;\n font-size: 20px;\n}\n.c-transfer__group[data-v-f51ca797] {\n padding: 6px 14px 4px;\n font-size: 11px;\n font-weight: 600;\n color: var(--text-color-3);\n text-transform: uppercase;\n letter-spacing: 0.04em;\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_Transfer-EzdHzZNv.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Transfer-EzdHzZNv.css","names":[],"sources":["../src/components/C_Transfer/index.vue?vue&type=style&index=0&scoped=f51ca797&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_Transfer — 穿梭框组件样式\n * 变量说明：\n * --tf-border : 面板边框色\n * --tf-header-bg : 标题栏背景\n * --tf-item-hover : 列表行悬停色\n * --tf-accent : 操作按钮主色\n * --tf-height : 面板高度\n */\n.c-transfer[data-v-f51ca797] {\n --tf-border: var(--border-color);\n --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));\n --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n --tf-accent: var(--primary-color);\n --tf-height: 380px;\n display: flex;\n align-items: stretch;\n gap: 16px;\n user-select: none;\n /* ======================== Panel ======================== */\n /* ---- Header ---- */\n /* ---- Filter ---- */\n /* ---- List ---- */\n /* ---- Empty ---- */\n /* ======================== Actions ======================== */\n /* ======================== Sizes ======================== */\n /* ======================== Group divider ======================== */\n}\n.c-transfer__panel[data-v-f51ca797] {\n flex: 1;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--tf-border);\n border-radius: 8px;\n overflow: hidden;\n background: var(--card-color);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);\n transition: box-shadow 0.2s;\n}\n.c-transfer__panel[data-v-f51ca797]:hover {\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);\n}\n.c-transfer__header[data-v-f51ca797] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 14px;\n background: var(--tf-header-bg);\n border-bottom: 1px solid var(--tf-border);\n font-weight: 600;\n font-size: 13px;\n color: var(--text-color-1);\n}\n.c-transfer__count[data-v-f51ca797] {\n font-weight: 400;\n font-size: 12px;\n color: var(--text-color-3);\n}\n.c-transfer__filter[data-v-f51ca797] {\n padding: 8px 10px;\n border-bottom: 1px solid var(--tf-border);\n}\n.c-transfer__filter .n-input[data-v-f51ca797] {\n --n-border: 1px solid var(--tf-border);\n --n-border-focus: 1px solid var(--tf-accent);\n}\n.c-transfer__list[data-v-f51ca797] {\n flex: 1;\n overflow-y: auto;\n padding: 4px 0;\n min-height: 0;\n max-height: var(--tf-height);\n}\n.c-transfer__item[data-v-f51ca797] {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n cursor: pointer;\n transition: background 0.15s;\n font-size: 13px;\n color: var(--text-color-1);\n}\n.c-transfer__item[data-v-f51ca797]:hover {\n background: var(--tf-item-hover);\n}\n.c-transfer__item.is-disabled[data-v-f51ca797] {\n opacity: 0.45;\n cursor: not-allowed;\n}\n.c-transfer__item.is-disabled[data-v-f51ca797]:hover {\n background: transparent;\n}\n.c-transfer__item.is-checked[data-v-f51ca797] {\n color: var(--tf-accent);\n font-weight: 500;\n}\n.c-transfer__item-icon[data-v-f51ca797] {\n font-size: 16px;\n flex-shrink: 0;\n color: var(--text-color-3);\n}\n.c-transfer__item-label[data-v-f51ca797] {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.c-transfer__item-desc[data-v-f51ca797] {\n font-size: 11px;\n color: var(--text-color-3);\n margin-top: 2px;\n}\n.c-transfer__empty[data-v-f51ca797] {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n color: var(--text-color-3);\n font-size: 13px;\n padding: 32px 0;\n}\n.c-transfer__actions[data-v-f51ca797] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 10px;\n}\n.c-transfer__btn[data-v-f51ca797] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: 1px solid var(--tf-border);\n background: var(--card-color);\n color: var(--tf-accent);\n font-size: 18px;\n cursor: pointer;\n transition: background 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.c-transfer__btn[data-v-f51ca797]:hover:not(.is-disabled) {\n background: var(--tf-accent);\n color: #fff;\n box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);\n}\n.c-transfer__btn.is-disabled[data-v-f51ca797] {\n opacity: 0.35;\n cursor: not-allowed;\n}\n.c-transfer.is-small[data-v-f51ca797] {\n --tf-height: 280px;\n}\n.c-transfer.is-small .c-transfer__header[data-v-f51ca797] {\n padding: 8px 12px;\n font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__item[data-v-f51ca797] {\n padding: 5px 12px;\n font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__btn[data-v-f51ca797] {\n width: 30px;\n height: 30px;\n font-size: 15px;\n}\n.c-transfer.is-large[data-v-f51ca797] {\n --tf-height: 480px;\n}\n.c-transfer.is-large .c-transfer__header[data-v-f51ca797] {\n padding: 12px 16px;\n font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__item[data-v-f51ca797] {\n padding: 9px 16px;\n font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__btn[data-v-f51ca797] {\n width: 42px;\n height: 42px;\n font-size: 20px;\n}\n.c-transfer__group[data-v-f51ca797] {\n padding: 6px 14px 4px;\n font-size: 11px;\n font-weight: 600;\n color: var(--text-color-3);\n text-transform: uppercase;\n letter-spacing: 0.04em;\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/C_Transfer.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Transfer.js","names":[],"sources":["../src/components/C_Transfer/types.ts","../src/components/C_Transfer/index.vue","../src/components/C_Transfer/index.vue"],"sourcesContent":["/**\n * @Description: 穿梭框组件类型定义\n */\n\n/** 穿梭框数据项 */\nexport interface TransferItem {\n /** 唯一标识 */\n key: string | number\n /** 显示标签 */\n label: string\n /** 是否禁用 */\n disabled?: boolean\n /** 分组名称 */\n group?: string\n /** 描述信息（用于详细模式） */\n description?: string\n /** 图标（Iconify） */\n icon?: string\n /** 额外数据 */\n extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TransferProps {\n /** 数据源 */\n data: TransferItem[]\n /** 右侧已选 key 列表 (v-model) */\n modelValue: Array<string | number>\n /** 左右栏标题 */\n titles?: [string, string]\n /** 是否可搜索 */\n filterable?: boolean\n /** 搜索占位符 */\n filterPlaceholder?: string\n /** 自定义筛选函数 */\n filterMethod?: (query: string, item: TransferItem) => boolean\n /** 是否显示全选复选框 */\n showSelectAll?: boolean\n /** 左侧空状态描述 */\n sourceEmptyText?: string\n /** 右侧空状态描述 */\n targetEmptyText?: string\n /** 尺寸 */\n size?: 'small' | 'medium' | 'large'\n}\n\n/** 默认 Props */\nexport const DEFAULT_TRANSFER_PROPS: Partial<TransferProps> = {\n titles: ['可选列表', '已选列表'],\n filterable: false,\n filterPlaceholder: '搜索...',\n showSelectAll: true,\n sourceEmptyText: '暂无数据',\n targetEmptyText: '未选择任何项',\n size: 'medium',\n}\n","<!--\n * @Description: 穿梭框组件\n-->\n<template>\n <div\n class=\"c-transfer\"\n :class=\"[`is-${mergedProps.size}`]\"\n >\n <!-- ================ Source Panel ================ -->\n <div class=\"c-transfer__panel\">\n <div class=\"c-transfer__header\">\n <NCheckbox\n v-if=\"mergedProps.showSelectAll\"\n :checked=\"isSourceAllChecked\"\n :indeterminate=\"isSourceIndeterminate\"\n @update:checked=\"toggleSourceAll\"\n >\n {{ mergedProps.titles?.[0] }}\n </NCheckbox>\n <span\n v-else\n class=\"c-transfer__title\"\n >\n {{ mergedProps.titles?.[0] }}\n </span>\n <span class=\"c-transfer__count\"\n >{{ sourceChecked.size }} / {{ sourceList.length }}</span\n >\n </div>\n\n <div\n v-if=\"mergedProps.filterable\"\n class=\"c-transfer__filter\"\n >\n <NInput\n v-model:value=\"sourceQuery\"\n clearable\n size=\"small\"\n :placeholder=\"mergedProps.filterPlaceholder\"\n >\n <template #prefix>\n <C_Icon name=\"mdi:magnify\" />\n </template>\n </NInput>\n </div>\n\n <div\n v-if=\"filteredSourceList.length\"\n class=\"c-transfer__list\"\n >\n <template\n v-for=\"item in filteredSourceList\"\n :key=\"item.key\"\n >\n <div\n class=\"c-transfer__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-checked': sourceChecked.has(item.key),\n }\"\n @click=\"!item.disabled && toggleSourceCheck(item.key)\"\n >\n <NCheckbox\n :checked=\"sourceChecked.has(item.key)\"\n :disabled=\"item.disabled\"\n size=\"small\"\n @update:checked=\"toggleSourceCheck(item.key)\"\n @click.stop\n />\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n class=\"c-transfer__item-icon\"\n />\n <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n </div>\n </template>\n </div>\n <div\n v-else\n class=\"c-transfer__empty\"\n >\n {{ mergedProps.sourceEmptyText }}\n </div>\n </div>\n\n <!-- ================ Actions ================ -->\n <div class=\"c-transfer__actions\">\n <button\n class=\"c-transfer__btn\"\n :class=\"{ 'is-disabled': sourceChecked.size === 0 }\"\n :disabled=\"sourceChecked.size === 0\"\n @click=\"moveToTarget\"\n >\n <C_Icon name=\"mdi:chevron-right\" />\n </button>\n <button\n class=\"c-transfer__btn\"\n :class=\"{ 'is-disabled': targetChecked.size === 0 }\"\n :disabled=\"targetChecked.size === 0\"\n @click=\"moveToSource\"\n >\n <C_Icon name=\"mdi:chevron-left\" />\n </button>\n </div>\n\n <!-- ================ Target Panel ================ -->\n <div class=\"c-transfer__panel\">\n <div class=\"c-transfer__header\">\n <NCheckbox\n v-if=\"mergedProps.showSelectAll\"\n :checked=\"isTargetAllChecked\"\n :indeterminate=\"isTargetIndeterminate\"\n @update:checked=\"toggleTargetAll\"\n >\n {{ mergedProps.titles?.[1] }}\n </NCheckbox>\n <span\n v-else\n class=\"c-transfer__title\"\n >\n {{ mergedProps.titles?.[1] }}\n </span>\n <span class=\"c-transfer__count\"\n >{{ targetChecked.size }} / {{ targetList.length }}</span\n >\n </div>\n\n <div\n v-if=\"mergedProps.filterable\"\n class=\"c-transfer__filter\"\n >\n <NInput\n v-model:value=\"targetQuery\"\n clearable\n size=\"small\"\n :placeholder=\"mergedProps.filterPlaceholder\"\n >\n <template #prefix>\n <C_Icon name=\"mdi:magnify\" />\n </template>\n </NInput>\n </div>\n\n <div\n v-if=\"filteredTargetList.length\"\n class=\"c-transfer__list\"\n >\n <template\n v-for=\"item in filteredTargetList\"\n :key=\"item.key\"\n >\n <div\n class=\"c-transfer__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-checked': targetChecked.has(item.key),\n }\"\n @click=\"!item.disabled && toggleTargetCheck(item.key)\"\n >\n <NCheckbox\n :checked=\"targetChecked.has(item.key)\"\n :disabled=\"item.disabled\"\n size=\"small\"\n @update:checked=\"toggleTargetCheck(item.key)\"\n @click.stop\n />\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n class=\"c-transfer__item-icon\"\n />\n <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n </div>\n </template>\n </div>\n <div\n v-else\n class=\"c-transfer__empty\"\n >\n {{ mergedProps.targetEmptyText }}\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, reactive, ref } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_TRANSFER_PROPS,\n type TransferItem,\n type TransferProps,\n } from './types'\n\n const props = withDefaults(\n defineProps<{\n data: TransferProps['data']\n modelValue: TransferProps['modelValue']\n titles?: TransferProps['titles']\n filterable?: boolean\n filterPlaceholder?: string\n filterMethod?: TransferProps['filterMethod']\n showSelectAll?: boolean\n sourceEmptyText?: string\n targetEmptyText?: string\n size?: TransferProps['size']\n }>(),\n {\n titles: () => DEFAULT_TRANSFER_PROPS.titles as [string, string],\n filterable: DEFAULT_TRANSFER_PROPS.filterable,\n filterPlaceholder: DEFAULT_TRANSFER_PROPS.filterPlaceholder,\n showSelectAll: DEFAULT_TRANSFER_PROPS.showSelectAll,\n sourceEmptyText: DEFAULT_TRANSFER_PROPS.sourceEmptyText,\n targetEmptyText: DEFAULT_TRANSFER_PROPS.targetEmptyText,\n size: DEFAULT_TRANSFER_PROPS.size,\n }\n )\n\n const emit = defineEmits<{\n 'update:modelValue': [value: Array<string | number>]\n change: [\n targetKeys: Array<string | number>,\n direction: 'left' | 'right',\n moveKeys: Array<string | number>,\n ]\n }>()\n\n const mergedProps = computed(() => ({ ...DEFAULT_TRANSFER_PROPS, ...props }))\n\n // ==================== 数据列表 ====================\n\n const dataMap = computed(() => {\n const m = new Map<string | number, TransferItem>()\n for (const item of props.data) m.set(item.key, item)\n return m\n })\n\n const targetKeySet = computed(() => new Set(props.modelValue))\n\n const sourceList = computed(() =>\n props.data.filter(d => !targetKeySet.value.has(d.key))\n )\n\n const targetList = computed(() => {\n const result: TransferItem[] = []\n for (const key of props.modelValue) {\n const item = dataMap.value.get(key)\n if (item) result.push(item)\n }\n return result\n })\n\n // ==================== 搜索 ====================\n\n const sourceQuery = ref('')\n const targetQuery = ref('')\n\n /** 默认过滤方法 */\n function defaultFilter(query: string, item: TransferItem): boolean {\n return item.label.toLowerCase().includes(query.toLowerCase())\n }\n\n const filterFn = computed(() => props.filterMethod ?? defaultFilter)\n\n const filteredSourceList = computed(() => {\n const q = sourceQuery.value.trim()\n return q\n ? sourceList.value.filter(item => filterFn.value(q, item))\n : sourceList.value\n })\n\n const filteredTargetList = computed(() => {\n const q = targetQuery.value.trim()\n return q\n ? targetList.value.filter(item => filterFn.value(q, item))\n : targetList.value\n })\n\n // ==================== 选中态 ====================\n\n const sourceChecked = reactive(new Set<string | number>())\n const targetChecked = reactive(new Set<string | number>())\n\n /** 切换源列表项选中状态 */\n function toggleSourceCheck(key: string | number) {\n if (sourceChecked.has(key)) sourceChecked.delete(key)\n else sourceChecked.add(key)\n }\n\n /** 切换目标列表项选中状态 */\n function toggleTargetCheck(key: string | number) {\n if (targetChecked.has(key)) targetChecked.delete(key)\n else targetChecked.add(key)\n }\n\n const isSourceAllChecked = computed(\n () =>\n filteredSourceList.value.length > 0 &&\n filteredSourceList.value.every(\n i => i.disabled || sourceChecked.has(i.key)\n )\n )\n const isSourceIndeterminate = computed(\n () =>\n !isSourceAllChecked.value &&\n filteredSourceList.value.some(i => sourceChecked.has(i.key))\n )\n const isTargetAllChecked = computed(\n () =>\n filteredTargetList.value.length > 0 &&\n filteredTargetList.value.every(\n i => i.disabled || targetChecked.has(i.key)\n )\n )\n const isTargetIndeterminate = computed(\n () =>\n !isTargetAllChecked.value &&\n filteredTargetList.value.some(i => targetChecked.has(i.key))\n )\n\n /** 切换源列表全选状态 */\n function toggleSourceAll(checked: boolean) {\n for (const item of filteredSourceList.value) {\n if (item.disabled) continue\n if (checked) sourceChecked.add(item.key)\n else sourceChecked.delete(item.key)\n }\n }\n\n /** 切换目标列表全选状态 */\n function toggleTargetAll(checked: boolean) {\n for (const item of filteredTargetList.value) {\n if (item.disabled) continue\n if (checked) targetChecked.add(item.key)\n else targetChecked.delete(item.key)\n }\n }\n\n // ==================== 穿梭操作 ====================\n\n /** 将选中项移至目标列表 */\n function moveToTarget() {\n const keys = [...sourceChecked]\n const newVal = [...props.modelValue, ...keys]\n emit('update:modelValue', newVal)\n emit('change', newVal, 'right', keys)\n sourceChecked.clear()\n }\n\n /** 将选中项移回源列表 */\n function moveToSource() {\n const keys = [...targetChecked]\n const removeSet = new Set(keys)\n const newVal = props.modelValue.filter(k => !removeSet.has(k))\n emit('update:modelValue', newVal)\n emit('change', newVal, 'left', keys)\n targetChecked.clear()\n }\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n","<!--\n * @Description: 穿梭框组件\n-->\n<template>\n <div\n class=\"c-transfer\"\n :class=\"[`is-${mergedProps.size}`]\"\n >\n <!-- ================ Source Panel ================ -->\n <div class=\"c-transfer__panel\">\n <div class=\"c-transfer__header\">\n <NCheckbox\n v-if=\"mergedProps.showSelectAll\"\n :checked=\"isSourceAllChecked\"\n :indeterminate=\"isSourceIndeterminate\"\n @update:checked=\"toggleSourceAll\"\n >\n {{ mergedProps.titles?.[0] }}\n </NCheckbox>\n <span\n v-else\n class=\"c-transfer__title\"\n >\n {{ mergedProps.titles?.[0] }}\n </span>\n <span class=\"c-transfer__count\"\n >{{ sourceChecked.size }} / {{ sourceList.length }}</span\n >\n </div>\n\n <div\n v-if=\"mergedProps.filterable\"\n class=\"c-transfer__filter\"\n >\n <NInput\n v-model:value=\"sourceQuery\"\n clearable\n size=\"small\"\n :placeholder=\"mergedProps.filterPlaceholder\"\n >\n <template #prefix>\n <C_Icon name=\"mdi:magnify\" />\n </template>\n </NInput>\n </div>\n\n <div\n v-if=\"filteredSourceList.length\"\n class=\"c-transfer__list\"\n >\n <template\n v-for=\"item in filteredSourceList\"\n :key=\"item.key\"\n >\n <div\n class=\"c-transfer__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-checked': sourceChecked.has(item.key),\n }\"\n @click=\"!item.disabled && toggleSourceCheck(item.key)\"\n >\n <NCheckbox\n :checked=\"sourceChecked.has(item.key)\"\n :disabled=\"item.disabled\"\n size=\"small\"\n @update:checked=\"toggleSourceCheck(item.key)\"\n @click.stop\n />\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n class=\"c-transfer__item-icon\"\n />\n <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n </div>\n </template>\n </div>\n <div\n v-else\n class=\"c-transfer__empty\"\n >\n {{ mergedProps.sourceEmptyText }}\n </div>\n </div>\n\n <!-- ================ Actions ================ -->\n <div class=\"c-transfer__actions\">\n <button\n class=\"c-transfer__btn\"\n :class=\"{ 'is-disabled': sourceChecked.size === 0 }\"\n :disabled=\"sourceChecked.size === 0\"\n @click=\"moveToTarget\"\n >\n <C_Icon name=\"mdi:chevron-right\" />\n </button>\n <button\n class=\"c-transfer__btn\"\n :class=\"{ 'is-disabled': targetChecked.size === 0 }\"\n :disabled=\"targetChecked.size === 0\"\n @click=\"moveToSource\"\n >\n <C_Icon name=\"mdi:chevron-left\" />\n </button>\n </div>\n\n <!-- ================ Target Panel ================ -->\n <div class=\"c-transfer__panel\">\n <div class=\"c-transfer__header\">\n <NCheckbox\n v-if=\"mergedProps.showSelectAll\"\n :checked=\"isTargetAllChecked\"\n :indeterminate=\"isTargetIndeterminate\"\n @update:checked=\"toggleTargetAll\"\n >\n {{ mergedProps.titles?.[1] }}\n </NCheckbox>\n <span\n v-else\n class=\"c-transfer__title\"\n >\n {{ mergedProps.titles?.[1] }}\n </span>\n <span class=\"c-transfer__count\"\n >{{ targetChecked.size }} / {{ targetList.length }}</span\n >\n </div>\n\n <div\n v-if=\"mergedProps.filterable\"\n class=\"c-transfer__filter\"\n >\n <NInput\n v-model:value=\"targetQuery\"\n clearable\n size=\"small\"\n :placeholder=\"mergedProps.filterPlaceholder\"\n >\n <template #prefix>\n <C_Icon name=\"mdi:magnify\" />\n </template>\n </NInput>\n </div>\n\n <div\n v-if=\"filteredTargetList.length\"\n class=\"c-transfer__list\"\n >\n <template\n v-for=\"item in filteredTargetList\"\n :key=\"item.key\"\n >\n <div\n class=\"c-transfer__item\"\n :class=\"{\n 'is-disabled': item.disabled,\n 'is-checked': targetChecked.has(item.key),\n }\"\n @click=\"!item.disabled && toggleTargetCheck(item.key)\"\n >\n <NCheckbox\n :checked=\"targetChecked.has(item.key)\"\n :disabled=\"item.disabled\"\n size=\"small\"\n @update:checked=\"toggleTargetCheck(item.key)\"\n @click.stop\n />\n <C_Icon\n v-if=\"item.icon\"\n :name=\"item.icon\"\n class=\"c-transfer__item-icon\"\n />\n <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n </div>\n </template>\n </div>\n <div\n v-else\n class=\"c-transfer__empty\"\n >\n {{ mergedProps.targetEmptyText }}\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, reactive, ref } from 'vue'\n import C_Icon from '../C_Icon/index.vue'\n import {\n DEFAULT_TRANSFER_PROPS,\n type TransferItem,\n type TransferProps,\n } from './types'\n\n const props = withDefaults(\n defineProps<{\n data: TransferProps['data']\n modelValue: TransferProps['modelValue']\n titles?: TransferProps['titles']\n filterable?: boolean\n filterPlaceholder?: string\n filterMethod?: TransferProps['filterMethod']\n showSelectAll?: boolean\n sourceEmptyText?: string\n targetEmptyText?: string\n size?: TransferProps['size']\n }>(),\n {\n titles: () => DEFAULT_TRANSFER_PROPS.titles as [string, string],\n filterable: DEFAULT_TRANSFER_PROPS.filterable,\n filterPlaceholder: DEFAULT_TRANSFER_PROPS.filterPlaceholder,\n showSelectAll: DEFAULT_TRANSFER_PROPS.showSelectAll,\n sourceEmptyText: DEFAULT_TRANSFER_PROPS.sourceEmptyText,\n targetEmptyText: DEFAULT_TRANSFER_PROPS.targetEmptyText,\n size: DEFAULT_TRANSFER_PROPS.size,\n }\n )\n\n const emit = defineEmits<{\n 'update:modelValue': [value: Array<string | number>]\n change: [\n targetKeys: Array<string | number>,\n direction: 'left' | 'right',\n moveKeys: Array<string | number>,\n ]\n }>()\n\n const mergedProps = computed(() => ({ ...DEFAULT_TRANSFER_PROPS, ...props }))\n\n // ==================== 数据列表 ====================\n\n const dataMap = computed(() => {\n const m = new Map<string | number, TransferItem>()\n for (const item of props.data) m.set(item.key, item)\n return m\n })\n\n const targetKeySet = computed(() => new Set(props.modelValue))\n\n const sourceList = computed(() =>\n props.data.filter(d => !targetKeySet.value.has(d.key))\n )\n\n const targetList = computed(() => {\n const result: TransferItem[] = []\n for (const key of props.modelValue) {\n const item = dataMap.value.get(key)\n if (item) result.push(item)\n }\n return result\n })\n\n // ==================== 搜索 ====================\n\n const sourceQuery = ref('')\n const targetQuery = ref('')\n\n /** 默认过滤方法 */\n function defaultFilter(query: string, item: TransferItem): boolean {\n return item.label.toLowerCase().includes(query.toLowerCase())\n }\n\n const filterFn = computed(() => props.filterMethod ?? defaultFilter)\n\n const filteredSourceList = computed(() => {\n const q = sourceQuery.value.trim()\n return q\n ? sourceList.value.filter(item => filterFn.value(q, item))\n : sourceList.value\n })\n\n const filteredTargetList = computed(() => {\n const q = targetQuery.value.trim()\n return q\n ? targetList.value.filter(item => filterFn.value(q, item))\n : targetList.value\n })\n\n // ==================== 选中态 ====================\n\n const sourceChecked = reactive(new Set<string | number>())\n const targetChecked = reactive(new Set<string | number>())\n\n /** 切换源列表项选中状态 */\n function toggleSourceCheck(key: string | number) {\n if (sourceChecked.has(key)) sourceChecked.delete(key)\n else sourceChecked.add(key)\n }\n\n /** 切换目标列表项选中状态 */\n function toggleTargetCheck(key: string | number) {\n if (targetChecked.has(key)) targetChecked.delete(key)\n else targetChecked.add(key)\n }\n\n const isSourceAllChecked = computed(\n () =>\n filteredSourceList.value.length > 0 &&\n filteredSourceList.value.every(\n i => i.disabled || sourceChecked.has(i.key)\n )\n )\n const isSourceIndeterminate = computed(\n () =>\n !isSourceAllChecked.value &&\n filteredSourceList.value.some(i => sourceChecked.has(i.key))\n )\n const isTargetAllChecked = computed(\n () =>\n filteredTargetList.value.length > 0 &&\n filteredTargetList.value.every(\n i => i.disabled || targetChecked.has(i.key)\n )\n )\n const isTargetIndeterminate = computed(\n () =>\n !isTargetAllChecked.value &&\n filteredTargetList.value.some(i => targetChecked.has(i.key))\n )\n\n /** 切换源列表全选状态 */\n function toggleSourceAll(checked: boolean) {\n for (const item of filteredSourceList.value) {\n if (item.disabled) continue\n if (checked) sourceChecked.add(item.key)\n else sourceChecked.delete(item.key)\n }\n }\n\n /** 切换目标列表全选状态 */\n function toggleTargetAll(checked: boolean) {\n for (const item of filteredTargetList.value) {\n if (item.disabled) continue\n if (checked) targetChecked.add(item.key)\n else targetChecked.delete(item.key)\n }\n }\n\n // ==================== 穿梭操作 ====================\n\n /** 将选中项移至目标列表 */\n function moveToTarget() {\n const keys = [...sourceChecked]\n const newVal = [...props.modelValue, ...keys]\n emit('update:modelValue', newVal)\n emit('change', newVal, 'right', keys)\n sourceChecked.clear()\n }\n\n /** 将选中项移回源列表 */\n function moveToSource() {\n const keys = [...targetChecked]\n const removeSet = new Set(keys)\n const newVal = props.modelValue.filter(k => !removeSet.has(k))\n emit('update:modelValue', newVal)\n emit('change', newVal, 'left', keys)\n targetChecked.clear()\n }\n</script>\n\n<style scoped lang=\"scss\">\n @use './index.scss';\n</style>\n"],"mappings":"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"}