From 742beda43e4a2ff0c2040f9f2ae7034692332f98 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 29 Sep 2025 14:52:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(componentList):=E4=B8=BA=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E9=A1=B9=E6=B7=BB=E5=8A=A0=E5=9B=BE=E6=A0=87=E5=92=8C=E9=80=89?=
 =?UTF-8?q?=E4=B8=AD=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/ideContainer/icon/myComp.png           | Bin 909 -> 403 bytes
 public/ideContainer/icon/myComp_active.png    | Bin 833 -> 401 bytes
 public/ideContainer/icon/teamComp.png         | Bin 1194 -> 558 bytes
 public/ideContainer/icon/teamComp_active.png  | Bin 1102 -> 830 bytes
 .../componentList/index.tsx                   |  29 ++++++++++++++----
 5 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/public/ideContainer/icon/myComp.png b/public/ideContainer/icon/myComp.png
index 6b1532abde3bdc004b615075039b27609f1449c1..b27c453e033b212e31e57ee408dec9928e71a5c8 100644
GIT binary patch
literal 403
zcmV;E0c`$>P)<h;3K|Lk000e1NJLTq000pH000pP1^@s6J8eh$00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0VqjCK~y+Tjgnn*
zgD?z)Enh6jA?RDeQJNkl$s>mdTnsm#EKwT+)16^t3u(Rjk+6Z+YdB-)Ih<n*<MrB&
z`eO$T$>TBHMZ&jT6)A<EBeG~#;RGao?B#ar#LoEM7S>=<LJ0(t)c4)p+={<{Y3%#2
zi@6spN~j;ZCIFNHfn6I^<s3sM5z&X%SV(9b)+f^<o%Yl;O6ECLlL5KmsF2BA6{-=J
z)8URfNFms3DyT?&3U*bH9HS^{Rw>iE`Aa#d@G-I@z9$fn?BpnYK8HlSCVrqw$}-AV
zN@bAx#%6+aqD*}dC(LUChd;oX7;JebC%UXH0v~s|{(PKssbM50x>K_@z<-o-CXtV`
xsee=A;l>hBsvt2F(vRGD3;jPRz1`>#egUrz)MFoA;=BL=002ovPDHLkV1l%Tqg((0

literal 909
zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw{1|(OCFP+A~z#QV~;uuoF`1S$g1QpLoDxN~!
zt7h(YcX3HeOA8AHf^rb}eufsH1Y~r0ILMZ?G&eVwmff>wa-H`{3okD%FZVwWveIYK
zkABt$5Ux<%_x^X?o2`sSm2Wxfe%s!AEL%5QoR8rnQ_cDBe{Q6E*NE{ae6|$)^R0T%
zaqB;3=j9n5{roZS{m+f(r~S~GeZKR-_WO@*?>*eU|9N%Yo6V|r+z)K;f0jM+nZ2Px
z@Ba5%`){|*_NRWfeE&7>{fC=22fo+d@87%aY(C@uzd%Fy)*t@N<X|)X{m*&wzjHdz
zSDpV}!~U_R=Kc47H}V<xJg?q&`1OZ93<Bq$R_}X$+%Edj=6j!Q?>pMa-~ViD|LvyG
z{I4KG9#t|b%sUM;*>lf1s8gR-@Be<h4&tD=_UAy)!d=7)^v}NM)_eH)KLDMZJYV-?
zq}lw>aqqwK%|8or5!?cx(-{Q+Y&)CIxSkiL2NDLraNBr&+fUtjm-D@A_!`cp-~4l~
zdhd1X8ng493?F0m!NTK5Zs&Q%ivI5v?f3sd_2@j<+IXKWPWr&J;(M?6-g~%tClkX*
z2AH1^p>-MNCq@sLrw)9tIp1Hq?MOD`dfks!??1}D|8Se(5#zq^)%9oKJ}CYPiy(&C
z=NTvb&;e4F>%UjEpJxMx<rkQbfua5$7I0;1>;Hni{}(3905k4y?fvh`>v=!Oz5mF!
zpI2etOHi=pz@v2f```QIt8-`HXWH;{&iAVI<v(&7VDZUR0g6yYhK}@K_ul_Cyj=qg
zA$^!P(m&?x*ZpV-@kb0}!w+*v+UkQPt4cqHj{gy0{71RW{kGUCv9cGyY{uZ}>gTe~
HDWM4fb&U>^

diff --git a/public/ideContainer/icon/myComp_active.png b/public/ideContainer/icon/myComp_active.png
index 2ed92c54b7cf15edf0aa8aecc683079352df3955..437d22f97e9076c1cf305b331c24353da8b1be25 100644
GIT binary patch
literal 401
zcmV;C0dD?@P)<h;3K|Lk000e1NJLTq000pH000pP1^@s6J8eh$00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0VYXAK~y+Tm6F?S
z!!Qg*X?3tBlN6mJAE`frjuCW{I*ZBWp=dpA1HFJiizcrwACv6h_OV{<BgjRfERUaQ
zvHJlAlH2F{rRJV)8S@!gaBHXtNV-0r6OYX13-YUW7g>pwkOF5-hAd<I7bPy=&$p|)
zGl~-GSM&scG9d8lfTo-?1PL!aso@<8i8c<CC(}WdydS9<l*ADG$ymctff{!;Xhz&j
z2dFwoAvkI(Xi3V1GDr?F7^xG!`sU|yOofk;9pSJi5Lk(Y{I0R9t2UUDx{UgjMj52O
zvBcA8o0j@Fl2y&HWT1Kgq+V5ba>6ESm%ztOS!&Yy7sZpRScst~=G1cp>j57mI$=_;
vrBdSQ#u8AgAdy2qw#HlFe?aNuMvMFbeS54QgyCn!00000NkvXXu0mjf?jNOO

literal 833
zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw{1|(OCFP+A~z|7(4;uuoF`1S$g1QpLoDxN~!
zt7h(YcX3HeOA8AHf^rb}eufsH1Y~r0ILMZ?G&eVwmff>wa-H`{3okD%FZVwWveIYK
zkABt$5Ux<P`@8q=Ee4kLzMpQ-|9|&aZkz?f5$+E!-@iV;?Wc~M!=qx4y5FDoNAExT
znZ2RH&hBsR-<xLhRX<v)?Em}o{@VNhzI^|he!E8OfOyUHBOoPu^Z(te%k92D>BpS&
z|NUys_<?4<y}s>-?t|_7AME~OWuwn<r1&R9*EO)FkD2cu-)H*K^#0Q84|^B{&Og0;
z|N8vg&yn#TVuj8hU%r36{q1L)_dVFHGEbc0(axG*)xWpu)_FfGwfn#O>usCq{?+pT
z!PdvMKL>gUW<OKiZ|;5G>kl*6{QCWCbFQ8Dqhh=N)?aUe?Em}`>c7tOj0!(<yU#Pl
zN&k4O|3hyt-+6h4M?Zgj`Ti|C`j6Q8m)leA*bh9~tWx*<^ZwxZXN#E}fEL!r*Ka$U
z&bVLqvn2y4%-;If=kMQkG@Wrh?;o=dw-|)xfBt!Y<@sk^3`a0*zr1|^_W0Y6wlk!}
z0ga5_&kG6aO5F!rQ=uXXat|)wJ3b8>e(>M`8q1vUITB_%8!)84K)kUA=<?3zpFrWP
zR`C`T>ffND#-L&cv?X}{UyvNzk3a9P<uiAr|Jw3>qbfw=EGR0#er-7Nyyjo|tIdqi
zC}#b@dS8{10aZ0TVa$6A3>mNo&WbX0)Hj2|#O!2#{lD_p+bjJTI{rt1@gL>(yLZIW
TzRXnyW(@{US3j3^P6<r_(Rbn~

diff --git a/public/ideContainer/icon/teamComp.png b/public/ideContainer/icon/teamComp.png
index 295808a9e9d27cad9b8f38ab832a339540798519..142b88ce7f0c7f965b36bd6a19d844ceaceec6f7 100644
GIT binary patch
literal 558
zcmV+}0@3}6P)<h;3K|Lk000e1NJLTq000pH000pP1^@s6J8eh$00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0mDf|K~y+TeUm*)
z13?gm_ZGA;n8tt_5rZNmh!SjUl*HCb3++OFiuzNIbXsU-YYuH}B-j`T25q831W~kz
zkTcKRjcg9}ZDx1o-T7Y6#HiJd%l*D7bFNl*4@8*&9AuIwPJI99-1EG0Dm8Zh@$s2M
z7lvVdU=AQg0m6Ma*pvsSTHV|9eE;~s^UVJG#+u1wCg7OnZOgp9y$7AnQwgF5SXwT;
zW~V2MaJt<Wb9r%P25&bl3JB@|<O_>teqpY}S)<R+&g9eqP(GzuYfW8CP>=~xAa3t$
ziEK7oqW=w&3FtgNH;@o{kk2m~N(4ymt|OK7%vLJ9b?R<h-wZjRBp2M(5&fWNVQ3Dq
zNha2MhrQlc5dx_v9VpOar&O9At0O0x4QDOkFQ`2lZ?q@kBpP!x1)}^1wZqrt6DRCR
zHais%g?j&*0($K9W^{C<!2+WHnNB)AUXp$!rl24Lx9P>zm7i=Zr9jeVx>L~9k(z<>
z+{Kej*jTy6P)9sGJvkF8yAnHaF|@I6`Yc|%eJ{(WQ)}Nn1TM!t5B*}%#NaXe!}zsi
w1|Y^5(U=FnIKIo6kz|JCF)|647jcaF22ju#$$!Obpa1{>07*qoM6N<$f@mM_ZU6uP

literal 1194
zcmcJPeM}p57{`Czcqy1N6z8%L%Zy;-AGl;@#f(C$>DF~YYMe^UmSVzEVj!tYHNE5L
zi-QEn{^;VOkuX~$*~pA|5VCb-ZBJg57=d#kqjRtx1?`O$a(C;?LEF39D=S&z-#*E6
zzklv|p6~DTeeU|+Yt%@J4;2FdB-&Hz_cP~yA;krm=Zyo`z5yWbf>!<Z2asrUMRd7R
z`&Fg(g-bv7-_fYm27}?F4>MsFf}Q<8;&Y*OQ<E^oU^sbF-F;`EzZh>YG?~9Jn{~J_
zvf+m<N4{N1=naCkDB}<MJ@Q`=ufMiaj?b_b!r_&xUPC3co{E*Y=Jtc$!mR+sjS_qG
zNLyQEv8!vU(DbWuDK($1iDxTr&9#b9$;i!{aCl-O*!3l0#o5jtzX+7#(K;g1;;Lpo
zM)^bN^!maOfF{>mvpmmJ%P?7o=BMQJgR^G`+`jvllm<2tM&VEGCUQQK#8}xW&phIp
zsZGi4&~<9tS&`h>+?-=OxEg4<FapT=??~20>24E)6`WYgeXF5WO70BSJ4br_h<B=W
zZ*ObDM<qx7x3-7f)`6OTtU4%l1)eN(&Sr!_F+WsgO|yKrFz%5?c~PSbJ-<v1*&ZJl
z-M-3ppysW1z%=Yol4G&cXzGd0!o~caXqhy9-br`Mo+&GG*pBL;$t!Sluwr7cA|iIu
zTe3*EOwrGF;^tCdhwKy=s7Ma~^;0c>xks^e&Gl>pg<GcJe^&&HbfJ6AYhOc&1t(K$
zUcP`Ev7NgJMm)VtwS8eo$2>-v)1Jdv8nI1|n@G{fu4KTR^Rb9+!)^Cl!*2KtUnNix
z(@PnI6n*@hNRT4XZ12POyk$wen6>7)Cj#-SwPq>k^TQ4n>LCh1=|0*^BwKvUZ(%F>
z%0A1VZ5&T=MGkB9RVdmboiHJSnPpD;yp(&Sp`$}Y!XJ*^PCBXW5_B&(EL}k`b|#gB
zs|Yf>P>~Kgy4!&JuK^a;V&i1C6nUhYIZiQBie3V%{XP=0Zj4pchlh#KyW>R808=9R
zx}H0x?<3M)WpH^sqDb6ztlV|Ld2Djsl{itUC+h-hFI&r1iiM014of^94<TN@+_TsP
z+jo&$bK41h@8WMXPlrr_us0AK6HUKqAz1Ey+fr&Vw`AZm_94r~n$!1)5xwJxL|EXO
z0Q8V*HyW|bTM;qHS$}W<hf%hp2QPRE63h3<@pX4q{f??6;v;A3%T=pmP$S0WpgI4@
zDwV79FbOTCm=bI*!el=qN$G?Un?XENMpHgmRlbzXv^f3uv8sazjA#BqKzpK5{qsAY
GT>KY<*SSvs

diff --git a/public/ideContainer/icon/teamComp_active.png b/public/ideContainer/icon/teamComp_active.png
index 630a0a6356685837ae8a09a606320b9844fea8d5..6d7c28e2449e96116e61512e0626e1ed9e6165af 100644
GIT binary patch
literal 830
zcmV-E1Ht@>P)<h;3K|Lk000e1NJLTq000pH000pP1^@s6J8eh$00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0@F!EK~y+TbyHhN
zlVKQszwbXdr7gEX%UTDWW`ryWYl|*S$jGZwgdjl(f=D6ny73~rtBV2y1EHG;y-A8F
z%22|f!`9(Kqmwi%8d{2nZQ*|Z{fFN7AK$P+4{YE6zwh%t-+THQAj;iU72R!#!(4#|
z%LI8~B-D@QEdI2W%*-<SUHI%J4)NFVE~9^rA;H_#{`HaD15tm#N~V^0P{VM;fC)oq
zQ$(a-rr2F&WpF@ILEY%Hl8e82Fq4MZjgjgm)_dCS;}Z0C^sLEScA9h%ynQCaLXyX)
z;&Q|WJH~)T16!?R<B43lvew)~oZ0UZ+`d)<U_lGV_pIAv{SpF%y8R~X*lk5*1#9p_
zl+Iwa6|C51IRb<NpF@<RQarWHgE<{^vT3Ufo<CM#?2ZDv!UmkZn03w%ZzRV~e!(M9
z&!ljuGvIQ0J3M~-bGhH%OhgJe)RKdy<2i>|TaR7DY~Ep+6uiC0gjeH=mP|;QtHZuF
zK5#b_$GS%+?#n6(Oum#IfrduI5fGqvvXg&$N{0ELd=kyq$wxhbRO;K6wN+k8H&N=v
z0s>?w|ASj9%zTo<R0`Q0k)g5XY0QR{p{X@r!v7%r#2<RnJV?)uNOyapPgS9QgU5z@
zH`PMZia~bryUJ|fjP1kyX(78Kf;eAOXHK@B(P3$x|1$-FKk59`$WOiTZZbdG+`d5D
z%xPnZR8eU~X!b-9<D@_#KpBXsQE!g48!9a!W)tODN)K+VA(|<sKmioEvX~c0FXb~3
zJh8b5S7Bq<r@!~0q1QzWomPABQfZdXqbGHZHd&y+$BmW3Rh<U2edmlEQ+xpnv@C<^
z_wtw5Pvu!N$6z^=7%eUF1=q6d#ljq~7M$3)0&_oj7RUV1k;AWe*y|1*bCmHC`orJ}
zX0d)+Mk?9y-~dDq5gKvuD?U}Ip+K}CMh68u??qV8%X0w!0zr^s!V)tAy#N3J07*qo
IM6N<$f>cm~#{d8T

