fix(compilerMode): 修复编译模式没有正确处理动态 id 属性的问题 (#15583)

* fix(compilerMode): 修复编译模式没有正确处理动态 id 属性的问题

* fix: ci

---------

Co-authored-by: ZEJIA LIU <[email protected]>

crates/swc_plugin_compile_mode/src/tests/attributes.rs

@@ -27,7 +27,7 @@ test!(
  <View class={myClass}>
  <View style={myStyle} customProp={myCustomProp}></View>
  <View hoverStayTime={myTime}>
- <View hoverClass={myHoverClass}></View>
+ <View hoverClass={myHoverClass} id={myId}></View>
  </View>
  </View>
  </View>

crates/swc_plugin_compile_mode/src/transform.rs

@@ -376,7 +376,9 @@ impl TransformVisitor {
  }
 
  // 小程序组件标准属性 -> 取 @tarojs/shared 传递过来的属性值；非标准属性 -> 取属性名
- let value: &str = attrs_map.get(&miniapp_attr_name).unwrap_or(&jsx_attr_name);
+ let value: &str = attrs_map.get(&miniapp_attr_name)
+ .map(|res| res.as_str())
+ .unwrap_or(if miniapp_attr_name == "id" { "uid" } else { &jsx_attr_name });
  // 按当前节点在节点树中的位置换算路径
  node_path.push('.');
  let value = if value.contains(TMPL_DATA_ROOT) {

crates/swc_plugin_compile_mode/tests/__swc_snapshots__/src/tests/attributes.rs/should_handle_events.js

@@ -1,4 +1,4 @@
-const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view bindtap="eh" data-sid="{{i.cn[0].sid}}" id="{{i.cn[0].sid}}"></view><view bindanimationstart="eh" data-sid="{{i.cn[1].sid}}" id="{{i.cn[1].id}}"></view><image bindload="eh" data-sid="{{i.cn[2].sid}}" id="myImg"></image></view></template>';
+const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view bindtap="eh" data-sid="{{i.cn[0].sid}}" id="{{i.cn[0].sid}}"></view><view bindanimationstart="eh" data-sid="{{i.cn[1].sid}}" id="{{i.cn[1].uid}}"></view><image bindload="eh" data-sid="{{i.cn[2].sid}}" id="myImg"></image></view></template>';
 function Index() {
  return <View compileMode="f0t0">
  <View onClick={handleViewClick}></View>

crates/swc_plugin_compile_mode/tests/__swc_snapshots__/src/tests/attributes.rs/should_turn_dynamic_attrs.js

@@ -1,10 +1,10 @@
-const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view class="{{i.cn[0].cl}}"><view custom-prop="{{i.cn[0].cn[0].customProp}}" style="{{i.cn[0].cn[0].st}}"></view><view hover-stay-time="{{xs.b(i.cn[0].cn[1].p3,400)}}"><view hover-class="{{xs.b(i.cn[0].cn[1].cn[0].p1,\'none\')}}"></view></view></view></view></template>';
+const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view class="{{i.cn[0].cl}}"><view custom-prop="{{i.cn[0].cn[0].customProp}}" style="{{i.cn[0].cn[0].st}}"></view><view hover-stay-time="{{xs.b(i.cn[0].cn[1].p3,400)}}"><view hover-class="{{xs.b(i.cn[0].cn[1].cn[0].p1,\'none\')}}" id="{{i.cn[0].cn[1].cn[0].uid}}"></view></view></view></view></template>';
 function Index() {
  return <View compileMode="f0t0">
  <View class={myClass}>
  <View style={myStyle} customProp={myCustomProp}></View>
  <View hoverStayTime={myTime}>
- <View hoverClass={myHoverClass}></View>
+ <View hoverClass={myHoverClass} id={myId}></View>
  </View>
  </View>
  </View>;