feat: ali 环境支持recycle-view&sticky-header&sticky-section

packages/webpack-plugin/lib/index.js

@@ -742,6 +742,7 @@ class MpxWebpackPlugin {
           // 若配置disableRequireAsync=true, 则全平台构建不支持异步分包
           supportRequireAsync: !this.options.disableRequireAsync && (this.options.mode === 'wx' || this.options.mode === 'ali' || this.options.mode === 'tt' || isWeb(this.options.mode)),
           partialCompileRules: this.options.partialCompileRules,
+          useExtendComponents: this.options.useExtendComponents,
           collectDynamicEntryInfo: ({ resource, packageName, filename, entryType, hasAsync }) => {
             const curInfo = mpx.dynamicEntryInfo[packageName] = mpx.dynamicEntryInfo[packageName] || {
               hasPage: false,

packages/webpack-plugin/lib/json-compiler/index.js

@@ -12,7 +12,7 @@ const createHelpers = require('../helpers')
 const createJSONHelper = require('./helper')
 const RecordIndependentDependency = require('../dependencies/RecordIndependentDependency')
 const RecordRuntimeInfoDependency = require('../dependencies/RecordRuntimeInfoDependency')
-const { MPX_DISABLE_EXTRACTOR_CACHE, RESOLVE_IGNORED_ERR, JSON_JS_EXT } = require('../utils/const')
+const { MPX_DISABLE_EXTRACTOR_CACHE, RESOLVE_IGNORED_ERR, JSON_JS_EXT, EXTEND_COMPONENTS_LIST } = require('../utils/const')
 const resolve = require('../utils/resolve')
 const resolveTabBarPath = require('../utils/resolve-tab-bar-path')
 const normalize = require('../utils/normalize')
@@ -186,6 +186,21 @@ module.exports = function (content) {
     json.usingComponents = json.usingComponents || {}
   }
 
+  if (mode === 'wx' || mode === 'ali') {
+    const { useExtendComponents = {} } = mpx
+    if (isApp && useExtendComponents[mode]) {
+      const extendComponents = {}
+      useExtendComponents[mode].forEach((name) => {
+        if (EXTEND_COMPONENTS_LIST[mode]?.includes(name)) {
+          extendComponents[name] = normalize.lib(`runtime/components/${mode}/mpx-${name}.mpx`)
+        } else {
+          emitWarning(`extend component ${name} is not supported in ${mode} environment!`)
+        }
+      })
+      json.usingComponents = Object.assign({}, extendComponents, json.usingComponents)
+    }
+  }
+
   // 快应用补全json配置，必填项
   if (mode === 'qa' && isApp) {
     const defaultConf = {

packages/webpack-plugin/lib/react/processJSON.js

@@ -10,7 +10,7 @@ const getJSONContent = require('../utils/get-json-content')
 const resolve = require('../utils/resolve')
 const createJSONHelper = require('../json-compiler/helper')
 const getRulesRunner = require('../platform/index')
-const { RESOLVE_IGNORED_ERR } = require('../utils/const')
+const { RESOLVE_IGNORED_ERR, EXTEND_COMPONENTS_LIST } = require('../utils/const')
 const RecordResourceMapDependency = require('../dependencies/RecordResourceMapDependency')
 const RecordPageConfigsMapDependency = require('../dependencies/RecordPageConfigsMapDependency')
 
@@ -31,7 +31,8 @@ module.exports = function (jsonContent, {
     mode,
     srcMode,
     env,
-    projectRoot
+    projectRoot,
+    useExtendComponents = {}
   } = mpx
 
   const context = loaderContext.context
@@ -101,6 +102,18 @@ module.exports = function (jsonContent, {
 
     if (ctorType !== 'app') {
       rulesRunnerOptions.mainKey = ctorType
+    } else {
+      if (useExtendComponents[mode]) {
+        const extendComponents = {}
+        useExtendComponents[mode].forEach((name) => {
+          if (EXTEND_COMPONENTS_LIST[mode]?.includes(name)) {
+            extendComponents[name] = require.resolve(`../runtime/components/react/dist/mpx-${name}.jsx`)
+          } else {
+            emitWarning(`extend component ${name} is not supported in ${mode} environment!`)
+          }
+        })
+        jsonObj.usingComponents = Object.assign({}, extendComponents, jsonObj.usingComponents)
+      }
     }
 
     const rulesRunner = getRulesRunner(rulesRunnerOptions)

packages/webpack-plugin/lib/react/processScript.js

@@ -63,6 +63,7 @@ import { getComponent } from ${stringifyRequest(loaderContext, optionProcessorPa
 
     output += buildGlobalParams({ moduleId, scriptSrcMode, loaderContext, isProduction, ctorType, jsonConfig, componentsMap, outputPath, genericsInfo, componentGenerics })
     output += getRequireScript({ ctorType, script, loaderContext })
+
     output += `export default global.__mpxOptionsMap[${JSON.stringify(moduleId)}]\n`
   }
 

packages/webpack-plugin/lib/react/script-helper.js

@@ -3,7 +3,6 @@ const createHelpers = require('../helpers')
 const parseRequest = require('../utils/parse-request')
 const shallowStringify = require('../utils/shallow-stringify')
 const normalize = require('../utils/normalize')
-
 function stringifyRequest (loaderContext, request) {
   return loaderUtils.stringifyRequest(loaderContext, request)
 }