涓嶈繃杩欑鏂瑰紡瀵规垜浠悗鏈熺殑鍔熻兘鎵╁睍鍜屼氦浜掓晥鏋滃彲鑳戒笉鏄緢鍙嬪ソ銆傛墍浠ユ垜鐨勮В鍐虫柟妗堟槸鏀瑰彉鎶樺彔鍐呭鐨勯珮搴︺€傚綋鐒讹紝杩欎釜鏂规硶涔熷緢瀹规槗鐞嗚В銆傛垜浠富瑕佸鐞嗗唴瀹圭殑鍐呭銆傚浜庤繖涓牱寮忥紝鎴戜滑榛樿璁剧疆瀹冪殑楂樺害涓?锛屽嵆鍐呭鏄姌鍙犵殑銆傚洜涓烘棤娉曠‘瀹氭瘡涓€鎶樼殑鍐呭锛屾墍浠ユ垜浠渶瑕佸姩鎬佽绠楀～鍏呭唴瀹圭殑楂樺害锛岃繖涔熸槸涓€绉嶉€傞厤鏂规銆傛垜鍔ㄦ€佽绠楃殑鐩殑鏄疄鐜板悗闈㈢殑鍔ㄧ敾鏁堟灉锛屾彁楂樼敤鎴蜂綋楠屻€傛垜鏄敤height+transform瀹炵幇鐨勶紝鍚屾椂鍒╃敤css鐨勫睘鎬ill-change鏉ヤ紭鍖栧姩鐢绘晥鏋溿€倃ill-change涓簑eb寮€鍙戣€呮彁渚涗簡涓€绉嶅皢鍏冪礌鍙戠敓鍙樺寲閫氱煡娴忚鍣ㄧ殑鏂瑰紡锛屼互渚挎祻瑙堝櫒鍦ㄥ厓绱犵殑灞炴€х湡姝ｅ彂鐢熷彉鍖栦箣鍓嶏紝鎻愬墠鍋氬ソ鐩稿簲鐨勪紭鍖栧噯澶囥€傝繖绉嶄紭鍖栧彲浠ユ彁鍓嶅噯澶囬儴鍒嗗鏉傜殑璁＄畻宸ヤ綔锛岃椤甸潰鐨勫搷搴旀洿蹇洿鐏垫晱銆?/缁勪欢閮ㄥ垎鏍稿績浠ｇ爜constwrapperRefEle:any=wrapperRef.value;constcontentRefEle:any=contentRef.value;if(!wrapperRefEle||!contentRefEle){return;}constoffsetHeight=contentRefEle.offsetHeight||'auto';if(offsetHeight){constcontentHeight=`${offsetHeight}px`;wrapperRefEle.style.willChange='height';wrapperRefEle.style.height=!proxyData.openExpanded锛?:contentHeight;}涓婇潰浠ｇ爜鏄幏鍙栧厓绱犵殑DOM锛岃绠楀唴瀹圭殑楂樺害offsetHeight骞惰祴鍊硷紝閫氳繃楂樺害鐨勫彉鍖栧拰transform瀹炵幇鎶樺彔灞曞紑鐨勫姩鐢绘晥鏋溿€傜伒娲荤殑鏍囬鏍忕揣闅忓叾鍚庣殑鏄鏍囬鏍忓姛鑳界殑鏀硅繘锛屽鍔犱簡鍥炬爣銆佽嚜瀹氫箟浣嶇疆鍜岀浉鍏崇殑鍔ㄧ敾鍔熻兘銆傛垜浠厛鏉ョ湅鍩烘湰鐢ㄦ硶鐨勫彸渚у浘鏍囷紝瀵瑰簲鍐呭鐨勬敹璧峰拰灞曞紑銆傚綋瀹冧互浜や簰鏂瑰紡灞曞紑鏃讹紝瀹冩槸鍚戜笂绠ご锛屽綋瀹冩姌鍙犳椂锛屽畠鏄悜涓嬬澶淬€傞偅涔堟垜浠牴鎹睍寮€鐘舵€佹槸鍚︿负鍙橀噺锛岀敤涓€涓澶村浘鏍囧氨鍙互杞绘澗鎼炲畾銆傝В鍐虫柟娉曟槸鍒╃敤css3鐨剅otate灞炴€ф潵鍙嶈浆180掳銆俰f(parent.props.icon&&!proxyData.openExpanded){proxyData.iconStyle['transform']='rotate(0deg)';}else{proxyData.iconStyle['transform']='rotate('+parent.props.rotate+'deg)';}涓轰簡鍔犲己鐢ㄦ埛鑷畾涔夛紝鎵╁睍缁勪欢鑳藉姏锛屽澶栨毚闇蹭簡鍥炬爣閰嶇疆鐨凙PI锛屾瘮濡傝嚜瀹氫箟鍥炬爣锛屽浘鏍囨棆杞搴︾瓑锛岃繖浜涢厤缃寚鐨勬槸涓嶅悓鐨勫満鏅紝姣斿content涓€浜涙柊闂绘姤閬撶殑鍥剧墖琚姌鍙犲苟鏃嬭浆浜?0掳銆傚綋鐒讹紝鏍囬鏍忔枃鏈篃鍙互閰嶇疆鐩稿叧鐨勫浘鏍囷紝鍖呮嫭鍥炬爣鐨勪綅缃€侀鑹层€佸ぇ灏忕瓑銆傝鍔熻兘澧炲姞浜嗙敤鎴风殑涓€у寲閰嶇疆锛屽彲鐢ㄤ簬鏄剧ず涓€浜涢噸瑕佹秷鎭€佹柊娑堟伅鎻愰啋銆佹湭鏌ョ湅淇℃伅绛夊満鏅€備竴浜涚粍浠跺簱鐨勫紑鍙戣€呭彲鑳芥病鏈夎繖涓厤缃€傞鍏堟垜涓汉瑙夊緱璺熺粍浠舵病浠€涔堝叧绯汇€傜粍浠剁殑璁捐闇€瑕佸拰涓氬姟鑱旂郴璧锋潵锛屾娊璞″嚭涓€浜涘姛鑳斤紝杩欐牱鎵嶈兘鏇村ソ鐨勫畬鍠勭粍浠剁殑鍔熻兘锛屽寘鎷悗鏈熺粍浠剁殑鎵╁睍锛岃繖浜涢兘鏄湪寮€鍙戜腑鎴愰暱鐨勭殑涓氬姟銆傞厤缃」鍗囩骇鍦ㄥ悗鏈熺殑浣跨敤杩囩▼涓紝鎴戜滑閽堝鏌愪簺鍦烘櫙瀵圭粍浠跺姛鑳借繘琛屼簡浼樺寲鍗囩骇銆傞鍏堬紝澧炲姞浜嗗瓧骞曠殑閰嶇疆锛屽彲浠ュ緢鏂逛究鐨勯€氳繃瀛楀箷鏉ヨ缃紙PS锛氬彲浠ョ湅涓婂浘鐨勪緥瀛愷煈嗭級銆傚晢鍩庣Щ鍔ㄧ涓殑鎼滅储鍒嗙被鍔熻兘锛屽涓嬪浘鍦烘櫙銆傚畠浼氭湁榛樿鐨勫唴瀹规樉绀哄湪澶栭潰锛屽叾浣欑殑鍐呭浼氭姌鍙犳垨鑰呮姌鍙犲悗灞曞紑锛屾墍浠ュ鍔犱簡slot:extraRenderAPI锛岃杩欓儴鍒嗗唴瀹逛互slot鐨勫舰寮忓瓨鍦紝鍗虫柟渚垮紑鍙戣€呭畾涔変笉鍚岀殑鏄剧ず褰㈠紡銆傛牱寮忚皟鏁寸瓑涓婅堪鍔熻兘鐨勫疄鐜颁篃姣旇緝绠€鍗曪紝鍙渶瑕佸湪浠ｇ爜涓坊鍔犱竴涓猻lot鏍囩鍗冲彲鎺ユ敹浼犲叆鐨勫唴瀹广€?viewv-if="$slots.extraRender"class="collapse-extraWrapper">