@mpxjs/webpack-plugin 2.9.39 → 2.9.41-react.0

package/lib/loader.js

@@ -5,22 +5,19 @@ const parseRequest = require('./utils/parse-request')
 const { matchCondition } = require('./utils/match-condition')
 const addQuery = require('./utils/add-query')
 const async = require('async')
-const processJSON = require('./web/processJSON')
-const processScript = require('./web/processScript')
-const processStyles = require('./web/processStyles')
-const processTemplate = require('./web/processTemplate')
 const getJSONContent = require('./utils/get-json-content')
 const normalize = require('./utils/normalize')
 const getEntryName = require('./utils/get-entry-name')
 const AppEntryDependency = require('./dependencies/AppEntryDependency')
 const RecordResourceMapDependency = require('./dependencies/RecordResourceMapDependency')
-const RecordVueContentDependency = require('./dependencies/RecordVueContentDependency')
 const CommonJsVariableDependency = require('./dependencies/CommonJsVariableDependency')
 const DynamicEntryDependency = require('./dependencies/DynamicEntryDependency')
 const tsWatchRunLoaderFilter = require('./utils/ts-loader-watch-run-loader-filter')
 const { MPX_APP_MODULE_ID } = require('./utils/const')
+const { isReact } = require('./utils/env')
 const path = require('path')
-const processMainScript = require('./web/processMainScript')
+const processWeb = require('./web')
+const processReact = require('./react')
 const getRulesRunner = require('./platform')
 const genMpxCustomElement = require('./runtime-render/gen-mpx-custom-element')
 
@@ -105,7 +102,6 @@ module.exports = function (content) {
     getRequire
   } = createHelpers(loaderContext)
 
