@mpxjs/core/src/platform/builtInMixins/index.js

mpx runtime core

import { isReact, isWeb } from '@mpxjs/utils'
import pageStatusMixin from './pageStatusMixin'
import proxyEventMixin from './proxyEventMixin'
import renderHelperMixin from './renderHelperMixin'
import refsMixin from './refsMixin'
import showMixin from './showMixin'
import relationsMixin from './relationsMixin'
import i18nMixin from './i18nMixin'
import pageTitleMixin from './pageTitleMixin'
import pageScrollMixin from './pageScrollMixin'
import componentGenericsMixin from './componentGenericsMixin'
import getTabBarMixin from './getTabBarMixin'
import pageRouteMixin from './pageRouteMixin'
import { dynamicRefsMixin, dynamicRenderHelperMixin, dynamicSlotMixin } from '../../dynamic/dynamicRenderMixin.empty'
import styleHelperMixin from './styleHelperMixin'
import directiveHelperMixin from './directiveHelperMixin'
import pageIdMixin from './pageIdMixin'

export default function getBuiltInMixins ({ type, rawOptions = {} }) {
  let bulitInMixins
  if (isReact) {
    bulitInMixins = [
      proxyEventMixin(),
      directiveHelperMixin(),
      styleHelperMixin(),
      refsMixin(),
      i18nMixin(),
      relationsMixin(type),
      pageRouteMixin(type)
    ]
  } else if (isWeb) {
    bulitInMixins = [
      proxyEventMixin(),
      refsMixin(),
      pageTitleMixin(type),
      pageStatusMixin(type),
      pageScrollMixin(type),
      componentGenericsMixin(type),
      getTabBarMixin(type),
      pageRouteMixin(type),
      // 由于relation可能是通过mixin注入的，不能通过当前的用户options中是否存在relations来简单判断是否注入该项mixin
      relationsMixin(type),
      pageIdMixin(type)
    ]
  } else {
    // 此为差异抹平类mixins，原生模式下也需要注入也抹平平台差异
    bulitInMixins = [
      proxyEventMixin(),
      pageStatusMixin(type),
      refsMixin(),
      relationsMixin(type)
    ]
    if (__mpx_mode__ === 'ali') {
      bulitInMixins = bulitInMixins.concat([
        pageIdMixin(type)
      ])
    }
    // 此为纯增强类mixins，原生模式下不需要注入
    if (!rawOptions.__nativeRender__) {
      bulitInMixins = bulitInMixins.concat([
        renderHelperMixin(),
        showMixin(type),
        i18nMixin(),
        dynamicRenderHelperMixin(),
        dynamicSlotMixin(),
        dynamicRefsMixin()
      ])
    }
  }
  return bulitInMixins.filter(item => item)
}