@mpxjs/webpack-plugin 2.10.16 → 2.10.17-beta.1

package/lib/template-compiler/compiler.js

@@ -1,7 +1,7 @@
 const JSON5 = require('json5')
 const he = require('he')
 const config = require('../config')
-const { MPX_ROOT_VIEW, MPX_APP_MODULE_ID, PARENT_MODULE_ID } = require('../utils/const')
+const { MPX_ROOT_VIEW, MPX_APP_MODULE_ID, PARENT_MODULE_ID, MPX_TAG_PAGE_SELECTOR } = require('../utils/const')
 const normalize = require('../utils/normalize')
 const { normalizeCondition } = require('../utils/match-condition')
 const isValidIdentifierStr = require('../utils/is-valid-identifier-str')
@@ -15,7 +15,8 @@ const { isNonPhrasingTag } = require('../utils/dom-tag-config')
 const setBaseWxml = require('../runtime-render/base-wxml')
 const { parseExp } = require('./parse-exps')
 const shallowStringify = require('../utils/shallow-stringify')
-const { isReact, isWeb } = require('../utils/env')
+const { isReact, isWeb, isNoMode } = require('../utils/env')
+const { capitalToHyphen } = require('../utils/string')
 
 const no = function () {
   return false
@@ -119,6 +120,8 @@ const rulesResultMap = new Map()
 let usingComponents = []
 let usingComponentsInfo = {}
 let componentGenerics = {}
+// 跨平台语法检测的配置，在模块加载时初始化一次
+let crossPlatformConfig = null
 
 function updateForScopesMap () {
   forScopesMap = {}
@@ -147,11 +150,11 @@ const deleteErrorInResultMap = (node) => {
 }
 
 function baseWarn (msg) {
-  console.warn(('[template compiler]: ' + msg))
+  console.warn(('[Mpx template warning]: ' + msg))
 }
 
 function baseError (msg) {
-  console.error(('[template compiler]: ' + msg))
+  console.error(('[Mpx template error]: ' + msg))
 }
 
 const decodeMap = {
@@ -637,8 +640,9 @@ function parse (template, options) {
   processingTemplate = false
   rulesResultMap.clear()
   componentGenerics = options.componentGenerics || {}
+  // 初始化跨平台语法检测配置（每次解析时只初始化一次）
+  crossPlatformConfig = initCrossPlatformConfig()
 
-  if (typeof options.usingComponentsInfo === 'string') options.usingComponentsInfo = JSON.parse(options.usingComponentsInfo)
   usingComponents = Object.keys(options.usingComponentsInfo)
   usingComponentsInfo = options.usingComponentsInfo
 
@@ -681,7 +685,6 @@ function parse (template, options) {
     meta.options.virtualHost = true
   }
   let currentParent
-  let multiRootError
   // 用于记录模板用到的组件，匹配引用组件，看是否有冗余
   const tagNames = new Set()
 
@@ -760,7 +763,10 @@ function parse (template, options) {
       if (!currentParent) genTempRoot()
 
       const children = currentParent.children
-      if (currentParent.tag !== 'text') {
+
+      const isTextLikeParent = currentParent.tag === 'text' || currentParent.tag === 'mpx-text' || currentParent.tag === 'Text' || currentParent.tag === 'mpx-simple-text'
+
+      if (!isTextLikeParent) {
         text = text.trim()
       } else {
         text = text.trim() ? text : ''
@@ -793,9 +799,10 @@ function parse (template, options) {
     }
   })
 
-  if (multiRootError) {
-    error$1('Template fields should has one single root, considering wrapping your template content with <view> or <text> tag!')
-  }
+  // multiRoot
+  // if (root.tag === 'temp-node' && root.children && root.children.filter(node => node.tag !== 'temp-node').length > 1) {
+  //   error$1('Template fields should has one single root, considering wrapping your template content with <view> or <text> tag!')
+  // }
 
   if (hasI18n) {
     if (i18nInjectableComputed.length) {
@@ -1000,12 +1007,34 @@ function processComponentIs (el, options) {
   }
 
   const range = getAndRemoveAttr(el, 'range').val
-  const isInRange = makeMap(range || '')
-  el.components = (usingComponents).filter(i => {
-    if (!range) return true
-    return isInRange(i)
+
+  // Map<CurrentName, SourceName>
+  let ranges
+  if (range) {
+    ranges = range.split(',').map(i => i.trim()).filter(i => i)
+  } else {
+    // 根据原始用户写的usingComponents字段生成ranges
+    ranges = options.originalUsingComponents || []
+  }
+
+  const rangeMap = new Map()
+  ranges.forEach(name => {
+    rangeMap.set(['ali', 'swan'].includes(mode) ? capitalToHyphen(name) : name, name)
   })
-  if (!el.components.length) {
+
+  // Map<CurrentName, SourceName>
+  el.componentMap = new Map()
+  usingComponents.forEach((name) => {
+    if (rangeMap.size === 0) {
+      el.componentMap.set(name, name)
+    } else {
+      if (rangeMap.has(name)) {
+        el.componentMap.set(name, rangeMap.get(name))
+      }
+    }
+  })
+
+  if (el.componentMap.size === 0) {
     warn$1('Component in which <component> tag is used must have a non blank usingComponents field')
   }
 
@@ -1592,7 +1621,7 @@ function parseOptionalChaining (str) {
     }
     if (grammarMap.checkState() && haveNotGetValue) {
       // 值查找结束但是语法未闭合或者处理到边界还未结束，抛异常
-      throw new Error('[optionChain] option value illegal!!!')
+      throw new Error('[Mpx template error]: optionChain option value illegal!!!')
     }
     haveNotGetValue = true
     let keyValue = ''
@@ -1642,7 +1671,7 @@ function parseOptionalChaining (str) {
     }
     if (grammarMap.checkState() && haveNotGetValue) {
       // key值查找结束但是语法未闭合或者处理到边界还未结束，抛异常
-      throw new Error('[optionChain] option key illegal!!!')
+      throw new Error('[Mpx template error]: optionChain option key illegal!!!')
     }
     if (keyValue) {
       chainKey += `,'${keyValue}'`
@@ -1855,24 +1884,25 @@ function processRefReact (el, meta) {
     /**
      * selectorsConf: [type, [[prefix, selector], [prefix, selector]]]
      */
-    if (!val) {
-      const rawId = el.attrsMap.id
-      const rawClass = el.attrsMap.class
-      const rawDynamicClass = el.attrsMap[config[mode].directive.dynamicClass]
-
-      if (rawId) {
-        const staticId = parseMustacheWithContext(rawId).result
-        selectors.push({ prefix: '#', selector: `${staticId}` })
-      }
-      if (rawClass || rawDynamicClass) {
-        const staticClass = parseMustacheWithContext(rawClass).result
-        const dynamicClass = parseMustacheWithContext(rawDynamicClass).result
-        selectors.push({ prefix: '.', selector: `this.__getClass(${staticClass}, ${dynamicClass})` })
-      }
-    } else {
+    if (val) {
       meta.refs.push(refConf)
       selectors.push({ prefix: '', selector: `"${refConf.key}"` })
     }
+
+    const rawId = el.attrsMap.id
+    const rawClass = el.attrsMap.class
+    const rawDynamicClass = el.attrsMap[config[mode].directive.dynamicClass]
+
+    if (rawId) {
+      const staticId = parseMustacheWithContext(rawId).result
+      selectors.push({ prefix: '#', selector: `${staticId}` })
+    }
+    if (rawClass || rawDynamicClass) {
+      const staticClass = parseMustacheWithContext(rawClass).result
+      const dynamicClass = parseMustacheWithContext(rawDynamicClass).result
+      selectors.push({ prefix: '.', selector: `this.__getClass(${staticClass}, ${dynamicClass})` })
+    }
+
     const selectorsConf = selectors.map(item => `["${item.prefix}", ${item.selector}]`)
     const refFnId = forScopes.reduce((preV, curV) => {
       return `${preV} + "_" + ${curV.index}`
@@ -2084,13 +2114,24 @@ function postProcessIf (el) {
         replaceNode(el, getTempNode())._if = false
       }
     } else {
+      el._if = null
       attrs = [{
         name: config[mode].directive.if,
         value: el.if.raw
       }]
     }
   } else if (el.elseif) {
+    if (el.for) {
+      error$1(`wx:elif (wx:elif="${el.elseif.raw}") invalidly used on the for-list <"${el.tag}"> which has a wx:for directive, please create a block element to wrap the for-list and move the elif-directive to it`)
+      return
+    }
+
     prevNode = findPrevNode(el)
+    if (!prevNode || prevNode._if === undefined) {
+      error$1(`wx:elif="${el.elseif.raw}" used on element [${el.tag}] without corresponding wx:if or wx:elif.`)
+      return
+    }
+
     if (prevNode._if === true) {
       removeNode(el)
     } else if (prevNode._if === false) {
@@ -2110,6 +2151,7 @@ function postProcessIf (el) {
           removeNode(el)
         }
       } else {
+        el._if = null
         attrs = [{
           name: config[mode].directive.elseif,
           value: el.elseif.raw
@@ -2117,7 +2159,17 @@ function postProcessIf (el) {
       }
     }
   } else if (el.else) {
+    if (el.for) {
+      error$1(`wx:else invalidly used on the for-list <"${el.tag}"> which has a wx:for directive, please create a block element to wrap the for-list and move the else-directive to it`)
+      return
+    }
+
     prevNode = findPrevNode(el)
+    if (!prevNode || prevNode._if === undefined) {
+      error$1(`wx:else used on element [${el.tag}] without corresponding wx:if or wx:elif.`)
+      return
+    }
+
     if (prevNode._if === true) {
       removeNode(el)
     } else if (prevNode._if === false) {
@@ -2141,23 +2193,99 @@ function addIfCondition (el, condition) {
   el.ifConditions.push(condition)
 }
 
+function getIfConditions (el) {
+  return el?.ifConditions || []
+}
+
 function postProcessIfReact (el) {
-  let prevNode
+  let prevNode, ifNode, result, ifConditions
   if (el.if) {
-    addIfCondition(el, {
-      exp: el.if.exp,
-      block: el
-    })
-  } else if (el.elseif || el.else) {
-    prevNode = findPrevNode(el)
-    if (prevNode && prevNode.if) {
-      addIfCondition(prevNode, {
-        exp: el.elseif && el.elseif.exp,
+    // 取值
+    // false -> 节点变为temp-node，并添加_if=false
+    // true -> 添加_if=true，移除if
+    // dynamic -> addIfCondition
+    result = evalExp(el.if.exp)
+    if (result.success) {
+      if (result.result) {
+        el._if = true
+        delete el.if
+      } else {
+        replaceNode(el, getTempNode())._if = false
+      }
+    } else {
+      el._if = null
+      addIfCondition(el, {
+        exp: el.if.exp,
         block: el
       })
-      removeNode(el, true)
+    }
+  } else if (el.elseif) {
+    if (el.for) {
+      error$1(`wx:elif (wx:elif="${el.elseif.raw}") invalidly used on the for-list <"${el.tag}"> which has a wx:for directive, please create a block element to wrap the for-list and move the elif-directive to it`)
+      return
+    }
+
+    ifNode = findPrevNode(el)
+    ifConditions = getIfConditions(ifNode)
+    prevNode = ifConditions.length > 0 ? ifConditions[ifConditions.length - 1].block : ifNode
+
+    if (!prevNode || prevNode._if === undefined) {
+      error$1(`wx:elif="${el.elseif.raw}" used on element [${el.tag}] without corresponding wx:if or wx:elif.`)
+      return
+    }
+
+    if (prevNode._if === true) {
+      removeNode(el)
+    } else if (prevNode._if === false) {
+      el.if = el.elseif
+      delete el.elseif
+      postProcessIfReact(el)
     } else {
-      warn$1(`wx:${el.elseif ? `elif="${el.elseif.raw}"` : 'else'} used on element [${el.tag}] without corresponding wx:if.`)
+      result = evalExp(el.elseif.exp)
+      if (result.success) {
+        if (result.result) {
+          delete el.elseif
+          el._if = true
+          addIfCondition(ifNode, {
+            block: el
+          })
+          removeNode(el, true)
+        } else {
+          removeNode(el)
+        }
+      } else {
+        el._if = null
+        addIfCondition(ifNode, {
+          exp: el.elseif.exp,
+          block: el
+        })
+        removeNode(el, true)
+      }
+    }
+  } else if (el.else) {
+    if (el.for) {
+      error$1(`wx:else invalidly used on the for-list <"${el.tag}"> which has a wx:for directive, please create a block element to wrap the for-list and move the else-directive to it`)
+      return
+    }
+
+    ifNode = findPrevNode(el)
+    ifConditions = getIfConditions(ifNode)
+    prevNode = ifConditions.length > 0 ? ifConditions[ifConditions.length - 1].block : ifNode
+
+    if (!prevNode || prevNode._if === undefined) {
+      error$1(`wx:else used on element [${el.tag}] without corresponding wx:if or wx:elif.`)
+      return
+    }
+
+    if (prevNode._if === true) {
+      removeNode(el)
+    } else if (prevNode._if === false) {
+      delete el.else
+    } else {
+      addIfCondition(ifNode, {
+        block: el
+      })
+      removeNode(el, true)
     }
   }
 }
@@ -2524,6 +2652,16 @@ function getVirtualHostRoot (options, meta) {
     if (isWeb(mode) && ctorType === 'page') {
       return createASTElement('page')
     }
+    if (isReact(mode) && ctorType === 'page') {
+      const rootView = createASTElement('view', [
+        {
+          name: 'class',
+          value: MPX_TAG_PAGE_SELECTOR
+        }
+      ])
+      processElement(rootView, rootView, options, meta)
+      return rootView
+    }
   }
   return getTempNode()
 }
@@ -2717,6 +2855,78 @@ function processNoTransAttrs (el) {
   }
 }
 
+function initCrossPlatformConfig () {
+  // 定义平台与前缀的双向映射关系
+  const platformPrefixMap = {
+    wx: 'wx:',
+    ali: 'a:',
+    swan: 's-',
+    qq: 'qq:',
+    tt: 'tt:',
+    dd: 'dd:',
+    jd: 'jd:',
+    qa: 'qa:',
+    web: 'v-'
+  }
+
+  if (isNoMode(mode)) {
+    return null
+  }
+
+  return {
+    currentPrefix: platformPrefixMap[mode] || 'wx:',
+    platformPrefixMap
+  }
+}
+
+// 检测跨平台语法使用情况并给出警告
+function processCrossPlatformSyntaxWarning (el) {
+  // 使用转换后的属性列表进行检查
+  if (!el.attrsList || el.attrsList.length === 0) {
+    return
+  }
+
+  // 如果配置为空，说明不需要检测
+  if (!crossPlatformConfig) {
+    return
+  }
+
+  const { currentPrefix, platformPrefixMap } = crossPlatformConfig
+
+  // 检查转换后的属性列表
+  el.attrsList.forEach(attr => {
+    const attrName = attr.name
+
+    // 检查是否使用了平台前缀
+    for (const [platformName, prefix] of Object.entries(platformPrefixMap)) {
+      if (attrName.startsWith(prefix)) {
+        if (isReact(mode)) {
+          // React Native 平台：只允许使用 wx: 前缀，其他前缀报错
+          if (prefix !== 'wx:') {
+            error$1(
+              `React Native mode "${mode}" does not support "${prefix}" prefix. ` +
+              `Use "wx:" prefix instead. Found: "${attrName}"`
+            )
+          }
+        } else {
+          // 小程序平台：检测跨平台语法使用
+          if (platformName !== mode) {
+            // 构建建议的正确属性名
+            const suffixPart = attrName.substring(prefix.length)
+            const suggestedAttr = currentPrefix + suffixPart
+
+            warn$1(
+              `Your target mode is "${mode}", but used "${attrName}". ` +
+              `Did you mean "${suggestedAttr}"?`
+            )
+          }
+        }
+        break
+      }
+    }
+  })
+}
+
 function processMpxTagName (el) {
   const mpxTagName = getAndRemoveAttr(el, 'mpxTagName').val
   if (mpxTagName) {
@@ -2746,6 +2956,9 @@ function processElement (el, root, options, meta) {
 
   processDuplicateAttrsList(el)
 
+  // 检测跨平台语法使用情况并给出警告
+  processCrossPlatformSyntaxWarning(el)
+
   processInjectWxs(el, meta, options)
 
   const transAli = mode === 'ali' && srcMode === 'wx'
@@ -2890,7 +3103,7 @@ function cloneAttrsList (attrsList) {
 }
 
 function postProcessComponentIs (el, postProcessChild) {
-  if (el.is && el.components) {
+  if (el.is && el.componentMap && el.componentMap.size > 0) {
     let tempNode
     if (el.for || el.if || el.elseif || el.else) {
       tempNode = createASTElement('block')
@@ -2900,11 +3113,12 @@ function postProcessComponentIs (el, postProcessChild) {
     replaceNode(el, tempNode, true)
     postMoveBaseDirective(tempNode, el)
 
-    el.components.forEach(function (component) {
-      const newChild = createASTElement(component, cloneAttrsList(el.attrsList), tempNode)
+    // Map<CurrentName, SourceName>
+    el.componentMap.forEach((source, name) => {
+      const newChild = createASTElement(name, cloneAttrsList(el.attrsList), tempNode)
       newChild.if = {
-        raw: `{{${el.is} === ${stringify(component)}}}`,
-        exp: `${el.is} === ${stringify(component)}`
+        raw: `{{${el.is} === ${stringify(source)}}}`,
+        exp: `${el.is} === ${stringify(source)}`
       }
       el.children.forEach((child) => {
         addChild(newChild, cloneNode(child))
@@ -3029,30 +3243,12 @@ function genIf (node) {
 
 function genElseif (node) {
   node.elseifProcessed = true
-  if (node.for) {
-    error$1(`wx:elif (wx:elif="${node.elseif.raw}") invalidly used on the for-list <"${node.tag}"> which has a wx:for directive, please create a block element to wrap the for-list and move the if-directive to it`)
-    return
-  }
-  const preNode = findPrevNode(node)
-  if (preNode && (preNode.if || preNode.elseif)) {
-    return `else if(${node.elseif.exp}){\n${genNode(node)}}\n`
-  } else {
-    error$1(`wx:elif (wx:elif="${node.elseif.raw}") invalidly used on the element <"${node.tag}"> without corresponding wx:if or wx:elif.`)
-  }
+  return `else if(${node.elseif.exp}){\n${genNode(node)}}\n`
 }
 
 function genElse (node) {
   node.elseProcessed = true
-  if (node.for) {
-    error$1(`wx:else invalidly used on the for-list <"${node.tag}"> which has a wx:for directive, please create a block element to wrap the for-list and move the if-directive to it`)
-    return
-  }
-  const preNode = findPrevNode(node)
-  if (preNode && (preNode.if || preNode.elseif)) {
-    return `else{\n${genNode(node)}}\n`
-  } else {
-    error$1(`wx:else invalidly used on the element <"${node.tag}"> without corresponding wx:if or wx:elif.`)
-  }
+  return `else{\n${genNode(node)}}\n`
 }
 
 function genExps (node) {
@@ -3263,5 +3459,6 @@ module.exports = {
   findPrevNode,
   removeNode,
   replaceNode,
-  createASTElement
+  createASTElement,
+  evalExp
 }

package/lib/template-compiler/gen-node-react.js

@@ -9,7 +9,8 @@ function genIfConditions (conditions) {
   if (!conditions.length) return 'null'
   const condition = conditions.shift()
   if (condition.exp) {
-    return `(${condition.exp})?${genNode(condition.block)}:${genIfConditions(conditions)}`
+    // 此处 condition.exp 无需括号包裹，condition.exp本身已经包含括号
+    return `${condition.exp}?${genNode(condition.block)}:${genIfConditions(conditions)}`
   } else {
     return genNode(condition.block)
   }
@@ -30,7 +31,7 @@ function mapAttrName (name) {
   return name
 }
 
-function genNode (node) {
+function genNode (node, isRoot = false) {
   let exp = ''
   if (node) {
     if (node.type === 3) {
@@ -72,18 +73,29 @@ function genNode (node) {
             }
 
             if (!node.unary && node.children.length) {
-              exp += ','
-              exp += node.children.map((child) => {
+              const childNode = node.children.map((child) => {
                 return genNode(child)
               }).filter(fragment => fragment).join(',')
+
+              // child可能为temp-node等无效节点，所以增加判断确保存在childNode再添加逗号
+              if (childNode) {
+                exp += ','
+                exp += childNode
+              }
             }
             exp += ')'
           }
         }
       } else {
-        exp += node.children.map((child) => {
+        const nodes = node.children.map((child) => {
           return genNode(child)
-        }).filter(fragment => fragment).join(',')
+        }).filter(fragment => fragment && fragment !== 'null')
+        if (isRoot && nodes.length > 1) {
+          // 如果存在多个根节点，使用 block 包裹
+          exp = `createElement(getComponent("block"), null, ${nodes.join(',')})`
+        } else {
+          exp += nodes.join(',')
+        }
       }
     }
   }

package/lib/template-compiler/index.js

@@ -24,14 +24,15 @@ module.exports = function (raw) {
   const packageName = queryObj.packageRoot || mpx.currentPackageRoot || 'main'
   const wxsContentMap = mpx.wxsContentMap
   const optimizeRenderRules = mpx.optimizeRenderRules
-  const usingComponentsInfo = queryObj.usingComponentsInfo || {}
+  const usingComponentsInfo = queryObj.usingComponentsInfo ? JSON.parse(queryObj.usingComponentsInfo) : {}
+  const originalUsingComponents = queryObj.originalUsingComponents ? JSON.parse(queryObj.originalUsingComponents) : []
   const componentPlaceholder = queryObj.componentPlaceholder || []
   const hasComment = queryObj.hasComment
   const isNative = queryObj.isNative
   const ctorType = queryObj.ctorType
   const hasScoped = queryObj.hasScoped
   const runtimeCompile = queryObj.isDynamic
-  const moduleId = queryObj.moduleId || mpx.getModuleId(resourcePath)
+  const moduleId = queryObj.moduleId || mpx.getModuleId(resourcePath, false, queryObj.moduleId ? null : this)
 
   let optimizeRenderLevel = 0
   for (const rule of optimizeRenderRules) {
@@ -43,13 +44,13 @@ module.exports = function (raw) {
 
   const warn = (msg) => {
     this.emitWarning(
-      new Error('[template compiler][' + this.resource + ']: ' + msg)
+      new Error('[Mpx template warning][' + this.resource + ']: ' + msg)
     )
   }
 
   const error = (msg) => {
     this.emitError(
-      new Error('[template compiler][' + this.resource + ']: ' + msg)
+      new Error('[Mpx template error][' + this.resource + ']: ' + msg)
     )
   }
 
@@ -70,6 +71,7 @@ module.exports = function (raw) {
     hasScoped,
     moduleId,
     usingComponentsInfo,
+    originalUsingComponents,
     // 这里需传递rawResourcePath和wxsContentMap保持一致
     filePath: rawResourcePath,
     i18n,

package/lib/template-compiler/parse-exps.js

@@ -23,7 +23,7 @@ const NODE_TYPE = {
 }
 
 const error = function (msg) {
-  throw new Error(`[Mpx dynamic expression parser error]: ${msg}`)
+  throw new Error(`[Mpx template error]: ${msg}`)
 }
 
 walk.full = function full (node, baseVisitor, state, override) {

package/lib/utils/const.js

@@ -6,5 +6,6 @@ module.exports = {
   JSON_JS_EXT: '.json.js',
   MPX_ROOT_VIEW: 'mpx-root-view', // 根节点类名
   MPX_APP_MODULE_ID: 'mpx-app-scope', // app文件moduleId
-  PARENT_MODULE_ID: '__pid'
+  PARENT_MODULE_ID: '__pid',
+  MPX_TAG_PAGE_SELECTOR: 'mpx-page'
 }

package/lib/utils/dom-tag-config.js

@@ -74,10 +74,10 @@ const isNativeMiniTag = makeMap(
  */
 const isBuildInWebTag = makeMap(
   'mpx-image,mpx-picker-view,mpx-slider,mpx-textarea,mpx-input,mpx-picker,' +
-  'mpx-swiper-item,mpx-video,mpx-button,mpx-keep-alive,mpx-progress,' +
+  'mpx-swiper-item,mpx-video,mpx-button,mpx-progress,' +
   'mpx-swiper,mpx-view,mpx-checkbox-group,mpx-movable-area,mpx-radio-group,' +
   'mpx-switch,mpx-web-view,mpx-checkbox,mpx-movable-view,mpx-radio,' +
-  'mpx-tab-bar-container,mpx-form,mpx-navigator,mpx-rich-text,mpx-tab-bar,' +
+  'mpx-form,mpx-navigator,mpx-rich-text,' +
   'mpx-icon,mpx-picker-view-column,mpx-scroll-view,mpx-text'
 )
 
@@ -86,11 +86,11 @@ const isBuildInWebTag = makeMap(
  */
 const isBuildInReactTag = makeMap(
   'mpx-web-view,mpx-view,mpx-video,mpx-textarea,mpx-text,mpx-switch,' +
-  'mpx-swiper,mpx-swiper-item,mpx-simple-view,mpx-simple-text,mpx-scroll-view,' +
+  'mpx-swiper,mpx-swiper-item,mpx-scroll-view,' +
   'mpx-root-portal,mpx-radio,mpx-radio-group,mpx-navigator,mpx-movable-view,' +
-  'mpx-movable-area,mpx-label,mpx-keyboard-avoiding-view,mpx-input,mpx-inline-text,' +
+  'mpx-movable-area,mpx-label,mpx-input,' +
   'mpx-image,mpx-form,mpx-checkbox,mpx-checkbox-group,mpx-button,' +
-  'mpx-rich-text,mpx-portal,mpx-popup,mpx-picker-view-column,mpx-picker-view,mpx-picker,' +
+  'mpx-rich-text,mpx-picker-view-column,mpx-picker-view,mpx-picker,' +
   'mpx-icon,mpx-canvas'
 )
 

package/lib/utils/env.js

@@ -10,8 +10,13 @@ function isMiniProgram (mode) {
     return !isWeb(mode) && !isReact(mode)
 }
 
+function isNoMode (mode) {
+    return mode === 'noMode'
+}
+
 module.exports = {
     isWeb,
     isReact,
-    isMiniProgram
+    isMiniProgram,
+    isNoMode
 }