@robot-admin/naive-ui-components 0.9.2 → 0.10.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.
- package/CHANGELOG.md +82 -76
- package/LICENSE +21 -0
- package/README.md +314 -294
- package/dist/C_ActionBar-BAcfOfRw.css.map +1 -0
- package/dist/C_ActionBar-DG2HW7t5.css.map +1 -0
- package/dist/C_ActionBar.css +47 -47
- package/dist/C_ActionBar.js.map +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_ActionBar2.js.map +1 -1
- package/dist/{C_AntV-BY8jqqmi.css.map → C_AntV-D_jTK8oZ.css.map} +1 -1
- package/dist/{C_AntV-BbkHc-_a.css.map → C_AntV-DanTAq22.css.map} +1 -1
- package/dist/C_AntV.css +79 -79
- package/dist/C_AntV.js.map +1 -1
- package/dist/C_AntV2.js +3 -3
- package/dist/C_AntV2.js.map +1 -1
- package/dist/{C_AudioPlayer-DKRIGhi7.css.map → C_AudioPlayer-BnYIJXPD.css.map} +1 -1
- package/dist/{C_AudioPlayer-DlB6eNsa.css.map → C_AudioPlayer-ldTy9Y34.css.map} +1 -1
- package/dist/C_AudioPlayer.css +47 -47
- package/dist/C_AudioPlayer.js.map +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_AudioPlayer2.js.map +1 -1
- package/dist/{C_AvatarGroup-D02zci-i.css.map → C_AvatarGroup-B9d-GJ9c.css.map} +1 -1
- package/dist/{C_AvatarGroup-DatHaUlY.css.map → C_AvatarGroup-SIzxuuZr.css.map} +1 -1
- package/dist/C_AvatarGroup.cjs +1 -1
- package/dist/C_AvatarGroup.css +21 -21
- package/dist/C_AvatarGroup.d.cts +1 -1
- package/dist/C_AvatarGroup.d.ts +1 -1
- package/dist/C_AvatarGroup.js +1 -1
- package/dist/C_AvatarGroup.js.map +1 -1
- package/dist/C_AvatarGroup2.js +1 -1
- package/dist/C_AvatarGroup2.js.map +1 -1
- package/dist/{C_Barcode-DYDRDe2O.css.map → C_Barcode-CAU2mFcx.css.map} +1 -1
- package/dist/{C_Barcode-muJdc_O4.css.map → C_Barcode-D2oJaEg3.css.map} +1 -1
- package/dist/C_Barcode.css +7 -7
- package/dist/C_Barcode.js.map +1 -1
- package/dist/C_Barcode2.js +1 -1
- package/dist/C_Barcode2.js.map +1 -1
- package/dist/C_Breadcrumb.js.map +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Breadcrumb2.js.map +1 -1
- package/dist/{C_Captcha-9_hk6VmY.css.map → C_Captcha-B3yrtG7t.css.map} +1 -1
- package/dist/{C_Captcha-MtASlJ0f.css.map → C_Captcha-D4hDdWDu.css.map} +1 -1
- package/dist/C_Captcha.css +19 -19
- package/dist/C_Captcha.js.map +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Captcha2.js.map +1 -1
- package/dist/C_Cascade-CmCrLVft.css.map +1 -0
- package/dist/C_Cascade-U6A5AJJb.css.map +1 -0
- package/dist/C_Cascade.css +3 -3
- package/dist/C_Cascade.d.cts +2 -2
- package/dist/C_Cascade.d.ts +2 -2
- package/dist/C_Cascade.js.map +1 -1
- package/dist/C_Cascade2.js +1 -1
- package/dist/C_Cascade2.js.map +1 -1
- package/dist/{C_Chat-Csjz_BFw.css.map → C_Chat-CF1SU7mc.css.map} +1 -1
- package/dist/{C_Chat-DO1ZBA_0.css.map → C_Chat-DeUv6uuI.css.map} +1 -1
- package/dist/C_Chat.css +65 -65
- package/dist/C_Chat.js.map +1 -1
- package/dist/C_Chat2.js +1 -1
- package/dist/C_Chat2.js.map +1 -1
- package/dist/{C_City-Bam08Qv3.css.map → C_City-DdkX6u64.css.map} +1 -1
- package/dist/{C_City-Bb3W-KaN.css.map → C_City-iP-dIvui.css.map} +1 -1
- package/dist/C_City.css +29 -29
- package/dist/C_City.js.map +1 -1
- package/dist/C_City2.js +1 -1
- package/dist/C_City2.js.map +1 -1
- package/dist/C_Code-BWmJMNS7.css.map +1 -0
- package/dist/C_Code-k14vjgVl.css.map +1 -0
- package/dist/C_Code.css +3 -3
- package/dist/C_Code.js.map +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_Code2.js.map +1 -1
- package/dist/{C_CollapsePanel-CWkFCqNQ.css.map → C_CollapsePanel-BSKcWSmY.css.map} +1 -1
- package/dist/{C_CollapsePanel-pcVJA_4z.css.map → C_CollapsePanel-DRvRq8tB.css.map} +1 -1
- package/dist/C_CollapsePanel.css +35 -35
- package/dist/C_CollapsePanel.js.map +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_CollapsePanel2.js.map +1 -1
- package/dist/{C_ContextMenu-B3Cgz_wJ.css.map → C_ContextMenu-Bn_uhJSo.css.map} +1 -1
- package/dist/{C_ContextMenu-u1LixF3_.css.map → C_ContextMenu-C9iuxG2n.css.map} +1 -1
- package/dist/C_ContextMenu.css +17 -17
- package/dist/C_ContextMenu.js.map +1 -1
- package/dist/C_ContextMenu2.js +1 -1
- package/dist/C_ContextMenu2.js.map +1 -1
- package/dist/{C_Cron-Civir5-I.css.map → C_Cron-BIQ2By9v.css.map} +1 -1
- package/dist/{C_Cron-iw3qpMsy.css.map → C_Cron-BNSAGD6A.css.map} +1 -1
- package/dist/C_Cron.css +57 -57
- package/dist/C_Cron.js.map +1 -1
- package/dist/C_Cron2.js +1 -1
- package/dist/C_Cron2.js.map +1 -1
- package/dist/C_Date.js.map +1 -1
- package/dist/C_Date2.js +1 -1
- package/dist/C_Date2.js.map +1 -1
- package/dist/{C_Draggable-BCjIvIwT.css.map → C_Draggable-BDAbk4s5.css.map} +1 -1
- package/dist/{C_Draggable-DwkSlCOS.css.map → C_Draggable-UhfDLXop.css.map} +1 -1
- package/dist/C_Draggable.css +46 -46
- package/dist/C_Draggable.js.map +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_Draggable2.js.map +1 -1
- package/dist/{C_Editor-BfjjYQ9B.css.map → C_Editor-CZOaChru.css.map} +1 -1
- package/dist/{C_Editor-Do2StvoJ.css.map → C_Editor-kJAQq5z6.css.map} +1 -1
- package/dist/C_Editor.css +14 -14
- package/dist/C_Editor.js.map +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_Editor2.js.map +1 -1
- package/dist/{C_FilePreview-BhcbiXsV.css.map → C_FilePreview-Bs_omgJS.css.map} +1 -1
- package/dist/{C_FilePreview-DJudcIbW.css.map → C_FilePreview-DbwoyF2j.css.map} +1 -1
- package/dist/C_FilePreview.css +91 -91
- package/dist/C_FilePreview.js.map +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_FilePreview2.js.map +1 -1
- package/dist/{C_Form-BtcAPIRi.css.map → C_Form-B_2ql62V.css.map} +1 -1
- package/dist/{C_Form-D_gwQ7hC.css.map → C_Form-CX-7xsz3.css.map} +1 -1
- package/dist/C_Form.css +223 -223
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js.map +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_Form2.js.map +1 -1
- package/dist/{C_FormSearch-Bi4XYjjk.css.map → C_FormSearch-C3F8peAY.css.map} +1 -1
- package/dist/{C_FormSearch-DUGOoX0u.css.map → C_FormSearch-qW56bJPo.css.map} +1 -1
- package/dist/C_FormSearch.css +45 -45
- package/dist/C_FormSearch.js.map +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormSearch2.js.map +1 -1
- package/dist/{C_FormulaEditor-CJk3SSUJ.css.map → C_FormulaEditor-ChOvDbsZ.css.map} +1 -1
- package/dist/{C_FormulaEditor-Cy7mjfVO.css.map → C_FormulaEditor-mfiIUDY4.css.map} +1 -1
- package/dist/C_FormulaEditor.css +78 -78
- package/dist/C_FormulaEditor.js.map +1 -1
- package/dist/C_FormulaEditor2.js +1 -1
- package/dist/C_FormulaEditor2.js.map +1 -1
- package/dist/C_FullCalendar-C2nsqrgS.css.map +1 -0
- package/dist/C_FullCalendar-DdFtXVhy.css.map +1 -0
- package/dist/C_FullCalendar.css +2 -2
- package/dist/C_FullCalendar.js.map +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_FullCalendar2.js.map +1 -1
- package/dist/{C_GlobalSearch-B6wK3m3k.css.map → C_GlobalSearch-Dq4Wo01K.css.map} +1 -1
- package/dist/{C_GlobalSearch-DoPjldFm.css.map → C_GlobalSearch-RB7J43gu.css.map} +1 -1
- package/dist/C_GlobalSearch.css +112 -112
- package/dist/C_GlobalSearch.js.map +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_GlobalSearch2.js.map +1 -1
- package/dist/C_Guide.js.map +1 -1
- package/dist/C_Guide2.js +1 -1
- package/dist/C_Guide2.js.map +1 -1
- package/dist/C_Icon.d.cts +1 -1
- package/dist/C_Icon.d.ts +1 -1
- package/dist/C_Icon.js.map +1 -1
- package/dist/C_Icon2.js.map +1 -1
- package/dist/{C_ImageCropper-BqZpkZfU.css.map → C_ImageCropper-CdTX2nxU.css.map} +1 -1
- package/dist/{C_ImageCropper-CylwGuzS.css.map → C_ImageCropper-ilOqPklJ.css.map} +1 -1
- package/dist/C_ImageCropper.css +23 -23
- package/dist/C_ImageCropper.js.map +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_ImageCropper2.js.map +1 -1
- package/dist/C_Language.d.cts +1 -1
- package/dist/C_Language.d.ts +1 -1
- package/dist/C_Language.js.map +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Language2.js.map +1 -1
- package/dist/{C_Login-BkdnkBKX.css.map → C_Login-B3qYkLrN.css.map} +1 -1
- package/dist/{C_Login-VkMM6OJ2.css.map → C_Login-xMI1_ojE.css.map} +1 -1
- package/dist/C_Login.css +72 -72
- package/dist/C_Login.js.map +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Login2.js.map +1 -1
- package/dist/{C_Map-DNnBcY70.css.map → C_Map-CWMMN58_.css.map} +1 -1
- package/dist/{C_Map-LEXIx6zM.css.map → C_Map-xSR2H-9o.css.map} +1 -1
- package/dist/C_Map.css +4 -4
- package/dist/C_Map.js.map +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Map2.js.map +1 -1
- package/dist/{C_Markdown-DwmI0_0Q.css.map → C_Markdown-C7lTVJ1S.css.map} +1 -1
- package/dist/{C_Markdown-k0794RW0.css.map → C_Markdown-CZDm_baQ.css.map} +1 -1
- package/dist/C_Markdown.css +33 -33
- package/dist/C_Markdown.js.map +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Markdown2.js.map +1 -1
- package/dist/C_Menu.js.map +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_Menu2.js.map +1 -1
- package/dist/{C_NotificationCenter-DT6fQ79O.css.map → C_NotificationCenter-D7GGGWg7.css.map} +1 -1
- package/dist/{C_NotificationCenter-DbgBiyqB.css.map → C_NotificationCenter-SSmeHA45.css.map} +1 -1
- package/dist/C_NotificationCenter.css +89 -89
- package/dist/C_NotificationCenter.js.map +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_NotificationCenter2.js.map +1 -1
- package/dist/C_OrgChart.js.map +1 -1
- package/dist/C_OrgChart2.js.map +1 -1
- package/dist/C_Progress.js.map +1 -1
- package/dist/C_Progress2.js +1 -1
- package/dist/C_Progress2.js.map +1 -1
- package/dist/{C_QRCode-CFNTda_1.css.map → C_QRCode-B_1lHUdx.css.map} +1 -1
- package/dist/{C_QRCode-CmWr9lK-.css.map → C_QRCode-CuQRYu0s.css.map} +1 -1
- package/dist/C_QRCode.css +9 -9
- package/dist/C_QRCode.js.map +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_QRCode2.js.map +1 -1
- package/dist/{C_Signature-BDx4ctsE.css.map → C_Signature-Bp-RBpAl.css.map} +1 -1
- package/dist/{C_Signature-Bz_uNbwv.css.map → C_Signature-Cb2VW1ok.css.map} +1 -1
- package/dist/C_Signature.css +15 -15
- package/dist/C_Signature.js.map +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_Signature2.js.map +1 -1
- package/dist/C_Skeleton.js.map +1 -1
- package/dist/C_Skeleton2.js.map +1 -1
- package/dist/{C_SplitPane-BOwr1C7K.css.map → C_SplitPane-CgGWYsRE.css.map} +1 -1
- package/dist/{C_SplitPane-N-a_D-7F.css.map → C_SplitPane-DGf6WEeR.css.map} +1 -1
- package/dist/C_SplitPane.css +31 -31
- package/dist/C_SplitPane.js.map +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_SplitPane2.js.map +1 -1
- package/dist/C_Steps-27Exh7PM.css.map +1 -0
- package/dist/C_Steps-DU9ZsFrs.css.map +1 -0
- package/dist/C_Steps.css +38 -38
- package/dist/C_Steps.d.cts +1 -1
- package/dist/C_Steps.d.ts +1 -1
- package/dist/C_Steps.js.map +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Steps2.js.map +1 -1
- package/dist/{C_Table-BcM5LqAM.css.map → C_Table--kbQaaBv.css.map} +1 -1
- package/dist/{C_Table-HATVoq1F.css.map → C_Table-D631kdXC.css.map} +1 -1
- package/dist/C_Table.css +104 -104
- package/dist/C_Table.js.map +1 -1
- package/dist/C_Table2.js +3 -3
- package/dist/C_Table2.js.map +1 -1
- package/dist/{C_TagsView-DX3LecK1.css.map → C_TagsView-BN8vMRsY.css.map} +1 -1
- package/dist/{C_TagsView-DqOTa8bL.css.map → C_TagsView-s1dnSJAV.css.map} +1 -1
- package/dist/C_TagsView.css +36 -36
- package/dist/C_TagsView.d.cts +1 -1
- package/dist/C_TagsView.d.ts +1 -1
- package/dist/C_TagsView.js.map +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_TagsView2.js.map +1 -1
- package/dist/C_Theme.d.cts +1 -1
- package/dist/C_Theme.d.ts +1 -1
- package/dist/C_Theme.js.map +1 -1
- package/dist/C_Theme2.js +1 -1
- package/dist/C_Theme2.js.map +1 -1
- package/dist/C_Time-BQ9PGy8B.css.map +1 -0
- package/dist/C_Time-CO73krC6.css.map +1 -0
- package/dist/C_Time.css +5 -5
- package/dist/C_Time.js.map +1 -1
- package/dist/C_Time2.js +1 -1
- package/dist/C_Time2.js.map +1 -1
- package/dist/{C_Timeline-BKkimrZx.css.map → C_Timeline-4rk0Dzgn.css.map} +1 -1
- package/dist/{C_Timeline-DTuSCX6p.css.map → C_Timeline-DdESmqwL.css.map} +1 -1
- package/dist/C_Timeline.cjs +1 -1
- package/dist/C_Timeline.css +45 -45
- package/dist/C_Timeline.d.cts +1 -1
- package/dist/C_Timeline.d.ts +1 -1
- package/dist/C_Timeline.js +1 -1
- package/dist/C_Timeline.js.map +1 -1
- package/dist/C_Timeline2.js +1 -1
- package/dist/C_Timeline2.js.map +1 -1
- package/dist/{C_Transfer-BOB6OBqS.css.map → C_Transfer-B-vjvhjI.css.map} +1 -1
- package/dist/{C_Transfer-Dpq7ezWC.css.map → C_Transfer-EzdHzZNv.css.map} +1 -1
- package/dist/C_Transfer.css +31 -31
- package/dist/C_Transfer.js.map +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Transfer2.js.map +1 -1
- package/dist/{C_Tree-D98nX9qT.css.map → C_Tree-CsXgGfhn.css.map} +1 -1
- package/dist/{C_Tree-ulfm7b-P.css.map → C_Tree-P7eRpnOa.css.map} +1 -1
- package/dist/C_Tree.css +33 -33
- package/dist/C_Tree.js.map +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Tree2.js.map +1 -1
- package/dist/{C_Upload-BR9fg5r4.css.map → C_Upload-CHjiVVh7.css.map} +1 -1
- package/dist/{C_Upload-CPqf74Ea.css.map → C_Upload-DE3OLsZD.css.map} +1 -1
- package/dist/C_Upload.css +50 -50
- package/dist/C_Upload.js.map +1 -1
- package/dist/C_Upload2.js +2 -2
- package/dist/C_Upload2.js.map +1 -1
- package/dist/{C_VideoPlayer-4J96tKfK.css.map → C_VideoPlayer-CnaNOFtW.css.map} +1 -1
- package/dist/{C_VideoPlayer-D35seHkm.css.map → C_VideoPlayer-cnP88zNV.css.map} +1 -1
- package/dist/C_VideoPlayer.css +68 -68
- package/dist/C_VideoPlayer.js.map +1 -1
- package/dist/C_VideoPlayer2.js +3 -3
- package/dist/C_VideoPlayer2.js.map +1 -1
- package/dist/{C_VtableGantt-C2lxFmWg.css.map → C_VtableGantt-CZlJgvpC.css.map} +1 -1
- package/dist/{C_VtableGantt-Dwnkw_WL.css.map → C_VtableGantt-DKfQkql0.css.map} +1 -1
- package/dist/C_VtableGantt.css +15 -15
- package/dist/C_VtableGantt.js.map +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_VtableGantt2.js.map +1 -1
- package/dist/{C_WaterFall-C4HDqf-a.css.map → C_WaterFall-BJ_39ext.css.map} +1 -1
- package/dist/{C_WaterFall-HWB-gPON.css.map → C_WaterFall-cYc1vntE.css.map} +1 -1
- package/dist/C_WaterFall.css +16 -16
- package/dist/C_WaterFall.js.map +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WaterFall2.js.map +1 -1
- package/dist/{C_WorkFlow-2hJfvvTK.css.map → C_WorkFlow-BFzRGGhJ.css.map} +1 -1
- package/dist/{C_WorkFlow-DHoNjl8-.css.map → C_WorkFlow-DSyCOvRp.css.map} +1 -1
- package/dist/C_WorkFlow.css +193 -193
- package/dist/C_WorkFlow.js.map +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/C_WorkFlow2.js.map +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.ts +1 -1
- package/dist/constants3.d.ts +1 -1
- package/dist/constants4.d.ts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.ts +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +9 -9
- package/dist/index.d.ts +9 -9
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.vue.d.ts +1 -1
- package/dist/index10.vue.d.ts +2 -2
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.ts +2 -2
- package/dist/index15.vue.d.ts +29 -9
- package/dist/index16.vue.d.ts +11 -4
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.ts +3 -3
- package/dist/index2.vue.d.ts +6 -6
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.ts +3 -3
- package/dist/index22.vue.d.ts +3 -3
- package/dist/index23.vue.d.ts +15 -4
- package/dist/index24.vue.d.ts +13 -4
- package/dist/index25.vue.d.ts +4 -2
- package/dist/index26.vue.d.ts +2 -2
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index28.vue.d.ts +4 -4
- package/dist/index3.vue.d.ts +1 -1
- package/dist/index4.vue.d.ts +4 -4
- package/dist/index6.vue.d.ts +3 -3
- package/dist/index7.vue.d.ts +7 -5
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.cjs.map +1 -1
- package/dist/resolver.d.cts +2 -21
- package/dist/resolver.d.ts +2 -21
- package/dist/resolver.js +1 -1
- package/dist/resolver.js.map +1 -1
- package/dist/style.css +1991 -1991
- package/dist/useCalendarEvents.d.ts +8 -5
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.ts +6 -6
- package/dist/useDraggableLayout.d.ts +3 -3
- package/dist/useDynamicFormState.d.ts +31 -3726
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useModalEdit.d.ts +6 -6
- package/dist/useQRCode.d.ts +5 -5
- package/dist/useSignatureHistory.d.ts +2 -2
- package/dist/useSplitResize.d.ts +6 -6
- package/dist/useTimeSelection.d.ts +3 -3
- package/dist/useTreeOperations.d.ts +5 -5
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/package.json +12 -7
- package/dist/C_ActionBar-DYG0Yf3A.css.map +0 -1
- package/dist/C_ActionBar-MAjRhqcI.css.map +0 -1
- package/dist/C_Cascade-Dq0S5Jkm.css.map +0 -1
- package/dist/C_Cascade-IUUHIh7r.css.map +0 -1
- package/dist/C_Code-BFi5xxnM.css.map +0 -1
- package/dist/C_Code-CZ7yfnri.css.map +0 -1
- package/dist/C_FullCalendar-BQA0OjGB.css.map +0 -1
- package/dist/C_FullCalendar-ChJUosAi.css.map +0 -1
- package/dist/C_Steps-Bk1krgiR.css.map +0 -1
- package/dist/C_Steps-Dn2CMpy1.css.map +0 -1
- package/dist/C_Time-BzyQVvTS.css.map +0 -1
- package/dist/C_Time-DmpKLQHc.css.map +0 -1
- package/dist/themes/glass-morphism.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"C_VtableGantt-
|
|
1
|
+
{"version":3,"file":"C_VtableGantt-CZlJgvpC.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=1fc4d705&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-1fc4d705] {\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-1fc4d705] {\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-1fc4d705] {\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-1fc4d705] {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] {\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-1fc4d705] > * {\n width: 100%;\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-1fc4d705] .vtable-gantt-table {\n height: 100% !important;\n box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-1fc4d705] .vtable-gantt-task {\n backface-visibility: hidden;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task.dragging {\n z-index: 1000;\n pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container {\n position: relative;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
1
|
+
{"version":3,"file":"C_VtableGantt-DKfQkql0.css","names":[],"sources":["../src/components/C_VtableGantt/index.vue?vue&type=style&index=0&scoped=1fc4d705&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 甘特图组件样式 */\n.c-vtable-gantt-wrapper[data-v-1fc4d705] {\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-1fc4d705] {\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-1fc4d705] {\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-1fc4d705] {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] {\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-1fc4d705] > * {\n width: 100%;\n height: 100%;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-1fc4d705] .vtable-gantt-table {\n height: 100% !important;\n box-sizing: border-box;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-1fc4d705] .vtable-gantt-task {\n backface-visibility: hidden;\n transform: translateZ(0);\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task.dragging {\n z-index: 1000;\n pointer-events: none;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container {\n position: relative;\n overflow: hidden;\n}\n.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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"}
|
package/dist/C_VtableGantt.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* unplugin-vue-components disabled *//* 甘特图组件样式 */
|
|
2
|
-
.c-vtable-gantt-wrapper[data-v-
|
|
2
|
+
.c-vtable-gantt-wrapper[data-v-1fc4d705] {
|
|
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-
|
|
11
|
+
.c-vtable-gantt-wrapper .gantt-toolbar[data-v-1fc4d705] {
|
|
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-
|
|
20
|
+
.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-left .gantt-title[data-v-1fc4d705] {
|
|
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-
|
|
25
|
+
.c-vtable-gantt-wrapper .gantt-toolbar .toolbar-right[data-v-1fc4d705] {
|
|
26
26
|
display: flex;
|
|
27
27
|
gap: 8px;
|
|
28
28
|
align-items: center;
|
|
29
29
|
}
|
|
30
|
-
.c-vtable-gantt-wrapper .gantt-container[data-v-
|
|
30
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] {
|
|
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-
|
|
42
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] > * {
|
|
43
43
|
width: 100%;
|
|
44
44
|
height: 100%;
|
|
45
45
|
}
|
|
46
|
-
.c-vtable-gantt-wrapper .gantt-container[data-v-
|
|
46
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
51
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
56
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
60
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
66
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-task {
|
|
67
67
|
backface-visibility: hidden;
|
|
68
68
|
transform: translateZ(0);
|
|
69
69
|
}
|
|
70
|
-
.c-vtable-gantt-wrapper .gantt-container[data-v-
|
|
70
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
74
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .vtable-gantt-chart-container {
|
|
75
75
|
position: relative;
|
|
76
76
|
overflow: hidden;
|
|
77
77
|
}
|
|
78
|
-
.c-vtable-gantt-wrapper .gantt-container[data-v-
|
|
78
|
+
.c-vtable-gantt-wrapper .gantt-container[data-v-1fc4d705] .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-
|
|
89
|
+
/*# sourceMappingURL=C_VtableGantt-CZlJgvpC.css.map*/
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"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"],"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","<!--\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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"}
|
package/dist/C_VtableGantt2.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
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};
|
|
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-1fc4d705`]]);export{S as n,O as t};
|
|
2
2
|
//# sourceMappingURL=C_VtableGantt2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"C_VtableGantt2.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
|
+
{"version":3,"file":"C_VtableGantt2.js","names":["showToolbar","title","showFullscreenButton"],"sources":["../src/components/C_VtableGantt/data.ts","../src/components/C_VtableGantt/index.vue","../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","<!--\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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"}
|