From af18bec033b20ba1295800ea7de4e006caffc70b Mon Sep 17 00:00:00 2001 From: ZLY Date: Mon, 29 Sep 2025 14:33:14 +0800 Subject: [PATCH] =?UTF-8?q?feat(sidebar):=20=E4=BE=A7=E8=BE=B9=E6=A0=8F?= =?UTF-8?q?=E5=9B=BE=E6=A0=87=E6=9B=B4=E6=8D=A2=EF=BC=8C=E9=BB=98=E8=AE=A4?= =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=95=B0=E6=8D=AE=E5=A2=9E=E5=8A=A0icon?= =?UTF-8?q?=E5=92=8CactiveIcon=E5=B1=9E=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/ideContainer/icon/appComp.png | Bin 0 -> 1086 bytes public/ideContainer/icon/appComp_active.png | Bin 0 -> 935 bytes public/ideContainer/icon/appEvent.png | Bin 0 -> 932 bytes public/ideContainer/icon/appEvent_active.png | Bin 0 -> 813 bytes public/ideContainer/icon/appFlow.png | Bin 0 -> 931 bytes public/ideContainer/icon/appFlow_active.png | Bin 0 -> 824 bytes public/ideContainer/icon/appList.png | Bin 0 -> 861 bytes public/ideContainer/icon/appList_active.png | Bin 0 -> 763 bytes public/ideContainer/icon/globalVar.png | Bin 0 -> 401 bytes public/ideContainer/icon/globalVar_active.png | Bin 0 -> 407 bytes src/pages/ideContainer/config/menuData.ts | 61 ++++++------------ src/pages/ideContainer/sideBar.tsx | 7 +- 12 files changed, 25 insertions(+), 43 deletions(-) create mode 100644 public/ideContainer/icon/appComp.png create mode 100644 public/ideContainer/icon/appComp_active.png create mode 100644 public/ideContainer/icon/appEvent.png create mode 100644 public/ideContainer/icon/appEvent_active.png create mode 100644 public/ideContainer/icon/appFlow.png create mode 100644 public/ideContainer/icon/appFlow_active.png create mode 100644 public/ideContainer/icon/appList.png create mode 100644 public/ideContainer/icon/appList_active.png create mode 100644 public/ideContainer/icon/globalVar.png create mode 100644 public/ideContainer/icon/globalVar_active.png diff --git a/public/ideContainer/icon/appComp.png b/public/ideContainer/icon/appComp.png new file mode 100644 index 0000000000000000000000000000000000000000..2ade7ccdd05b7fdeea6ac3b81bc0fe5115b9a632 GIT binary patch literal 1086 zcmcJPT}TvB6vyvSeqg9n&_hxY`dASPKB%iEo3zEPx(xT~jbZq}>VY_+xKhk>_)IZVB+ndl&h%Zy&KemE$)x>fot6@vNG z{`W%Mhf2XREz`x+(-`jIrTF+km!z}Jnj6DOu9@*y-4J0<6CNwx5GSU(~DFNW^5R__qkaj zF>f#5v|fa>>I4&xm+Eim7sfS2l6#CuB)QkwKZ6D_Sd>hyYDZ^}5c46WeTXUEekZvo zR&MvLl|!EXhrUD;qj6yqf-ATc-l#_r6O8_@@jr^;GxoHYtfk%El_z1s3Ix?hCCX6p z@S4^5x^PTWuUj^f5{(Q>&4Wd>eY!{TFf4gYCzR;!1LDH8zi{(kV6|N3@(DG&_PE!+@lQabi(y21f6JcgyRpD{=Uv62$G zif=p4f4A|~qy~HiaP0T~@04zeXJ&CSiFW%ulvT<3k#!plp`%l*%Ttn^uQ zZclr?_lH}5emDG(iTx~R*6?uqPjjI?+a7K&JzIUF?Y`ab+A7(9z3VFZZ-2PG>zQrN z;r#i3?e_AWFF9NNYcu1!-*L5O=bxUb{;|F5=bY+&@%zsj1C2q|KJO(+p5a{G{J3`Z z9q;b`y`@>FedhI@&wqdA&U-oQ`v%_qYqReiHv9AK=KIU9Klr5IJG`H@;M?ynRyGGr z-@iP6tVZlnF~laItw2XzGku>ZUHALV_m`y=%Z%SYyw79-awf>EFX_p4r$5|ox(+ps zAqJmo(yczr{nKsOe1G|MOAzZ|_Wkd*LO@G_#z$Y@)1Ld|ElBR+Oi(a!KR{S0w8!jG zvBCUQh&m;0XwS?RN= zLht_1z5D-0Z>xX)_ulJLyV>Fg%WJRa?=53n|F`b_SF8DFH!IFNU0(M-|NpeN_bc~* zubO-Qnd=AH`=6ud>%QE2@4IdM@6rmhBgH?@z5o06{-(dy@4v^b|9o=~$G*qab+0$8 z?!ESV-}CJKeCOLB0r*+16_hahCLh-TPi|kCT2-d+&K^9mtV2=ksgL4*cGG{dJAm0Wfddh4h!! z`=4*m{bLDn1H=7~w)?-{+|zOI{oc6en=ADoe5d(KL6&d(_b>XE>#vvpy_RkL zC3;WCl)Aa!E9YPTnJf3edf)TycF`|3f0=v#^KG+#bG}!vzy34lA9Ky|?|-hPbJtGW z_qn?6_Obb&A)!>?@czfV`@eD)p1)LHcRv62k79_W`(N*_d%e}TBG+^M(c;Sc-)r7p ze+Ub{FOk2_z5kgjU4IVjjc?$9-_~u{{oMKN{LgmpKU?iTyPvuaiTx6}hXWdEcCZNX zzW>v9f9~V+kl1DW(f9u6T2LfIeD?VxB(l+5YxbWJyZ&ePIHKeJ*Vz4EZ}I&V`_K0N zciehi93ciZ_NRFTII%&U14|Hs`*VMn|KL}6xz%9(T3C=jvY+tr`5$GTWWj&7lOHw$ Pb034JtDnm{r-UW|=YT?Q literal 0 HcmV?d00001 diff --git a/public/ideContainer/icon/appEvent_active.png b/public/ideContainer/icon/appEvent_active.png new file mode 100644 index 0000000000000000000000000000000000000000..c547ba79789b7a2dcfe21a1e73c7e159826abc07 GIT binary patch literal 813 zcmeAS@N?(olHy`uVBq!ia0vp^Vj#@H1|*Mc$+2c&VEW?e;uuoF`1S$g1QpLoDxN~! zt7h(YcX3HeOA8AHf^rb}eufsH1Y~r0ILMZ?G&eVwmff>wa-H`{3okD%FZVwWveIW! zgp> zruxTrmAdEq-d|1sthD2q?cbYb>r21={$gb#y$i&fasHA0q#rV|pXIha+}{0Dra{e) zd%=wJ4_z-DNoN%KY{?+G$L!hWlC#w}I?nHWU;Xta!}YzpTTm5TurQqG~dw=E3I}LK#v6^Y?D*2^9T7tCv-c|lR zd-)IDIG4n@=V0>~uJ2iHFa0?Z=(3z6&+mZr{bP>#Jnvu5ne>;lzHbnmUwr@jtIa?8 z!6qBdUz&aIuv^W!+WV`|?|XOm?=8ta+s1? zXYrT@J+nW6p>g(qOqacReedr2yGPPLDp~xlt&*MBpMCH0{NA5Bz>qY1RQwJUJ79yJ zxfX!jTxqwi(!U-xDF3j7BV@+;OQ!D=mF*yrB##-8wRd;_-WvQz>_6N0+W9P)PG$oe z^G6ySU=0X&0Ap0OuKhoQ*?QHA+*n93ew6pDIcLxGKlXjyuAL#Cz-++a>FVdQ&MBb@ E0F;B?UH||9 literal 0 HcmV?d00001 diff --git a/public/ideContainer/icon/appFlow.png b/public/ideContainer/icon/appFlow.png new file mode 100644 index 0000000000000000000000000000000000000000..be10a24ad8721261309ec2757b9876ffc7b1a61b GIT binary patch literal 931 zcmcIj{Yw*Z7{3)+XciXDs5C62UmAwOAh%}e)K+5Ao7qVFX@hhevE;V7yGdy-7Exk? zm<~ewq0kG(`NLjL(F#g;g5jY9&lI}i8mHad?cKJUFMmM~d|#d~JkRs_JfG+L>{?}c zdg_r>007bzm*m&ur!c+_?n#O7?fR%00Cql5$S>a13A~Gfm${0zT*U#)`%ZhgT&_~7 zZr_RZ+P*EeR8>#|1YN}wB`e+rGL2uj$gDaI7VghQ z!Z67W*S2QvT`e{eP;|CV;!}RMju$8lqRG0WCU@9L&_+LG#6ehmAs36v7`70bI%LjV zlDMc5nex|AJJQYRtwd1M^IL*ZBmF+wfrlM#&_r<&n;z(^rQijs0Z~TMTx=uaksfEl zHK-_i(e9#0YCNUZ7QL5)QKCbakp!S#nU~J+WyN`;5Q2lAfOf+4kqPvWp?U>+D)t1X zxR@Ulm`!6zTur^iQs?)`Ifj*?tVcQn!35~^haET_@$+|E3D)PM&D7s}}yY#tkGg~e@c4_xRx6cdZShp@#Hhf%30+ WVihHW&290|2PjG_Eakt!T9z8;{+AYNh+Q~ z-K%Eqc6V_}OG^t21%h%A_w<_Ncf*ZT5AcJ!X%J-~EoO{bu_9 z<$1P_C)?lutov>`OIeeed%8-k)m>))$}u{(5`mvg~_@`952Hui0Psd)D_2l?_md zqx&C#xOVS;+jX+xzc%N_dH-Rz{w()Tm*J!Sj%T)iZ!(yzKWZ%c*%D;Q?DSnA!@&0KD*v9n{Kr~@ z^~&>3m%e{@oo&bS-(PQE-@7~B`e?pn-E4M&J!Lbl?*t3(S#E#(*;bW0_Ro<}Uw`zu z4iuFB90?7ExgekAevV4t@4x;qbIfNsU=S$%d@Hj5=-(sH?|>Z2zz7m$014+dRPT%5 zUkh@t;r!Gex$`_f++s+Kdp_^|_565H@Xo$&1q#}EymKr0{{uaKc+WZ8`|IyN+Zpry zUENzXyYBQ!KjwPW{RV0H+_cd6{loiA79bt}9xng~$GO`3tIt2P=d%KZ#KG+Q-)n{R z4}fCh*-W6TK(?RdZU+Zs*L|ZuWrp)7AIxS3IrGiydw18*eYCv-9QNWoKu1HO+u>1h zP8|1xH{V~DRxE=m5}03n|NE=WmH!0Jmw-|LWpeS!Vw zNT}aF|51d5^*&Ij+FYLb{X;%y+-!Css5u9JxO=p`minvF9s$e|44$rjF6*2UngG0M B<9`4E literal 0 HcmV?d00001 diff --git a/public/ideContainer/icon/appList.png b/public/ideContainer/icon/appList.png new file mode 100644 index 0000000000000000000000000000000000000000..1411e7417b4cf72cfaa8633ce6d565decb9d3de1 GIT binary patch literal 861 zcmeAS@N?(olHy`uVBq!ia0vp^!XV7S1|*9D%+4?{FspdFIEGX(zJ0(rLB(^DilaP0T~@04zeXJ&CSiFW%ulvT<3k#!plp`%l*%Ttn^v5 z@AdAw*IQ%1M9#SWtnoYv5;p4Y}b-~MwtZ2srE_g}5%pJlFj z{{7##{KUB5wfA3dJ!)Kg{QIA4>E2bk^TfB+yWjt4yZ`G=r}?cva^+6!fjgH05)QJz zbm!SKe2KmPHG2KqMduIgG2>5w`x)Y_GPd<+KPyeTFZSP%K>&mi!ptt8ZomI*xBm0( zJsAua%4^Q&*KWIz{;@`){@m}q*I(C|@qYlDeD?Dru+O5w9s>t@1w(rs_XA`HbJvQU z=Uy7`j@R=u;n8O!etSP80M>%yVcW;&d+t~7J(vEO;r`FP`~ODIxL$YvdsXg7eP;Z@ z$p|sAGH%cL-+RvGzs46)4EMjr?*Dp=@2}W-d4^wo?|-g6FZN4k9zQIq*nX^g|7-2_ zvWw}7akHPdetgdHVE4Y)+vBX8uRq%fb>1Sz2l9-$cb^}e#G-Nnm~9w5UHx3vIVCg! E0Er+B0ssI2 literal 0 HcmV?d00001 diff --git a/public/ideContainer/icon/appList_active.png b/public/ideContainer/icon/appList_active.png new file mode 100644 index 0000000000000000000000000000000000000000..ec80db88a40b68ea2103f7141cf46c27f82d0874 GIT binary patch literal 763 zcmeAS@N?(olHy`uVBq!ia0vp^!XV7S1|*9D%+4?{Fdg!AaSW+oeEWcLf{N!P6;Gk= zRWom;0XwS?RNA zU3K~XGU55E6}fT;KHNT9bI$hu`uoq~*&5F6X|MPGaI53|!kl)}spS7Z?ZMXfzwJ8HcRjQHdvnJ5N0oxl zN=wdG-{?3GG2p<=?;r9x<9_dZKe?je^}W06&lc}|{`>1~2B3zVBhT-A-}@^^?!lSr zAKO{h*WUl``R6pl1=IJ5%68B9y}z3NnIZk&;r*%=Z-4Lee>8JlrGNdlv)Lc_O!y%i z`+45KoHOZ?b+g$8_H28&{e0d0IQ9p-%D-nX|Dik2o}uLK?%!Ky|Ij&@{n_DB@w?w~ zwPySUATi^L+?|7`ow&)5LM4B#+fTYr|><1NegN{>vg~`8=lA~9nJ1nY=YD-pd+(1qzxRdD zKZ_bf@9zG+j(pXL7P9?ZV~y;kVI5d;1ZL^uQP zJmdEd?+fkuR(oHaG3NWby0;?xkA7xv00o%Yv&|KC(0~T};_i`j&bZmnSsxX%zysuT j?fuo~pSdz0uxC0s;lS7KoIf9diJHOF)z4*}Q$iB}q2a)0 literal 0 HcmV?d00001 diff --git a/public/ideContainer/icon/globalVar.png b/public/ideContainer/icon/globalVar.png new file mode 100644 index 0000000000000000000000000000000000000000..b12b2879d38ece7972fa13106510e9f9efb28ded GIT binary patch literal 401 zcmV;C0dD?@P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0VYXAK~y+TtyFCe z!XON7iT9G7WSJgBJ%}zl$?#&Uyslkv{$NvILJ9@?^(agk_hGz367g}C`w=F&bzPG% z=e{4K1RizgN1WQIK{BFb;tNmGxTn4Fz=Y&>ZkuZ`{aPx#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0W3*GK~y+Tt(1#x z!!Qg)Ng*qw9jDG5g=a}Ji_tmkjFV;usd}_%ICfEg(gOtA6m>e1l2kH|b-G|h(noK% zBSgL4zqI39-#=58g0wdCBEB0nk*4ykP6={z>;P-w@Qj0b{}~E<)_hJP*AT^OvK28% zzc2GSVPIS0(r zVqy6l-MnW^8r>~+U!$D-`ceBNsZ-Gk`)I<+f+iT0ju-z1SIHgES!H!(I$F68(DF`19_V(Te6{B872r;TI{c76gxegG}rxv*>pgo6M8002ovPDHLkV1g%P Bt&0Ev literal 0 HcmV?d00001 diff --git a/src/pages/ideContainer/config/menuData.ts b/src/pages/ideContainer/config/menuData.ts index cff58d3..68c9239 100644 --- a/src/pages/ideContainer/config/menuData.ts +++ b/src/pages/ideContainer/config/menuData.ts @@ -4,68 +4,45 @@ export const menuData1 = [ path: '', key: 'appList', parentKey: 'appList', - children: [ - { - title: '应用A', - path: 'compFlow', - key: 'compFlow', - parentKey: 'appList', - children: [ - { - title: '事件', - children: null - }, - { - title: '组件列表', - children: null - } - ] - }, - { - title: '应用B', - path: 'compFlow', - key: 'compFlow', - parentKey: 'appList', - children: [ - { - title: '事件', - children: null - }, - { - title: '组件列表', - children: null - } - ] - } - ] + icon: '/ideContainer/icon/appList.png', + activeIcon: '/ideContainer/icon/appList_active.png', + children: [] }, { title: '应用编排', + path: 'appFlow', key: 'appFlow', parentKey: 'appFlow', - children: null, - path: 'appFlow' + icon: '/ideContainer/icon/appFlow.png', + activeIcon: '/ideContainer/icon/appFlow_active.png', + children: null }, { title: '事件', - children: null, path: 'event', key: 'event', - parentKey: 'event' + parentKey: 'event', + icon: '/ideContainer/icon/appEvent.png', + activeIcon: '/ideContainer/icon/appEvent_active.png', + children: null }, { title: '全局参数', - children: null, path: 'globalVar', key: 'globalVar', - parentKey: 'globalVar' + parentKey: 'globalVar', + icon: '/ideContainer/icon/globalVar.png', + activeIcon: '/ideContainer/icon/globalVar_active.png', + children: null }, { title: '组件', - children: null, path: 'appCompList', key: 'appCompList', - parentKey: 'appCompList' + parentKey: 'appCompList', + icon: '/ideContainer/icon/appComp.png', + activeIcon: '/ideContainer/icon/appComp_active.png', + children: null } ]; diff --git a/src/pages/ideContainer/sideBar.tsx b/src/pages/ideContainer/sideBar.tsx index 744b702..caf2490 100644 --- a/src/pages/ideContainer/sideBar.tsx +++ b/src/pages/ideContainer/sideBar.tsx @@ -412,9 +412,14 @@ const SideBar: React.FC = ({ onClick={() => handleMenuItemClick(item, index)} >
- + {item.icon && + } + {!item.icon && ( + {item.icon || } + )} {item.title}