@mpxjs/webpack-plugin 2.10.17 → 2.10.18

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

@@ -1,8 +1,9 @@
 const { hump2dash } = require('../../../utils/hump-dash')
+const { parseValues } = require('../../../utils/string')
 
-module.exports = function getSpec ({ warn, error }) {
+module.exports = function getSpec({ warn, error }) {
   // React Native 双端都不支持的 CSS property
-  const unsupportedPropExp = /^(white-space|text-overflow|animation|transition|font-variant-caps|font-variant-numeric|font-variant-east-asian|font-variant-alternates|font-variant-ligatures|background-position|caret-color)$/
+  const unsupportedPropExp = /^(white-space|text-overflow|animation|font-variant-caps|font-variant-numeric|font-variant-east-asian|font-variant-alternates|font-variant-ligatures|background-position|caret-color)$/
   const unsupportedPropMode = {
     // React Native ios 不支持的 CSS property
     ios: /^(vertical-align)$/,
@@ -32,13 +33,14 @@ module.exports = function getSpec ({ warn, error }) {
   }
   // 值类型
   const ValueType = {
-    number: 'number',
+    integer: 'integer',
+    length: 'length',
     color: 'color',
     enum: 'enum'
   }
   // React 属性支持的枚举值
   const SUPPORTED_PROP_VAL_ARR = {
-    'box-sizing': ['border-box'],
+    'box-sizing': ['border-box', 'content-box'],
     'backface-visibility': ['visible', 'hidden'],
     overflow: ['visible', 'hidden', 'scroll'],
     'border-style': ['solid', 'dotted', 'dashed'],
@@ -62,100 +64,126 @@ module.exports = function getSpec ({ warn, error }) {
     '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'],
-    'background-size': ['contain', 'cover', 'auto', ValueType.number],
-    'background-position': ['left', 'right', 'top', 'bottom', 'center', ValueType.number],
+    'background-size': ['contain', 'cover', 'auto', ValueType.length],
+    'background-position': ['left', 'right', 'top', 'bottom', 'center', ValueType.length],
     'background-repeat': ['no-repeat'],
-    width: ['auto', ValueType.number],
-    height: ['auto', ValueType.number],
-    'flex-basis': ['auto', ValueType.number],
-    margin: ['auto', ValueType.number],
-    'margin-top': ['auto', ValueType.number],
-    'margin-left': ['auto', ValueType.number],
-    'margin-bottom': ['auto', ValueType.number],
-    'margin-right': ['auto', ValueType.number],
-    'margin-horizontal': ['auto', ValueType.number],
-    'margin-vertical': ['auto', ValueType.number]
+    width: ['auto', ValueType.length],
+    height: ['auto', ValueType.length],
+    'flex-basis': ['auto', ValueType.length],
+    margin: ['auto', ValueType.length],
+    'margin-top': ['auto', ValueType.length],
+    'margin-left': ['auto', ValueType.length],
+    'margin-bottom': ['auto', ValueType.length],
+    'margin-right': ['auto', ValueType.length],
+    'margin-horizontal': ['auto', ValueType.length],
+    'margin-vertical': ['auto', ValueType.length]
   }
   // 获取值类型
   const getValueType = (prop) => {
     const propValueTypeRules = [
       // 重要！！优先判断是不是枚举类型
       [ValueType.enum, new RegExp('^(' + Object.keys(SUPPORTED_PROP_VAL_ARR).join('|') + ')$')],
-      [ValueType.number, /^((opacity|flex-grow|flex-shrink|gap|left|right|top|bottom)|(.+-(width|height|left|right|top|bottom|radius|spacing|size|gap|index|offset|opacity)))$/],
+      [ValueType.length, /^((gap|left|right|top|bottom)|(.+-(width|height|left|right|top|bottom|radius|spacing|size|gap|offset)))$/],
+      [ValueType.integer, /^((opacity|flex-grow|flex-shrink|z-index)|(.+-(index|opacity)))$/],
       [ValueType.color, /^(color|(.+-color))$/]
     ]
     for (const rule of propValueTypeRules) {
       if (rule[1].test(prop)) return rule[0]
     }
   }
-  // 多value解析
-  const parseValues = (str, char = ' ') => {
-    let stack = 0
-    let temp = ''
-    const result = []
-    for (let i = 0; i < str.length; i++) {
-      if (str[i] === '(') {
-        stack++
-      } else if (str[i] === ')') {
-        stack--
-      }
-      // 非括号内 或者 非分隔字符且非空
-      if (stack !== 0 || (str[i] !== char && str[i] !== ' ')) {
-        temp += str[i]
-      }
-      if ((stack === 0 && str[i] === char) || i === str.length - 1) {
-        result.push(temp)
-        temp = ''
-      }
-    }
-    return result
+
+  // 从 CSS 变量中提取 fallback 值进行验证
+  // 返回值：fallback 值 | null（没有 fallback）| undefined（循环引用）
+  const getDefaultValueFromVar = (str, visited = new Set()) => {
+    const totalVarExp = /^var\((.+)\)$/
+    if (!totalVarExp.test(str)) return str
+
+    // 防止循环引用 - 返回 undefined 表示检测到循环
+    if (visited.has(str)) return undefined
+    visited.add(str)
+
+    const newVal = parseValues((str.match(totalVarExp)?.[1] || ''), ',')
+    if (newVal.length <= 1) return null // 没有 fallback
+    // fallback 可能本身包含逗号（如多 font-family 兜底、渐变等），这里取第2段及之后并 join 回去
+    const fallback = newVal.slice(1).join(',').trim()
+    // 如果 fallback 也是 var()，递归提取
+    if (totalVarExp.test(fallback)) return getDefaultValueFromVar(fallback, visited)
+    return fallback
   }
-  // const getDefaultValueFromVar = (str) => {
-  //   const totalVarExp = /^var\((.+)\)$/
-  //   if (!totalVarExp.test(str)) return str
-  //   const newVal = parseValues((str.match(totalVarExp)?.[1] || ''), ',')
-  //   if (newVal.length <= 1) return ''
-  //   if (!totalVarExp.test(newVal[1])) return newVal[1]
-  //   return getDefaultValueFromVar(newVal[1])
-  // }
+
   // 属性值校验
+  // 返回值：
+  // - 通过：返回 true
+  // - 失败：返回 false
   const verifyValues = ({ prop, value, selector }, isError = true) => {
     prop = prop.trim()
-    value = value.trim()
+    const rawValue = value.trim()
     const tips = isError ? error : warn
-    if (cssVariableExp.test(value) || calcExp.test(value) || envExp.test(value)) return true
+
+    // CSS 自定义属性（--xxx）是变量定义，不属于 RN 样式属性：
+    // 不能按 `-height/-color` 等后缀推断类型去校验，否则会把变量定义错误过滤，导致运行时 var() 取值失败
+    if (/^--/.test(prop)) return true
+
+    // 校验阶段允许使用 fallback 作为最坏情况（避免 RN crash），但输出必须保留 rawValue
+    let valueForVerify = rawValue
+
+    if (cssVariableExp.test(valueForVerify)) {
+      const fallback = getDefaultValueFromVar(valueForVerify)
+      // undefined 表示检测到循环引用
+      if (fallback === undefined) {
+        tips(`CSS variable circular reference in fallback chain detected in ${selector} for property ${prop}, value: ${rawValue}`)
+        return false
+      }
+      // null 表示没有 fallback，CSS 变量本身是合法的（运行时会解析）
+      if (fallback === null) {
+        return true
+      }
+      // 有 fallback 值：使用 fallback 继续做值校验
+      valueForVerify = fallback.trim()
+    }
+
+    // calc() / env() 跳过值校验，但保留 rawValue 输出
+    if (calcExp.test(valueForVerify) || envExp.test(valueForVerify)) return true
     const namedColor = ['transparent', 'aliceblue', 'antiquewhite', 'aqua', 'aquamarine', 'azure', 'beige', 'bisque', 'black', 'blanchedalmond', 'blue', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkgrey', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategrey', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dimgrey', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'fuchsia', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'gray', 'green', 'greenyellow', 'grey', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray', 'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategrey', 'lightsteelblue', 'lightyellow', 'lime', 'limegreen', 'linen', 'magenta', 'maroon', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'navy', 'oldlace', 'olive', 'olivedrab', 'orange', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'purple', 'rebeccapurple', 'red', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'silver', 'skyblue', 'slateblue', 'slategray', 'snow', 'springgreen', 'steelblue', 'tan', 'teal', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'white', 'whitesmoke', 'yellow', 'yellowgreen']
     const valueExp = {
-      number: /^((-?(\d+(\.\d+)?|\.\d+))(rpx|px|%|vw|vh)?|hairlineWidth)$/,
+      integer: /^(-?(\d+(\.\d+)?|\.\d+))$/,
+      length: /^((-?(\d+(\.\d+)?|\.\d+))(rpx|px|%|vw|vh)?|hairlineWidth)$/,
       color: new RegExp(('^(' + namedColor.join('|') + ')$') + '|(^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$)|^(rgb|rgba|hsl|hsla|hwb)\\(.+\\)$')
     }
     const type = getValueType(prop)
     const tipsType = (type) => {
       const info = {
-        [ValueType.number]: '2rpx,10%,30rpx',
+        [ValueType.length]: '2rpx,10%,30rpx',
         [ValueType.color]: 'rgb,rgba,hsl,hsla,hwb,named color,#000000',
         [ValueType.enum]: `${SUPPORTED_PROP_VAL_ARR[prop]?.join(',')}`
       }
-      tips(`Value of ${prop} in ${selector} should be ${type}, eg ${info[type]}, received [${value}], please check again!`)
+      tips(`Value of ${prop} in ${selector} should be ${type}${info[type] ? `, eg ${info[type]}` : ''}, received [${rawValue}], please check again!`)
     }
     switch (type) {
-      case ValueType.number: {
-        if (!valueExp.number.test(value)) {
+      case ValueType.length: {
+        if (!valueExp.length.test(valueForVerify)) {
+          tipsType(type)
+          return false
+        }
+        return true
+      }
+      case ValueType.integer: {
+        if (!valueExp.integer.test(valueForVerify)) {
           tipsType(type)
           return false
         }
         return true
       }
       case ValueType.color: {
-        if (!valueExp.color.test(value)) {
+        if (!valueExp.color.test(valueForVerify)) {
           tipsType(type)
           return false
         }
         return true
       }
       case ValueType.enum: {
-        const isIn = SUPPORTED_PROP_VAL_ARR[prop].includes(value)
-        const isType = Object.keys(valueExp).some(item => valueExp[item].test(value) && SUPPORTED_PROP_VAL_ARR[prop].includes(ValueType[item]))
+        const isIn = SUPPORTED_PROP_VAL_ARR[prop].includes(valueForVerify)
+        const isType = Object.keys(valueExp).some(item => valueExp[item].test(valueForVerify) && SUPPORTED_PROP_VAL_ARR[prop].includes(ValueType[item]))
         if (!isIn && !isType) {
           tipsType(type)
           return false
@@ -393,6 +421,8 @@ module.exports = function getSpec ({ warn, error }) {
     // css var & 数组直接返回
     if (Array.isArray(value) || cssVariableExp.test(value)) return { prop, value }
     const values = parseValues(value)
+    // Todo transform 排序不一致时，transform动画会闪烁，故这里同样的排序输出 transform
+    values.sort()
     const transform = []
     values.forEach(item => {
       const match = item.match(/([/\w]+)\((.+)\)/)
@@ -424,23 +454,23 @@ module.exports = function getSpec ({ warn, error }) {
           case 'skew':
           case 'translate3d': // x y 支持 z不支持
           case 'scale3d': // x y 支持 z不支持
-          {
-            // 2 个以上的值处理
-            key = key.replace('3d', '')
-            const vals = parseValues(val, ',').splice(0, 3)
-            // scale(.5) === scaleX(.5) scaleY(.5)
-            if (vals.length === 1 && key === 'scale') {
-              vals.push(vals[0])
-            }
-            const xyz = ['X', 'Y', 'Z']
-            transform.push(...vals.map((v, index) => {
-              if (key !== 'rotate' && index > 1) {
-                unsupportedPropError({ prop: `${key}Z`, value, selector }, { mode })
+            {
+              // 2 个以上的值处理
+              key = key.replace('3d', '')
+              const vals = parseValues(val, ',').splice(0, 3)
+              // scale(.5) === scaleX(.5) scaleY(.5)
+              if (vals.length === 1 && key === 'scale') {
+                vals.push(vals[0])
               }
-              return { [`${key}${xyz[index] || ''}`]: v.trim() }
-            }))
-            break
-          }
+              const xyz = ['X', 'Y', 'Z']
+              transform.push(...vals.map((v, index) => {
+                if (key !== 'rotate' && index > 1) {
+                  unsupportedPropError({ prop: `${key}Z`, value, selector }, { mode })
+                }
+                return { [`${key}${xyz[index] || ''}`]: v.trim() }
+              }))
+              break
+            }
           case 'translateZ':
           case 'scaleZ':
           case 'rotate3d': // x y z angle

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

@@ -8,6 +8,7 @@ module.exports = function ({ print }) {
   const qqValueWarningLog = print({ platform: 'qq', type: 'value', tag: TAG_NAME, isError: false })
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
   const qqEventLog = print({ platform: 'qq', tag: TAG_NAME, isError: false, type: 'event' })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
   return {
     test: TAG_NAME,
     props: [
@@ -43,6 +44,10 @@ module.exports = function ({ print }) {
         test: /^(ad-intervals|ad-theme)$/,
         qq: qqPropLog,
         swan: baiduPropLog
+      },
+      {
+        test: /^(ad-intervals|ad-type|ad-params)$/,
+        ks: ksPropLog
       }
     ],
     event: [

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

@@ -29,6 +29,8 @@ module.exports = function ({ print }) {
   const webPropLog = print({ platform: 'web', tag: TAG_NAME, isError: false })
   const webEventLog = print({ platform: 'web', tag: TAG_NAME, isError: false, type: 'event' })
   const qaPropLog = print({ platform: 'qa', tag: TAG_NAME, isError: false })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLog = print({ platform: 'ks', tag: TAG_NAME, isError: false, type: 'event' })
   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 iosValueLog = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'value' })
@@ -195,10 +197,14 @@ module.exports = function ({ print }) {
         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)$/,
+        test: /^(lang|from-type|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,
         harmony: harmonyPropLog
+      },
+      {
+        test: /^(hover-stop-propagation|session-from|send-message-title|send-message-path|send-message-img|app-parameter|show-message-card|app-parameter|phone-number-no-quota-toast|need-show-entrance|entrance-path)$/,
+        ks: ksPropLog
       }
     ],
     event: [
@@ -233,10 +239,11 @@ module.exports = function ({ print }) {
         web: webEventLog
       },
       {
-        test: /^(getuserinfo|contact|getphonenumber|bindgetrealtimephonenumber|error|opensetting|launchapp|chooseavatar|agreeprivacyauthorization)$/,
+        test: /^(getuserinfo|contact|getphonenumber|getrealtimephonenumber|error|opensetting|launchapp|chooseavatar|agreeprivacyauthorization)$/,
         ios: iosEventLog,
         android: androidEventLog,
-        harmony: harmonyEventLog
+        harmony: harmonyEventLog,
+         ks: ksEventLog
       }
     ]
   }

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

@@ -13,6 +13,9 @@ module.exports = function ({ print }) {
   const qqEventLog = print({ platform: 'qq', tag: TAG_NAME, isError: false, type: 'event' })
   const qaPropLog = print({ platform: 'qa', tag: TAG_NAME, isError: false })
   const qaEventLog = print({ platform: 'qa', tag: TAG_NAME, isError: false, type: 'event' })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLog = print({ platform: 'ks', tag: TAG_NAME, isError: false, type: 'event' })
+
   return {
     test: TAG_NAME,
     props: [
@@ -46,7 +49,8 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(resolution|frame-size)$/,
-        qq: qqPropLog
+        qq: qqPropLog,
+        ks: ksPropLog
       },
       {
         test: /^(frame-size|device-position)$/,
@@ -73,11 +77,17 @@ module.exports = function ({ print }) {
         test: /^(scancode)$/,
         swan: baiduEventLog,
         tt: ttEventLog,
-        qa: qaEventLog
+        qa: qaEventLog,
+        ks: ksEventLog
       },
       {
         test: /^(initdone)$/,
-        qq: qqEventLog
+        qq: qqEventLog,
+        ks: ksEventLog
+      },
+      {
+        test: /^(stop|error)$/,
+        ks: ksEventLog
       }
     ]
   }

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

@@ -6,6 +6,8 @@ module.exports = function ({ print }) {
   const ttEventLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false, type: 'event' })
   const jdPropLog = print({ platform: 'jd', tag: TAG_NAME, isError: false })
   const qaEventLog = print({ platform: 'qa', tag: TAG_NAME, isError: false, type: 'event' })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLog = print({ platform: 'ks', tag: TAG_NAME, isError: false, type: 'event' })
   return {
     test: TAG_NAME,
     android (tag, { el }) {
@@ -37,6 +39,10 @@ module.exports = function ({ print }) {
       {
         test: 'type',
         jd: jdPropLog
+      },
+      {
+        test: /^(type|disable-scroll)$/,
+        ks: ksPropLog
       }
     ],
     // 组件事件中的差异部分
@@ -63,7 +69,8 @@ module.exports = function ({ print }) {
       {
         test: /^(longtap|error)$/,
         tt: ttEventLog,
-        qa: qaEventLog
+        qa: qaEventLog,
+        ks: ksEventLog
       }
     ]
   }

package/lib/platform/template/wx/component-config/cover-image.js

@@ -2,9 +2,12 @@ const TAG_NAME = 'cover-image'
 
 module.exports = function ({ print }) {
   const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
+  const ksEventLog = print({ platform: 'ks', 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 })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+
   return {
     test: TAG_NAME,
     web (tag, { el }) {
@@ -37,13 +40,15 @@ module.exports = function ({ print }) {
         test: /^(referrer-policy)$/,
         ios: iosPropLog,
         android: androidPropLog,
-        harmony: harmonyPropLog
+        harmony: harmonyPropLog,
+        ks: ksPropLog
       }
     ],
     event: [
       {
         test: /^(load|error)$/,
-        ali: aliEventLog
+        ali: aliEventLog,
+        ks: ksEventLog
       }
     ]
   }

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

@@ -4,6 +4,7 @@ module.exports = function ({ print }) {
   const aliPropLog = print({ platform: 'ali', tag: TAG_NAME, isError: false })
   const baiduValueLogError = print({ platform: 'baidu', tag: TAG_NAME, isError: true, type: 'value' })
   const webPropLog = print({ platform: 'web', tag: TAG_NAME, isError: false })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -41,7 +42,8 @@ module.exports = function ({ print }) {
             baiduValueLogError({ name, value })
           }
         },
-        web: webPropLog
+        web: webPropLog,
+        ks: ksPropLog
       },
       {
         test: 'use-built-in',

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

@@ -10,6 +10,16 @@ module.exports = function ({ print }) {
   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 })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLog = print({ platform: 'ks', 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' })
+  const webEventLog = print({ platform: 'web', tag: TAG_NAME, isError: false, type: 'event' })
+  const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
+  const qaEventLog = print({ platform: 'qa', tag: TAG_NAME, isError: false, type: 'event' })
+  const qqEventLog = print({ platform: 'qq', tag: TAG_NAME, isError: false, type: 'event' })
+  const jdEventLog = print({ platform: 'jd', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -39,12 +49,27 @@ module.exports = function ({ print }) {
         qq: qqPropLog
       },
       {
-        test: /^(report-submit|report-submit-timeout)$/,
+        test: /^(report-submit|report-submit-timeout|submitToGroup)$/,
         web: webPropLog,
         qa: qaPropLog,
         ios: iosPropLog,
         android: androidPropLog,
-        harmony: harmonyPropLog
+        harmony: harmonyPropLog,
+        ks: ksPropLog
+      }
+    ],
+    event: [
+      {
+        test: /^(submitToGroup)$/,
+        ks: ksEventLog,
+        ios: iosEventLog,
+        android: androidEventLog,
+        harmony: harmonyEventLog,
+        web: webEventLog,
+        ali: aliEventLog,
+        qa: qaEventLog,
+        qq: qqEventLog,
+        jd: jdEventLog
       }
     ]
   }

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

@@ -9,6 +9,7 @@ module.exports = function ({ print }) {
   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 })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -55,6 +56,10 @@ module.exports = function ({ print }) {
         ios: iosPropLog,
         android: androidPropLog,
         harmony: harmonyPropLog
+      },
+      {
+        test: /^(webp|forceHttps|show-menu-by-longpress|fade-in)$/,
+        ks: ksPropLog
       }
     ]
   }

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

@@ -12,6 +12,8 @@ module.exports = function ({ print }) {
   const webPropLog = print({ platform: 'web', tag: TAG_NAME, isError: false })
   const webEventLog = print({ platform: 'web', tag: TAG_NAME, isError: false, type: 'event' })
   const webValueLog = print({ platform: 'web', tag: TAG_NAME, isError: false, type: 'value' })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLog = print({ platform: 'ks', tag: TAG_NAME, isError: false, type: 'event' })
   const qaPropLog = print({ platform: 'qa', tag: TAG_NAME, isError: false })
   const iosValueLogError = print({ platform: 'ios', tag: TAG_NAME, isError: true, type: 'value' })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
@@ -109,6 +111,10 @@ module.exports = function ({ print }) {
         ios: iosPropLog,
         android: androidPropLog,
         harmony: harmonyPropLog
+      },
+      {
+        test: /^(cursor-spacing|always-embed|cursor|selection-start|selection-end|adjust-position|hold-keyboard|safe-password-cert-path|safe-password-length|safe-password-time-stamp|safe-password-nonce|safe-password-salt|safe-password-custom-hash|placeholder-class)$/,
+        ks: ksPropLog
       }
     ],
     event: [
@@ -129,6 +135,10 @@ module.exports = function ({ print }) {
         ios: iosEventLog,
         android: androidEventLog,
         harmony: harmonyEventLog
+      },
+      {
+        test: /^(change|nicknamereview|selectionchange|keyboardcompositionstart|keyboardcompositionupdate|keyboardcompositionend|onkeyboardheightchange)$/,
+        ks: ksEventLog
       }
     ]
   }

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

@@ -1,6 +1,8 @@
 const TAG_NAME = 'label'
 
-module.exports = function () {
+module.exports = function ({ print }) {
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+
   return {
     test: TAG_NAME,
     ios (tag, { el }) {
@@ -14,6 +16,12 @@ module.exports = function () {
     harmony (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-label'
-    }
+    },
+    props: [
+      {
+        test: /^(for)$/,
+        ks: ksPropLog
+      }
+    ]
   }
 }

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

@@ -12,6 +12,9 @@ module.exports = function ({ print }) {
   const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
   const qaPropLog = print({ platform: 'qa', tag: TAG_NAME, isError: false })
   const qaEventLogError = print({ platform: 'qa', tag: TAG_NAME, isError: true, type: 'event' })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLogError = print({ platform: 'ks', tag: TAG_NAME, isError: true, type: 'event' })
+
   return {
     // 匹配标签名，可传递正则
     test: TAG_NAME,
@@ -55,6 +58,10 @@ module.exports = function ({ print }) {
       {
         test: /^(min-scale|max-scale|covers|polyline|include-points|show-location|subkey|layer-style|skew|enable-3D|show-compass|show-scale|enable-overlooking|enable-zoom|enable-scroll|enable-rotate|enable-satellite|enable-traffic|enable-poi|enable-building|setting)$/,
         qa: qaPropLog
+      },
+      {
+        test: /^(min-scale|max-scale|covers|polyline|controls|include-points|show-location|polygons|subkey|layer-style|skew|enable-3D|show-compass|show-scale|enable-overlooking|enable-auto-max-overlooking|enable-zoom|enable-scroll|enable-rotate|enable-satellite|enable-traffic|enable-poi|enable-building|setting)$/,
+        ks: ksPropLog
       }
     ],
     // 组件事件中的差异部分
@@ -93,6 +100,10 @@ module.exports = function ({ print }) {
       {
         test: /^(labeltap|anchorpointtap)$/,
         qa: qaEventLogError
+      },
+      {
+        test: /^(updated|regionchange|poitap|polylinetap|abilitysuccess|abilityfail|authsuccess|interpolatepoint|error)$/,
+        ks: ksEventLogError
       }
     ]
   }

package/lib/platform/template/wx/component-config/movable-area.js

@@ -4,6 +4,8 @@ module.exports = function ({ print }) {
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
   const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+
   return {
     test: TAG_NAME,
     web (tag, { el }) {
@@ -27,7 +29,8 @@ module.exports = function ({ print }) {
         test: /^(scale-area)$/,
         ios: iosPropLog,
         android: androidPropLog,
-        harmony: harmonyPropLog
+        harmony: harmonyPropLog,
+        ks: ksPropLog
       }
     ]
   }

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

@@ -9,6 +9,9 @@ module.exports = function ({ print }) {
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
   const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
+  const ksPropLog = print({ platform: 'ks', tag: TAG_NAME, isError: false })
+  const ksEventLog = print({ platform: 'ks', tag: TAG_NAME, isError: false, type: 'event' })
+
   return {
     test: TAG_NAME,
     web (tag, { el }) {
@@ -36,7 +39,18 @@ module.exports = function ({ print }) {
         harmony: harmonyPropLog
       },
       {
-        test: /^(damping|friction|scale|scale-min|scale-max|scale-value)$/,
+        test: /^(inertia)$/,
+        ks: ksPropLog
+      },
+      {
+        test: /^(damping|friction)$/,
+        ios: iosPropLog,
+        android: androidPropLog,
+        harmony: harmonyPropLog,
+        ks: ksPropLog
+      },
+      {
+        test: /^(scale|scale-min|scale-max|scale-value)$/,
         ios: iosPropLog,
         android: androidPropLog,
         harmony: harmonyPropLog
@@ -45,7 +59,8 @@ module.exports = function ({ print }) {
     event: [
       {
         test: /^(htouchmove|vtouchmove)$/,
-        ali: aliEventLog
+        ali: aliEventLog,
+        ks: ksEventLog
       },
       {
         test: /^(bindscale)$/,