@robot-admin/naive-ui-components 0.8.1 → 0.9.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 (381) hide show
  1. package/README.md +294 -279
  2. package/dist/C_ActionBar-DYG0Yf3A.css.map +1 -0
  3. package/dist/C_ActionBar-MAjRhqcI.css.map +1 -0
  4. package/dist/C_ActionBar.cjs +1 -1
  5. package/dist/C_ActionBar.css +47 -47
  6. package/dist/C_ActionBar.js +1 -1
  7. package/dist/C_ActionBar.js.map +1 -1
  8. package/dist/C_ActionBar2.js +1 -1
  9. package/dist/C_ActionBar2.js.map +1 -1
  10. package/dist/{C_AntV-A3NXx_sF.css.map → C_AntV-BY8jqqmi.css.map} +1 -1
  11. package/dist/{C_AntV-D2Zp2qQF.css.map → C_AntV-BbkHc-_a.css.map} +1 -1
  12. package/dist/C_AntV.cjs +1 -1
  13. package/dist/C_AntV.css +78 -78
  14. package/dist/C_AntV.js +1 -1
  15. package/dist/C_AntV.js.map +1 -1
  16. package/dist/C_AntV2.js +3 -3
  17. package/dist/C_AntV2.js.map +1 -1
  18. package/dist/{C_AudioPlayer-CXl4yP_m.css.map → C_AudioPlayer-DKRIGhi7.css.map} +1 -1
  19. package/dist/{C_AudioPlayer-CcBtt71m.css.map → C_AudioPlayer-DlB6eNsa.css.map} +1 -1
  20. package/dist/C_AudioPlayer.cjs +1 -1
  21. package/dist/C_AudioPlayer.css +47 -47
  22. package/dist/C_AudioPlayer.js +1 -1
  23. package/dist/C_AudioPlayer.js.map +1 -1
  24. package/dist/C_AudioPlayer2.js +1 -1
  25. package/dist/C_AudioPlayer2.js.map +1 -1
  26. package/dist/{C_AvatarGroup-CtPhfH9h.css.map → C_AvatarGroup-D02zci-i.css.map} +1 -1
  27. package/dist/{C_AvatarGroup-M1dNPH3E.css.map → C_AvatarGroup-DatHaUlY.css.map} +1 -1
  28. package/dist/C_AvatarGroup.css +21 -21
  29. package/dist/C_AvatarGroup.js.map +1 -1
  30. package/dist/C_AvatarGroup2.js +1 -1
  31. package/dist/C_AvatarGroup2.js.map +1 -1
  32. package/dist/{C_Barcode-DjTmDkbQ.css.map → C_Barcode-DYDRDe2O.css.map} +1 -1
  33. package/dist/{C_Barcode-Do1Ozsmh.css.map → C_Barcode-muJdc_O4.css.map} +1 -1
  34. package/dist/C_Barcode.css +7 -7
  35. package/dist/C_Barcode.js.map +1 -1
  36. package/dist/C_Barcode2.js +1 -1
  37. package/dist/C_Barcode2.js.map +1 -1
  38. package/dist/C_Breadcrumb.cjs +1 -1
  39. package/dist/C_Breadcrumb.js +1 -1
  40. package/dist/C_Breadcrumb.js.map +1 -1
  41. package/dist/C_Breadcrumb2.js +1 -1
  42. package/dist/C_Breadcrumb2.js.map +1 -1
  43. package/dist/{C_Captcha-CZmAETly.css.map → C_Captcha-9_hk6VmY.css.map} +1 -1
  44. package/dist/{C_Captcha-Ccq3DMrR.css.map → C_Captcha-MtASlJ0f.css.map} +1 -1
  45. package/dist/C_Captcha.css +19 -19
  46. package/dist/C_Captcha.js.map +1 -1
  47. package/dist/C_Captcha2.js +1 -1
  48. package/dist/C_Captcha2.js.map +1 -1
  49. package/dist/C_Cascade.js.map +1 -1
  50. package/dist/C_Cascade2.js +1 -1
  51. package/dist/C_Cascade2.js.map +1 -1
  52. package/dist/{C_Chat-CJ8KESTM.css.map → C_Chat-Csjz_BFw.css.map} +1 -1
  53. package/dist/{C_Chat-DzV4AFLd.css.map → C_Chat-DO1ZBA_0.css.map} +1 -1
  54. package/dist/C_Chat.cjs +1 -1
  55. package/dist/C_Chat.css +65 -65
  56. package/dist/C_Chat.js +1 -1
  57. package/dist/C_Chat.js.map +1 -1
  58. package/dist/C_Chat2.js +1 -1
  59. package/dist/C_Chat2.js.map +1 -1
  60. package/dist/{C_City-Cv5BESaN.css.map → C_City-Bam08Qv3.css.map} +1 -1
  61. package/dist/{C_City-DNKv4MpH.css.map → C_City-Bb3W-KaN.css.map} +1 -1
  62. package/dist/C_City.css +29 -29
  63. package/dist/C_City.js.map +1 -1
  64. package/dist/C_City2.js +1 -1
  65. package/dist/C_City2.js.map +1 -1
  66. package/dist/C_Code-BFi5xxnM.css.map +1 -0
  67. package/dist/C_Code-CZ7yfnri.css.map +1 -0
  68. package/dist/C_Code.cjs +1 -1
  69. package/dist/C_Code.css +3 -3
  70. package/dist/C_Code.js +1 -1
  71. package/dist/C_Code.js.map +1 -1
  72. package/dist/C_Code2.js +1 -1
  73. package/dist/C_Code2.js.map +1 -1
  74. package/dist/{C_CollapsePanel-CedsEM0N.css.map → C_CollapsePanel-CWkFCqNQ.css.map} +1 -1
  75. package/dist/{C_CollapsePanel-BkOivqn3.css.map → C_CollapsePanel-pcVJA_4z.css.map} +1 -1
  76. package/dist/C_CollapsePanel.cjs +1 -1
  77. package/dist/C_CollapsePanel.css +35 -35
  78. package/dist/C_CollapsePanel.js +1 -1
  79. package/dist/C_CollapsePanel.js.map +1 -1
  80. package/dist/C_CollapsePanel2.js +1 -1
  81. package/dist/C_CollapsePanel2.js.map +1 -1
  82. package/dist/{C_ContextMenu-CCsCeI39.css.map → C_ContextMenu-B3Cgz_wJ.css.map} +1 -1
  83. package/dist/{C_ContextMenu-DOTBeltf.css.map → C_ContextMenu-u1LixF3_.css.map} +1 -1
  84. package/dist/C_ContextMenu.cjs +1 -1
  85. package/dist/C_ContextMenu.css +17 -17
  86. package/dist/C_ContextMenu.js +1 -1
  87. package/dist/C_ContextMenu.js.map +1 -1
  88. package/dist/C_ContextMenu2.js +1 -1
  89. package/dist/C_ContextMenu2.js.map +1 -1
  90. package/dist/{C_Cron-C0-8b5af.css.map → C_Cron-Civir5-I.css.map} +1 -1
  91. package/dist/{C_Cron-DqHQ92LN.css.map → C_Cron-iw3qpMsy.css.map} +1 -1
  92. package/dist/C_Cron.cjs +1 -1
  93. package/dist/C_Cron.css +37 -37
  94. package/dist/C_Cron.js +1 -1
  95. package/dist/C_Cron.js.map +1 -1
  96. package/dist/C_Cron2.js +1 -1
  97. package/dist/C_Cron2.js.map +1 -1
  98. package/dist/C_Date.js.map +1 -1
  99. package/dist/C_Date2.js +1 -1
  100. package/dist/C_Date2.js.map +1 -1
  101. package/dist/{C_Draggable-Bq6o0qXn.css.map → C_Draggable-BCjIvIwT.css.map} +1 -1
  102. package/dist/{C_Draggable-r6nhx3yM.css.map → C_Draggable-DwkSlCOS.css.map} +1 -1
  103. package/dist/C_Draggable.css +46 -46
  104. package/dist/C_Draggable.js.map +1 -1
  105. package/dist/C_Draggable2.js +1 -1
  106. package/dist/C_Draggable2.js.map +1 -1
  107. package/dist/C_Editor-BfjjYQ9B.css.map +1 -0
  108. package/dist/C_Editor-Do2StvoJ.css.map +1 -0
  109. package/dist/C_Editor.css +55 -55
  110. package/dist/C_Editor.js.map +1 -1
  111. package/dist/C_Editor2.js +1 -1
  112. package/dist/C_Editor2.js.map +1 -1
  113. package/dist/{C_FilePreview-BVarVvnD.css.map → C_FilePreview-BhcbiXsV.css.map} +1 -1
  114. package/dist/{C_FilePreview-DHGlV4OR.css.map → C_FilePreview-DJudcIbW.css.map} +1 -1
  115. package/dist/C_FilePreview.cjs +1 -1
  116. package/dist/C_FilePreview.css +91 -91
  117. package/dist/C_FilePreview.js +1 -1
  118. package/dist/C_FilePreview.js.map +1 -1
  119. package/dist/C_FilePreview2.js +1 -1
  120. package/dist/C_FilePreview2.js.map +1 -1
  121. package/dist/{C_Form-BciQUPpS.css.map → C_Form-BtcAPIRi.css.map} +1 -1
  122. package/dist/{C_Form-CKHvXL3O.css.map → C_Form-D_gwQ7hC.css.map} +1 -1
  123. package/dist/C_Form.cjs +1 -1
  124. package/dist/C_Form.css +222 -222
  125. package/dist/C_Form.js +1 -1
  126. package/dist/C_Form.js.map +1 -1
  127. package/dist/C_Form2.js +1 -1
  128. package/dist/C_Form2.js.map +1 -1
  129. package/dist/{C_FormSearch-Bmd2CmG6.css.map → C_FormSearch-Bi4XYjjk.css.map} +1 -1
  130. package/dist/{C_FormSearch-DBNtnjaL.css.map → C_FormSearch-DUGOoX0u.css.map} +1 -1
  131. package/dist/C_FormSearch.css +45 -45
  132. package/dist/C_FormSearch.js.map +1 -1
  133. package/dist/C_FormSearch2.js +1 -1
  134. package/dist/C_FormSearch2.js.map +1 -1
  135. package/dist/{C_FormulaEditor-3WG2vtQl.css.map → C_FormulaEditor-CJk3SSUJ.css.map} +1 -1
  136. package/dist/{C_FormulaEditor-Cm0CokN5.css.map → C_FormulaEditor-Cy7mjfVO.css.map} +1 -1
  137. package/dist/C_FormulaEditor.cjs +1 -1
  138. package/dist/C_FormulaEditor.css +78 -78
  139. package/dist/C_FormulaEditor.js +1 -1
  140. package/dist/C_FormulaEditor.js.map +1 -1
  141. package/dist/C_FormulaEditor2.js +1 -1
  142. package/dist/C_FormulaEditor2.js.map +1 -1
  143. package/dist/C_FullCalendar-BQA0OjGB.css.map +1 -0
  144. package/dist/C_FullCalendar-ChJUosAi.css.map +1 -0
  145. package/dist/C_FullCalendar.css +3 -3
  146. package/dist/C_FullCalendar.js.map +1 -1
  147. package/dist/C_FullCalendar2.js +1 -1
  148. package/dist/C_FullCalendar2.js.map +1 -1
  149. package/dist/C_GlobalSearch.js.map +1 -1
  150. package/dist/C_GlobalSearch2.js.map +1 -1
  151. package/dist/C_Guide.cjs +1 -1
  152. package/dist/C_Guide.js +1 -1
  153. package/dist/C_Guide.js.map +1 -1
  154. package/dist/C_Guide2.js +1 -1
  155. package/dist/C_Guide2.js.map +1 -1
  156. package/dist/C_Icon.js.map +1 -1
  157. package/dist/C_Icon2.js +1 -1
  158. package/dist/C_Icon2.js.map +1 -1
  159. package/dist/{C_ImageCropper-D3L2-J_J.css.map → C_ImageCropper-BqZpkZfU.css.map} +1 -1
  160. package/dist/{C_ImageCropper-DrmUlaLi.css.map → C_ImageCropper-CylwGuzS.css.map} +1 -1
  161. package/dist/C_ImageCropper.cjs +1 -1
  162. package/dist/C_ImageCropper.css +10 -10
  163. package/dist/C_ImageCropper.js +1 -1
  164. package/dist/C_ImageCropper.js.map +1 -1
  165. package/dist/C_ImageCropper2.js +1 -1
  166. package/dist/C_ImageCropper2.js.map +1 -1
  167. package/dist/C_Language.cjs +1 -1
  168. package/dist/C_Language.js +1 -1
  169. package/dist/C_Language.js.map +1 -1
  170. package/dist/C_Language2.js +1 -1
  171. package/dist/C_Language2.js.map +1 -1
  172. package/dist/{C_Login-Cst_W1XC.css.map → C_Login-BkdnkBKX.css.map} +1 -1
  173. package/dist/{C_Login-DWZ_6K1x.css.map → C_Login-VkMM6OJ2.css.map} +1 -1
  174. package/dist/C_Login.cjs +1 -1
  175. package/dist/C_Login.css +72 -72
  176. package/dist/C_Login.js +1 -1
  177. package/dist/C_Login.js.map +1 -1
  178. package/dist/C_Login2.js +1 -1
  179. package/dist/C_Login2.js.map +1 -1
  180. package/dist/{C_Map-BCJmDnJT.css.map → C_Map-DNnBcY70.css.map} +1 -1
  181. package/dist/{C_Map-WUMXSAfy.css.map → C_Map-LEXIx6zM.css.map} +1 -1
  182. package/dist/C_Map.css +4 -4
  183. package/dist/C_Map.js.map +1 -1
  184. package/dist/C_Map2.js +1 -1
  185. package/dist/C_Map2.js.map +1 -1
  186. package/dist/{C_Markdown-7J0uPEuk.css.map → C_Markdown-DwmI0_0Q.css.map} +1 -1
  187. package/dist/{C_Markdown-C7Lg0_9z.css.map → C_Markdown-k0794RW0.css.map} +1 -1
  188. package/dist/C_Markdown.css +33 -33
  189. package/dist/C_Markdown.js.map +1 -1
  190. package/dist/C_Markdown2.js +1 -1
  191. package/dist/C_Markdown2.js.map +1 -1
  192. package/dist/C_Menu.js.map +1 -1
  193. package/dist/C_Menu2.js +1 -1
  194. package/dist/C_Menu2.js.map +1 -1
  195. package/dist/C_NotificationCenter.cjs +1 -1
  196. package/dist/C_NotificationCenter.js +1 -1
  197. package/dist/C_NotificationCenter.js.map +1 -1
  198. package/dist/C_NotificationCenter2.js +1 -1
  199. package/dist/C_NotificationCenter2.js.map +1 -1
  200. package/dist/C_OrgChart.js.map +1 -1
  201. package/dist/C_OrgChart2.js +1 -1
  202. package/dist/C_OrgChart2.js.map +1 -1
  203. package/dist/C_Progress.js.map +1 -1
  204. package/dist/C_Progress2.js +1 -1
  205. package/dist/C_Progress2.js.map +1 -1
  206. package/dist/{C_QRCode-DMxSyogU.css.map → C_QRCode-CFNTda_1.css.map} +1 -1
  207. package/dist/{C_QRCode-G7fiAkm4.css.map → C_QRCode-CmWr9lK-.css.map} +1 -1
  208. package/dist/C_QRCode.css +9 -9
  209. package/dist/C_QRCode.js.map +1 -1
  210. package/dist/C_QRCode2.js +1 -1
  211. package/dist/C_QRCode2.js.map +1 -1
  212. package/dist/{C_Signature-BJMvVPWT.css.map → C_Signature-BDx4ctsE.css.map} +1 -1
  213. package/dist/{C_Signature-BJUHx2BF.css.map → C_Signature-Bz_uNbwv.css.map} +1 -1
  214. package/dist/C_Signature.cjs +1 -1
  215. package/dist/C_Signature.css +15 -15
  216. package/dist/C_Signature.js +1 -1
  217. package/dist/C_Signature.js.map +1 -1
  218. package/dist/C_Signature2.js +1 -1
  219. package/dist/C_Signature2.js.map +1 -1
  220. package/dist/C_Skeleton.js.map +1 -1
  221. package/dist/C_Skeleton2.js +1 -1
  222. package/dist/C_Skeleton2.js.map +1 -1
  223. package/dist/{C_SplitPane-Br2eK8IG.css.map → C_SplitPane-BOwr1C7K.css.map} +1 -1
  224. package/dist/{C_SplitPane-DuyzUhKB.css.map → C_SplitPane-N-a_D-7F.css.map} +1 -1
  225. package/dist/C_SplitPane.cjs +1 -1
  226. package/dist/C_SplitPane.css +31 -31
  227. package/dist/C_SplitPane.js +1 -1
  228. package/dist/C_SplitPane.js.map +1 -1
  229. package/dist/C_SplitPane2.js +1 -1
  230. package/dist/C_SplitPane2.js.map +1 -1
  231. package/dist/C_Steps-Bk1krgiR.css.map +1 -0
  232. package/dist/C_Steps-Dn2CMpy1.css.map +1 -0
  233. package/dist/C_Steps.css +38 -38
  234. package/dist/C_Steps.js.map +1 -1
  235. package/dist/C_Steps2.js +1 -1
  236. package/dist/C_Steps2.js.map +1 -1
  237. package/dist/C_Table.cjs +1 -1
  238. package/dist/C_Table.js +1 -1
  239. package/dist/C_Table.js.map +1 -1
  240. package/dist/C_Table2.js +2 -2
  241. package/dist/C_Table2.js.map +1 -1
  242. package/dist/{C_TagsView-BsutyC3U.css.map → C_TagsView-DX3LecK1.css.map} +1 -1
  243. package/dist/{C_TagsView-Crm7yWg9.css.map → C_TagsView-DqOTa8bL.css.map} +1 -1
  244. package/dist/C_TagsView.cjs +1 -1
  245. package/dist/C_TagsView.css +36 -36
  246. package/dist/C_TagsView.js +1 -1
  247. package/dist/C_TagsView.js.map +1 -1
  248. package/dist/C_TagsView2.js +1 -1
  249. package/dist/C_TagsView2.js.map +1 -1
  250. package/dist/C_Theme.cjs +1 -1
  251. package/dist/C_Theme.js +1 -1
  252. package/dist/C_Theme.js.map +1 -1
  253. package/dist/C_Theme2.js +1 -1
  254. package/dist/C_Theme2.js.map +1 -1
  255. package/dist/C_Time-BzyQVvTS.css.map +1 -0
  256. package/dist/C_Time-DmpKLQHc.css.map +1 -0
  257. package/dist/C_Time.css +5 -5
  258. package/dist/C_Time.js.map +1 -1
  259. package/dist/C_Time2.js +1 -1
  260. package/dist/C_Time2.js.map +1 -1
  261. package/dist/{C_Timeline-DG70WtJP.css.map → C_Timeline-BKkimrZx.css.map} +1 -1
  262. package/dist/{C_Timeline-Dzxmmdjg.css.map → C_Timeline-DTuSCX6p.css.map} +1 -1
  263. package/dist/C_Timeline.cjs +1 -1
  264. package/dist/C_Timeline.css +45 -45
  265. package/dist/C_Timeline.js +1 -1
  266. package/dist/C_Timeline.js.map +1 -1
  267. package/dist/C_Timeline2.js +1 -1
  268. package/dist/C_Timeline2.js.map +1 -1
  269. package/dist/{C_Transfer-CCEqnC-v.css.map → C_Transfer-BOB6OBqS.css.map} +1 -1
  270. package/dist/{C_Transfer-CStPm4NP.css.map → C_Transfer-Dpq7ezWC.css.map} +1 -1
  271. package/dist/C_Transfer.cjs +1 -1
  272. package/dist/C_Transfer.css +31 -31
  273. package/dist/C_Transfer.js +1 -1
  274. package/dist/C_Transfer.js.map +1 -1
  275. package/dist/C_Transfer2.js +1 -1
  276. package/dist/C_Transfer2.js.map +1 -1
  277. package/dist/{C_Tree-B-Le4hjQ.css.map → C_Tree-D98nX9qT.css.map} +1 -1
  278. package/dist/{C_Tree-DnGc_MPb.css.map → C_Tree-ulfm7b-P.css.map} +1 -1
  279. package/dist/C_Tree.cjs +1 -1
  280. package/dist/C_Tree.css +33 -33
  281. package/dist/C_Tree.js +1 -1
  282. package/dist/C_Tree.js.map +1 -1
  283. package/dist/C_Tree2.js +1 -1
  284. package/dist/C_Tree2.js.map +1 -1
  285. package/dist/{C_Upload-CFAxVGVz.css.map → C_Upload-BR9fg5r4.css.map} +1 -1
  286. package/dist/{C_Upload-D8_QeSV0.css.map → C_Upload-CPqf74Ea.css.map} +1 -1
  287. package/dist/C_Upload.cjs +1 -1
  288. package/dist/C_Upload.css +4 -4
  289. package/dist/C_Upload.js +1 -1
  290. package/dist/C_Upload.js.map +1 -1
  291. package/dist/C_Upload2.js +2 -2
  292. package/dist/C_Upload2.js.map +1 -1
  293. package/dist/{C_VideoPlayer-Cdgv4Zq0.css.map → C_VideoPlayer-4J96tKfK.css.map} +1 -1
  294. package/dist/{C_VideoPlayer-rm0MODUv.css.map → C_VideoPlayer-D35seHkm.css.map} +1 -1
  295. package/dist/C_VideoPlayer.css +13 -13
  296. package/dist/C_VideoPlayer.js.map +1 -1
  297. package/dist/C_VideoPlayer2.js +3 -3
  298. package/dist/C_VideoPlayer2.js.map +1 -1
  299. package/dist/{C_VtableGantt-BpY-Rng3.css.map → C_VtableGantt-C2lxFmWg.css.map} +1 -1
  300. package/dist/{C_VtableGantt-DB87-jdS.css.map → C_VtableGantt-Dwnkw_WL.css.map} +1 -1
  301. package/dist/C_VtableGantt.cjs +1 -1
  302. package/dist/C_VtableGantt.css +15 -15
  303. package/dist/C_VtableGantt.js +1 -1
  304. package/dist/C_VtableGantt.js.map +1 -1
  305. package/dist/C_VtableGantt2.js +1 -1
  306. package/dist/C_VtableGantt2.js.map +1 -1
  307. package/dist/C_WaterFall.js.map +1 -1
  308. package/dist/C_WaterFall2.js +1 -1
  309. package/dist/C_WaterFall2.js.map +1 -1
  310. package/dist/{C_WorkFlow-7F6op6qN.css.map → C_WorkFlow-2hJfvvTK.css.map} +1 -1
  311. package/dist/{C_WorkFlow-Cy3HWA6A.css.map → C_WorkFlow-DHoNjl8-.css.map} +1 -1
  312. package/dist/C_WorkFlow.cjs +1 -1
  313. package/dist/C_WorkFlow.css +108 -108
  314. package/dist/C_WorkFlow.js +1 -1
  315. package/dist/C_WorkFlow.js.map +1 -1
  316. package/dist/C_WorkFlow2.js +1 -1
  317. package/dist/C_WorkFlow2.js.map +1 -1
  318. package/dist/constants.d.ts +3 -3
  319. package/dist/constants2.d.ts +4 -4
  320. package/dist/constants3.d.ts +3 -3
  321. package/dist/constants4.d.ts +4 -4
  322. package/dist/constants5.d.ts +2 -2
  323. package/dist/data.d.ts +2 -2
  324. package/dist/index.cjs.map +1 -1
  325. package/dist/index.js.map +1 -1
  326. package/dist/index.vue.d.ts +1 -1
  327. package/dist/index10.vue.d.ts +1 -1
  328. package/dist/index11.vue.d.ts +4 -4
  329. package/dist/index12.vue.d.ts +1 -1
  330. package/dist/index13.vue.d.ts +2 -2
  331. package/dist/index14.vue.d.ts +3 -3
  332. package/dist/index15.vue.d.ts +3 -3
  333. package/dist/index16.vue.d.ts +2 -2
  334. package/dist/index17.vue.d.ts +1 -1
  335. package/dist/index18.vue.d.ts +5 -5
  336. package/dist/index2.vue.d.ts +1 -1
  337. package/dist/index20.vue.d.ts +1 -1
  338. package/dist/index22.vue.d.ts +1 -1
  339. package/dist/index23.vue.d.ts +2 -2
  340. package/dist/index24.vue.d.ts +1 -1
  341. package/dist/index26.vue.d.ts +3 -3
  342. package/dist/index27.vue.d.ts +2 -2
  343. package/dist/index28.vue.d.ts +3 -3
  344. package/dist/index3.vue.d.ts +3 -3
  345. package/dist/index4.vue.d.ts +2 -2
  346. package/dist/index6.vue.d.ts +6 -6
  347. package/dist/index7.vue.d.ts +2 -2
  348. package/dist/index8.vue.d.ts +1 -1
  349. package/dist/index9.vue.d.ts +2 -2
  350. package/dist/menuAdapter.js.map +1 -1
  351. package/dist/resolver.cjs.map +1 -1
  352. package/dist/resolver.js.map +1 -1
  353. package/dist/style.css +1483 -1483
  354. package/dist/themes/glass-morphism.css +1 -0
  355. package/dist/useCalendarEvents.d.ts +1 -1
  356. package/dist/useCollapsePanel.d.ts +1 -1
  357. package/dist/useCropperCore.d.ts +2 -2
  358. package/dist/useDraggableLayout.d.ts +4 -4
  359. package/dist/useDynamicFormState.d.ts +21 -21
  360. package/dist/useEdgeInteraction.d.ts +2 -2
  361. package/dist/useModalEdit.d.ts +1 -1
  362. package/dist/useQRCode.d.ts +3 -3
  363. package/dist/useSearchState.d.ts +2 -2
  364. package/dist/useSignatureHistory.d.ts +4 -4
  365. package/dist/useSplitResize.d.ts +2 -2
  366. package/dist/useTimeSelection.d.ts +2 -2
  367. package/dist/useTreeOperations.d.ts +3 -3
  368. package/dist/useWorkflowValidation.d.ts +6 -6
  369. package/package.json +11 -8
  370. package/dist/C_ActionBar-jZPsiXtT.css.map +0 -1
  371. package/dist/C_ActionBar-nnfbZCea.css.map +0 -1
  372. package/dist/C_Code-DPZlNSxL.css.map +0 -1
  373. package/dist/C_Code-avZjAnHD.css.map +0 -1
  374. package/dist/C_Editor-C49qURgb.css.map +0 -1
  375. package/dist/C_Editor-DuxBD9Qg.css.map +0 -1
  376. package/dist/C_FullCalendar-1U4VlG7X.css.map +0 -1
  377. package/dist/C_FullCalendar-DLUdCtqf.css.map +0 -1
  378. package/dist/C_Steps-BHYNJI1l.css.map +0 -1
  379. package/dist/C_Steps-DY7vl-4I.css.map +0 -1
  380. package/dist/C_Time-Bd_e1YDN.css.map +0 -1
  381. package/dist/C_Time-CKb_fwdm.css.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"C_VtableGantt-BpY-Rng3.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=f7a9da66&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-f7a9da66] {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--c-border, #e1e4e8);\n border-radius: var(--c-radius, 8px);\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar[data-v-f7a9da66] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c-border, #e1e4e8);\n min-height: 48px;\n flex-shrink: 0;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-f7a9da66] {\n font-size: 16px;\n font-weight: 600;\n color: var(--c-text-1, #333);\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-f7a9da66] {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] {\n flex: 1;\n position: relative;\n min-height: 400px;\n overflow: hidden;\n /* 确保甘特图组件完全填充容器 */\n /* 确保甘特图内部组件正确填充 */\n /* 防止内部表格自动调整高度 */\n /* 防止拖动时底部色块闪烁 */\n /* 针对拖动元素的优化 */\n /* 防止拖动时底部区域的重绘闪烁 */\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] > * {\n width: 100%;\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt * {\n backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-table {\n height: 100% !important;\n box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart {\n position: relative;\n overflow: hidden;\n will-change: transform;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-task {\n backface-visibility: hidden;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-task.dragging {\n z-index: 1000;\n pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart-container {\n position: relative;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart-container::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n pointer-events: none;\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"}
