@mpxjs/webpack-plugin 2.10.2 → 2.10.3-beta.4

package/lib/platform/template/wx/component-config/picker-view.js

@@ -8,6 +8,7 @@ module.exports = function ({ print }) {
   const jdEventLog = print({ platform: 'jd', tag: TAG_NAME, isError: false, type: 'event' })
   const iosEventLog = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'event' })
   const androidEventLog = print({ platform: 'android', tag: TAG_NAME, isError: false, type: 'event' })
+  const harmonyEventLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -23,6 +24,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-picker-view'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-picker-view'
+    },
     props: [
       {
         test: /^(indicator-class|mask-class)$/,
@@ -37,7 +42,8 @@ module.exports = function ({ print }) {
         tt: ttEventLog,
         jd: jdEventLog,
         ios: iosEventLog,
-        android: androidEventLog
+        android: androidEventLog,
+        harmony: harmonyEventLog
       }
     ]
   }

package/lib/platform/template/wx/component-config/picker.js

@@ -10,6 +10,7 @@ module.exports = function ({ print }) {
   const qaPropLog = print({ platform: 'qa', tag: TAG_NAME, isError: false })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -25,6 +26,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-picker'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-picker'
+    },
     props: [
       {
         test: 'mode',
@@ -43,7 +48,8 @@ module.exports = function ({ print }) {
         jd: jdPropLog,
         qa: qaPropLog,
         ios: iosPropLog,
-        android: androidPropLog
+        android: androidPropLog,
+        harmony: harmonyPropLog
       }
     ],
     event: [

package/lib/platform/template/wx/component-config/radio-group.js

@@ -14,6 +14,10 @@ module.exports = function () {
     android (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-radio-group'
+    },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-radio-group'
     }
   }
 }

package/lib/platform/template/wx/component-config/radio.js

@@ -15,6 +15,10 @@ module.exports = function () {
       el.isBuiltIn = true
       return 'mpx-radio'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-radio'
+    },
     event: [
       {
         test: 'tap',

package/lib/platform/template/wx/component-config/rich-text.js

@@ -20,6 +20,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-rich-text'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-rich-text'
+    },
     props: [
       {
         test: /^(space)$/,

package/lib/platform/template/wx/component-config/root-portal.js

@@ -10,6 +10,10 @@ module.exports = function ({ print }) {
     android (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-root-portal'
+    },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-root-portal'
     }
   }
 }

package/lib/platform/template/wx/component-config/scroll-view.js

@@ -14,6 +14,8 @@ module.exports = function ({ print }) {
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
   const androidEventLog = print({ platform: 'android', tag: TAG_NAME, isError: false, type: 'event' })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
+  const harmonyEventLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false, type: 'event' })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
   const iosEventLog = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'event' })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
 
