packages/taro-platform-harmony-cpp/src/program/vite/page.ts - main - githubmirror/taro

packages/taro-platform-harmony-cpp/src/program/vite/page.ts
693 строки31 KB
zhutianjian3
feat(harmony): support async context
11 фев 2026, 05:51
11 фев 2026, 05:51f85aa3f
import { isFunction, isObject, isString } from '@tarojs/shared'
import { TARO_TABBAR_PAGE_PATH } from '@tarojs/vite-runner/dist/harmony/page'
import { escapePath } from '@tarojs/vite-runner/dist/utils'

import { getProjectId } from '../../utils'

import type { PageParser, TPageMeta } from '@tarojs/vite-runner/dist/harmony/template'
import type { PluginContext } from 'rollup'
import type { Plugin, PluginOption } from 'vite'
import type Harmony from '..'

type TCPageMeta = TPageMeta & {
  isPure?: boolean
}

export default function (this: Harmony): PluginOption {
  const that = this
  const projectId = getProjectId()
  function genUniPageId(page: TPageMeta) {
    return `${projectId}:${page.originName || page.name}`
  }
  const name = 'taro:vite-harmony-template-page'

  return {
    name,
    enforce: 'pre',
    options(opt) {
      if (opt.plugins instanceof Array) {
        // Note: CAPI 模式禁用半编译能力
        const idx = opt.plugins.findIndex((e) => e && (e as Plugin).name === 'taro:vite-compile-mode')
        if (idx >= 0) {
          const compileMode = opt.plugins[idx] as Plugin
          compileMode.name = 'taro:vite-capi-compile-mode'
          delete compileMode.transform
          opt.plugins.splice(idx, 1, compileMode)
        }
      }
    },
    async buildStart(this: PluginContext) {
      const pluginContext = this
      const { runnerUtils, runOpts } = that.context
      const isPureComp = (page: TCPageMeta | TCPageMeta[]): page is TCPageMeta => {
        if (page instanceof Array) return false
        if (runOpts?.options?.args.pure || page.config?.entryOption === false) {
          page.isPure = true
        } else {
          page.isPure = false
        }
        return page.isPure
      }

      const { getViteHarmonyCompilerContext } = runnerUtils
      const compiler = (await getViteHarmonyCompilerContext(pluginContext))!
      const taroConfig = compiler.taroConfig

      if (compiler?.pages instanceof Array || compiler?.components instanceof Array) {
        compiler.loaderMeta ||= {}
        const oddModifyEntryFile = compiler.loaderMeta.modifyEntryFile
        compiler.loaderMeta.modifyEntryFile = function (
          this: PageParser,
          type = '',
          rawId = '',
          rawCode = '',
          page: TPageMeta
        ) {
          if (type === 'page') {
            const isPure = isPureComp(page)
            const { creatorLocation, frameworkArgs, importFrameworkStatement } = this.loaderMeta
            const isBlended = this.buildConfig.blended || this.buildConfig.isBuildNativeComp
            const createFn = isPure
              ? 'createNativeComponentConfig'
              : isBlended
                ? 'createNativePageConfig'
                : 'createPageConfig'
            const pageId = genUniPageId(page)

            const createPageOrComponent = `${createFn}(component, ${
              isPure || isBlended ? `'${pageId}', ${frameworkArgs}` : `'${pageId}', config`})`

            return this.transArr2Str([
              `import { ${createFn} } from '${creatorLocation}'`,
              ...((importFrameworkStatement as string) || '').split('\n'),
              `import component from "${escapePath(rawId)}"`,
              isBlended ? 'import { initPxTransform } from "@tarojs/taro"' : null,
              `export const config = ${this.prettyPrintJson(page.config)}`,
              // FIXME: InitPxTransform放在这里会导致多component相互影响
              isBlended ? this.getInitPxTransform() : null,
              page?.config.enableShareTimeline ? 'component.enableShareTimeline = true' : null,
              page?.config.enableShareAppMessage ? 'component.enableShareAppMessage = true' : null,
              `export default (config = {}) => ${createPageOrComponent}`,
            ])
          }

          return isFunction(oddModifyEntryFile) ? oddModifyEntryFile.call(this, type, rawId, rawCode, page) : rawCode
        }

        const oddModifyInstantiate = compiler.loaderMeta.modifyInstantiate
        compiler.loaderMeta.modifyInstantiate = function (this: PageParser, code = '', type = '', page: TPageMeta | TPageMeta[]) {
          if (type === 'page' && !(page instanceof Array)) {
            const componentName = (page.config as any)?.componentName
            if (isString(componentName)) {
              code = code.replace(/export\sdefault\sstruct\sIndex/, `export struct ${componentName}`)
            }
          }

          return isFunction(oddModifyInstantiate) ? oddModifyInstantiate.call(this, code, type, page) : code
        }

        const parsePageOrComp = (config: TPageMeta) => {
          if (!isPureComp(config)) {
            config.entryOption = {}
          }
          config.modifyPageImport = function (this: PageParser, importStr: string[], page: TPageMeta | TPageMeta[]) {
            function fixPageEntry (meta: TPageMeta) {
              Object.assign(config.entryOption, {
                routeName: meta.name,
              })
              if (isObject(meta.config?.entryOption)) {
                Object.assign(config.entryOption, meta.config.entryOption)
              }
            }

            if (!isPureComp(page)) {
              if (page instanceof Array) {
                page.forEach(fixPageEntry)
              } else {
                fixPageEntry(page)
              }
            }

            importStr.unshift('import { navigateBack } from "@tarojs/taro"')
            importStr.unshift('import oh_window from "@ohos.window"')
            importStr.unshift('import { TaroXComponent } from "@tarojs/components"')
            importStr.unshift('import { TaroNativeModule, initStyleSheetConfig, systemContext, WINDOW_STATE } from "@tarojs/runtime"')
            importStr.unshift('import { NodeContent } from "@ohos.arkui.node"')
            importStr.unshift('import display from "@ohos.display"')
            importStr.unshift('import { audio } from "@kit.AudioKit"')
          }

          config.modifyRenderState = function (this: PageParser, state: (string | null)[], page: TPageMeta | TPageMeta[]) {
            const isPure = isPureComp(page)
            state.push(
              this.renderState(
                {
                  name: '__layoutSize',
                  type: 'TaroAny',
                  foreach: () => 'null',
                  disabled: !this.buildConfig.isBuildNativeComp && isPure,
                },
                false
              ),
              this.renderState(
                {
                  name: 'areaChange',
                  type: 'TaroAny',
                  foreach: () => 'null',
                },
                false
              ),
              this.renderState(
                {
                  name: '__pageName',
                  type: 'TaroAny',
                  foreach: () => 'null',
                  disabled: !this.buildConfig.isBuildNativeComp && isPure,
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  decorator: 'State',
                  name: 'params', // FIXME 考虑后续移除该参数
                  type: 'TaroObject',
                  foreach: () => '{}',
                  disabled: !this.buildConfig.isBuildNativeComp && isPure,
                },
                false
              ),
              this.renderState(
                {
                  decorator: 'State',
                  name: 'statusBarHeight',
                  type: 'number',
                  foreach: () => 'getSystemInfoSync().statusBarHeight || 0',
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  decorator: 'State',
                  name: 'isHideTitleBar',
                  type: 'boolean',
                  foreach: (_, index) => {
                    if (this.isTabbarPage) {
                      return this.appConfig.window?.navigationStyle === 'custom'
                        ? `config${index}.navigationStyle !== 'default'`
                        : `config${index}.navigationStyle === 'custom'`
                    } else {
                      return this.appConfig.window?.navigationStyle === 'custom'
                        ? `config.navigationStyle !== 'default'`
                        : `config.navigationStyle === 'custom'`
                    }
                  },
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  decorator: 'State',
                  name: 'isUseCache',
                  type: 'boolean',
                  foreach: () => 'false',
                  disabled: !this.buildConfig.isBuildNativeComp,
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  name: 'isReported',
                  type: 'boolean',
                  foreach: () => 'false',
                  disabled: !this.buildConfig.isBuildNativeComp,
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  name: 'isShown',
                  type: 'boolean',
                  foreach: () => 'true',
                  disabled: !this.buildConfig.isBuildNativeComp && isPure,
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  name: 'nodeContent',
                  type: 'Content',
                  foreach: () => 'new NodeContent()',
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  decorator: 'State',
                  name: 'isReady',
                  type: 'boolean',
                  foreach: () => 'false',
                },
                this.isTabbarPage
              ),
              this.renderState(
                {
                  decorator: 'State',
                  name: 'pullDownRatio',
                  type: 'number',
                  foreach: () => '1',
                },
                this.isTabbarPage
              ),
            )
            if (isPureComp(page)) {
              state.unshift(
                this.renderState(
                  {
                    decorator: 'State',
                    name: 'currentRouter',
                    type: '(TaroObject | null)',
                    foreach: () => 'null',
                  },
                  this.isTabbarPage
                ),
              )
            }
          }
          config.modifyPageParams = (_: string) => {
            return 'this.params'
          }

          config.modifyPageAppear = function (appearStr: string, page: TPageMeta | TPageMeta[]) {
            const isPure = isPureComp(page)
            const appearCode: (string | null)[] = isPure
              ? [
                `initEtsBuilder('${genUniPageId(page)}')`,
                `TaroNativeModule.initStylesheet('${genUniPageId(page)}', styleJson, initStyleSheetConfig(this.params._layout_, this.getNavHeight()))`,
              ]
              : [
                `if (!Current.audioSessionManager) {`,
                `  const audioManager = audio.getAudioManager()`,
                `  Current.audioSessionManager = audioManager.getSessionManager()`,
                `}`,
                `this.activeAudioSession()`,
                ...(page instanceof Array ? [
                  ...page.map(p => `initEtsBuilder('${genUniPageId(p)}')`),
                  ...page.map((p, i) => `this.__pageName[${i}] = '${p.name}'`),
                ] : [
                  `initEtsBuilder('${genUniPageId(page)}')`,
                  `this.__pageName = '${page.name}'`,
                ]),
                'this.__layoutSize = this.params._layout_',
                `systemContext.windowWidth = ${config.config.windowArea?.width || 'this.params._layout_?.width'}`,
                `systemContext.windowHeight = ${config.config.windowArea?.height || 'this.params._layout_?.height'}`,
                ...(page instanceof Array ? [
                  ...page.map((p, i) => `TaroNativeModule.initStylesheet('${genUniPageId(p)}', styleJson${i}, initStyleSheetConfig({ width: systemContext.windowWidth, height: systemContext.windowHeight}, this.getNavHeight()))`),
                ] : [
                  `TaroNativeModule.initStylesheet('${genUniPageId(page)}', styleJson, initStyleSheetConfig({ width: systemContext.windowWidth, height: systemContext.windowHeight}, this.getNavHeight()))`,
                ]),
              ]
            if (!isPure) {
              appearCode.push(
                'Current.$r = (path: string): Resource => {',
                '  return $r(path)',
                '}',
                'let currentSplit = false',
                'let pendingAreaChange: TaroAny',
                `const resizeFn = (canSplit: boolean, size: TaroAny, sizeChange: boolean) => {`,
                `  const _display = display.getDefaultDisplaySync()`,
                `  const orientation = _display.orientation`,
                `  const idPortrait = orientation == display.Orientation.PORTRAIT || orientation == display.Orientation.PORTRAIT_INVERTED`,
                `  const _sysInfo: TaroAny = getSystemInfoSync()`,
                `  callFn(this.page?.onResize, this, {`,
                `    size: {`,
                // @ts-ignore
                `      windowWidth: ${config.config.windowArea?.width || 'size?.width'},`,
                // @ts-ignore
                `      windowHeight: ${config.config.windowArea?.height || 'size?.height'},`,
                `      screenWidth: _sysInfo.screenWidth,`,
                `      screenHeight: _sysInfo.screenHeight,`,
                `    },`,
                `    deviceOrientation: idPortrait ? "portrait" : "landscape",`,
                `    foldDisplayMode: _sysInfo.foldDisplayMode,`,
                `    canSplit: canSplit,`,
                `    reason: sizeChange ? "size" : "statusBar"`,
                `  })`,
                `}`,
                `const avoidAreaChange = (res: TaroAny) => {`,
                `  const statusHeight: number = px2vp(res.area.topRect.height)`,
                ...(page instanceof Array
                  ? [
                    `  this.statusBarHeight = this.statusBarHeight.map(() => statusHeight)`,
                    `  this.node.forEach((item: TaroAny, i) => {`,
                    `    if (item?._nid) {`,
                    `      TaroNativeModule.UpdateEnvRule('${getProjectId()}:' + this.__pageName[i], initStyleSheetConfig({ width: this.__layoutSize.width, height: this.__layoutSize.height}, this.getNavHeight()), item._nid)`,
                    `    }`,
                    `  })`
                  ]
                  : [
                    `  this.statusBarHeight = statusHeight`,
                    `  TaroNativeModule.UpdateEnvRule('${genUniPageId(page)}', initStyleSheetConfig({ width: this.__layoutSize.width, height: this.__layoutSize.height}, this.getNavHeight()), this.node?._nid)`,
                  ]),
                `  resizeFn(currentSplit, this.__layoutSize, false)`,
                `}`,
                `const windowStage: TaroAny = AppStorage.get(WINDOW_STATE)`,
                'this.areaChange = (res: TaroAny) => {',
                '  if (res.type !== oh_window.AvoidAreaType.TYPE_SYSTEM)  return',
                '  if (!this.isShown) {',
                '    pendingAreaChange = () => { avoidAreaChange(res) }',
                '  } else {',
                '    avoidAreaChange(res)',
                '  }',
                '}',
                `windowStage.getMainWindowSync().on('avoidAreaChange', this.areaChange)`,
              )
            }
            appearCode.push(appearStr)
            return this.transArr2Str(appearCode.filter(Boolean))
          }

          config.modifyPageDisappear = function (_disappearStr: string) {
            return this.transArr2Str(
              [
                `this.handlePageDetach()`,
                'this.deactivateAudioSession()',
                'if (this.areaChange) {',
                '  const windowStage: TaroAny = AppStorage.get(WINDOW_STATE)',
                `  windowStage.getMainWindowSync().off('avoidAreaChange', this.areaChange)`,
                '}'
              ]
            )
          }
          config.modifyPageBuild = function (this: PageParser, _: string, page: TPageMeta | TPageMeta[]) {
            const coreBuildCodeArray = [
              'Stack() {',
              ...(this.isTabbarPage
                ? [
                  '  if (this.isReady[index]) {',
                  '    TaroXComponent({ pageId: (this.node[index] as TaroAny)?._nid, data: this.nodeContent[index] })',
                ]
                : [
                  '  if (this.isReady) {',
                  '    TaroXComponent({ pageId: (this.node as TaroAny)?._nid, data: this.nodeContent })',
                ]),
              '  }',
              '}',
              '.align(Alignment.TopStart)',
              '.width("100%")',
              '.constraintSize({',
              '  minHeight: "100%",',
              '})',
              '.onDetach(this.handlePageDetach)',
            ]

            if (!isPureComp(page)) {
              coreBuildCodeArray.push(
                this.isTabbarPage
                  ? '.backgroundColor(this.pageBackgroundContentColor[index] || this.pageBackgroundColor[index] || "#FFFFFF")'
                  : '.backgroundColor(this.pageBackgroundContentColor || this.pageBackgroundColor || "#FFFFFF")'
              )

              if (this.enableRefresh === 1) {
                coreBuildCodeArray.forEach((code, idx) => coreBuildCodeArray.splice(idx, 1, `${' '.repeat(2)}${code}`))
                coreBuildCodeArray.unshift(
                  'Refresh({',
                  '  refreshing: $$this.isRefreshing,',
                  '  builder: this.customRefreshBuilder()',
                  '}) {'
                )
                coreBuildCodeArray.push(
                  '}',
                  '.pullDownRatio(this.pullDownRatio)',
                  '.onStateChange(bindFn(this.handleRefreshStatus, this))'
                )
              }

              coreBuildCodeArray.forEach((code, idx) => coreBuildCodeArray.splice(idx, 1, `${' '.repeat(2)}${code}`))
              coreBuildCodeArray.unshift('Navigation() {')
              coreBuildCodeArray.push(
                '}',
                this.isTabbarPage
                  ? `.backgroundColor(this.pageBackgroundColor[index] || '${
                    this.appConfig?.window?.backgroundColor || '#FFFFFF'
                  }')`
                  : `.backgroundColor(this.pageBackgroundColor || '${
                    this.appConfig?.window?.backgroundColor || '#FFFFFF'
                  }')`,
                `.height('100%')`,
                `.width('100%')`,
                `.title({ builder: this.renderTitle, height: this.getNavHeight() })`,
                `.titleMode(NavigationTitleMode.Mini)`,
                this.isTabbarPage ? `.hideTitleBar(this.isHideTitleBar[index])` : `.hideTitleBar(this.isHideTitleBar)`,
                `.hideBackButton(true)`,
                // `.expandSafeArea([SafeAreaType.SYSTEM])`,
                `.mode(NavigationMode.Stack)`
              )
            }

            if (this.isTabbarPage) {
              coreBuildCodeArray.forEach((code, idx) => coreBuildCodeArray.splice(idx, 1, `${' '.repeat(6)}${code}`))
              coreBuildCodeArray.unshift(
                'Tabs({',
                `  barPosition: this.tabBarPosition !== 'top' ? BarPosition.End : BarPosition.Start,`,
                '  controller: this.tabBarController,',
                '  index: this.tabBarCurrentIndex,',
                '}) {',
                '  ForEach(this.tabBarList, (item: ITabBarItem, index) => {',
                '    TabContent() {',
              )
              coreBuildCodeArray.push(
                `    }.tabBar(this.renderTabItemBuilder(index, item))`,
                `  }, (item: ITabBarItem, index) => \`\${item.key || index}\`)`,
                `}`,
                `.vertical(false)`,
                `.barMode(BarMode.Fixed)`,
                `.barHeight(this.isTabBarShow ? 56 : 0)`,
                `.animationDuration(this.tabBarAnimationDuration)`,
                `.onChange((index: number) => {`,
                `  if (this.tabBarCurrentIndex !== index) {`,
                `    callFn(this.page?.onHide, this)`,
                `    this.setTabBarCurrentIndex(index)`,
                `  }`,
                `  this.handlePageAppear()`,
                `  callFn(this.page?.onShow, this)`,
                `})`,
                `.backgroundColor(this.tabBarBackgroundColor)`,
                `.padding({`,
                `  bottom: px2vp(sysInfo.screenHeight - (sysInfo.safeArea?.bottom || 0)),`,
                `})`,
              )
            }

            return this.transArr2Str(coreBuildCodeArray)
          }

          config.modifyPageMethods = function (this: PageParser, methods, page: TPageMeta | TPageMeta[]) {
            const isPure = isPureComp(page)
            const handlePageAppearMethods = methods.find((item) => item.name === 'handlePageAppear')
            if (handlePageAppearMethods) {
              const methodsBodyList = handlePageAppearMethods.body?.split('\n') || []
              let insertIndex = methodsBodyList.findIndex((item) => item.startsWith('const params'))
              if (this.isTabbarPage) {
                insertIndex = methodsBodyList.findIndex((item) => item.includes('this.node[index] = instance'))
              } else {
                insertIndex = methodsBodyList.findIndex((item) => item.includes('this.node = instance'))
              }
              if (insertIndex >= 0) {
                methodsBodyList?.splice(
                  insertIndex + 1,
                  0,
                  ...[
                    this.isTabbarPage
                      ? '    TaroNativeModule.buildTaroNode(this.nodeContent[index], instance._nid)'
                      : '  TaroNativeModule.buildTaroNode(this.nodeContent, instance._nid)',
                    this.isTabbarPage ? '    this.isReady[index] = true' : '  this.isReady = true',
                    isPure ? `  this.currentRouter = Current.router` : null,
                    isPure ? `  eventCenter.on(this.currentRouter?.getEventName('onResize') || '', this.handlePageResizeEvent)` : null,
                  ].filter(isString),
                )

                if (taroConfig.isWatch) {
                  handlePageAppearMethods.body = this.transArr2Str([
                    'try {',
                    this.transArr2Str(methodsBodyList, 2),
                    '} catch (error) {',
                    `  console.error('[TARO_LOG] page-appear:', error.message + '\\n' + error.stack)`,
                    '}',
                  ])
                } else {
                  handlePageAppearMethods.body = this.transArr2Str(methodsBodyList)
                }
              }
            }

            const disabledMethods = ['onPageShow', 'onPageHide']
            if (isPure) {
              disabledMethods.unshift('getPageState')
              disabledMethods.push('handleRefreshStatus')
            }
            disabledMethods.forEach((name) => {
              const idx = methods.findIndex((e) => e.name === name)
              if (idx > -1) {
                methods.splice(idx, 1)
              }
            })

            methods.unshift(
              {
                name: 'getNavHeight',
                body: this.isTabbarPage
                  ? 'return this.isHideTitleBar[this.tabBarCurrentIndex] ? 0 : 48 + this.statusBarHeight[this.tabBarCurrentIndex]'
                  : 'return this.isHideTitleBar ? 0 : 48 + this.statusBarHeight',
              },
            )
            methods.push({
              name: 'handlePageDetach',
              type: 'arrow',
              body: this.transArr2Str([
                this.isTabbarPage ? `if (!this.isReady[this.tabBarCurrentIndex]) return` : `if (!this.isReady) return`,
                '',
                this.isTabbarPage ? `this.isReady[this.tabBarCurrentIndex] = false` : `this.isReady = false`,
                isPure
                  ? `eventCenter.off(this.currentRouter?.getEventName('onResize'), this.handlePageResizeEvent)`
                  : null,
                `callFn(this.page?.onUnload, this)`,
              ]),
            })
            methods.push({
              name: 'activeAudioSession',
              type: 'arrow',
              body: this.transArr2Str([
                `if (Current.audioSessionManager) {`,
                `  const manager: audio.AudioSessionManager = Current.audioSessionManager`,
                `  if (!manager.isAudioSessionActivated()) {`,
                `    let strategy: audio.AudioSessionStrategy = {`,
                `      concurrencyMode: audio.AudioConcurrencyMode.CONCURRENCY_PAUSE_OTHERS`,
                `    }`,
                `    manager.activateAudioSession(strategy)`,
                `  }`,
                `}`,
              ]),
            })
            methods.push({
              name: 'deactivateAudioSession',
              type: 'arrow',
              body: this.transArr2Str([
                `if (Current.audioSessionManager) {`,
                `  const manager: audio.AudioSessionManager = Current.audioSessionManager`,
                `  if (manager.isAudioSessionActivated()) {`,
                `    manager.deactivateAudioSession()`,
                `  }`,
                `}`,
              ]),
            })

            if (!isPure) {
              const index = methods.findIndex((e) => e.name === 'renderTitle')
              methods.splice(index, 1, {
                name: 'renderTitle',
                decorators: ['Builder'],
                body: this.transArr2Str([
                  `Flex({`,
                  `  direction: FlexDirection.Row,`,
                  `  justifyContent: FlexAlign.Start,`,
                  `  alignItems: ItemAlign.Center,`,
                  `}) {`,
                  `${
                    this.transArr2Str(!this.isTabbarPage && !this.buildConfig.isBuildNativeComp
                    // FIXME 这里 pageStack 更新问题，需要第二次才能显示 Home 按钮
                      ? [
                        `if (this.pageStack[0].path !== this.entryPagePath && this.navigationBarHomeBtn && this.pageStack.length === 1) {`,
                        `    Image($r('app.media.taro_home'))`,
                        `      .height(convertNumber2VP(40 / 7.5, 'vw'))`,
                        `      .width(convertNumber2VP(40 / 7.5, 'vw'))`,
                        `      .margin({ left: convertNumber2VP(40 / 7.5, 'vw'), right: convertNumber2VP(-20 / 7.5, 'vw') })`,
                        `      .fillColor((this.navigationBarTextStyle || '${this.appConfig.window?.navigationBarTextStyle}') !== 'black' ? Color.White : Color.Black)`,
                        `      .objectFit(ImageFit.Contain)`,
                        `      .onClick(() => {`,
                        `        router.replaceUrl({`,
                        `          url: this.tabBarList.find(e => e.pagePath === this.entryPagePath) ? '${TARO_TABBAR_PAGE_PATH}' : this.entryPagePath,`,
                        `          params: {`,
                        `            '$page': this.entryPagePath,`,
                        `          },`,
                        `        })`,
                        `      })`,
                        `  } else if (this.pageStack.length > 1) {`,
                        `    Image($r('app.media.taro_arrow_left'))`,
                        `      .height(convertNumber2VP(40 / 7.5, 'vw'))`,
                        `      .width(convertNumber2VP(40 / 7.5, 'vw'))`,
                        `      .margin({ left: convertNumber2VP(40 / 7.5, 'vw'), right: convertNumber2VP(-20 / 7.5, 'vw') })`,
                        `      .fillColor((this.navigationBarTextStyle || '${this.appConfig.window?.navigationBarTextStyle}') !== 'black' ? Color.White : Color.Black)`,
                        `      .objectFit(ImageFit.Contain)`,
                        `      .onClick(() => {`,
                        `        router.back()`,
                        `      })`,
                        `  }`,
                      ] : [], 2)}`,
                  `  Text(this.navigationBarTitleText${this.isTabbarPage ? '[this.tabBarCurrentIndex]' : ''} || '${this.appConfig.window?.navigationBarTitleText || ''}')`,
                  `    .margin({ left: convertNumber2VP(40 / 7.5, 'vw') })`,
                  `    .fontSize(convertNumber2VP(32 / 7.5, 'vw'))`,
                  `    .fontColor((this.navigationBarTextStyle${this.isTabbarPage ? '[this.tabBarCurrentIndex]' : ''} || '${this.appConfig.window?.navigationBarTextStyle}') !== 'black' ? Color.White : Color.Black)`,
                  `  if (this.navigationBarLoading${this.isTabbarPage ? '[this.tabBarCurrentIndex]' : ''}) {`,
                  `    LoadingProgress()`,
                  `      .margin({ left: convertNumber2VP(10 / 7.5, 'vw') })`,
                  `      .height(convertNumber2VP(40 / 7.5, 'vw'))`,
                  `      .width(convertNumber2VP(40 / 7.5, 'vw'))`,
                  `      .color((this.navigationBarTextStyle${this.isTabbarPage ? '[this.tabBarCurrentIndex]' : ''} || '${this.appConfig.window?.navigationBarTextStyle}') !== 'black' ? Color.White : Color.Black)`,
                  `  }`,
                  `}`,
                  `.height('100%')`,
                  `.width('100%')`,
                  `.backgroundColor(this.navigationBarBackgroundColor${this.isTabbarPage ? '[this.tabBarCurrentIndex]' : ''} || '${this.appConfig.window?.navigationBarBackgroundColor || '#000000'}')`,
                  `.padding({`,
                  `  top: px2vp(sysInfo.safeArea?.top || 0),`,
                  `})`,
                  `.zIndex(1)`,
                ]),
              })

              if (this.enableRefresh === 1) {
                methods.push({
                  name: 'customRefreshBuilder',
                  decorators: ['Builder'],
                  body: this.transArr2Str([
                    'if (config?.backgroundImageUrl) {',
                    '   Image(config?.backgroundImageUrl)',
                    '      .objectFit(ImageFit.Contain)',
                    '      .width(32)',
                    '      .height(32)',
                    '} else {',
                    '    LoadingProgress()',
                    '      .width(32)',
                    '      .height(32)',
                    '}',
                  ]),
                })
                // 禁止页面滚动
                methods.push({
                  name: 'disablePullDown',
                  body: this.transArr2Str(['this.pullDownRatio = 0']),
                })
                // 允许页面滚动
                methods.push({
                  name: 'enablePullDown',
                  body: this.transArr2Str([' this.pullDownRatio = 1']),
                })
              }
            } else {
              methods.push({
                name: 'handlePageResizeEvent',
                type: 'arrow',
                params: ['option: TaroObject'],
                body: this.transArr2Str([
                  `TaroNativeModule.UpdateStylesheet('${genUniPageId(page)}', styleJson, initStyleSheetConfig(option.size, this.getNavHeight()), this.node?._nid)`
                ]),
              })
            }
          }
        }
        compiler?.pages?.forEach(parsePageOrComp)
        compiler?.components?.forEach(parsePageOrComp)
      }
    },
  }
}