1
+ {"version":3,"file":"C_VtableGantt-C2lxFmWg.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=4d4b1f97&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-4d4b1f97] {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--c-border, #e1e4e8);\n border-radius: var(--c-radius, 8px);\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar[data-v-4d4b1f97] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c-border, #e1e4e8);\n min-height: 48px;\n flex-shrink: 0;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-4d4b1f97] {\n font-size: 16px;\n font-weight: 600;\n color: var(--c-text-1, #333);\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-4d4b1f97] {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] {\n flex: 1;\n position: relative;\n min-height: 400px;\n overflow: hidden;\n /* 确保甘特图组件完全填充容器 */\n /* 确保甘特图内部组件正确填充 */\n /* 防止内部表格自动调整高度 */\n /* 防止拖动时底部色块闪烁 */\n /* 针对拖动元素的优化 */\n /* 防止拖动时底部区域的重绘闪烁 */\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] > * {\n width: 100%;\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt * {\n backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-table {\n height: 100% !important;\n box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart {\n position: relative;\n overflow: hidden;\n will-change: transform;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-task {\n backface-visibility: hidden;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-task.dragging {\n z-index: 1000;\n pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart-container {\n position: relative;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart-container::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n pointer-events: none;\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"}
@@ -1 +1 @@
1
- {"version":3,"file":"C_VtableGantt-DB87-jdS.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=f7a9da66&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-f7a9da66] {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--c-border, #e1e4e8);\n border-radius: var(--c-radius, 8px);\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar[data-v-f7a9da66] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c-border, #e1e4e8);\n min-height: 48px;\n flex-shrink: 0;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-f7a9da66] {\n font-size: 16px;\n font-weight: 600;\n color: var(--c-text-1, #333);\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-f7a9da66] {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] {\n flex: 1;\n position: relative;\n min-height: 400px;\n overflow: hidden;\n /* 确保甘特图组件完全填充容器 */\n /* 确保甘特图内部组件正确填充 */\n /* 防止内部表格自动调整高度 */\n /* 防止拖动时底部色块闪烁 */\n /* 针对拖动元素的优化 */\n /* 防止拖动时底部区域的重绘闪烁 */\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] > * {\n width: 100%;\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt * {\n backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-table {\n height: 100% !important;\n box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart {\n position: relative;\n overflow: hidden;\n will-change: transform;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-task {\n backface-visibility: hidden;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-task.dragging {\n z-index: 1000;\n pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart-container {\n position: relative;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart-container::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n pointer-events: none;\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"}
1
+ {"version":3,"file":"C_VtableGantt-Dwnkw_WL.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=4d4b1f97&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-4d4b1f97] {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--c-border, #e1e4e8);\n border-radius: var(--c-radius, 8px);\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar[data-v-4d4b1f97] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c-border, #e1e4e8);\n min-height: 48px;\n flex-shrink: 0;\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-4d4b1f97] {\n font-size: 16px;\n font-weight: 600;\n color: var(--c-text-1, #333);\n}\n.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-4d4b1f97] {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] {\n flex: 1;\n position: relative;\n min-height: 400px;\n overflow: hidden;\n /* 确保甘特图组件完全填充容器 */\n /* 确保甘特图内部组件正确填充 */\n /* 防止内部表格自动调整高度 */\n /* 防止拖动时底部色块闪烁 */\n /* 针对拖动元素的优化 */\n /* 防止拖动时底部区域的重绘闪烁 */\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] > * {\n width: 100%;\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt * {\n backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-table {\n height: 100% !important;\n box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart {\n position: relative;\n overflow: hidden;\n will-change: transform;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-task {\n backface-visibility: hidden;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-task.dragging {\n z-index: 1000;\n pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart-container {\n position: relative;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart-container::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n pointer-events: none;\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"}
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_VtableGantt.js`);exports.C_VtableGantt=e.t,exports.ganttPresetConfigs=e.n;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_VtableGantt.js`);exports.C_VtableGantt=e.t,exports.ganttPresetConfigs=e.n;
@@ -1,5 +1,5 @@
1
1
  /* unplugin-vue-components disabled *//* 甘特图组件样式 */
