fix: 修复输出RN externalClasses 变化时未触发组件render

Author: mackwang112

packages/core/src/platform/patch/getDefaultOptions.ios.js

@@ -639,6 +639,11 @@ export function getDefaultOptions ({ type, rawOptions = {}, currentInject }) {
     })
   }
   const validProps = Object.assign({}, rawOptions.props, rawOptions.properties)
+  if (global.__externalClasses && global.__externalClasses.length > 0) {
+    global.__externalClasses.forEach((name) => {
+      validProps[name] = null
+    })
+  }
   const { hasDescendantRelation, hasAncestorRelation } = checkRelation(rawOptions)
   if (rawOptions.methods) rawOptions.methods = wrapMethodsWithErrorHandling(rawOptions.methods)
   const defaultOptions = memo(forwardRef((props, ref) => {

packages/webpack-plugin/lib/loader.js

@@ -38,7 +38,7 @@ module.exports = function (content) {
     return content
   }
   const { resourcePath, queryObj } = parseRequest(this.resource)
-
+  const externalClasses = mpx.externalClasses || []
   const packageRoot = queryObj.packageRoot || mpx.currentPackageRoot
   const packageName = packageRoot || 'main'
   const independent = queryObj.independent
@@ -178,6 +178,7 @@ module.exports = function (content) {
           originalUsingComponents,
           componentGenerics,
           autoScope,
+          externalClasses,
           callback
         })
       }

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

@@ -24,6 +24,7 @@ module.exports = function ({
   originalUsingComponents,
   componentGenerics,
   autoScope,
+  externalClasses,
   callback
 }) {
   if (ctorType === 'app' && !queryObj.isApp) {
@@ -95,7 +96,8 @@ module.exports = function ({
         wxsModuleMap: templateRes.wxsModuleMap,
         localComponentsMap: jsonRes.localComponentsMap,
         localPagesMap: jsonRes.localPagesMap,
-        rnConfig
+        rnConfig,
+        externalClasses
       }, callback)
     }
   ], (err, scriptRes) => {

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

@@ -15,7 +15,8 @@ module.exports = function (script, {
   localPagesMap,
   rnConfig,
   componentGenerics,
-  genericsInfo
+  genericsInfo,
+  externalClasses
 }, callback) {
   const { appInfo, i18n } = loaderContext.getMpx()
 
@@ -49,7 +50,7 @@ import { getComponent, getAsyncSuspense } from ${stringifyRequest(loaderContext,
       jsonConfig,
       rnConfig
     })
-    output += buildGlobalParams({ moduleId, scriptSrcMode, loaderContext, isProduction, ctorType, jsonConfig, componentsMap, pagesMap, firstPage, hasApp })
+    output += buildGlobalParams({ moduleId, scriptSrcMode, loaderContext, isProduction, ctorType, jsonConfig, componentsMap, pagesMap, firstPage, hasApp, externalClasses })
     output += getRequireScript({ ctorType, script, loaderContext })
     output += `export default global.__mpxOptionsMap[${JSON.stringify(moduleId)}]\n`
   } else {

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

@@ -150,7 +150,8 @@ function buildGlobalParams ({
   firstPage,
   outputPath,
   genericsInfo,
-  hasApp
+  hasApp,
+  externalClasses
 }) {
   let content = ''
   if (ctorType === 'app') {
@@ -165,6 +166,7 @@ global.__style = ${JSON.stringify(jsonConfig.style || 'v1')}
 global.__mpxPageConfig = ${JSON.stringify(jsonConfig.window)}
 global.__appComponentsMap = ${shallowStringify(componentsMap)}
 global.__preloadRule = ${JSON.stringify(jsonConfig.preloadRule)}
+global.__externalClasses = ${JSON.stringify(externalClasses || [])}
 global.currentInject.pagesMap = ${shallowStringify(pagesMap)}
 global.currentInject.firstPage = ${JSON.stringify(firstPage)}\n`
   } else {