fix: 修复使用 babel.config.js 配置 preset-remax 时项目出错的问题

packages/remax-cli/src/__tests__/fixtures/babelrc/expected/components/a/index.axml

@@ -0,0 +1 @@
+<view>a</view>

packages/remax-cli/src/__tests__/fixtures/babelrc/expected/components/a/index.js

@@ -0,0 +1,3 @@
+'use strict';
+
+Component({});

packages/remax-cli/src/__tests__/fixtures/babelrc/expected/components/a/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

packages/remax-cli/src/__tests__/fixtures/babelrc/expected/pages/index.axml

@@ -8,6 +8,48 @@
 </template>
 
 
+  <template name="REMAX_TPL_1_a-0">
+  <a-0 ref="{{item.props['__ref']}}">
+
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <block a:if="{{item.props['slot']}}">
+        <view  slot="{{item.props['slot']}}"
+           disable-scroll="{{item.props['disable-scroll']}}"
+           hover-class="{{item.props['hover-class']}}"
+           hover-start-time="{{item.props['hover-start-time']}}"
+           hover-stay-time="{{item.props['hover-stay-time']}}"
+           hidden="{{item.props['hidden']}}"
+           class="{{item.props['class']}}"
+           style="{{item.props['style']}}"
+           animation="{{item.props['animation']}}"
+           hover-stop-propagation="{{item.props['hover-stop-propagation']}}"
+           onTap="{{item.props['onTap']}}"
+           onTouchStart="{{item.props['onTouchStart']}}"
+           onTouchMove="{{item.props['onTouchMove']}}"
+           onTouchEnd="{{item.props['onTouchEnd']}}"
+           onTouchCancel="{{item.props['onTouchCancel']}}"
+           onLongTap="{{item.props['onLongTap']}}"
+           onTransitionEnd="{{item.props['onTransitionEnd']}}"
+           onAnimationIteration="{{item.props['onAnimationIteration']}}"
+           onAnimationStart="{{item.props['onAnimationStart']}}"
+           onAnimationEnd="{{item.props['onAnimationEnd']}}"
+           onAppear="{{item.props['onAppear']}}"
+           onDisappear="{{item.props['onDisappear']}}"
+           onFirstAppear="{{item.props['onFirstAppear']}}"
+          >
+          <block a:for="{{item.children}}" key="{{item.id}}">
+            <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+          </block>
+        </view>
+      </block>
+      <block a:else>
+        <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+      </block>
+    </block>
+
+  </a-0>
+</template>
+
   <template name="REMAX_TPL_1_button">
   <button  app-parameter="{{item.props['app-parameter']}}"  class="{{item.props['class']}}"  data-rid="{{item.props['data-rid']}}"  disabled="{{item.props['disabled']}}"  form-type="{{item.props['form-type']}}"  hover-class="{{item.props['hover-class']}}"  hover-start-time="{{item.props['hover-start-time']}}"  hover-stay-time="{{item.props['hover-stay-time']}}"  hover-stop-propagation="{{item.props['hover-stop-propagation']}}"  loading="{{item.props['loading']}}"  onTap="{{item.props['onTap']}}"  open-type="{{item.props['open-type']}}"  plain="{{item.props['plain']}}"  public-id="{{item.props['public-id']}}"  scope="{{item.props['scope']}}"  size="{{item.props['size']}}"  type="{{item.props['type']}}" >
 

packages/remax-cli/src/__tests__/fixtures/babelrc/expected/pages/index.js

@@ -9,6 +9,7 @@ require('../npm/remax/esm/createAppConfig.js');
 require('../npm/remax/esm/Platform.js');
 require('../npm/remax/esm/createHostComponent.js');
 var createPageConfig = require('../npm/remax/esm/createPageConfig.js');
+var createNativeComponent = require('../npm/remax/esm/createNativeComponent.js');
 require('../npm/remax/esm/index.js');
 var View = require('../npm/remax/esm/adapters/alipay/components/View.js');
 require('../npm/remax/esm/adapters/alipay/components/ScrollView.js');
@@ -46,6 +47,8 @@ require('../npm/remax/esm/adapters/alipay/components/ContactButton.js');
 require('../npm/remax/esm/adapters/alipay/components/Video.js');
 require('../npm/remax/esm/adapters/alipay/api.js');
 
+var A = createNativeComponent.default('a-0');
+
 var _class, _descriptor, _temp;
 
 var N;
@@ -96,7 +99,7 @@ var c = new C();
 c.p = 'a';
 
 var _page = function _page() {
-  return React.createElement(View.default, null, timesTwo([1, 2, 3]), N.V, N.W, c.p);
+  return React.createElement(View.default, null, timesTwo([1, 2, 3]), N.V, N.W, c.p, React.createElement(A, null));
 };
 
 var index = Page(createPageConfig.default(_page));

packages/remax-cli/src/__tests__/fixtures/babelrc/expected/pages/index.json

@@ -1,3 +1,5 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "a-0": "../components/a/index"
+  }
 }

packages/remax-cli/src/__tests__/fixtures/babelrc/src/components/a/index.axml

@@ -0,0 +1 @@
+<view>a</view>

packages/remax-cli/src/__tests__/fixtures/babelrc/src/components/a/index.js

@@ -0,0 +1 @@
+Component({});

packages/remax-cli/src/__tests__/fixtures/babelrc/src/components/a/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

packages/remax-cli/src/__tests__/fixtures/babelrc/src/index.d.ts

@@ -0,0 +1,5 @@
+declare module '@/components/b';
+declare module '@/components/a';
+declare module '@/components/c';
+declare module '@/components/d';
+declare module '@/components/g';

packages/remax-cli/src/__tests__/fixtures/babelrc/src/pages/index.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import A from '@/components/a';
 import { View } from 'remax/alipay';
 
 // eslint-disable-next-line @typescript-eslint/no-namespace
@@ -38,5 +39,6 @@ export default () => (
     {N.V}
     {N.W}
     {c.p}
+    <A />
   </View>
 );

packages/remax-cli/src/build/plugins/babel.ts

@@ -36,7 +36,7 @@ function processPresets(presets: ConfigItem[], babel: any, react: boolean) {
   if (remaxPresetIndex === -1) {
     presets.unshift(remaxPreset);
   } else {
-    presets[remaxPreset] = remaxPreset;
+    presets[remaxPresetIndex] = remaxPreset;
   }
 
   return presets;