2
- .c-vtable-gantt-wrapper[data-v-f7a9da66] {
2
+ .c-vtable-gantt-wrapper[data-v-4d4b1f97] {
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  border: 1px solid var(--c-border, #e1e4e8);
@@ -8,7 +8,7 @@
8
8
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
9
9
  height: 100%;
10
10
  }
11
- .c-vtable-gantt-wrapper .gantt-toolbar[data-v-f7a9da66] {
11
+ .c-vtable-gantt-wrapper .gantt-toolbar[data-v-4d4b1f97] {
12
12
  display: flex;
13
13
  justify-content: space-between;
14
14
  align-items: center;
@@ -17,17 +17,17 @@
17
17
  min-height: 48px;
18
18
  flex-shrink: 0;
19
19
  }
20
- .c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-f7a9da66] {
20
+ .c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-4d4b1f97] {
21
21
  font-size: 16px;
22
22
  font-weight: 600;
23
23
  color: var(--c-text-1, #333);
24
24
  }
25
- .c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-f7a9da66] {
25
+ .c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-4d4b1f97] {
26
26
  display: flex;
27
27
  gap: 8px;
28
28
  align-items: center;
29
29
  }
30
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] {
30
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] {
31
31
  flex: 1;
32
32
  position: relative;
33
33
  min-height: 400px;
@@ -39,43 +39,43 @@
39
39
  /* 针对拖动元素的优化 */
40
40
  /* 防止拖动时底部区域的重绘闪烁 */
41
41
  }
42
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] > * {
42
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] > * {
43
43
  width: 100%;
44
44
  height: 100%;
45
45
  }