@@ -27,6 +29,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-scroll-view'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-scroll-view'
+    },
     ios (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-scroll-view'
@@ -55,7 +61,8 @@ module.exports = function ({ print }) {
       {
         test: /^(refresher-threshold|enable-passive|scroll-anchoring|using-sticky|fast-deceleration|enable-flex)$/,
         android: androidPropLog,
-        ios: iosPropLog
+        ios: iosPropLog,
+        harmony: harmonyPropLog
       },
       {
         test: /^(refresher-default-style|refresher-background)$/,
@@ -88,7 +95,8 @@ module.exports = function ({ print }) {
       {
         test: /^(refresherpulling|refresherrestore|refresherabort)$/,
         android: androidEventLog,
-        ios: iosEventLog
+        ios: iosEventLog,
+        harmony: harmonyEventLog
       }
     ]
   }

package/lib/platform/template/wx/component-config/swiper-item.js

@@ -8,6 +8,7 @@ module.exports = function ({ print }) {
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -23,12 +24,17 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-swiper-item'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-swiper-item'
+    },
     props: [
       {
         test: /^(item-id)$/,
         ali: aliPropLog,
         ios: iosPropLog,
-        android: androidPropLog
+        android: androidPropLog,
+        harmony: harmonyPropLog
       },
       {
         test: /^(skip-hidden-item-layout)$/,

package/lib/platform/template/wx/component-config/swiper.js

@@ -14,6 +14,8 @@ module.exports = function ({ print }) {
   const iosEventLog = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'event' })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
   const androidEventLog = print({ platform: 'android', tag: TAG_NAME, isError: false, type: 'event' })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
+  const harmonyEventLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -29,6 +31,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-swiper'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-swiper'
+    },
     props: [
       {
         test: /^(display-multiple-items|skip-hidden-item-layout)$/,
@@ -61,7 +67,8 @@ module.exports = function ({ print }) {
       {
         test: /^(display-multiple-items|snap-to-edge|easing-function)$/,
         ios: iosPropLog,
-        android: androidPropLog
+        android: androidPropLog,
+        harmony: harmonyPropLog
       }
     ],
     event: [
@@ -80,12 +87,14 @@ module.exports = function ({ print }) {
         swan: baiduEventLog,
         jd: jdEventLog,
         ios: iosEventLog,
-        android: androidEventLog
+        android: androidEventLog,
+        harmony: harmonyEventLog
       },
       {
         test: /^(animationfinish)$/,
         ios: iosEventLog,
-        android: androidEventLog
+        android: androidEventLog,
+        harmony: harmonyEventLog
       }
     ]
   }

package/lib/platform/template/wx/component-config/switch.js

@@ -18,6 +18,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-switch'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-switch'
+    },
     props: [
       {
         test: /^type$/,

package/lib/platform/template/wx/component-config/text.js

@@ -8,6 +8,7 @@ module.exports = function ({ print }) {
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -30,6 +31,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-text'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-text'
+    },
     props: [
       {
         test: /^(decode|user-select)$/,
@@ -45,7 +50,8 @@ module.exports = function ({ print }) {
       {
         test: /^(space|decode)$/,
         ios: iosPropLog,
-        android: androidPropLog
+        android: androidPropLog,
+        harmony: harmonyPropLog
       },
       {
         test: /^(selectable|space|decode|use-built-in)$/,

package/lib/platform/template/wx/component-config/textarea.js

@@ -20,6 +20,9 @@ module.exports = function ({ print }) {
   const androidValueLogError = print({ platform: 'android', tag: TAG_NAME, isError: true, type: 'value' })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
   const androidEventLog = print({ platform: 'android', tag: TAG_NAME, isError: false, type: 'event' })
+  const harmonyValueLogError = print({ platform: 'harmony', tag: TAG_NAME, isError: true, type: 'value' })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
+  const harmonyEventLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -36,6 +39,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-textarea'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-textarea'
+    },
     props: [
       {
         test: /^(auto-focus|fixed|cursor-spacing|cursor|show-confirm-bar|selection-start|selection-end|adjust-position|hold-keyboard|disable-default-padding|confirm-type)$/,
@@ -75,12 +82,19 @@ module.exports = function ({ print }) {
           if (notSupported.includes(value)) {
             androidValueLogError({ name, value })
           }
+        },
+        harmony ({ name, value }) {
+          const notSupported = ['return']
+          if (notSupported.includes(value)) {
+            harmonyValueLogError({ name, value })
+          }
         }
       },
       {
         test: /^(always-embed|hold-keyboard|disable-default-padding|adjust-keyboard-to|fixed|show-confirm-bar)$/,
         ios: iosPropLog,
-        android: androidPropLog
+        android: androidPropLog,
+        harmony: harmonyPropLog
       }
     ],
     event: [
@@ -109,7 +123,8 @@ module.exports = function ({ print }) {
       {
         test: /^keyboard.+$/,
         ios: iosEventLog,
-        android: androidEventLog
+        android: androidEventLog,
+        harmony: harmonyEventLog
       }
     ]
   }

package/lib/platform/template/wx/component-config/unsupported.js

@@ -26,6 +26,7 @@ module.exports = function ({ print }) {
   const qaUnsupportedTagError = print({ platform: 'qa', isError: true, type: 'tag' })
   const iosUnsupportedTagError = print({ platform: 'ios', isError: true, type: 'tag' })
   const androidUnsupportedTagError = print({ platform: 'android', isError: true, type: 'tag' })
+  const harmonyUnsupportedTagError = print({ platform: 'harmony', isError: true, type: 'tag' })
 
   const aliUnsupportedExp = new RegExp('^(' + ALI_UNSUPPORTED_TAG_NAME_ARR.join('|') + ')$')
   const baiduUnsupportedExp = new RegExp('^(' + BAIDU_UNSUPPORTED_TAG_NAME_ARR.join('|') + ')$')
@@ -35,6 +36,7 @@ module.exports = function ({ print }) {
   const qaUnsupportedExp = new RegExp('^(' + QA_UNSUPPORTED_TAG_NAME_ARR.join('|') + ')$')
   const iosUnsupportedExp = new RegExp('^(' + RN_UNSUPPORTED_TAG_NAME_ARR.join('|') + ')$')
   const androidUnsupportedExp = new RegExp('^(' + RN_UNSUPPORTED_TAG_NAME_ARR.join('|') + ')$')
+  const harmonyUnsupportedExp = new RegExp('^(' + RN_UNSUPPORTED_TAG_NAME_ARR.join('|') + ')$')
 
   return [
     {
@@ -76,6 +78,11 @@ module.exports = function ({ print }) {
       supportedModes: ['android'],
       test: androidUnsupportedExp,
       android: androidUnsupportedTagError
+    },
+    {
+      supportedModes: ['harmony'],
+      test: harmonyUnsupportedExp,
+      harmony: harmonyUnsupportedTagError
     }
   ]
 }

package/lib/platform/template/wx/component-config/video.js

@@ -15,6 +15,8 @@ module.exports = function ({ print }) {
   const iosEventLogError = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'event' })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
   const androidEventLogError = print({ platform: 'android', tag: TAG_NAME, isError: false, type: 'event' })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
+  const harmonyEventLogError = print({ platform: 'harmony', tag: TAG_NAME, isError: false, type: 'event' })
   return {
     test: TAG_NAME,
     web (tag, { el }) {
@@ -25,6 +27,10 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-video'
     },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-video'
+    },
     ios (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-video'
@@ -66,7 +72,8 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(duration|enable-danmu|danmu-btn|page-gesture|direction|show-progress|show-fullscreen-btn|show-center-play-btn|enable-progress-gesture|show-mute-btn|title|play-btn-position|enable-play-gesture|auto-pause-if-navigate|auto-pause-if-open-native|vslide-gesture|vslide-gesture-in-fullscreen|show-bottom-progress|ad-unit-id|poster-for-crawler|show-casting-button|picture-in-picture-mode|picture-in-picture-show-progress| picture-in-picture-init-position|enable-auto-rotation|show-snapshot-button|show-screen-lock-button|show-background-playback-button|background-poster|referrer-policy|is-live)$/,
-        android: androidPropLog
+        android: androidPropLog,
+        harmony: harmonyPropLog
       }
     ],
     event: [
@@ -108,7 +115,8 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(progress|enterpictureinpicture|leavepictureinpicture|castinguserselect|castingstatechange|castinginterrupt)$/,
-        android: androidEventLogError
+        android: androidEventLogError,
+        harmony: harmonyEventLogError
       }
     ]
   }

package/lib/platform/template/wx/component-config/view.js

@@ -5,6 +5,7 @@ module.exports = function ({ print }) {
   const qaEventLogError = print({ platform: 'qa', tag: TAG_NAME, isError: false, type: 'event' })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
+  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
 
   return {
     // 匹配标签名，可传递正则
@@ -25,10 +26,16 @@ module.exports = function ({ print }) {
     },
     ios (tag, { el }) {
       el.isBuiltIn = true
-      return 'mpx-view'
+      return el.isSimple ? 'mpx-simple-view' : 'mpx-view'
     },
     android (tag, { el }) {
       el.isBuiltIn = true
+      return el.isSimple ? 'mpx-simple-view' : 'mpx-view'
+      return 'mpx-view'
+    },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return el.isSimple ? 'mpx-simple-view' : 'mpx-view'
       return 'mpx-view'
     },
     qa (tag) {
@@ -46,7 +53,22 @@ module.exports = function ({ print }) {
       }, {
         test: /^(hover-stop-propagation)$/,
         android: androidPropLog,
-        ios: iosPropLog
+        ios: iosPropLog,
+        harmony: harmonyPropLog
+      }, {
+        test: /^(is-simple)$/,
+        android (prop, { el }) {
+          el.isSimple = true
+          return false
+        },
+        harmony (prop, { el }) {
+          el.isSimple = true
+          return false
+        },
+        ios (prop, { el }) {
+          el.isSimple = true
+          return false
+        }
       }
     ],
     // 组件事件中的差异部分

package/lib/platform/template/wx/component-config/web-view.js

@@ -14,6 +14,10 @@ module.exports = function () {
     android (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-web-view'
+    },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-web-view'
     }
   }
 }

package/lib/platform/template/wx/index.js

@@ -9,7 +9,7 @@ const { dash2hump } = require('../../../utils/hump-dash')
 
 module.exports = function getSpec ({ warn, error }) {
   const spec = {
-    supportedModes: ['ali', 'swan', 'qq', 'tt', 'web', 'qa', 'jd', 'dd', 'ios', 'android'],
+    supportedModes: ['ali', 'swan', 'qq', 'tt', 'web', 'qa', 'jd', 'dd', 'ios', 'android', 'harmony'],
     // props预处理
     preProps: [],
     // props后处理
@@ -347,18 +347,6 @@ module.exports = function getSpec ({ warn, error }) {
             value
           }
         },
-        // tt ({ name, value }, { eventRules }) {
-        //   const match = this.test.exec(name)
-        //   const prefix = match[1]
-        //   const eventName = match[2]
-        //   const modifierStr = match[3] || ''
-        //   const rEventName = runRules(eventRules, eventName, { mode: 'tt' })
-        //   return {
-        //     // 字节将所有事件转为小写
-        //     name: prefix + rEventName.toLowerCase() + modifierStr,
-        //     value
-        //   }
-        // },
         tt ({ name, value }, { eventRules }) {
           const match = this.test.exec(name)
           const prefix = match[1]
@@ -430,6 +418,21 @@ module.exports = function getSpec ({ warn, error }) {
             name: rPrefix + rEventName + meta.modifierStr,
             value
           }
+        },
+        harmony ({ name, value }, { eventRules, el }) {
+          const match = this.test.exec(name)
+          const prefix = match[1]
+          const eventName = match[2]
+          const modifierStr = match[3] || ''
+          const meta = {
+            modifierStr
+          }
+          const rPrefix = runRules(spec.event.prefix, prefix, { mode: 'harmony' })
+          const rEventName = runRules(eventRules, eventName, { mode: 'harmony', data: { el } })
+          return {
+            name: rPrefix + rEventName + meta.modifierStr,
+            value
+          }
         }
       },
       // 无障碍
@@ -565,6 +568,22 @@ module.exports = function getSpec ({ warn, error }) {
             } else {
               error(`React native environment does not support [${eventName}] event!`)
             }
+          },
+          harmony (eventName) {
+            const eventMap = {
+              tap: 'tap',
+              longtap: 'longpress',
+              longpress: 'longpress',
+              touchstart: 'touchstart',
+              touchmove: 'touchmove',
+              touchend: 'touchend',
+              touchcancel: 'touchcancel'
+            }
+            if (eventMap[eventName]) {
+              return eventMap[eventName]
+            } else {
+              error(`React native environment does not support [${eventName}] event!`)
+            }
           }
         },
         // web event escape

package/lib/react/index.js

@@ -85,7 +85,6 @@ module.exports = function ({
         srcMode,
         moduleId,
         isProduction,
-        componentGenerics,
         jsonConfig: jsonRes.jsonObj,
         outputPath: queryObj.outputPath || '',
         builtInComponentsMap: templateRes.builtInComponentsMap,

package/lib/react/processJSON.js

@@ -12,6 +12,7 @@ const createJSONHelper = require('../json-compiler/helper')
 const getRulesRunner = require('../platform/index')
 const { RESOLVE_IGNORED_ERR } = require('../utils/const')
 const RecordResourceMapDependency = require('../dependencies/RecordResourceMapDependency')
+const RecordPageConfigsMapDependency = require('../dependencies/RecordPageConfigsMapDependency')
 
 module.exports = function (jsonContent, {
   loaderContext,
@@ -79,7 +80,6 @@ module.exports = function (jsonContent, {
     })
   }
 
-  const isApp = ctorType === 'app'
   if (!jsonContent) {
     return callback()
   }
@@ -99,7 +99,7 @@ module.exports = function (jsonContent, {
       }
     }
 
-    if (!isApp) {
+    if (ctorType !== 'app') {
       rulesRunnerOptions.mainKey = ctorType
     }
 
@@ -112,6 +112,17 @@ module.exports = function (jsonContent, {
     return callback(e)
   }
 
+  if (ctorType === 'page') {
+    const keysToExtract = ['navigationStyle']
+    const configObj = {}
+    keysToExtract.forEach(key => {
+      if (jsonObj[key]) {
+        configObj[key] = jsonObj[key]
+      }
+    })
+    loaderContext._module.addPresentationalDependency(new RecordPageConfigsMapDependency(parseRequest(loaderContext.resource).resourcePath, configObj))
+  }
+
   const fs = loaderContext._compiler.inputFileSystem
 
   const defaultTabbar = {

package/lib/react/processScript.js

@@ -12,7 +12,9 @@ module.exports = function (script, {
   outputPath,
   builtInComponentsMap,
   localComponentsMap,
-  localPagesMap
+  localPagesMap,
+  componentGenerics,
+  genericsInfo
 }, callback) {
   let scriptSrcMode = srcMode
   const mode = loaderContext.getMpx().mode
@@ -27,7 +29,7 @@ module.exports = function (script, {
     output += `
 import { getComponent } from ${stringifyRequest(loaderContext, optionProcessorPath)}
 import { NavigationContainer, StackActions } from '@react-navigation/native'
-${mode === 'ios' ? "import { createNativeStackNavigator as createStackNavigator } from '@react-navigation/native-stack'" : "import { createStackNavigator } from '@react-navigation/stack'"}
+${mode === 'ios' || mode === 'harmony' ? "import { createNativeStackNavigator as createStackNavigator } from '@react-navigation/native-stack'" : "import { createStackNavigator } from '@react-navigation/stack'"}
 import PortalHost from '@mpxjs/webpack-plugin/lib/runtime/components/react/dist/mpx-portal/portal-host'
 import { useHeaderHeight } from '@react-navigation/elements';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context'
@@ -68,7 +70,7 @@ global.__navigationHelper = {
       jsonConfig
     })
 
-    output += buildGlobalParams({ moduleId, scriptSrcMode, loaderContext, isProduction, ctorType, jsonConfig, componentsMap, outputPath })
+    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`
   }

package/lib/react/processTemplate.js

@@ -5,6 +5,8 @@ const loaderUtils = require('loader-utils')
 const templateCompiler = require('../template-compiler/compiler')
 const genNode = require('../template-compiler/gen-node-react')
 const bindThis = require('../template-compiler/bind-this')
+const isEmptyObject = require('../utils/is-empty-object')
+const dash2hump = require('../utils/hump-dash').dash2hump
 
 module.exports = function (template, {
   loaderContext,
@@ -75,16 +77,15 @@ module.exports = function (template, {
         defs,
         decodeHTMLText,
         externalClasses,
-        // todo 后续输出web也采用mpx的scoped处理
         hasScoped: false,
         moduleId,
         filePath: rawResourcePath,
         // react中模版i18n不需要特殊处理
         i18n: null,
         checkUsingComponents,
-        // web模式下全局组件不会被合入usingComponents中，故globalComponents可以传空
+        // rn模式下全局组件不会被合入usingComponents中，故globalComponents可以传空
         globalComponents: [],
-        // web模式下实现抽象组件
+        // rn模式下实现抽象组件
         componentGenerics,
         hasVirtualHost: matchCondition(resourcePath, autoVirtualHostRules),
         forceProxyEvent: matchCondition(resourcePath, forceProxyEventRules),
@@ -148,6 +149,20 @@ ${e.stack}`)
       if (meta.options) {
         output += `global.currentInject.injectOptions = ${JSON.stringify(meta.options)};\n`
       }
+      if (!isEmptyObject(componentGenerics)) {
+        output += 'global.currentInject.injectProperties = {\n'
+        output += '  generichash: String,\n'
+
+        Object.keys(componentGenerics).forEach(genericName => {
+          const defaultValue = componentGenerics[genericName].default
+          if (defaultValue) {
+            output += `  generic${dash2hump(genericName)}: { type: String, value: '${genericName}default' },\n`
+          } else {
+             output += `  generic${dash2hump(genericName)}: String,\n`
+          }
+        })
+        output += '}\n'
+      }
     }
   }