literal 1102
zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw{1|(OCFP+A~z#{7D;uuoF`1S$g1QpLoDxN~!
zt7h(YcX3HeOA8AHf^rb}eufsH1Y~r0ILMZ?G&eVwmff>wa-H`{3okD%FZVwWveIYK
zkABt$5U$Xh|L<O1Zqs$PAAjCoN&j3^^Q-#zRz{9E=?9<p2hTq%%Fx07W6SrC`Hbsp
zKlSAAEePX()^&f{kGbdn`_+D1zJGiC?MIs%uCrNG9@`#gv6`KE|6kVoORqCB2%P`&
z^8M@c+kUPo|Jh->-DVNvhu{0J6u!&*drtWOu6<%3ZXd{=Z}T`h{`K19cis0L`ErS2
zyY0>o&hh5X&r0q7@BVt5;n7UHzqNmFs{8%kYxlr-8virKyy~Kd?fdeM{f&F;>lXLd
z*G=w)w_Oo)=lP!?$1``N|N8R%TXyuHYwERc1;79P8~^G@bNs6vPX&8Hj<EkyY78>r
z>b;aFSMR4hsf+(KQQD*C-1GY7cG3<umm$8{e(xD`+y1&I-ah(&fiC{Y4#ZjcMxS2g
z8x`%p|9@$p{g0)6;nkBThSyJ?2;=Mj(BouqusN`NZ-0IE#+Q%vf6uz?{r{kT>7HA&
zd-nXA-D9&IrWE9o`k&QL%jbPD|GM4&zxCIf3=EGL?f&lldrNFTYr$z{srR1*v*RYn
z|Jo%93=#%~kCyZQ&;6Cd!0<7~?rrU#=mXjHm#)iw)c-lD{|>{Cw?Mo1@`W=f$UV4x
z|N8vg&yftk(Eg|=zwsIC&xPw}7v7%C&0w_t^UwQh@3S!o@PEjBpKSkX>GJ!PH?L=`
z{|XH7$FKm|`S+iG=^v=8|2%zvZGW6x)_3lG-s_pc#@{<$x7A#-@~gSzPiW9qK>0iG
z^Vi<(xjioiCQy0l{?+~eR_4Esk3x%1v-w{=<ExMSt@}US>feLuR(X{!k7MnU&Y~Hx
z^ZxXjCu}fxLsOGo;jQ;y8Ru`TG2jQKCQ#fI?uVwYj}F+Q6P8pM=6xyuy1xD=yY;m8
zs>}!58?V=0@%G<e{HtpJwblDiavXU7Kj^sppP=?5&ujjbzuL@rgt_L{?;qP6u0ON<
zyX_1}@bz|kP=aJIn}4+U7bM&nz&U8&zZ`~1_d!|cT0STX{r<I?(WCD7=l#+9K{@Du
d1Q`EOp6g?%>auO0FR+|o@O1TaS?83{1OS;Ubj1Jw

diff --git a/src/pages/componentDevelopment/componentList/index.tsx b/src/pages/componentDevelopment/componentList/index.tsx
index 8c75aef..a3289a0 100644
--- a/src/pages/componentDevelopment/componentList/index.tsx
+++ b/src/pages/componentDevelopment/componentList/index.tsx
@@ -9,9 +9,24 @@ const GlobalVarContainer = () => {
   const [selectedItem, setSelectedItem] = useState('数字类型');
 
   const menuItems = [
-    '我的组件',
-    '协同组件',
-    '组件审核'
+    {
+      key: '1',
+      label: '我的组件',
+      icon: '/ideContainer/icon/myComp.png',
+      activeIcon: '/ideContainer/icon/myComp_active.png'
+    },
+    {
+      key: '2',
+      label: '协同组件',
+      icon: '/ideContainer/icon/teamComp.png',
+      activeIcon: '/ideContainer/icon/teamComp_active.png'
+    },
+    {
+      key: '3',
+      label: '组件审核',
+      icon: '/ideContainer/icon/compAudit.png',
+      activeIcon: '/ideContainer/icon/compAudit_active.png'
+    }
   ];
 
   return (
@@ -21,10 +36,12 @@ const GlobalVarContainer = () => {
         {menuItems.map((item, index) => (
           <div
             key={index}
-            className={selectedItem === item ? styles['selected'] : ''}
-            onClick={() => setSelectedItem(item)}
+            className={selectedItem === item.label ? styles['selected'] : ''}
+            onClick={() => setSelectedItem(item.label)}
           >
-            {item}
+            <img src={selectedItem === item.label ? item.activeIcon : item.icon} alt=""
+                 style={{ width: 20, height: 20, marginRight: 12 }} />
+            <span>{item.label}</span>
           </div>
         ))}
       </div>