46
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt {
46
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt {
47
47
  width: 100% !important;
48
48
  height: 100% !important;
49
49
  overflow: hidden;
50
50
  }
51
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt * {
51
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt * {
52
52
  backface-visibility: hidden;
53
53
  transform: translateZ(0);
54
54
  -webkit-font-smoothing: subpixel-antialiased;
55
55
  }
56
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-table {
56
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-table {
57
57
  height: 100% !important;
58
58
  box-sizing: border-box;
59
59
  }
60
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart {
60
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart {
61
61
  position: relative;
62
62
  overflow: hidden;
63
63
  will-change: transform;
64
64
  transform: translateZ(0);
65
65
  }
66
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-task {
66
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-task {
67
67
  backface-visibility: hidden;
68
68
  transform: translateZ(0);
69
69
  }
70
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-task.dragging {
70
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-task.dragging {
71
71
  z-index: 1000;
72
72
  pointer-events: none;
73
73
  }
74
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart-container {
74
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart-container {
75
75
  position: relative;
76
76
  overflow: hidden;
77
77
  }
78
- .c-vtable-gantt-wrapper .gantt-container[data-v-f7a9da66] .vtable-gantt-chart-container::after {
78
+ .c-vtable-gantt-wrapper .gantt-container[data-v-4d4b1f97] .vtable-gantt-chart-container::after {
79
79
  content: "";
80
80
  position: absolute;
81
81
  bottom: 0;
@@ -86,4 +86,4 @@
86
86
  pointer-events: none;
87
87
  }
88
88
 
89
- /*# sourceMappingURL=C_VtableGantt-BpY-Rng3.css.map*/
89
+ /*# sourceMappingURL=C_VtableGantt-C2lxFmWg.css.map*/
@@ -1 +1 @@
1
- import"./C_Icon2.js";import{n as e,t}from"./C_VtableGantt2.js";export{t as C_VtableGantt,e as ganttPresetConfigs};
1
+ import{n as e,t}from"./C_VtableGantt2.js";export{t as C_VtableGantt,e as ganttPresetConfigs};
@@ -1 +1 @@
1
- {"version":3,"file":"C_VtableGantt.js","names":["showToolbar","title","showFullscreenButton"],"sources":["../src/components/C_VtableGantt/data.ts","../src/components/C_VtableGantt/index.vue","../src/components/C_VtableGantt/index.vue","../src/components/C_VtableGantt/index.vue"],"sourcesContent":["// 甘特图相关类型定义和预设配置\r\n\r\n// ==================== 类型定义 ====================\r\nexport interface GanttTask {\r\n id: string | number\r\n title: string\r\n start: string | Date\r\n end?: string | Date\r\n progress?: number\r\n priority?: string\r\n type?: 'milestone' | 'task'\r\n children?: GanttTask[]\r\n [key: string]: any\r\n}\r\n\r\nexport interface GanttOptions {\r\n [key: string]: any\r\n}\r\n\r\nexport type GanttPreset =\r\n | 'basic'\r\n | 'project'\r\n | 'timeline'\r\n | 'milestone'\r\n | 'official'\r\n\r\n// ==================== 通用主题配置 ====================\r\n// 移除硬编码颜色,让背景透明以跟随系统主题\r\nexport const commonTheme = {\r\n headerStyle: {\r\n borderColor: 'rgba(128, 128, 128, 0.2)',\r\n borderLineWidth: 1,\r\n fontSize: 14,\r\n fontWeight: 'bold',\r\n // bgColor 留空或透明,自动跟随主题\r\n },\r\n bodyStyle: {\r\n borderColor: 'rgba(128, 128, 128, 0.2)',\r\n borderLineWidth: [1, 0, 1, 0],\r\n fontSize: 13,\r\n // bgColor 留空或透明,自动跟随主题\r\n },\r\n}\r\n\r\n// ==================== 预设配置 ====================\r\nexport const presetConfigs = {\r\n basic: {\r\n overscrollBehavior: 'none',\r\n headerRowHeight: 40,\r\n rowHeight: 40,\r\n taskListTable: {\r\n columns: [\r\n { field: 'title', title: '任务名称', width: 220, tree: true },\r\n { field: 'start', title: '开始时间', width: 120 },\r\n { field: 'end', title: '结束时间', width: 120 },\r\n { field: 'progress', title: '进度', width: 80 },\r\n ],\r\n tableWidth: 420,\r\n minTableWidth: 300,\r\n theme: commonTheme,\r\n },\r\n frame: {\r\n outerFrameStyle: {\r\n borderLineWidth: 1,\r\n borderColor: '#e1e4e8',\r\n cornerRadius: 6,\r\n },\r\n verticalSplitLineMoveable: true,\r\n verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 2 },\r\n },\r\n grid: {\r\n // 移除 weekendBackgroundColor,让它透明跟随主题\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n },\r\n taskBar: {\r\n startDateField: 'start',\r\n endDateField: 'end',\r\n progressField: 'progress',\r\n moveable: true,\r\n resizable: true,\r\n labelText: '{title}',\r\n labelTextStyle: { fontSize: 12, textAlign: 'left' },\r\n barStyle: {\r\n width: 18,\r\n barColor: '#1890ff',\r\n completedBarColor: '#52c41a',\r\n cornerRadius: 4,\r\n borderLineWidth: 0,\r\n },\r\n milestoneStyle: {\r\n borderColor: '#fa8c16',\r\n borderLineWidth: 1,\r\n fillColor: '#ffd666',\r\n width: 12,\r\n },\r\n },\r\n timelineHeader: {\r\n // 移除 backgroundColor,让它透明跟随主题\r\n colWidth: 60,\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n scales: [\r\n {\r\n unit: 'week',\r\n step: 1,\r\n format: (date: any) => `第${date.dateIndex}周`,\r\n style: { fontSize: 12, fontWeight: 'bold' },\r\n },\r\n {\r\n unit: 'day',\r\n step: 1,\r\n format: (date: any) => `${date.dateIndex}`,\r\n style: { fontSize: 11 },\r\n },\r\n ],\r\n },\r\n scrollStyle: {\r\n scrollRailColor: 'rgba(246,246,246,0.5)',\r\n visible: 'scrolling',\r\n width: 6,\r\n scrollSliderCornerRadius: 2,\r\n scrollSliderColor: '#1890ff',\r\n },\r\n },\r\n\r\n project: {\r\n overscrollBehavior: 'none',\r\n headerRowHeight: 40,\r\n rowHeight: 40,\r\n taskListTable: {\r\n columns: [\r\n {\r\n field: 'title',\r\n title: '任务名称',\r\n width: 200,\r\n tree: true,\r\n editor: 'input',\r\n },\r\n {\r\n field: 'start',\r\n title: '开始时间',\r\n width: 120,\r\n editor: 'date-input',\r\n },\r\n { field: 'end', title: '结束时间', width: 120, editor: 'date-input' },\r\n { field: 'priority', title: '优先级', width: 80, editor: 'input' },\r\n { field: 'progress', title: '进度%', width: 80, editor: 'input' },\r\n ],\r\n tableWidth: 480,\r\n minTableWidth: 350,\r\n maxTableWidth: 800,\r\n theme: commonTheme,\r\n hierarchyExpandLevel: 2,\r\n },\r\n frame: {\r\n outerFrameStyle: {\r\n borderLineWidth: 2,\r\n borderColor: '#e1e4e8',\r\n cornerRadius: 8,\r\n },\r\n verticalSplitLineMoveable: true,\r\n verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\r\n },\r\n grid: {\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n },\r\n taskBar: {\r\n startDateField: 'start',\r\n endDateField: 'end',\r\n progressField: 'progress',\r\n moveable: true,\r\n resizable: true,\r\n hoverBarStyle: { barOverlayColor: 'rgba(24, 144, 255, 0.3)' },\r\n labelText: '{title} {progress}%',\r\n labelTextStyle: {\r\n fontSize: 12,\r\n textAlign: 'left',\r\n textOverflow: 'ellipsis',\r\n },\r\n barStyle: {\r\n width: 20,\r\n barColor: '#1890ff',\r\n completedBarColor: '#52c41a',\r\n cornerRadius: 6,\r\n borderLineWidth: 0,\r\n },\r\n },\r\n timelineHeader: {\r\n colWidth: 60,\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n scales: [\r\n {\r\n unit: 'week',\r\n step: 1,\r\n startOfWeek: 'monday',\r\n format: (date: any) => `第${date.dateIndex}周`,\r\n style: { fontSize: 13, fontWeight: 'bold', textAlign: 'center' },\r\n },\r\n {\r\n unit: 'day',\r\n step: 1,\r\n format: (date: any) => `${date.dateIndex}`,\r\n style: { fontSize: 11, textAlign: 'center' },\r\n },\r\n ],\r\n },\r\n rowSeriesNumber: {\r\n title: '序号',\r\n dragOrder: true,\r\n headerStyle: { borderColor: 'rgba(128, 128, 128, 0.2)' },\r\n style: { borderColor: 'rgba(128, 128, 128, 0.2)' },\r\n },\r\n scrollStyle: {\r\n scrollRailColor: 'rgba(246,246,246,0.5)',\r\n visible: 'scrolling',\r\n width: 6,\r\n scrollSliderCornerRadius: 2,\r\n scrollSliderColor: '#1890ff',\r\n },\r\n },\r\n\r\n timeline: {\r\n overscrollBehavior: 'none',\r\n headerRowHeight: 45,\r\n rowHeight: 40,\r\n taskListTable: {\r\n columns: [\r\n { field: 'title', title: '事件名称', width: 250, tree: true },\r\n { field: 'start', title: '时间', width: 150 },\r\n ],\r\n tableWidth: 400,\r\n minTableWidth: 300,\r\n theme: {\r\n headerStyle: { ...commonTheme.headerStyle },\r\n bodyStyle: commonTheme.bodyStyle,\r\n },\r\n },\r\n frame: {\r\n outerFrameStyle: {\r\n borderLineWidth: 1,\r\n borderColor: 'rgba(128, 128, 128, 0.3)',\r\n cornerRadius: 4,\r\n },\r\n verticalSplitLineMoveable: true,\r\n },\r\n grid: {\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n },\r\n taskBar: {\r\n startDateField: 'start',\r\n endDateField: 'end',\r\n progressField: 'progress',\r\n moveable: true,\r\n resizable: true,\r\n labelText: '{title}',\r\n labelTextStyle: { fontSize: 12, textAlign: 'left' },\r\n barStyle: {\r\n width: 22,\r\n barColor: '#722ed1',\r\n completedBarColor: '#b37feb',\r\n cornerRadius: 8,\r\n borderLineWidth: 0,\r\n },\r\n },\r\n timelineHeader: {\r\n colWidth: 60,\r\n scales: [\r\n {\r\n unit: 'month',\r\n step: 1,\r\n format: (date: any) => `${date.dateIndex}月`,\r\n style: { fontSize: 13, fontWeight: 'bold' },\r\n },\r\n {\r\n unit: 'day',\r\n step: 1,\r\n format: (date: any) => `${date.dateIndex}`,\r\n style: { fontSize: 11 },\r\n },\r\n ],\r\n },\r\n scrollStyle: {\r\n scrollRailColor: 'rgba(246,246,246,0.5)',\r\n visible: 'scrolling',\r\n width: 6,\r\n scrollSliderCornerRadius: 2,\r\n scrollSliderColor: '#1890ff',\r\n },\r\n },\r\n\r\n milestone: {\r\n overscrollBehavior: 'none',\r\n headerRowHeight: 40,\r\n rowHeight: 38,\r\n taskListTable: {\r\n columns: [\r\n { field: 'title', title: '里程碑', width: 200, tree: true },\r\n { field: 'start', title: '目标日期', width: 120 },\r\n { field: 'priority', title: '重要性', width: 100 },\r\n ],\r\n tableWidth: 400,\r\n minTableWidth: 300,\r\n theme: {\r\n headerStyle: {\r\n ...commonTheme.headerStyle,\r\n borderColor: '#ffa940',\r\n },\r\n bodyStyle: { ...commonTheme.bodyStyle, borderColor: '#ffa940' },\r\n },\r\n },\r\n frame: {\r\n outerFrameStyle: {\r\n borderLineWidth: 2,\r\n borderColor: '#ffa940',\r\n cornerRadius: 6,\r\n },\r\n verticalSplitLineMoveable: true,\r\n },\r\n grid: {\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(255, 168, 64, 0.3)' },\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(255, 168, 64, 0.3)' },\r\n },\r\n taskBar: {\r\n startDateField: 'start',\r\n endDateField: 'start',\r\n labelText: '{title}',\r\n labelTextStyle: { fontSize: 12, fontWeight: 'bold' },\r\n barStyle: { width: 0, barColor: 'transparent' },\r\n milestoneStyle: {\r\n borderColor: '#fa8c16',\r\n borderLineWidth: 2,\r\n fillColor: '#ffd666',\r\n width: 16,\r\n },\r\n },\r\n timelineHeader: {\r\n colWidth: 80,\r\n scales: [\r\n {\r\n unit: 'month',\r\n step: 1,\r\n format: (date: any) => `${date.dateIndex}月`,\r\n style: { fontSize: 13, fontWeight: 'bold' },\r\n },\r\n {\r\n unit: 'week',\r\n step: 1,\r\n format: (date: any) => `第${date.dateIndex}周`,\r\n style: { fontSize: 11 },\r\n },\r\n ],\r\n },\r\n scrollStyle: {\r\n scrollRailColor: 'rgba(246,246,246,0.5)',\r\n visible: 'scrolling',\r\n width: 6,\r\n scrollSliderCornerRadius: 2,\r\n scrollSliderColor: '#1890ff',\r\n },\r\n },\r\n\r\n official: {\r\n overscrollBehavior: 'none',\r\n headerRowHeight: 40,\r\n rowHeight: 40,\r\n taskListTable: {\r\n columns: [\r\n {\r\n field: 'title',\r\n title: 'title',\r\n width: 180,\r\n sort: true,\r\n tree: true,\r\n editor: 'input',\r\n },\r\n {\r\n field: 'start',\r\n title: 'start',\r\n width: 120,\r\n sort: true,\r\n editor: 'date-input',\r\n },\r\n {\r\n field: 'end',\r\n title: 'end',\r\n width: 120,\r\n sort: true,\r\n editor: 'date-input',\r\n },\r\n {\r\n field: 'priority',\r\n title: 'priority',\r\n width: 80,\r\n sort: true,\r\n editor: 'input',\r\n },\r\n {\r\n field: 'progress',\r\n title: 'progress',\r\n width: 80,\r\n sort: true,\r\n editor: 'input',\r\n },\r\n ],\r\n tableWidth: 460,\r\n minTableWidth: 350,\r\n maxTableWidth: 800,\r\n theme: {\r\n headerStyle: {\r\n ...commonTheme.headerStyle,\r\n fontSize: 18,\r\n color: 'red',\r\n },\r\n bodyStyle: {\r\n ...commonTheme.bodyStyle,\r\n fontSize: 16,\r\n color: '#4D4D4D',\r\n },\r\n },\r\n hierarchyExpandLevel: 2,\r\n },\r\n frame: {\r\n outerFrameStyle: {\r\n borderLineWidth: 2,\r\n borderColor: '#e1e4e8',\r\n cornerRadius: 8,\r\n },\r\n verticalSplitLineMoveable: true,\r\n verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\r\n horizontalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\r\n },\r\n grid: {\r\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\r\n },\r\n taskBar: {\r\n startDateField: 'start',\r\n endDateField: 'end',\r\n progressField: 'progress',\r\n moveable: true,\r\n resizable: true,\r\n hoverBarStyle: { barOverlayColor: 'rgba(99, 144, 0, 0.4)' },\r\n labelText: '{title} {progress}%',\r\n labelTextStyle: {\r\n fontSize: 16,\r\n textAlign: 'left',\r\n textOverflow: 'ellipsis',\r\n },\r\n barStyle: {\r\n width: 20,\r\n barColor: '#ee8800',\r\n completedBarColor: '#91e8e0',\r\n cornerRadius: 8,\r\n borderLineWidth: 1,\r\n borderColor: 'black',\r\n },\r\n milestoneStyle: {\r\n borderColor: 'red',\r\n borderLineWidth: 1,\r\n fillColor: 'green',\r\n width: 15,\r\n },\r\n },\r\n timelineHeader: {\r\n backgroundColor: '#EEF1F5',\r\n colWidth: 60,\r\n horizontalLine: { lineWidth: 1, lineColor: '#e1e4e8' },\r\n verticalLine: { lineWidth: 1, lineColor: '#e1e4e8' },\r\n scales: [\r\n {\r\n unit: 'week',\r\n step: 1,\r\n startOfWeek: 'sunday',\r\n format: (date: any) => `Week ${date.dateIndex}`,\r\n style: {\r\n fontSize: 20,\r\n fontWeight: 'bold',\r\n color: 'white',\r\n strokeColor: 'black',\r\n textAlign: 'right',\r\n textBaseline: 'bottom',\r\n textStick: true,\r\n },\r\n },\r\n {\r\n unit: 'day',\r\n step: 1,\r\n format: (date: any) => date.dateIndex.toString(),\r\n style: {\r\n fontSize: 20,\r\n fontWeight: 'bold',\r\n color: 'white',\r\n strokeColor: 'black',\r\n textAlign: 'right',\r\n textBaseline: 'bottom',\r\n },\r\n },\r\n ],\r\n },\r\n markLine: [\r\n {\r\n date: '2024-07-28',\r\n style: { lineWidth: 1, lineColor: 'blue', lineDash: [8, 4] },\r\n },\r\n {\r\n date: '2024-08-17',\r\n style: { lineWidth: 2, lineColor: 'red', lineDash: [8, 4] },\r\n },\r\n ],\r\n rowSeriesNumber: {\r\n title: '行号',\r\n dragOrder: true,\r\n headerStyle: { borderColor: 'rgba(128, 128, 128, 0.2)' },\r\n style: { borderColor: 'rgba(128, 128, 128, 0.2)' },\r\n },\r\n scrollStyle: {\r\n scrollRailColor: 'rgba(246,246,246,0.5)',\r\n visible: 'scrolling',\r\n width: 6,\r\n scrollSliderCornerRadius: 2,\r\n scrollSliderColor: '#1890ff',\r\n },\r\n },\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-08-01\r\n * @Description: VTable 甘特图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-vtable-gantt-wrapper\">\r\n <div v-if=\"showToolbar\" class=\"gantt-toolbar\">\r\n <div class=\"toolbar-left\">\r\n <span class=\"gantt-title\">{{ title || \"甘特图\" }}</span>\r\n </div>\r\n <div class=\"toolbar-right\">\r\n <NButton\r\n v-if=\"showFullscreenButton\"\r\n size=\"small\"\r\n @click=\"toggleFullscreen\"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"isFullscreen ? 'carbon:minimize' : 'carbon:maximize'\"\r\n :size=\"16\"\r\n color=\"currentColor\"\r\n />\r\n </template>\r\n {{ isFullscreen ? \"退出全屏\" : \"全屏\" }}\r\n </NButton>\r\n </div>\r\n </div>\r\n <div\r\n ref=\"ganttContainerRef\"\r\n class=\"gantt-container\"\r\n :style=\"{ height: containerHeight }\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport {\r\n presetConfigs,\r\n type GanttTask,\r\n type GanttOptions,\r\n type GanttPreset,\r\n} from \"./data\";\r\n\r\ndefineOptions({ name: \"C_VtableGantt\" });\r\n\r\ninterface Props {\r\n data?: GanttTask[];\r\n options?: GanttOptions;\r\n preset?: GanttPreset;\r\n height?: string | number;\r\n title?: string;\r\n showToolbar?: boolean;\r\n showFullscreenButton?: boolean;\r\n theme?: \"light\" | \"dark\";\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n data: () => [],\r\n options: () => ({}),\r\n preset: \"basic\",\r\n height: \"600px\",\r\n title: \"\",\r\n showToolbar: true,\r\n showFullscreenButton: true,\r\n theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<{\r\n ganttCreated: [gantt: any];\r\n taskClick: [task: GanttTask, event: Event];\r\n taskChange: [task: GanttTask, changes: any];\r\n}>();\r\n\r\nconst ganttContainerRef = ref<HTMLDivElement>();\r\nconst ganttInstance = ref<any>();\r\nconst isFullscreen = ref(false);\r\n\r\nconst containerHeight = computed(() =>\r\n typeof props.height === \"number\" ? `${props.height}px` : props.height,\r\n);\r\n\r\nconst deepMerge = (target: any, source: any, seen = new WeakMap()): any => {\r\n if (!isObject(target)) return source;\r\n if (!isObject(source)) return target;\r\n if (seen.has(source)) return seen.get(source);\r\n return createMergeResult(target, source, seen);\r\n};\r\n\r\nconst isObject = (value: any): boolean => {\r\n return value !== null && typeof value === \"object\";\r\n};\r\n\r\nconst isSpecialObject = (value: any): boolean => {\r\n return value instanceof Date || value instanceof RegExp;\r\n};\r\n\r\nconst createMergeResult = (\r\n target: any,\r\n source: any,\r\n seen: WeakMap<any, any>,\r\n): any => {\r\n const result = Array.isArray(target) ? [...target] : { ...target };\r\n seen.set(source, result);\r\n for (const key in source) {\r\n if (!source.hasOwnProperty(key)) continue;\r\n const sourceValue = source[key];\r\n const shouldDeepMerge =\r\n isObject(sourceValue) &&\r\n !Array.isArray(sourceValue) &&\r\n !isSpecialObject(sourceValue);\r\n result[key] = shouldDeepMerge\r\n ? deepMerge(target[key] || {}, sourceValue, seen)\r\n : sourceValue;\r\n }\r\n return result;\r\n};\r\n\r\nconst processData = (data: GanttTask[]): GanttTask[] => {\r\n return data.map((item) => ({\r\n ...item,\r\n title: item.title || `任务${item.id}`,\r\n children: item.children ? processData(item.children) : undefined,\r\n }));\r\n};\r\n\r\nconst getThemeConfig = (isDark: boolean) => ({\r\n underlayBackgroundColor: isDark ? \"#1e1e1e\" : \"#ffffff\",\r\n timelineHeaderBg: isDark ? \"#2d2d2d\" : \"#EEF1F5\",\r\n gridBg: isDark ? \"#1e1e1e\" : \"#ffffff\",\r\n lineColor: isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(128, 128, 128, 0.2)\",\r\n textColor: isDark ? \"#ffffff\" : \"#000000\",\r\n});\r\n\r\nconst applyThemeToTimelineHeader = (timelineHeader: any, themeColors: any) => ({\r\n ...timelineHeader,\r\n backgroundColor: themeColors.timelineHeaderBg,\r\n horizontalLine: {\r\n ...timelineHeader?.horizontalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n verticalLine: {\r\n ...timelineHeader?.verticalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n scales: timelineHeader?.scales?.map((scale: any) => ({\r\n ...scale,\r\n style: {\r\n ...scale.style,\r\n color: themeColors.textColor,\r\n },\r\n })),\r\n});\r\n\r\nconst applyThemeToGrid = (grid: any, themeColors: any) => ({\r\n ...grid,\r\n backgroundColor: themeColors.gridBg,\r\n horizontalLine: {\r\n ...grid?.horizontalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n verticalLine: {\r\n ...grid?.verticalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n});\r\n\r\nconst buildGanttOptions = (\r\n finalConfig: any,\r\n processedData: GanttTask[],\r\n tableTheme: any,\r\n themeColors: any,\r\n) => ({\r\n ...finalConfig,\r\n records: processedData,\r\n underlayBackgroundColor: themeColors.underlayBackgroundColor,\r\n taskListTable: {\r\n ...finalConfig.taskListTable,\r\n theme: tableTheme,\r\n },\r\n timelineHeader: applyThemeToTimelineHeader(\r\n finalConfig.timelineHeader,\r\n themeColors,\r\n ),\r\n grid: applyThemeToGrid(finalConfig.grid, themeColors),\r\n});\r\n\r\nconst bindGanttEvents = (instance: any) => {\r\n instance.on(\"click_cell\", (args: any) => {\r\n const { record, event } = args || {};\r\n if (record) emit(\"taskClick\", record, event);\r\n });\r\n instance.on(\"change_data\", (args: any) => {\r\n const { record, changes } = args || {};\r\n if (record && changes) emit(\"taskChange\", record, changes);\r\n });\r\n};\r\n\r\nconst initGantt = async () => {\r\n if (!ganttContainerRef.value) return;\r\n try {\r\n const { Gantt } = await import(\"@visactor/vtable-gantt\");\r\n const { themes } = await import(\"@visactor/vtable\");\r\n const isDark = props.theme === \"dark\";\r\n const presetConfig = presetConfigs[props.preset] || presetConfigs.basic;\r\n const finalConfig = deepMerge(presetConfig, props.options);\r\n const processedData = processData(props.data || []);\r\n if (ganttInstance.value) ganttInstance.value.release();\r\n const tableTheme = isDark ? themes.DARK : themes.DEFAULT;\r\n const themeColors = getThemeConfig(isDark);\r\n const ganttOptions = buildGanttOptions(\r\n finalConfig,\r\n processedData,\r\n tableTheme,\r\n themeColors,\r\n );\r\n ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);\r\n bindGanttEvents(ganttInstance.value);\r\n emit(\"ganttCreated\", ganttInstance.value);\r\n } catch (error) {\r\n console.error(\"甘特图初始化失败:\", error);\r\n }\r\n};\r\n\r\nconst toggleFullscreen = async () => {\r\n if (!ganttContainerRef.value) return;\r\n try {\r\n if (!document.fullscreenElement) {\r\n await ganttContainerRef.value.requestFullscreen();\r\n isFullscreen.value = true;\r\n } else {\r\n await document.exitFullscreen();\r\n isFullscreen.value = false;\r\n }\r\n setTimeout(() => ganttInstance.value?.resize?.(), 100);\r\n } catch (error) {\r\n console.warn(\"全屏切换失败:\", error);\r\n isFullscreen.value = !isFullscreen.value;\r\n nextTick(() => ganttInstance.value?.resize?.());\r\n }\r\n};\r\n\r\nconst handleFullscreenChange = () => {\r\n isFullscreen.value = !!document.fullscreenElement;\r\n nextTick(() => ganttInstance.value?.resize?.());\r\n};\r\n\r\nconst updateData = (newData: GanttTask[]) => {\r\n if (ganttInstance.value && newData) {\r\n try {\r\n ganttInstance.value.setRecords(processData(newData));\r\n } catch (error) {\r\n console.warn(\"更新数据失败:\", error);\r\n }\r\n }\r\n};\r\n\r\nconst updateOptions = (newOptions: GanttOptions) => {\r\n if (ganttInstance.value && newOptions) {\r\n try {\r\n ganttInstance.value.updateOption(newOptions);\r\n } catch (error) {\r\n console.warn(\"更新配置失败:\", error);\r\n }\r\n }\r\n};\r\n\r\nconst destroyGantt = () => {\r\n if (ganttInstance.value) {\r\n try {\r\n ganttInstance.value.release();\r\n } catch (error) {\r\n console.warn(\"销毁甘特图失败:\", error);\r\n } finally {\r\n ganttInstance.value = undefined;\r\n }\r\n }\r\n};\r\n\r\nwatch(\r\n () => props.data,\r\n (newData) => {\r\n if (newData && ganttInstance.value) updateData(newData);\r\n },\r\n { deep: true },\r\n);\r\n\r\nwatch(\r\n () => [props.options, props.preset],\r\n () => nextTick(() => initGantt()),\r\n { deep: true },\r\n);\r\n\r\nwatch(\r\n () => props.theme,\r\n () => nextTick(() => initGantt()),\r\n);\r\n\r\nonMounted(() => {\r\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n nextTick(() => setTimeout(() => initGantt(), 100));\r\n});\r\n\r\nonUnmounted(() => {\r\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n destroyGantt();\r\n});\r\n\r\ndefineExpose({\r\n ganttInstance,\r\n updateData,\r\n updateOptions,\r\n toggleFullscreen,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-08-01\r\n * @Description: VTable 甘特图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-vtable-gantt-wrapper\">\r\n <div v-if=\"showToolbar\" class=\"gantt-toolbar\">\r\n <div class=\"toolbar-left\">\r\n <span class=\"gantt-title\">{{ title || \"甘特图\" }}</span>\r\n </div>\r\n <div class=\"toolbar-right\">\r\n <NButton\r\n v-if=\"showFullscreenButton\"\r\n size=\"small\"\r\n @click=\"toggleFullscreen\"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"isFullscreen ? 'carbon:minimize' : 'carbon:maximize'\"\r\n :size=\"16\"\r\n color=\"currentColor\"\r\n />\r\n </template>\r\n {{ isFullscreen ? \"退出全屏\" : \"全屏\" }}\r\n </NButton>\r\n </div>\r\n </div>\r\n <div\r\n ref=\"ganttContainerRef\"\r\n class=\"gantt-container\"\r\n :style=\"{ height: containerHeight }\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport {\r\n presetConfigs,\r\n type GanttTask,\r\n type GanttOptions,\r\n type GanttPreset,\r\n} from \"./data\";\r\n\r\ndefineOptions({ name: \"C_VtableGantt\" });\r\n\r\ninterface Props {\r\n data?: GanttTask[];\r\n options?: GanttOptions;\r\n preset?: GanttPreset;\r\n height?: string | number;\r\n title?: string;\r\n showToolbar?: boolean;\r\n showFullscreenButton?: boolean;\r\n theme?: \"light\" | \"dark\";\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n data: () => [],\r\n options: () => ({}),\r\n preset: \"basic\",\r\n height: \"600px\",\r\n title: \"\",\r\n showToolbar: true,\r\n showFullscreenButton: true,\r\n theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<{\r\n ganttCreated: [gantt: any];\r\n taskClick: [task: GanttTask, event: Event];\r\n taskChange: [task: GanttTask, changes: any];\r\n}>();\r\n\r\nconst ganttContainerRef = ref<HTMLDivElement>();\r\nconst ganttInstance = ref<any>();\r\nconst isFullscreen = ref(false);\r\n\r\nconst containerHeight = computed(() =>\r\n typeof props.height === \"number\" ? `${props.height}px` : props.height,\r\n);\r\n\r\nconst deepMerge = (target: any, source: any, seen = new WeakMap()): any => {\r\n if (!isObject(target)) return source;\r\n if (!isObject(source)) return target;\r\n if (seen.has(source)) return seen.get(source);\r\n return createMergeResult(target, source, seen);\r\n};\r\n\r\nconst isObject = (value: any): boolean => {\r\n return value !== null && typeof value === \"object\";\r\n};\r\n\r\nconst isSpecialObject = (value: any): boolean => {\r\n return value instanceof Date || value instanceof RegExp;\r\n};\r\n\r\nconst createMergeResult = (\r\n target: any,\r\n source: any,\r\n seen: WeakMap<any, any>,\r\n): any => {\r\n const result = Array.isArray(target) ? [...target] : { ...target };\r\n seen.set(source, result);\r\n for (const key in source) {\r\n if (!source.hasOwnProperty(key)) continue;\r\n const sourceValue = source[key];\r\n const shouldDeepMerge =\r\n isObject(sourceValue) &&\r\n !Array.isArray(sourceValue) &&\r\n !isSpecialObject(sourceValue);\r\n result[key] = shouldDeepMerge\r\n ? deepMerge(target[key] || {}, sourceValue, seen)\r\n : sourceValue;\r\n }\r\n return result;\r\n};\r\n\r\nconst processData = (data: GanttTask[]): GanttTask[] => {\r\n return data.map((item) => ({\r\n ...item,\r\n title: item.title || `任务${item.id}`,\r\n children: item.children ? processData(item.children) : undefined,\r\n }));\r\n};\r\n\r\nconst getThemeConfig = (isDark: boolean) => ({\r\n underlayBackgroundColor: isDark ? \"#1e1e1e\" : \"#ffffff\",\r\n timelineHeaderBg: isDark ? \"#2d2d2d\" : \"#EEF1F5\",\r\n gridBg: isDark ? \"#1e1e1e\" : \"#ffffff\",\r\n lineColor: isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(128, 128, 128, 0.2)\",\r\n textColor: isDark ? \"#ffffff\" : \"#000000\",\r\n});\r\n\r\nconst applyThemeToTimelineHeader = (timelineHeader: any, themeColors: any) => ({\r\n ...timelineHeader,\r\n backgroundColor: themeColors.timelineHeaderBg,\r\n horizontalLine: {\r\n ...timelineHeader?.horizontalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n verticalLine: {\r\n ...timelineHeader?.verticalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n scales: timelineHeader?.scales?.map((scale: any) => ({\r\n ...scale,\r\n style: {\r\n ...scale.style,\r\n color: themeColors.textColor,\r\n },\r\n })),\r\n});\r\n\r\nconst applyThemeToGrid = (grid: any, themeColors: any) => ({\r\n ...grid,\r\n backgroundColor: themeColors.gridBg,\r\n horizontalLine: {\r\n ...grid?.horizontalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n verticalLine: {\r\n ...grid?.verticalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n});\r\n\r\nconst buildGanttOptions = (\r\n finalConfig: any,\r\n processedData: GanttTask[],\r\n tableTheme: any,\r\n themeColors: any,\r\n) => ({\r\n ...finalConfig,\r\n records: processedData,\r\n underlayBackgroundColor: themeColors.underlayBackgroundColor,\r\n taskListTable: {\r\n ...finalConfig.taskListTable,\r\n theme: tableTheme,\r\n },\r\n timelineHeader: applyThemeToTimelineHeader(\r\n finalConfig.timelineHeader,\r\n themeColors,\r\n ),\r\n grid: applyThemeToGrid(finalConfig.grid, themeColors),\r\n});\r\n\r\nconst bindGanttEvents = (instance: any) => {\r\n instance.on(\"click_cell\", (args: any) => {\r\n const { record, event } = args || {};\r\n if (record) emit(\"taskClick\", record, event);\r\n });\r\n instance.on(\"change_data\", (args: any) => {\r\n const { record, changes } = args || {};\r\n if (record && changes) emit(\"taskChange\", record, changes);\r\n });\r\n};\r\n\r\nconst initGantt = async () => {\r\n if (!ganttContainerRef.value) return;\r\n try {\r\n const { Gantt } = await import(\"@visactor/vtable-gantt\");\r\n const { themes } = await import(\"@visactor/vtable\");\r\n const isDark = props.theme === \"dark\";\r\n const presetConfig = presetConfigs[props.preset] || presetConfigs.basic;\r\n const finalConfig = deepMerge(presetConfig, props.options);\r\n const processedData = processData(props.data || []);\r\n if (ganttInstance.value) ganttInstance.value.release();\r\n const tableTheme = isDark ? themes.DARK : themes.DEFAULT;\r\n const themeColors = getThemeConfig(isDark);\r\n const ganttOptions = buildGanttOptions(\r\n finalConfig,\r\n processedData,\r\n tableTheme,\r\n themeColors,\r\n );\r\n ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);\r\n bindGanttEvents(ganttInstance.value);\r\n emit(\"ganttCreated\", ganttInstance.value);\r\n } catch (error) {\r\n console.error(\"甘特图初始化失败:\", error);\r\n }\r\n};\r\n\r\nconst toggleFullscreen = async () => {\r\n if (!ganttContainerRef.value) return;\r\n try {\r\n if (!document.fullscreenElement) {\r\n await ganttContainerRef.value.requestFullscreen();\r\n isFullscreen.value = true;\r\n } else {\r\n await document.exitFullscreen();\r\n isFullscreen.value = false;\r\n }\r\n setTimeout(() => ganttInstance.value?.resize?.(), 100);\r\n } catch (error) {\r\n console.warn(\"全屏切换失败:\", error);\r\n isFullscreen.value = !isFullscreen.value;\r\n nextTick(() => ganttInstance.value?.resize?.());\r\n }\r\n};\r\n\r\nconst handleFullscreenChange = () => {\r\n isFullscreen.value = !!document.fullscreenElement;\r\n nextTick(() => ganttInstance.value?.resize?.());\r\n};\r\n\r\nconst updateData = (newData: GanttTask[]) => {\r\n if (ganttInstance.value && newData) {\r\n try {\r\n ganttInstance.value.setRecords(processData(newData));\r\n } catch (error) {\r\n console.warn(\"更新数据失败:\", error);\r\n }\r\n }\r\n};\r\n\r\nconst updateOptions = (newOptions: GanttOptions) => {\r\n if (ganttInstance.value && newOptions) {\r\n try {\r\n ganttInstance.value.updateOption(newOptions);\r\n } catch (error) {\r\n console.warn(\"更新配置失败:\", error);\r\n }\r\n }\r\n};\r\n\r\nconst destroyGantt = () => {\r\n if (ganttInstance.value) {\r\n try {\r\n ganttInstance.value.release();\r\n } catch (error) {\r\n console.warn(\"销毁甘特图失败:\", error);\r\n } finally {\r\n ganttInstance.value = undefined;\r\n }\r\n }\r\n};\r\n\r\nwatch(\r\n () => props.data,\r\n (newData) => {\r\n if (newData && ganttInstance.value) updateData(newData);\r\n },\r\n { deep: true },\r\n);\r\n\r\nwatch(\r\n () => [props.options, props.preset],\r\n () => nextTick(() => initGantt()),\r\n { deep: true },\r\n);\r\n\r\nwatch(\r\n () => props.theme,\r\n () => nextTick(() => initGantt()),\r\n);\r\n\r\nonMounted(() => {\r\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n nextTick(() => setTimeout(() => initGantt(), 100));\r\n});\r\n\r\nonUnmounted(() => {\r\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n destroyGantt();\r\n});\r\n\r\ndefineExpose({\r\n ganttInstance,\r\n updateData,\r\n updateOptions,\r\n toggleFullscreen,\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 * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-08-01\r\n * @Description: VTable 甘特图组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-vtable-gantt-wrapper\">\r\n <div v-if=\"showToolbar\" class=\"gantt-toolbar\">\r\n <div class=\"toolbar-left\">\r\n <span class=\"gantt-title\">{{ title || \"甘特图\" }}</span>\r\n </div>\r\n <div class=\"toolbar-right\">\r\n <NButton\r\n v-if=\"showFullscreenButton\"\r\n size=\"small\"\r\n @click=\"toggleFullscreen\"\r\n >\r\n <template #icon>\r\n <C_Icon\r\n :name=\"isFullscreen ? 'carbon:minimize' : 'carbon:maximize'\"\r\n :size=\"16\"\r\n color=\"currentColor\"\r\n />\r\n </template>\r\n {{ isFullscreen ? \"退出全屏\" : \"全屏\" }}\r\n </NButton>\r\n </div>\r\n </div>\r\n <div\r\n ref=\"ganttContainerRef\"\r\n class=\"gantt-container\"\r\n :style=\"{ height: containerHeight }\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\r\nimport { NButton } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport {\r\n presetConfigs,\r\n type GanttTask,\r\n type GanttOptions,\r\n type GanttPreset,\r\n} from \"./data\";\r\n\r\ndefineOptions({ name: \"C_VtableGantt\" });\r\n\r\ninterface Props {\r\n data?: GanttTask[];\r\n options?: GanttOptions;\r\n preset?: GanttPreset;\r\n height?: string | number;\r\n title?: string;\r\n showToolbar?: boolean;\r\n showFullscreenButton?: boolean;\r\n theme?: \"light\" | \"dark\";\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n data: () => [],\r\n options: () => ({}),\r\n preset: \"basic\",\r\n height: \"600px\",\r\n title: \"\",\r\n showToolbar: true,\r\n showFullscreenButton: true,\r\n theme: \"light\",\r\n});\r\n\r\nconst emit = defineEmits<{\r\n ganttCreated: [gantt: any];\r\n taskClick: [task: GanttTask, event: Event];\r\n taskChange: [task: GanttTask, changes: any];\r\n}>();\r\n\r\nconst ganttContainerRef = ref<HTMLDivElement>();\r\nconst ganttInstance = ref<any>();\r\nconst isFullscreen = ref(false);\r\n\r\nconst containerHeight = computed(() =>\r\n typeof props.height === \"number\" ? `${props.height}px` : props.height,\r\n);\r\n\r\nconst deepMerge = (target: any, source: any, seen = new WeakMap()): any => {\r\n if (!isObject(target)) return source;\r\n if (!isObject(source)) return target;\r\n if (seen.has(source)) return seen.get(source);\r\n return createMergeResult(target, source, seen);\r\n};\r\n\r\nconst isObject = (value: any): boolean => {\r\n return value !== null && typeof value === \"object\";\r\n};\r\n\r\nconst isSpecialObject = (value: any): boolean => {\r\n return value instanceof Date || value instanceof RegExp;\r\n};\r\n\r\nconst createMergeResult = (\r\n target: any,\r\n source: any,\r\n seen: WeakMap<any, any>,\r\n): any => {\r\n const result = Array.isArray(target) ? [...target] : { ...target };\r\n seen.set(source, result);\r\n for (const key in source) {\r\n if (!source.hasOwnProperty(key)) continue;\r\n const sourceValue = source[key];\r\n const shouldDeepMerge =\r\n isObject(sourceValue) &&\r\n !Array.isArray(sourceValue) &&\r\n !isSpecialObject(sourceValue);\r\n result[key] = shouldDeepMerge\r\n ? deepMerge(target[key] || {}, sourceValue, seen)\r\n : sourceValue;\r\n }\r\n return result;\r\n};\r\n\r\nconst processData = (data: GanttTask[]): GanttTask[] => {\r\n return data.map((item) => ({\r\n ...item,\r\n title: item.title || `任务${item.id}`,\r\n children: item.children ? processData(item.children) : undefined,\r\n }));\r\n};\r\n\r\nconst getThemeConfig = (isDark: boolean) => ({\r\n underlayBackgroundColor: isDark ? \"#1e1e1e\" : \"#ffffff\",\r\n timelineHeaderBg: isDark ? \"#2d2d2d\" : \"#EEF1F5\",\r\n gridBg: isDark ? \"#1e1e1e\" : \"#ffffff\",\r\n lineColor: isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(128, 128, 128, 0.2)\",\r\n textColor: isDark ? \"#ffffff\" : \"#000000\",\r\n});\r\n\r\nconst applyThemeToTimelineHeader = (timelineHeader: any, themeColors: any) => ({\r\n ...timelineHeader,\r\n backgroundColor: themeColors.timelineHeaderBg,\r\n horizontalLine: {\r\n ...timelineHeader?.horizontalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n verticalLine: {\r\n ...timelineHeader?.verticalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n scales: timelineHeader?.scales?.map((scale: any) => ({\r\n ...scale,\r\n style: {\r\n ...scale.style,\r\n color: themeColors.textColor,\r\n },\r\n })),\r\n});\r\n\r\nconst applyThemeToGrid = (grid: any, themeColors: any) => ({\r\n ...grid,\r\n backgroundColor: themeColors.gridBg,\r\n horizontalLine: {\r\n ...grid?.horizontalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n verticalLine: {\r\n ...grid?.verticalLine,\r\n lineColor: themeColors.lineColor,\r\n },\r\n});\r\n\r\nconst buildGanttOptions = (\r\n finalConfig: any,\r\n processedData: GanttTask[],\r\n tableTheme: any,\r\n themeColors: any,\r\n) => ({\r\n ...finalConfig,\r\n records: processedData,\r\n underlayBackgroundColor: themeColors.underlayBackgroundColor,\r\n taskListTable: {\r\n ...finalConfig.taskListTable,\r\n theme: tableTheme,\r\n },\r\n timelineHeader: applyThemeToTimelineHeader(\r\n finalConfig.timelineHeader,\r\n themeColors,\r\n ),\r\n grid: applyThemeToGrid(finalConfig.grid, themeColors),\r\n});\r\n\r\nconst bindGanttEvents = (instance: any) => {\r\n instance.on(\"click_cell\", (args: any) => {\r\n const { record, event } = args || {};\r\n if (record) emit(\"taskClick\", record, event);\r\n });\r\n instance.on(\"change_data\", (args: any) => {\r\n const { record, changes } = args || {};\r\n if (record && changes) emit(\"taskChange\", record, changes);\r\n });\r\n};\r\n\r\nconst initGantt = async () => {\r\n if (!ganttContainerRef.value) return;\r\n try {\r\n const { Gantt } = await import(\"@visactor/vtable-gantt\");\r\n const { themes } = await import(\"@visactor/vtable\");\r\n const isDark = props.theme === \"dark\";\r\n const presetConfig = presetConfigs[props.preset] || presetConfigs.basic;\r\n const finalConfig = deepMerge(presetConfig, props.options);\r\n const processedData = processData(props.data || []);\r\n if (ganttInstance.value) ganttInstance.value.release();\r\n const tableTheme = isDark ? themes.DARK : themes.DEFAULT;\r\n const themeColors = getThemeConfig(isDark);\r\n const ganttOptions = buildGanttOptions(\r\n finalConfig,\r\n processedData,\r\n tableTheme,\r\n themeColors,\r\n );\r\n ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);\r\n bindGanttEvents(ganttInstance.value);\r\n emit(\"ganttCreated\", ganttInstance.value);\r\n } catch (error) {\r\n console.error(\"甘特图初始化失败:\", error);\r\n }\r\n};\r\n\r\nconst toggleFullscreen = async () => {\r\n if (!ganttContainerRef.value) return;\r\n try {\r\n if (!document.fullscreenElement) {\r\n await ganttContainerRef.value.requestFullscreen();\r\n isFullscreen.value = true;\r\n } else {\r\n await document.exitFullscreen();\r\n isFullscreen.value = false;\r\n }\r\n setTimeout(() => ganttInstance.value?.resize?.(), 100);\r\n } catch (error) {\r\n console.warn(\"全屏切换失败:\", error);\r\n isFullscreen.value = !isFullscreen.value;\r\n nextTick(() => ganttInstance.value?.resize?.());\r\n }\r\n};\r\n\r\nconst handleFullscreenChange = () => {\r\n isFullscreen.value = !!document.fullscreenElement;\r\n nextTick(() => ganttInstance.value?.resize?.());\r\n};\r\n\r\nconst updateData = (newData: GanttTask[]) => {\r\n if (ganttInstance.value && newData) {\r\n try {\r\n ganttInstance.value.setRecords(processData(newData));\r\n } catch (error) {\r\n console.warn(\"更新数据失败:\", error);\r\n }\r\n }\r\n};\r\n\r\nconst updateOptions = (newOptions: GanttOptions) => {\r\n if (ganttInstance.value && newOptions) {\r\n try {\r\n ganttInstance.value.updateOption(newOptions);\r\n } catch (error) {\r\n console.warn(\"更新配置失败:\", error);\r\n }\r\n }\r\n};\r\n\r\nconst destroyGantt = () => {\r\n if (ganttInstance.value) {\r\n try {\r\n ganttInstance.value.release();\r\n } catch (error) {\r\n console.warn(\"销毁甘特图失败:\", error);\r\n } finally {\r\n ganttInstance.value = undefined;\r\n }\r\n }\r\n};\r\n\r\nwatch(\r\n () => props.data,\r\n (newData) => {\r\n if (newData && ganttInstance.value) updateData(newData);\r\n },\r\n { deep: true },\r\n);\r\n\r\nwatch(\r\n () => [props.options, props.preset],\r\n () => nextTick(() => initGantt()),\r\n { deep: true },\r\n);\r\n\r\nwatch(\r\n () => props.theme,\r\n () => nextTick(() => initGantt()),\r\n);\r\n\r\nonMounted(() => {\r\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n nextTick(() => setTimeout(() => initGantt(), 100));\r\n});\r\n\r\nonUnmounted(() => {\r\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n destroyGantt();\r\n});\r\n\r\ndefineExpose({\r\n ganttInstance,\r\n updateData,\r\n updateOptions,\r\n toggleFullscreen,\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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"}
1
+ {"version":3,"file":"C_VtableGantt.js","names":[],"sources":["../src/components/C_VtableGantt/data.ts","../src/components/C_VtableGantt/index.vue"],"sourcesContent":["// 甘特图相关类型定义和预设配置\n\n// ==================== 类型定义 ====================\nexport interface GanttTask {\n id: string | number\n title: string\n start: string | Date\n end?: string | Date\n progress?: number\n priority?: string\n type?: 'milestone' | 'task'\n children?: GanttTask[]\n [key: string]: any\n}\n\nexport interface GanttOptions {\n [key: string]: any\n}\n\nexport type GanttPreset =\n | 'basic'\n | 'project'\n | 'timeline'\n | 'milestone'\n | 'official'\n\n// ==================== 通用主题配置 ====================\n// 移除硬编码颜色,让背景透明以跟随系统主题\nexport const commonTheme = {\n headerStyle: {\n borderColor: 'rgba(128, 128, 128, 0.2)',\n borderLineWidth: 1,\n fontSize: 14,\n fontWeight: 'bold',\n // bgColor 留空或透明,自动跟随主题\n },\n bodyStyle: {\n borderColor: 'rgba(128, 128, 128, 0.2)',\n borderLineWidth: [1, 0, 1, 0],\n fontSize: 13,\n // bgColor 留空或透明,自动跟随主题\n },\n}\n\n// ==================== 预设配置 ====================\nexport const presetConfigs = {\n basic: {\n overscrollBehavior: 'none',\n headerRowHeight: 40,\n rowHeight: 40,\n taskListTable: {\n columns: [\n { field: 'title', title: '任务名称', width: 220, tree: true },\n { field: 'start', title: '开始时间', width: 120 },\n { field: 'end', title: '结束时间', width: 120 },\n { field: 'progress', title: '进度', width: 80 },\n ],\n tableWidth: 420,\n minTableWidth: 300,\n theme: commonTheme,\n },\n frame: {\n outerFrameStyle: {\n borderLineWidth: 1,\n borderColor: '#e1e4e8',\n cornerRadius: 6,\n },\n verticalSplitLineMoveable: true,\n verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 2 },\n },\n grid: {\n // 移除 weekendBackgroundColor,让它透明跟随主题\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n },\n taskBar: {\n startDateField: 'start',\n endDateField: 'end',\n progressField: 'progress',\n moveable: true,\n resizable: true,\n labelText: '{title}',\n labelTextStyle: { fontSize: 12, textAlign: 'left' },\n barStyle: {\n width: 18,\n barColor: '#1890ff',\n completedBarColor: '#52c41a',\n cornerRadius: 4,\n borderLineWidth: 0,\n },\n milestoneStyle: {\n borderColor: '#fa8c16',\n borderLineWidth: 1,\n fillColor: '#ffd666',\n width: 12,\n },\n },\n timelineHeader: {\n // 移除 backgroundColor,让它透明跟随主题\n colWidth: 60,\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n scales: [\n {\n unit: 'week',\n step: 1,\n format: (date: any) => `第${date.dateIndex}周`,\n style: { fontSize: 12, fontWeight: 'bold' },\n },\n {\n unit: 'day',\n step: 1,\n format: (date: any) => `${date.dateIndex}`,\n style: { fontSize: 11 },\n },\n ],\n },\n scrollStyle: {\n scrollRailColor: 'rgba(246,246,246,0.5)',\n visible: 'scrolling',\n width: 6,\n scrollSliderCornerRadius: 2,\n scrollSliderColor: '#1890ff',\n },\n },\n\n project: {\n overscrollBehavior: 'none',\n headerRowHeight: 40,\n rowHeight: 40,\n taskListTable: {\n columns: [\n {\n field: 'title',\n title: '任务名称',\n width: 200,\n tree: true,\n editor: 'input',\n },\n {\n field: 'start',\n title: '开始时间',\n width: 120,\n editor: 'date-input',\n },\n { field: 'end', title: '结束时间', width: 120, editor: 'date-input' },\n { field: 'priority', title: '优先级', width: 80, editor: 'input' },\n { field: 'progress', title: '进度%', width: 80, editor: 'input' },\n ],\n tableWidth: 480,\n minTableWidth: 350,\n maxTableWidth: 800,\n theme: commonTheme,\n hierarchyExpandLevel: 2,\n },\n frame: {\n outerFrameStyle: {\n borderLineWidth: 2,\n borderColor: '#e1e4e8',\n cornerRadius: 8,\n },\n verticalSplitLineMoveable: true,\n verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\n },\n grid: {\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n },\n taskBar: {\n startDateField: 'start',\n endDateField: 'end',\n progressField: 'progress',\n moveable: true,\n resizable: true,\n hoverBarStyle: { barOverlayColor: 'rgba(24, 144, 255, 0.3)' },\n labelText: '{title} {progress}%',\n labelTextStyle: {\n fontSize: 12,\n textAlign: 'left',\n textOverflow: 'ellipsis',\n },\n barStyle: {\n width: 20,\n barColor: '#1890ff',\n completedBarColor: '#52c41a',\n cornerRadius: 6,\n borderLineWidth: 0,\n },\n },\n timelineHeader: {\n colWidth: 60,\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n scales: [\n {\n unit: 'week',\n step: 1,\n startOfWeek: 'monday',\n format: (date: any) => `第${date.dateIndex}周`,\n style: { fontSize: 13, fontWeight: 'bold', textAlign: 'center' },\n },\n {\n unit: 'day',\n step: 1,\n format: (date: any) => `${date.dateIndex}`,\n style: { fontSize: 11, textAlign: 'center' },\n },\n ],\n },\n rowSeriesNumber: {\n title: '序号',\n dragOrder: true,\n headerStyle: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n style: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n },\n scrollStyle: {\n scrollRailColor: 'rgba(246,246,246,0.5)',\n visible: 'scrolling',\n width: 6,\n scrollSliderCornerRadius: 2,\n scrollSliderColor: '#1890ff',\n },\n },\n\n timeline: {\n overscrollBehavior: 'none',\n headerRowHeight: 45,\n rowHeight: 40,\n taskListTable: {\n columns: [\n { field: 'title', title: '事件名称', width: 250, tree: true },\n { field: 'start', title: '时间', width: 150 },\n ],\n tableWidth: 400,\n minTableWidth: 300,\n theme: {\n headerStyle: { ...commonTheme.headerStyle },\n bodyStyle: commonTheme.bodyStyle,\n },\n },\n frame: {\n outerFrameStyle: {\n borderLineWidth: 1,\n borderColor: 'rgba(128, 128, 128, 0.3)',\n cornerRadius: 4,\n },\n verticalSplitLineMoveable: true,\n },\n grid: {\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n },\n taskBar: {\n startDateField: 'start',\n endDateField: 'end',\n progressField: 'progress',\n moveable: true,\n resizable: true,\n labelText: '{title}',\n labelTextStyle: { fontSize: 12, textAlign: 'left' },\n barStyle: {\n width: 22,\n barColor: '#722ed1',\n completedBarColor: '#b37feb',\n cornerRadius: 8,\n borderLineWidth: 0,\n },\n },\n timelineHeader: {\n colWidth: 60,\n scales: [\n {\n unit: 'month',\n step: 1,\n format: (date: any) => `${date.dateIndex}月`,\n style: { fontSize: 13, fontWeight: 'bold' },\n },\n {\n unit: 'day',\n step: 1,\n format: (date: any) => `${date.dateIndex}`,\n style: { fontSize: 11 },\n },\n ],\n },\n scrollStyle: {\n scrollRailColor: 'rgba(246,246,246,0.5)',\n visible: 'scrolling',\n width: 6,\n scrollSliderCornerRadius: 2,\n scrollSliderColor: '#1890ff',\n },\n },\n\n milestone: {\n overscrollBehavior: 'none',\n headerRowHeight: 40,\n rowHeight: 38,\n taskListTable: {\n columns: [\n { field: 'title', title: '里程碑', width: 200, tree: true },\n { field: 'start', title: '目标日期', width: 120 },\n { field: 'priority', title: '重要性', width: 100 },\n ],\n tableWidth: 400,\n minTableWidth: 300,\n theme: {\n headerStyle: {\n ...commonTheme.headerStyle,\n borderColor: '#ffa940',\n },\n bodyStyle: { ...commonTheme.bodyStyle, borderColor: '#ffa940' },\n },\n },\n frame: {\n outerFrameStyle: {\n borderLineWidth: 2,\n borderColor: '#ffa940',\n cornerRadius: 6,\n },\n verticalSplitLineMoveable: true,\n },\n grid: {\n verticalLine: { lineWidth: 1, lineColor: 'rgba(255, 168, 64, 0.3)' },\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(255, 168, 64, 0.3)' },\n },\n taskBar: {\n startDateField: 'start',\n endDateField: 'start',\n labelText: '{title}',\n labelTextStyle: { fontSize: 12, fontWeight: 'bold' },\n barStyle: { width: 0, barColor: 'transparent' },\n milestoneStyle: {\n borderColor: '#fa8c16',\n borderLineWidth: 2,\n fillColor: '#ffd666',\n width: 16,\n },\n },\n timelineHeader: {\n colWidth: 80,\n scales: [\n {\n unit: 'month',\n step: 1,\n format: (date: any) => `${date.dateIndex}月`,\n style: { fontSize: 13, fontWeight: 'bold' },\n },\n {\n unit: 'week',\n step: 1,\n format: (date: any) => `第${date.dateIndex}周`,\n style: { fontSize: 11 },\n },\n ],\n },\n scrollStyle: {\n scrollRailColor: 'rgba(246,246,246,0.5)',\n visible: 'scrolling',\n width: 6,\n scrollSliderCornerRadius: 2,\n scrollSliderColor: '#1890ff',\n },\n },\n\n official: {\n overscrollBehavior: 'none',\n headerRowHeight: 40,\n rowHeight: 40,\n taskListTable: {\n columns: [\n {\n field: 'title',\n title: 'title',\n width: 180,\n sort: true,\n tree: true,\n editor: 'input',\n },\n {\n field: 'start',\n title: 'start',\n width: 120,\n sort: true,\n editor: 'date-input',\n },\n {\n field: 'end',\n title: 'end',\n width: 120,\n sort: true,\n editor: 'date-input',\n },\n {\n field: 'priority',\n title: 'priority',\n width: 80,\n sort: true,\n editor: 'input',\n },\n {\n field: 'progress',\n title: 'progress',\n width: 80,\n sort: true,\n editor: 'input',\n },\n ],\n tableWidth: 460,\n minTableWidth: 350,\n maxTableWidth: 800,\n theme: {\n headerStyle: {\n ...commonTheme.headerStyle,\n fontSize: 18,\n color: 'red',\n },\n bodyStyle: {\n ...commonTheme.bodyStyle,\n fontSize: 16,\n color: '#4D4D4D',\n },\n },\n hierarchyExpandLevel: 2,\n },\n frame: {\n outerFrameStyle: {\n borderLineWidth: 2,\n borderColor: '#e1e4e8',\n cornerRadius: 8,\n },\n verticalSplitLineMoveable: true,\n verticalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\n horizontalSplitLine: { lineColor: '#e1e4e8', lineWidth: 3 },\n },\n grid: {\n verticalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n horizontalLine: { lineWidth: 1, lineColor: 'rgba(128, 128, 128, 0.2)' },\n },\n taskBar: {\n startDateField: 'start',\n endDateField: 'end',\n progressField: 'progress',\n moveable: true,\n resizable: true,\n hoverBarStyle: { barOverlayColor: 'rgba(99, 144, 0, 0.4)' },\n labelText: '{title} {progress}%',\n labelTextStyle: {\n fontSize: 16,\n textAlign: 'left',\n textOverflow: 'ellipsis',\n },\n barStyle: {\n width: 20,\n barColor: '#ee8800',\n completedBarColor: '#91e8e0',\n cornerRadius: 8,\n borderLineWidth: 1,\n borderColor: 'black',\n },\n milestoneStyle: {\n borderColor: 'red',\n borderLineWidth: 1,\n fillColor: 'green',\n width: 15,\n },\n },\n timelineHeader: {\n backgroundColor: '#EEF1F5',\n colWidth: 60,\n horizontalLine: { lineWidth: 1, lineColor: '#e1e4e8' },\n verticalLine: { lineWidth: 1, lineColor: '#e1e4e8' },\n scales: [\n {\n unit: 'week',\n step: 1,\n startOfWeek: 'sunday',\n format: (date: any) => `Week ${date.dateIndex}`,\n style: {\n fontSize: 20,\n fontWeight: 'bold',\n color: 'white',\n strokeColor: 'black',\n textAlign: 'right',\n textBaseline: 'bottom',\n textStick: true,\n },\n },\n {\n unit: 'day',\n step: 1,\n format: (date: any) => date.dateIndex.toString(),\n style: {\n fontSize: 20,\n fontWeight: 'bold',\n color: 'white',\n strokeColor: 'black',\n textAlign: 'right',\n textBaseline: 'bottom',\n },\n },\n ],\n },\n markLine: [\n {\n date: '2024-07-28',\n style: { lineWidth: 1, lineColor: 'blue', lineDash: [8, 4] },\n },\n {\n date: '2024-08-17',\n style: { lineWidth: 2, lineColor: 'red', lineDash: [8, 4] },\n },\n ],\n rowSeriesNumber: {\n title: '行号',\n dragOrder: true,\n headerStyle: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n style: { borderColor: 'rgba(128, 128, 128, 0.2)' },\n },\n scrollStyle: {\n scrollRailColor: 'rgba(246,246,246,0.5)',\n visible: 'scrolling',\n width: 6,\n scrollSliderCornerRadius: 2,\n scrollSliderColor: '#1890ff',\n },\n },\n}\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-08-01\n * @Description: VTable 甘特图组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n <div class=\"c-vtable-gantt-wrapper\">\n <div v-if=\"showToolbar\" class=\"gantt-toolbar\">\n <div class=\"toolbar-left\">\n <span class=\"gantt-title\">{{ title || \"甘特图\" }}</span>\n </div>\n <div class=\"toolbar-right\">\n <NButton\n v-if=\"showFullscreenButton\"\n size=\"small\"\n @click=\"toggleFullscreen\"\n >\n <template #icon>\n <C_Icon\n :name=\"isFullscreen ? 'carbon:minimize' : 'carbon:maximize'\"\n :size=\"16\"\n color=\"currentColor\"\n />\n </template>\n {{ isFullscreen ? \"退出全屏\" : \"全屏\" }}\n </NButton>\n </div>\n </div>\n <div\n ref=\"ganttContainerRef\"\n class=\"gantt-container\"\n :style=\"{ height: containerHeight }\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted } from \"vue\";\nimport { NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport {\n presetConfigs,\n type GanttTask,\n type GanttOptions,\n type GanttPreset,\n} from \"./data\";\n\ndefineOptions({ name: \"C_VtableGantt\" });\n\ninterface Props {\n data?: GanttTask[];\n options?: GanttOptions;\n preset?: GanttPreset;\n height?: string | number;\n title?: string;\n showToolbar?: boolean;\n showFullscreenButton?: boolean;\n theme?: \"light\" | \"dark\";\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n data: () => [],\n options: () => ({}),\n preset: \"basic\",\n height: \"600px\",\n title: \"\",\n showToolbar: true,\n showFullscreenButton: true,\n theme: \"light\",\n});\n\nconst emit = defineEmits<{\n ganttCreated: [gantt: any];\n taskClick: [task: GanttTask, event: Event];\n taskChange: [task: GanttTask, changes: any];\n}>();\n\nconst ganttContainerRef = ref<HTMLDivElement>();\nconst ganttInstance = ref<any>();\nconst isFullscreen = ref(false);\n\nconst containerHeight = computed(() =>\n typeof props.height === \"number\" ? `${props.height}px` : props.height,\n);\n\nconst deepMerge = (target: any, source: any, seen = new WeakMap()): any => {\n if (!isObject(target)) return source;\n if (!isObject(source)) return target;\n if (seen.has(source)) return seen.get(source);\n return createMergeResult(target, source, seen);\n};\n\nconst isObject = (value: any): boolean => {\n return value !== null && typeof value === \"object\";\n};\n\nconst isSpecialObject = (value: any): boolean => {\n return value instanceof Date || value instanceof RegExp;\n};\n\nconst createMergeResult = (\n target: any,\n source: any,\n seen: WeakMap<any, any>,\n): any => {\n const result = Array.isArray(target) ? [...target] : { ...target };\n seen.set(source, result);\n for (const key in source) {\n if (!source.hasOwnProperty(key)) continue;\n const sourceValue = source[key];\n const shouldDeepMerge =\n isObject(sourceValue) &&\n !Array.isArray(sourceValue) &&\n !isSpecialObject(sourceValue);\n result[key] = shouldDeepMerge\n ? deepMerge(target[key] || {}, sourceValue, seen)\n : sourceValue;\n }\n return result;\n};\n\nconst processData = (data: GanttTask[]): GanttTask[] => {\n return data.map((item) => ({\n ...item,\n title: item.title || `任务${item.id}`,\n children: item.children ? processData(item.children) : undefined,\n }));\n};\n\nconst getThemeConfig = (isDark: boolean) => ({\n underlayBackgroundColor: isDark ? \"#1e1e1e\" : \"#ffffff\",\n timelineHeaderBg: isDark ? \"#2d2d2d\" : \"#EEF1F5\",\n gridBg: isDark ? \"#1e1e1e\" : \"#ffffff\",\n lineColor: isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(128, 128, 128, 0.2)\",\n textColor: isDark ? \"#ffffff\" : \"#000000\",\n});\n\nconst applyThemeToTimelineHeader = (timelineHeader: any, themeColors: any) => ({\n ...timelineHeader,\n backgroundColor: themeColors.timelineHeaderBg,\n horizontalLine: {\n ...timelineHeader?.horizontalLine,\n lineColor: themeColors.lineColor,\n },\n verticalLine: {\n ...timelineHeader?.verticalLine,\n lineColor: themeColors.lineColor,\n },\n scales: timelineHeader?.scales?.map((scale: any) => ({\n ...scale,\n style: {\n ...scale.style,\n color: themeColors.textColor,\n },\n })),\n});\n\nconst applyThemeToGrid = (grid: any, themeColors: any) => ({\n ...grid,\n backgroundColor: themeColors.gridBg,\n horizontalLine: {\n ...grid?.horizontalLine,\n lineColor: themeColors.lineColor,\n },\n verticalLine: {\n ...grid?.verticalLine,\n lineColor: themeColors.lineColor,\n },\n});\n\nconst buildGanttOptions = (\n finalConfig: any,\n processedData: GanttTask[],\n tableTheme: any,\n themeColors: any,\n) => ({\n ...finalConfig,\n records: processedData,\n underlayBackgroundColor: themeColors.underlayBackgroundColor,\n taskListTable: {\n ...finalConfig.taskListTable,\n theme: tableTheme,\n },\n timelineHeader: applyThemeToTimelineHeader(\n finalConfig.timelineHeader,\n themeColors,\n ),\n grid: applyThemeToGrid(finalConfig.grid, themeColors),\n});\n\nconst bindGanttEvents = (instance: any) => {\n instance.on(\"click_cell\", (args: any) => {\n const { record, event } = args || {};\n if (record) emit(\"taskClick\", record, event);\n });\n instance.on(\"change_data\", (args: any) => {\n const { record, changes } = args || {};\n if (record && changes) emit(\"taskChange\", record, changes);\n });\n};\n\nconst initGantt = async () => {\n if (!ganttContainerRef.value) return;\n try {\n const { Gantt } = await import(\"@visactor/vtable-gantt\");\n const { themes } = await import(\"@visactor/vtable\");\n const isDark = props.theme === \"dark\";\n const presetConfig = presetConfigs[props.preset] || presetConfigs.basic;\n const finalConfig = deepMerge(presetConfig, props.options);\n const processedData = processData(props.data || []);\n if (ganttInstance.value) ganttInstance.value.release();\n const tableTheme = isDark ? themes.DARK : themes.DEFAULT;\n const themeColors = getThemeConfig(isDark);\n const ganttOptions = buildGanttOptions(\n finalConfig,\n processedData,\n tableTheme,\n themeColors,\n );\n ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);\n bindGanttEvents(ganttInstance.value);\n emit(\"ganttCreated\", ganttInstance.value);\n } catch (error) {\n console.error(\"甘特图初始化失败:\", error);\n }\n};\n\nconst toggleFullscreen = async () => {\n if (!ganttContainerRef.value) return;\n try {\n if (!document.fullscreenElement) {\n await ganttContainerRef.value.requestFullscreen();\n isFullscreen.value = true;\n } else {\n await document.exitFullscreen();\n isFullscreen.value = false;\n }\n setTimeout(() => ganttInstance.value?.resize?.(), 100);\n } catch (error) {\n console.warn(\"全屏切换失败:\", error);\n isFullscreen.value = !isFullscreen.value;\n nextTick(() => ganttInstance.value?.resize?.());\n }\n};\n\nconst handleFullscreenChange = () => {\n isFullscreen.value = !!document.fullscreenElement;\n nextTick(() => ganttInstance.value?.resize?.());\n};\n\nconst updateData = (newData: GanttTask[]) => {\n if (ganttInstance.value && newData) {\n try {\n ganttInstance.value.setRecords(processData(newData));\n } catch (error) {\n console.warn(\"更新数据失败:\", error);\n }\n }\n};\n\nconst updateOptions = (newOptions: GanttOptions) => {\n if (ganttInstance.value && newOptions) {\n try {\n ganttInstance.value.updateOption(newOptions);\n } catch (error) {\n console.warn(\"更新配置失败:\", error);\n }\n }\n};\n\nconst destroyGantt = () => {\n if (ganttInstance.value) {\n try {\n ganttInstance.value.release();\n } catch (error) {\n console.warn(\"销毁甘特图失败:\", error);\n } finally {\n ganttInstance.value = undefined;\n }\n }\n};\n\nwatch(\n () => props.data,\n (newData) => {\n if (newData && ganttInstance.value) updateData(newData);\n },\n { deep: true },\n);\n\nwatch(\n () => [props.options, props.preset],\n () => nextTick(() => initGantt()),\n { deep: true },\n);\n\nwatch(\n () => props.theme,\n () => nextTick(() => initGantt()),\n);\n\nonMounted(() => {\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n nextTick(() => setTimeout(() => initGantt(), 100));\n});\n\nonUnmounted(() => {\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n destroyGantt();\n});\n\ndefineExpose({\n ganttInstance,\n updateData,\n updateOptions,\n toggleFullscreen,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n}from"naive-ui";import{computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,nextTick as d,normalizeStyle as f,onMounted as p,onUnmounted as m,openBlock as h,ref as g,toDisplayString as _,unref as v,watch as y,withCtx as b}from"vue";const x={headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`,borderLineWidth:1,fontSize:14,fontWeight:`bold`},bodyStyle:{borderColor:`rgba(128, 128, 128, 0.2)`,borderLineWidth:[1,0,1,0],fontSize:13}},S={basic:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:220,tree:!0},{field:`start`,title:`开始时间`,width:120},{field:`end`,title:`结束时间`,width:120},{field:`progress`,title:`进度`,width:80}],tableWidth:420,minTableWidth:300,theme:x},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`#e1e4e8`,cornerRadius:6},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:2}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,labelText:`{title}`,labelTextStyle:{fontSize:12,textAlign:`left`},barStyle:{width:18,barColor:`#1890ff`,completedBarColor:`#52c41a`,cornerRadius:4,borderLineWidth:0},milestoneStyle:{borderColor:`#fa8c16`,borderLineWidth:1,fillColor:`#ffd666`,width:12}},timelineHeader:{colWidth:60,horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},scales:[{unit:`week`,step:1,format:e=>`第${e.dateIndex}周`,style:{fontSize:12,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},project:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:200,tree:!0,editor:`input`},{field:`start`,title:`开始时间`,width:120,editor:`date-input`},{field:`end`,title:`结束时间`,width:120,editor:`date-input`},{field:`priority`,title:`优先级`,width:80,editor:`input`},{field:`progress`,title:`进度%`,width:80,editor:`input`}],tableWidth:480,minTableWidth:350,maxTableWidth:800,theme:x,hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,hoverBarStyle:{barOverlayColor:`rgba(24, 144, 255, 0.3)`},labelText:`{title} {progress}%`,labelTextStyle:{fontSize:12,textAlign:`left`,textOverflow:`ellipsis`},barStyle:{width:20,barColor:`#1890ff`,completedBarColor:`#52c41a`,cornerRadius:6,borderLineWidth:0}},timelineHeader:{colWidth:60,horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},scales:[{unit:`week`,step:1,startOfWeek:`monday`,format:e=>`第${e.dateIndex}周`,style:{fontSize:13,fontWeight:`bold`,textAlign:`center`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11,textAlign:`center`}}]},rowSeriesNumber:{title:`序号`,dragOrder:!0,headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`},style:{borderColor:`rgba(128, 128, 128, 0.2)`}},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},timeline:{overscrollBehavior:`none`,headerRowHeight:45,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`事件名称`,width:250,tree:!0},{field:`start`,title:`时间`,width:150}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...x.headerStyle},bodyStyle:x.bodyStyle}},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`rgba(128, 128, 128, 0.3)`,cornerRadius:4},verticalSplitLineMoveable:!0},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,labelText:`{title}`,labelTextStyle:{fontSize:12,textAlign:`left`},barStyle:{width:22,barColor:`#722ed1`,completedBarColor:`#b37feb`,cornerRadius:8,borderLineWidth:0}},timelineHeader:{colWidth:60,scales:[{unit:`month`,step:1,format:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},milestone:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:38,taskListTable:{columns:[{field:`title`,title:`里程碑`,width:200,tree:!0},{field:`start`,title:`目标日期`,width:120},{field:`priority`,title:`重要性`,width:100}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...x.headerStyle,borderColor:`#ffa940`},bodyStyle:{...x.bodyStyle,borderColor:`#ffa940`}}},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#ffa940`,cornerRadius:6},verticalSplitLineMoveable:!0},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(255, 168, 64, 0.3)`},horizontalLine:{lineWidth:1,lineColor:`rgba(255, 168, 64, 0.3)`}},taskBar:{startDateField:`start`,endDateField:`start`,labelText:`{title}`,labelTextStyle:{fontSize:12,fontWeight:`bold`},barStyle:{width:0,barColor:`transparent`},milestoneStyle:{borderColor:`#fa8c16`,borderLineWidth:2,fillColor:`#ffd666`,width:16}},timelineHeader:{colWidth:80,scales:[{unit:`month`,step:1,format:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`week`,step:1,format:e=>`第${e.dateIndex}周`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},official:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`title`,width:180,sort:!0,tree:!0,editor:`input`},{field:`start`,title:`start`,width:120,sort:!0,editor:`date-input`},{field:`end`,title:`end`,width:120,sort:!0,editor:`date-input`},{field:`priority`,title:`priority`,width:80,sort:!0,editor:`input`},{field:`progress`,title:`progress`,width:80,sort:!0,editor:`input`}],tableWidth:460,minTableWidth:350,maxTableWidth:800,theme:{headerStyle:{...x.headerStyle,fontSize:18,color:`red`},bodyStyle:{...x.bodyStyle,fontSize:16,color:`#4D4D4D`}},hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3},horizontalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,hoverBarStyle:{barOverlayColor:`rgba(99, 144, 0, 0.4)`},labelText:`{title} {progress}%`,labelTextStyle:{fontSize:16,textAlign:`left`,textOverflow:`ellipsis`},barStyle:{width:20,barColor:`#ee8800`,completedBarColor:`#91e8e0`,cornerRadius:8,borderLineWidth:1,borderColor:`black`},milestoneStyle:{borderColor:`red`,borderLineWidth:1,fillColor:`green`,width:15}},timelineHeader:{backgroundColor:`#EEF1F5`,colWidth:60,horizontalLine:{lineWidth:1,lineColor:`#e1e4e8`},verticalLine:{lineWidth:1,lineColor:`#e1e4e8`},scales:[{unit:`week`,step:1,startOfWeek:`sunday`,format:e=>`Week ${e.dateIndex}`,style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`,textStick:!0}},{unit:`day`,step:1,format:e=>e.dateIndex.toString(),style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`}}]},markLine:[{date:`2024-07-28`,style:{lineWidth:1,lineColor:`blue`,lineDash:[8,4]}},{date:`2024-08-17`,style:{lineWidth:2,lineColor:`red`,lineDash:[8,4]}}],rowSeriesNumber:{title:`行号`,dragOrder:!0,headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`},style:{borderColor:`rgba(128, 128, 128, 0.2)`}},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}}},C={class:`c-vtable-gantt-wrapper`},w={key:0,class:`gantt-toolbar`},T={class:`toolbar-left`},E={class:`gantt-title`},D={class:`toolbar-right`};var O=t(u({name:`C_VtableGantt`,__name:`index`,props:{data:{default:()=>[]},options:{default:()=>({})},preset:{default:`basic`},height:{default:`600px`},title:{default:``},showToolbar:{type:Boolean,default:!0},showFullscreenButton:{type:Boolean,default:!0},theme:{default:`light`}},emits:[`ganttCreated`,`taskClick`,`taskChange`],setup(t,{expose:u,emit:x}){let O=t,k=x,A=g(),j=g(),M=g(!1),N=r(()=>typeof O.height==`number`?`${O.height}px`:O.height),P=(e,t,n=new WeakMap)=>F(e)?F(t)?n.has(t)?n.get(t):L(e,t,n):e:t,F=e=>typeof e==`object`&&!!e,I=e=>e instanceof Date||e instanceof RegExp,L=(e,t,n)=>{let r=Array.isArray(e)?[...e]:{...e};n.set(t,r);for(let i in t){if(!t.hasOwnProperty(i))continue;let a=t[i];r[i]=F(a)&&!Array.isArray(a)&&!I(a)?P(e[i]||{},a,n):a}return r},R=e=>e.map(e=>({...e,title:e.title||`任务${e.id}`,children:e.children?R(e.children):void 0})),z=e=>({underlayBackgroundColor:e?`#1e1e1e`:`#ffffff`,timelineHeaderBg:e?`#2d2d2d`:`#EEF1F5`,gridBg:e?`#1e1e1e`:`#ffffff`,lineColor:e?`rgba(255, 255, 255, 0.1)`:`rgba(128, 128, 128, 0.2)`,textColor:e?`#ffffff`:`#000000`}),B=(e,t)=>({...e,backgroundColor:t.timelineHeaderBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor},scales:e?.scales?.map(e=>({...e,style:{...e.style,color:t.textColor}}))}),V=(e,t)=>({...e,backgroundColor:t.gridBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor}}),H=(e,t,n,r)=>({...e,records:t,underlayBackgroundColor:r.underlayBackgroundColor,taskListTable:{...e.taskListTable,theme:n},timelineHeader:B(e.timelineHeader,r),grid:V(e.grid,r)}),U=e=>{e.on(`click_cell`,e=>{let{record:t,event:n}=e||{};t&&k(`taskClick`,t,n)}),e.on(`change_data`,e=>{let{record:t,changes:n}=e||{};t&&n&&k(`taskChange`,t,n)})},W=async()=>{if(A.value)try{let{Gantt:e}=await import(`@visactor/vtable-gantt`),{themes:t}=await import(`@visactor/vtable`),n=O.theme===`dark`,r=P(S[O.preset]||S.basic,O.options),i=R(O.data||[]);j.value&&j.value.release();let a=H(r,i,n?t.DARK:t.DEFAULT,z(n));j.value=new e(A.value,a),U(j.value),k(`ganttCreated`,j.value)}catch(e){console.error(`甘特图初始化失败:`,e)}},G=async()=>{if(A.value)try{document.fullscreenElement?(await document.exitFullscreen(),M.value=!1):(await A.value.requestFullscreen(),M.value=!0),setTimeout(()=>j.value?.resize?.(),100)}catch(e){console.warn(`全屏切换失败:`,e),M.value=!M.value,d(()=>j.value?.resize?.())}},K=()=>{M.value=!!document.fullscreenElement,d(()=>j.value?.resize?.())},q=e=>{if(j.value&&e)try{j.value.setRecords(R(e))}catch(e){console.warn(`更新数据失败:`,e)}},J=e=>{if(j.value&&e)try{j.value.updateOption(e)}catch(e){console.warn(`更新配置失败:`,e)}},Y=()=>{if(j.value)try{j.value.release()}catch(e){console.warn(`销毁甘特图失败:`,e)}finally{j.value=void 0}};return y(()=>O.data,e=>{e&&j.value&&q(e)},{deep:!0}),y(()=>[O.options,O.preset],()=>d(()=>W()),{deep:!0}),y(()=>O.theme,()=>d(()=>W())),p(()=>{document.addEventListener(`fullscreenchange`,K),d(()=>setTimeout(()=>W(),100))}),m(()=>{document.removeEventListener(`fullscreenchange`,K),Y()}),u({ganttInstance:j,updateData:q,updateOptions:J,toggleFullscreen:G}),(t,r)=>(h(),o(`div`,C,[t.showToolbar?(h(),o(`div`,w,[s(`div`,T,[s(`span`,E,_(t.title||`甘特图`),1)]),s(`div`,D,[t.showFullscreenButton?(h(),i(v(n),{key:0,size:`small`,onClick:G},{icon:b(()=>[l(e,{name:M.value?`carbon:minimize`:`carbon:maximize`,size:16,color:`currentColor`},null,8,[`name`])]),default:b(()=>[c(` `+_(M.value?`退出全屏`:`全屏`),1)]),_:1})):a(`v-if`,!0)])])):a(`v-if`,!0),s(`div`,{ref_key:`ganttContainerRef`,ref:A,class:`gantt-container`,style:f({height:N.value})},null,4)]))}}),[[`__scopeId`,`data-v-f7a9da66`]]);export{S as n,O as t};
1
+ import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,nextTick as u,normalizeStyle as d,onMounted as f,onUnmounted as p,openBlock as m,ref as h,toDisplayString as g,unref as _,watch as v,withCtx as y}from"vue";import{NButton as b}from"naive-ui";const x={headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`,borderLineWidth:1,fontSize:14,fontWeight:`bold`},bodyStyle:{borderColor:`rgba(128, 128, 128, 0.2)`,borderLineWidth:[1,0,1,0],fontSize:13}},S={basic:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:220,tree:!0},{field:`start`,title:`开始时间`,width:120},{field:`end`,title:`结束时间`,width:120},{field:`progress`,title:`进度`,width:80}],tableWidth:420,minTableWidth:300,theme:x},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`#e1e4e8`,cornerRadius:6},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:2}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,labelText:`{title}`,labelTextStyle:{fontSize:12,textAlign:`left`},barStyle:{width:18,barColor:`#1890ff`,completedBarColor:`#52c41a`,cornerRadius:4,borderLineWidth:0},milestoneStyle:{borderColor:`#fa8c16`,borderLineWidth:1,fillColor:`#ffd666`,width:12}},timelineHeader:{colWidth:60,horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},scales:[{unit:`week`,step:1,format:e=>`第${e.dateIndex}周`,style:{fontSize:12,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},project:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:200,tree:!0,editor:`input`},{field:`start`,title:`开始时间`,width:120,editor:`date-input`},{field:`end`,title:`结束时间`,width:120,editor:`date-input`},{field:`priority`,title:`优先级`,width:80,editor:`input`},{field:`progress`,title:`进度%`,width:80,editor:`input`}],tableWidth:480,minTableWidth:350,maxTableWidth:800,theme:x,hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,hoverBarStyle:{barOverlayColor:`rgba(24, 144, 255, 0.3)`},labelText:`{title} {progress}%`,labelTextStyle:{fontSize:12,textAlign:`left`,textOverflow:`ellipsis`},barStyle:{width:20,barColor:`#1890ff`,completedBarColor:`#52c41a`,cornerRadius:6,borderLineWidth:0}},timelineHeader:{colWidth:60,horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},scales:[{unit:`week`,step:1,startOfWeek:`monday`,format:e=>`第${e.dateIndex}周`,style:{fontSize:13,fontWeight:`bold`,textAlign:`center`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11,textAlign:`center`}}]},rowSeriesNumber:{title:`序号`,dragOrder:!0,headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`},style:{borderColor:`rgba(128, 128, 128, 0.2)`}},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},timeline:{overscrollBehavior:`none`,headerRowHeight:45,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`事件名称`,width:250,tree:!0},{field:`start`,title:`时间`,width:150}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...x.headerStyle},bodyStyle:x.bodyStyle}},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`rgba(128, 128, 128, 0.3)`,cornerRadius:4},verticalSplitLineMoveable:!0},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,labelText:`{title}`,labelTextStyle:{fontSize:12,textAlign:`left`},barStyle:{width:22,barColor:`#722ed1`,completedBarColor:`#b37feb`,cornerRadius:8,borderLineWidth:0}},timelineHeader:{colWidth:60,scales:[{unit:`month`,step:1,format:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},milestone:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:38,taskListTable:{columns:[{field:`title`,title:`里程碑`,width:200,tree:!0},{field:`start`,title:`目标日期`,width:120},{field:`priority`,title:`重要性`,width:100}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...x.headerStyle,borderColor:`#ffa940`},bodyStyle:{...x.bodyStyle,borderColor:`#ffa940`}}},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#ffa940`,cornerRadius:6},verticalSplitLineMoveable:!0},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(255, 168, 64, 0.3)`},horizontalLine:{lineWidth:1,lineColor:`rgba(255, 168, 64, 0.3)`}},taskBar:{startDateField:`start`,endDateField:`start`,labelText:`{title}`,labelTextStyle:{fontSize:12,fontWeight:`bold`},barStyle:{width:0,barColor:`transparent`},milestoneStyle:{borderColor:`#fa8c16`,borderLineWidth:2,fillColor:`#ffd666`,width:16}},timelineHeader:{colWidth:80,scales:[{unit:`month`,step:1,format:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`week`,step:1,format:e=>`第${e.dateIndex}周`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},official:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`title`,width:180,sort:!0,tree:!0,editor:`input`},{field:`start`,title:`start`,width:120,sort:!0,editor:`date-input`},{field:`end`,title:`end`,width:120,sort:!0,editor:`date-input`},{field:`priority`,title:`priority`,width:80,sort:!0,editor:`input`},{field:`progress`,title:`progress`,width:80,sort:!0,editor:`input`}],tableWidth:460,minTableWidth:350,maxTableWidth:800,theme:{headerStyle:{...x.headerStyle,fontSize:18,color:`red`},bodyStyle:{...x.bodyStyle,fontSize:16,color:`#4D4D4D`}},hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3},horizontalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,hoverBarStyle:{barOverlayColor:`rgba(99, 144, 0, 0.4)`},labelText:`{title} {progress}%`,labelTextStyle:{fontSize:16,textAlign:`left`,textOverflow:`ellipsis`},barStyle:{width:20,barColor:`#ee8800`,completedBarColor:`#91e8e0`,cornerRadius:8,borderLineWidth:1,borderColor:`black`},milestoneStyle:{borderColor:`red`,borderLineWidth:1,fillColor:`green`,width:15}},timelineHeader:{backgroundColor:`#EEF1F5`,colWidth:60,horizontalLine:{lineWidth:1,lineColor:`#e1e4e8`},verticalLine:{lineWidth:1,lineColor:`#e1e4e8`},scales:[{unit:`week`,step:1,startOfWeek:`sunday`,format:e=>`Week ${e.dateIndex}`,style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`,textStick:!0}},{unit:`day`,step:1,format:e=>e.dateIndex.toString(),style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`}}]},markLine:[{date:`2024-07-28`,style:{lineWidth:1,lineColor:`blue`,lineDash:[8,4]}},{date:`2024-08-17`,style:{lineWidth:2,lineColor:`red`,lineDash:[8,4]}}],rowSeriesNumber:{title:`行号`,dragOrder:!0,headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`},style:{borderColor:`rgba(128, 128, 128, 0.2)`}},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}}},C={class:`c-vtable-gantt-wrapper`},w={key:0,class:`gantt-toolbar`},T={class:`toolbar-left`},E={class:`gantt-title`},D={class:`toolbar-right`};var O=t(l({name:`C_VtableGantt`,__name:`index`,props:{data:{default:()=>[]},options:{default:()=>({})},preset:{default:`basic`},height:{default:`600px`},title:{default:``},showToolbar:{type:Boolean,default:!0},showFullscreenButton:{type:Boolean,default:!0},theme:{default:`light`}},emits:[`ganttCreated`,`taskClick`,`taskChange`],setup(t,{expose:l,emit:x}){let O=t,k=x,A=h(),j=h(),M=h(!1),N=n(()=>typeof O.height==`number`?`${O.height}px`:O.height),P=(e,t,n=new WeakMap)=>F(e)?F(t)?n.has(t)?n.get(t):L(e,t,n):e:t,F=e=>typeof e==`object`&&!!e,I=e=>e instanceof Date||e instanceof RegExp,L=(e,t,n)=>{let r=Array.isArray(e)?[...e]:{...e};n.set(t,r);for(let i in t){if(!t.hasOwnProperty(i))continue;let a=t[i];r[i]=F(a)&&!Array.isArray(a)&&!I(a)?P(e[i]||{},a,n):a}return r},R=e=>e.map(e=>({...e,title:e.title||`任务${e.id}`,children:e.children?R(e.children):void 0})),z=e=>({underlayBackgroundColor:e?`#1e1e1e`:`#ffffff`,timelineHeaderBg:e?`#2d2d2d`:`#EEF1F5`,gridBg:e?`#1e1e1e`:`#ffffff`,lineColor:e?`rgba(255, 255, 255, 0.1)`:`rgba(128, 128, 128, 0.2)`,textColor:e?`#ffffff`:`#000000`}),B=(e,t)=>({...e,backgroundColor:t.timelineHeaderBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor},scales:e?.scales?.map(e=>({...e,style:{...e.style,color:t.textColor}}))}),V=(e,t)=>({...e,backgroundColor:t.gridBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor}}),H=(e,t,n,r)=>({...e,records:t,underlayBackgroundColor:r.underlayBackgroundColor,taskListTable:{...e.taskListTable,theme:n},timelineHeader:B(e.timelineHeader,r),grid:V(e.grid,r)}),U=e=>{e.on(`click_cell`,e=>{let{record:t,event:n}=e||{};t&&k(`taskClick`,t,n)}),e.on(`change_data`,e=>{let{record:t,changes:n}=e||{};t&&n&&k(`taskChange`,t,n)})},W=async()=>{if(A.value)try{let{Gantt:e}=await import(`@visactor/vtable-gantt`),{themes:t}=await import(`@visactor/vtable`),n=O.theme===`dark`,r=P(S[O.preset]||S.basic,O.options),i=R(O.data||[]);j.value&&j.value.release();let a=H(r,i,n?t.DARK:t.DEFAULT,z(n));j.value=new e(A.value,a),U(j.value),k(`ganttCreated`,j.value)}catch(e){console.error(`甘特图初始化失败:`,e)}},G=async()=>{if(A.value)try{document.fullscreenElement?(await document.exitFullscreen(),M.value=!1):(await A.value.requestFullscreen(),M.value=!0),setTimeout(()=>j.value?.resize?.(),100)}catch(e){console.warn(`全屏切换失败:`,e),M.value=!M.value,u(()=>j.value?.resize?.())}},K=()=>{M.value=!!document.fullscreenElement,u(()=>j.value?.resize?.())},q=e=>{if(j.value&&e)try{j.value.setRecords(R(e))}catch(e){console.warn(`更新数据失败:`,e)}},J=e=>{if(j.value&&e)try{j.value.updateOption(e)}catch(e){console.warn(`更新配置失败:`,e)}},Y=()=>{if(j.value)try{j.value.release()}catch(e){console.warn(`销毁甘特图失败:`,e)}finally{j.value=void 0}};return v(()=>O.data,e=>{e&&j.value&&q(e)},{deep:!0}),v(()=>[O.options,O.preset],()=>u(()=>W()),{deep:!0}),v(()=>O.theme,()=>u(()=>W())),f(()=>{document.addEventListener(`fullscreenchange`,K),u(()=>setTimeout(()=>W(),100))}),p(()=>{document.removeEventListener(`fullscreenchange`,K),Y()}),l({ganttInstance:j,updateData:q,updateOptions:J,toggleFullscreen:G}),(t,n)=>(m(),a(`div`,C,[t.showToolbar?(m(),a(`div`,w,[o(`div`,T,[o(`span`,E,g(t.title||`甘特图`),1)]),o(`div`,D,[t.showFullscreenButton?(m(),r(_(b),{key:0,size:`small`,onClick:G},{icon:y(()=>[c(e,{name:M.value?`carbon:minimize`:`carbon:maximize`,size:16,color:`currentColor`},null,8,[`name`])]),default:y(()=>[s(` `+g(M.value?`退出全屏`:`全屏`),1)]),_:1})):i(`v-if`,!0)])])):i(`v-if`,!0),o(`div`,{ref_key:`ganttContainerRef`,ref:A,class:`gantt-container`,style:d({height:N.value})},null,4)]))}}),[[`__scopeId`,`data-v-4d4b1f97`]]);export{S as n,O as t};
2
2
  //# sourceMappingURL=C_VtableGantt2.js.map