-  let output = ''
   const callback = this.async()
 
   async.waterfall([
@@ -157,98 +153,47 @@ module.exports = function (content) {
       }
       // 处理mode为web时输出vue格式文件
       if (mode === 'web') {
-        if (ctorType === 'app' && !queryObj.isApp) {
-          return async.waterfall([
-            (callback) => {
-              processJSON(parts.json, { loaderContext, pagesMap, componentsMap }, callback)
-            },
-            (jsonRes, callback) => {
-              processMainScript(parts.script, {
-                loaderContext,
-                ctorType,
-                srcMode,
-                moduleId,
-                isProduction,
-                jsonConfig: jsonRes.jsonObj,
-                outputPath: queryObj.outputPath || '',
-                localComponentsMap: jsonRes.localComponentsMap,
-                tabBar: jsonRes.jsonObj.tabBar,
-                tabBarMap: jsonRes.tabBarMap,
-                tabBarStr: jsonRes.tabBarStr,
-                localPagesMap: jsonRes.localPagesMap,
-                resource: this.resource
-              }, callback)
-            }
-          ], (err, scriptRes) => {
-            if (err) return callback(err)
-            this.loaderIndex = -1
-            return callback(null, scriptRes.output)
-          })
-        }
-        // 通过RecordVueContentDependency和vueContentCache确保子request不再重复生成vueContent
-        const cacheContent = mpx.vueContentCache.get(filePath)
-        if (cacheContent) return callback(null, cacheContent)
-
-        return async.waterfall([
-          (callback) => {
-            async.parallel([
-              (callback) => {
-                processTemplate(parts.template, {
-                  loaderContext,
-                  hasScoped,
-                  hasComment,
-                  isNative,
-                  srcMode,
-                  moduleId,
-                  ctorType,
-                  usingComponents,
-                  componentGenerics
-                }, callback)
-              },
-              (callback) => {
-                processStyles(parts.styles, {
-                  ctorType,
-                  autoScope,
-                  moduleId
-                }, callback)
-              },
-              (callback) => {
-                processJSON(parts.json, {
-                  loaderContext,
-                  pagesMap,
-                  componentsMap
-                }, callback)
-              }
-            ], (err, res) => {
-              callback(err, res)
-            })
-          },
-          ([templateRes, stylesRes, jsonRes], callback) => {
-            output += templateRes.output
-            output += stylesRes.output
-            output += jsonRes.output
-            processScript(parts.script, {
-              loaderContext,
-              ctorType,
-              srcMode,
-              moduleId,
-              isProduction,
-              componentGenerics,
-              jsonConfig: jsonRes.jsonObj,
-              outputPath: queryObj.outputPath || '',
-              builtInComponentsMap: templateRes.builtInComponentsMap,
-              genericsInfo: templateRes.genericsInfo,
-              wxsModuleMap: templateRes.wxsModuleMap,
-              localComponentsMap: jsonRes.localComponentsMap
-            }, callback)
-          }
-        ], (err, scriptRes) => {
-          if (err) return callback(err)
-          output += scriptRes.output
-          this._module.addPresentationalDependency(new RecordVueContentDependency(filePath, output))
-          callback(null, output)
+        return processWeb({
+          parts,
+          loaderContext,
+          pagesMap,
+          componentsMap,
+          queryObj,
+          ctorType,
+          srcMode,
+          moduleId,
+          isProduction,
+          hasScoped,
+          hasComment,
+          isNative,
+          usingComponents,
+          componentGenerics,
+          autoScope,
+          callback
         })
       }
+      // 处理mode为react时输出js格式文件
+      if (isReact(mode)) {
+        return processReact({
+          parts,
+          loaderContext,
+          pagesMap,
+          componentsMap,
+          queryObj,
+          ctorType,
+          srcMode,
+          moduleId,
+          isProduction,
+          hasScoped,
+          hasComment,
+          isNative,
+          usingComponents,
+          componentGenerics,
+          autoScope,
+          callback
+        })
+      }
+
       const moduleGraph = this._compilation.moduleGraph
 
       const issuer = moduleGraph.getIssuer(this._module)
@@ -257,6 +202,7 @@ module.exports = function (content) {
         return callback(new Error(`Current ${ctorType} [${this.resourcePath}] is issued by [${issuer.resource}], which is not allowed!`))
       }
 
+      let output = ''
       // 注入模块id及资源路径
       output += `global.currentModuleId = ${JSON.stringify(moduleId)}\n`
       if (!isProduction) {

package/lib/native-loader.js

@@ -225,7 +225,6 @@ module.exports = function (content) {
               usingComponents,
               componentPlaceholder
             })
-            // if (template.src) extraOptions.resourcePath = resourcePath
             break
           case 'styles':
             if (cssLang) part.lang = cssLang

package/lib/platform/index.js

@@ -16,6 +16,9 @@ module.exports = function getRulesRunner ({
     template: {
       wx: require('./template/wx')
     },
+    style: {
+      wx: require('./style/wx')
+    },
     json: {
       wx: require('./json/wx')
     }

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

@@ -0,0 +1,414 @@
+const { hump2dash } = require('../../../utils/hump-dash')
+
+module.exports = function getSpec ({ warn, error }) {
+  // React Native 双端都不支持的 CSS property
+  const unsupportedPropExp = /^(box-sizing|white-space|text-overflow|animation|transition)$/
+  const unsupportedPropMode = {
+    // React Native ios 不支持的 CSS property
+    ios: /^(vertical-align)$/,
+    // React Native android 不支持的 CSS property
+    android: /^(text-decoration-style|text-decoration-color|shadow-offset|shadow-opacity|shadow-radius)$/
+  }
+  const unsupportedPropError = ({ prop, mode }) => {
+    error(`Property [${prop}] is not supported in React Native ${mode} environment!`)
+  }
+
+  // React 属性支持的枚举值
+  const SUPPORTED_PROP_VAL_ARR = {
+    overflow: ['visible', 'hidden', 'scroll'],
+    'border-style': ['solid', 'dotted', 'dashed'],
+    display: ['flex', 'none'],
+    'pointer-events': ['auto', 'none'],
+    'vertical-align': ['auto', 'top', 'bottom', 'center'],
+    position: ['relative', 'absolute'],
+    'font-variant': ['small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums'],
+    'text-align': ['left', 'right', 'center', 'justify'],
+    'font-style': ['normal', 'italic'],
+    'font-weight': ['normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
+    'text-decoration-line': ['none', 'underline', 'line-through', 'underline line-through'],
+    'text-transform': ['none', 'uppercase', 'lowercase', 'capitalize'],
+    'user-select': ['auto', 'text', 'none', 'contain', 'all'],
+    'align-content': ['flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around'],
+    'align-items': ['flex-start', 'flex-end', 'center', 'stretch', 'baseline'],
+    'align-self': ['auto', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline'],
+    'justify-content': ['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly', 'none'],
+    'background-size': ['contain', 'cover', 'auto'],
+    'background-repeat': ['no-repeat']
+  }
+  const propValExp = new RegExp('^(' + Object.keys(SUPPORTED_PROP_VAL_ARR).join('|') + ')$')
+  const isIllegalValue = ({ prop, value }) => SUPPORTED_PROP_VAL_ARR[prop]?.length > 0 && !SUPPORTED_PROP_VAL_ARR[prop].includes(value)
+  const unsupportedValueError = ({ prop, value }) => {
+    error(`Property [${prop}] only support value [${SUPPORTED_PROP_VAL_ARR[prop]?.join(',')}] in React Native environment, the value [${value}] does not support!`)
+  }
+
+  // 过滤的不合法的属性
+  const delRule = ({ prop, value }, { mode }) => {
+    if (unsupportedPropExp.test(prop) || unsupportedPropMode[mode].test(prop)) {
+      unsupportedPropError({ prop, mode })
+      return false
+    }
+    if (isIllegalValue({ prop, value })) {
+      unsupportedValueError({ prop, value })
+      return false
+    }
+  }
+
+  // color & number 值校验
+  const ValueType = {
+    number: 'number',
+    color: 'color',
+    default: 'default' // 不校验
+  }
+  // number 类型支持的单位
+  const numberRegExp = /^\s*(\d+(\.\d+)?)(rpx|px|%)?\s*$/
+  // RN 不支持的颜色格式
+  const colorRegExp = /^\s*(lab|lch|oklab|oklch|color-mix|color|hwb|lch|light-dark).*$/
+
+  const verifyValues = ({ prop, value, valueType }) => {
+    // 校验 value 枚举 是否支持
+    switch (valueType) {
+      case ValueType.color: {
+        const isNumber = numberRegExp.test(value)
+        const isUnsupporttedColor = colorRegExp.test(value)
+        isNumber && warn(`React Native property [${prop}]'s valueType is ${valueType}, we does not set type number`)
+        isUnsupporttedColor && warn('React Native color does not support type [lab,lch,oklab,oklch,color-mix,color,hwb,lch,light-dark]')
+        return !isNumber && !isUnsupporttedColor
+      }
+      case ValueType.number: {
+        const isNumber = numberRegExp.test(value)
+        !isNumber && warn(`React Native property [${prop}] unit only supports [rpx,px,%]`)
+        return isNumber
+      }
+      default:
+        return true
+    }
+  }
+  // 统一校验 value type 值类型
+  const checkCommonValue = (valueType) => ({ prop, value }) => {
+    verifyValues({ prop, value, valueType })
+  }
+
+  // 简写转换规则
+  const AbbreviationMap = {
+    'text-shadow': { // 仅支持 offset-x | offset-y | blur-radius | color 排序
+      'textShadowOffset.width': ValueType.number,
+      'textShadowOffset.height': ValueType.number,
+      textShadowRadius: ValueType.number,
+      textShadowColor: ValueType.color
+    },
+    border: { // 仅支持 width | style | color 这种排序
+      borderWidth: ValueType.number,
+      borderStyle: ValueType.default,
+      borderColor: ValueType.color
+    },
+    'box-shadow': { // 仅支持 offset-x | offset-y | blur-radius | color 排序
+      'shadowOffset.width': ValueType.number,
+      'shadowOffset.height': ValueType.number,
+      shadowRadius: ValueType.number,
+      shadowColor: ValueType.color
+    },
+    'text-decoration': { // 仅支持 text-decoration-line text-decoration-style text-decoration-color 这种格式
+      textDecorationLine: ValueType.default,
+      textDecorationStyle: ValueType.default,
+      textDecorationColor: ValueType.color
+    },
+    flex: { // /* Three values: flex-grow | flex-shrink | flex-basis */
+      flexGrow: ValueType.number,
+      flexShrink: ValueType.number,
+      flexBasis: ValueType.number
+    },
+    'flex-flow': { // 仅支持 flex-flow: <'flex-direction'> or flex-flow: <'flex-direction'> and <'flex-wrap'>
+      flexDirection: ValueType.default,
+      flexWrap: ValueType.default
+    },
+    'border-radius': {
+      borderTopLeftRadius: ValueType.number,
+      borderTopRightRadius: ValueType.number,
+      borderBottomRightRadius: ValueType.number,
+      borderBottomLeftRadius: ValueType.number
+    }
+  }
+  const formatAbbreviation = ({ value, keyMap }) => {
+    const values = value.trim().split(/\s(?![^()]*\))/)
+    const cssMap = []
+    const props = Object.getOwnPropertyNames(keyMap)
+    let idx = 0
+    // 按值的个数循环赋值
+    while (idx < values.length && idx < props.length) {
+      const prop = props[idx]
+      const valueType = keyMap[prop]
+      const dashProp = hump2dash(prop)
+      // 校验 value 类型
+      verifyValues({ prop, value: values[idx], valueType })
+      const value = values[idx]
+      if (isIllegalValue({ prop: dashProp, value })) {
+        // 过滤不支持 value
+        unsupportedValueError({ prop: dashProp, value })
+      } else if (prop.includes('.')) {
+        // 多个属性值的prop
+        const [main, sub] = prop.split('.')
+        const cssData = cssMap.find(item => item.prop === main)
+        if (cssData) { // 设置过
+          cssData.value[sub] = value
+        } else { // 第一次设置
+          cssMap.push({
+            prop: main,
+            value: {
+              [sub]: value
+            }
+          })
+        }
+      } else {
+        // 单个值的属性
+        cssMap.push({
+          prop,
+          value
+        })
+      }
+      idx += 1
+    }
+    return cssMap
+  }
+  const getAbbreviation = ({ prop, value }) => {
+    const keyMap = AbbreviationMap[prop]
+    return formatAbbreviation({ prop, value, keyMap })
+  }
+  // 简写过滤安卓不支持的类型
+  const getAbbreviationAndroid = ({ prop, value }, { mode }) => {
+    const cssMap = getAbbreviation({ prop, value })
+    // android 不支持的 shadowOffset shadowOpacity shadowRadius textDecorationStyle 和 textDecorationStyle
+    return cssMap.filter(({ prop }) => { // 不支持的 prop 提示 & 过滤不支持的 prop
+      const dashProp = hump2dash(prop)
+      if (unsupportedPropMode.android.test(dashProp)) {
+        unsupportedPropError({ prop: dashProp, mode })
+        return false
+      }
+      return true
+    })
+  }
+
+  const formatMargins = ({ prop, value }) => {
+    const values = value.trim().split(/\s(?![^()]*\))/)
+    // validate
+    for (let i = 0; i < values.length; i++) {
+      verifyValues({ prop, value: values[i], valueType: ValueType.number })
+    }
+    // format
+    let suffix = []
+    switch (values.length) {
+      // case 1:
+      case 2:
+        suffix = ['Vertical', 'Horizontal']
+        break
+      case 3:
+        suffix = ['Top', 'Horizontal', 'Bottom']
+        break
+      case 4:
+        suffix = ['Top', 'Right', 'Bottom', 'Left']
+        break
+    }
+    return values.map((value, index) => {
+      return {
+        prop: `${prop}${suffix[index] || ''}`,
+        value: value
+      }
+    })
+  }
+
+  const formatLineHeight = ({ prop, value }) => {
+    if (!verifyValues({ prop, value, valueType: ValueType.number })) return false
+
+    return {
+      prop,
+      value: /\d+(\.\d+)?$/.test(value) ? `${Math.round(value * 100)}%` : value
+    }
+  }
+
+  const getFontVariant = ({ prop, value }) => {
+    if (/^(font-variant-caps|font-variant-numeric|font-variant-east-asian|font-variant-alternates|font-variant-ligatures)$/.test(prop)) {
+      error(`Property [${prop}] is not supported in React Native environment, please replace [font-variant]!`)
+    }
+    prop = 'font-variant'
+    // 校验枚举值
+    if (isIllegalValue({ prop, value })) {
+      unsupportedValueError({ prop, value })
+      return false
+    }
+    return {
+      prop,
+      value
+    }
+  }
+
+  // background 相关属性的处理，仅支持以下属性，不支持其他背景相关的属性：/^((?!(-color)).)*background((?!(-color)).)*$/ 包含background且不包含background-color
+  const checkBackgroundImage = ({ prop, value }, { mode }) => {
+    const bgPropMap = {
+      image: 'background-image',
+      color: 'background-color',
+      size: 'background-size',
+      repeat: 'background-repeat',
+      // position: 'background-position',
+      all: 'background'
+    }
+    const urlExp = /url\(["']?(.*?)["']?\)/
+    switch (prop) {
+      case bgPropMap.color: {
+        // background-color 背景色校验一下颜色值
+        verifyValues({ prop, value, valueType: ValueType.color })
+        return { prop, value }
+      }
+      case bgPropMap.image: {
+        // background-image 仅支持背景图
+        const imgUrl = value.match(urlExp)?.[0]
+        if (/.*linear-gradient*./.test(value)) {
+          error(`<linear-gradient()> is not supported in React Native ${mode} environment!`)
+        }
+        if (imgUrl) {
+          return { prop, value: imgUrl }
+        } else {
+          error(`[${prop}] only support value <url()>`)
+          return false
+        }
+      }
+      case bgPropMap.size: {
+        // background-size
+        // 不支持逗号分隔的多个值：设置多重背景!!!
+        // 支持一个值:这个值指定图片的宽度，图片的高度隐式的为 auto
+        // 支持两个值:第一个值指定图片的宽度，第二个值指定图片的高度
+        if (value.includes(',')) { // commas are not allowed in values
+          error(`background size value[${value}] does not support commas in React Native ${mode} environment!`)
+          return false
+        }
+        const values = []
+        value.trim().split(/\s(?![^()]*\))/).forEach(item => {
+          if (numberRegExp.test(item) || !isIllegalValue({ prop, value: item })) {
+            // 支持 number 值 / container cover auto 枚举
+            values.push(item)
+          } else {
+            error(`background size value[${value}] does not support in React Native ${mode} environment!`)
+          }
+        })
+        // value 无有效值时返回false
+        return values.length === 0 ? false : { prop, value: values }
+      }
+      case bgPropMap.repeat: {
+        // background-repeat 仅支持 no-repeat
+        if (isIllegalValue({ prop, value })) {
+          unsupportedValueError({ prop, value })
+          return false
+        }
+        return { prop, value }
+      }
+      case bgPropMap.all: {
+        // background: 仅支持 background-image & background-color & background-repeat
+        const bgMap = []
+        const values = value.trim().split(/\s(?![^()]*\))/)
+        values.forEach(item => {
+          const url = item.match(urlExp)?.[0]
+          if (/.*linear-gradient*./.test(item)) {
+            error(`<linear-gradient()> is not supported in React Native ${mode} environment!`)
+          } else if (url) {
+            bgMap.push({ prop: bgPropMap.image, value: url })
+          } else if (/^(#[0-9a-f]{3}$|#[0-9a-f]{6}$|rgb|rgba)/i.test(item)) {
+            bgMap.push({ prop: bgPropMap.color, value: item })
+          } else if (SUPPORTED_PROP_VAL_ARR[bgPropMap.repeat].includes(item)) {
+            bgMap.push({ prop: bgPropMap.repeat, value: item })
+          }
+          // else if (SUPPORTED_PROP_VAL_ARR[bgPropMap.size].includes(item)) {
+          //   bgMap.push({ prop: bgPropMap.size, value: item })
+          // }
+        })
+        return bgMap.length ? bgMap : false
+      }
+    }
+    unsupportedPropError({ prop, mode })
+    return false
+  }
+
+  const getBorderRadius = ({ prop, value }) => {
+    const values = value.trim().split(/\s(?![^()]*\))/)
+    if (values.length === 1) {
+      verifyValues({ prop, value, valueType: ValueType.number })
+      return { prop, value }
+    } else {
+      return getAbbreviation({ prop, value })
+    }
+  }
+
+  const spec = {
+    supportedModes: ['ios', 'android'],
+    rules: [
+      { // 背景相关属性的处理
+        test: /.*background*./,
+        ios: checkBackgroundImage,
+        android: checkBackgroundImage
+      },
+      { // RN 不支持的 CSS property
+        test: unsupportedPropExp,
+        ios: delRule,
+        android: delRule
+      },
+      { // React Native android 不支持的 CSS property
+        test: unsupportedPropMode.android,
+        android: delRule
+      },
+      { // React Native ios 不支持的 CSS property
+        test: unsupportedPropMode.ios,
+        ios: delRule
+      },
+      { // RN 支持的 CSS property value
+        test: propValExp,
+        ios: delRule,
+        android: delRule
+      },
+      {
+        test: 'box-shadow',
+        ios: getAbbreviation,
+        android: getAbbreviationAndroid
+      },
+      {
+        test: 'text-decoration',
+        ios: getAbbreviation,
+        android: getAbbreviationAndroid
+      },
+      {
+        test: /.*font-variant.*/,
+        ios: getFontVariant,
+        android: getFontVariant
+      },
+      {
+        test: 'border-radius',
+        ios: getBorderRadius,
+        android: getBorderRadius
+      },
+      { // margin padding 内外边距的处理
+        test: /.*(margin|padding).*/,
+        ios: formatMargins,
+        android: formatMargins
+      },
+      // 通用的简写格式匹配
+      {
+        test: new RegExp('^(' + Object.keys(AbbreviationMap).join('|') + ')$'),
+        ios: getAbbreviation,
+        android: getAbbreviation
+      },
+      // 值类型校验放到最后
+      { // color 颜色值校验
+        test: /.*color.*/i,
+        ios: checkCommonValue(ValueType.color),
+        android: checkCommonValue(ValueType.color)
+      },
+      { // color 颜色值校验
+        test: 'line-height',
+        ios: formatLineHeight,
+        android: formatLineHeight
+      },
+      { // number 值校验
+        test: /.*width|height|left|right|top|bottom|radius|margin|padding|spacing|offset|size.*/i,
+        ios: checkCommonValue(ValueType.number),
+        android: checkCommonValue(ValueType.number)
+      }
+    ]
+  }
+  return spec
+}

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

@@ -30,6 +30,12 @@ module.exports = function ({ print }) {
   const webEventLog = print({ platform: 'web', tag: TAG_NAME, isError: false, type: 'event' })
   const qaPropLog = print({ platform: 'qa', tag: TAG_NAME, isError: false })
   const wxPropValueLog = print({ platform: 'wx', tag: TAG_NAME, isError: false, type: 'value' })
+  const iosValueLogError = print({ platform: 'ios', tag: TAG_NAME, isError: true, type: 'value' })
+  const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
+  const iosEventLog = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'event' })
+  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' })
 
   return {
     test: TAG_NAME,
@@ -37,6 +43,14 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-button'
     },
+    ios (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-button'
+    },
+    android (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-button'
+    },
     props: [
       {
         test: 'open-type',
@@ -107,6 +121,18 @@ module.exports = function ({ print }) {
               ttValueLogError({ name, value })
             }
           }
+        },
+        ios ({ name, value }) {
+          const supported = ['share']
+          if (!supported.includes(value)) {
+            iosValueLogError({ name, value })
+          }
+        },
+        android ({ name, value }) {
+          const supported = ['share']
+          if (!supported.includes(value)) {
+            androidValueLogError({ name, value })
+          }
         }
       },
       {
@@ -143,6 +169,11 @@ module.exports = function ({ print }) {
       {
         test: /^(open-type|lang|session-from|send-message-title|send-message-path|send-message-img|app-parameter|show-message-card|bindgetuserinfo|bindcontact|bindgetphonenumber|binderror|bindopensetting|bindlaunchapp)$/,
         qa: qaPropLog
+      },
+      {
+        test: /^(lang|from-type|hover-class|send-message-title|send-message-path|send-message-img|app-parameter|show-message-card|phone-number-no-quota-toast|bindgetuserinfo|bindcontact|createliveactivity|bindgetphonenumber|bindgetrealtimephonenumber|binderror|bindopensetting|bindlaunchapp|bindchooseavatar|bindagreeprivacyauthorization)$/,
+        ios: iosPropLog,
+        android: androidPropLog
       }
     ],
     event: [
@@ -175,6 +206,11 @@ module.exports = function ({ print }) {
       {
         test: /^(getuserinfo|contact|error|launchapp|opensetting|getphonenumber)$/,
         web: webEventLog
+      },
+      {
+        test: /^(getuserinfo|contact|getphonenumber|bindgetrealtimephonenumber|error|opensetting|launchapp|chooseavatar|agreeprivacyauthorization)$/,
+        ios: iosEventLog,
+        android: androidEventLog
       }
     ]
   }