@mpxjs/webpack-plugin 2.10.17-beta.2 → 2.10.17-beta.4

package/lib/config.js

@@ -553,6 +553,66 @@ module.exports = {
       show: 'dd:show'
     }
   },
+  ks: {
+    typeExtMap: {
+      json: '.json',
+      script: '.js',
+      template: '.ksml',
+      styles: '.css'
+    },
+    tabBar: {
+      itemKey: 'list',
+      iconKey: 'iconPath',
+      activeIconKey: 'selectedIconPath'
+    },
+    event: {
+      parseEvent (attr) {
+        const match = /^(bind|catch|capture-bind|capture-catch):?(.*?)(?:\.(.*))?$/.exec(attr)
+        if (match) {
+          return {
+            prefix: match[1],
+            eventName: match[2],
+            modifier: match[3]
+          }
+        }
+      },
+      getEvent (eventName, prefix = 'bind') {
+         if (eventName.includes('-')) {
+          return `${prefix}:${eventName}`
+        } else {
+          return prefix + eventName
+        }
+      },
+      defaultModelProp: 'value',
+      defaultModelEvent: 'input',
+      defaultModelValuePath: 'value'
+    },
+    wxs: {
+      tag: 'ks',
+      module: 'module',
+      src: 'src',
+      ext: '.ks',
+      templatePrefix: 'module.exports = \n'
+    },
+    directive: {
+      if: 'ks:if',
+      elseif: 'ks:elif',
+      else: 'ks:else',
+      for: 'ks:for',
+      forIndex: 'ks:for-index',
+      forItem: 'ks:for-item',
+      key: 'ks:key',
+      dynamicClass: 'ks:class',
+      dynamicStyle: 'ks:style',
+      ref: 'ks:ref',
+      show: 'ks:show',
+      model: 'ks:model',
+      modelProp: 'ks:model-prop',
+      modelEvent: 'ks:model-event',
+      modelValuePath: 'ks:model-value-path',
+      modelFilter: 'ks:model-filter'
+    }
+  },
   ios: reactConfig,
   android: reactConfig,
   harmony: reactConfig

package/lib/file-loader.js

@@ -8,7 +8,9 @@ module.exports = function loader (content, prevOptions) {
   const options = prevOptions || loaderUtils.getOptions(this) || {}
   const context = options.context || this.rootContext
   const mpx = this.getMpx()
-  const isRN = ['ios', 'android', 'harmony'].includes(mpx.mode)
+
+  const { mode } = mpx
+  const isRN = ['ios', 'android', 'harmony'].includes(mode)
 
   let url = loaderUtils.interpolateName(this, options.name, {
     context,
@@ -47,6 +49,7 @@ module.exports = function loader (content, prevOptions) {
         ? options.publicPath
         : `${options.publicPath}/`}${url}`
     }
+
     publicPath = JSON.stringify(publicPath)
   }
 

package/lib/global.d.ts

@@ -0,0 +1,16 @@
+
+declare global {
+    interface MpxWebpackPluginOptions {
+        style: {
+            cssCondition?: {
+                before?: boolean;
+                after?: boolean;
+                beforeExclude?: (string | RegExp)[];
+                afterExclude?: (string | RegExp)[];
+                legacy?: boolean;
+                afterLegacy?: boolean;
+                beforeLegacy?: boolean;
+            }
+        }
+    }
+}

package/lib/index.js

@@ -79,7 +79,8 @@ const LoadAsyncChunkModule = require('./react/LoadAsyncChunkModule')
 const ExternalModule = require('webpack/lib/ExternalModule')
 const { RetryRuntimeModule, RetryRuntimeGlobal } = require('./dependencies/RetryRuntimeModule')
 const checkVersionCompatibility = require('./utils/check-core-version-match')
-
+const { rewriteFSForCss, startFSStripForCss } = require('./style-compiler/strip-conditional-loader')
+rewriteFSForCss()
 checkVersionCompatibility()
 
 const isProductionLikeMode = options => {
@@ -323,6 +324,9 @@ class MpxWebpackPlugin {
   }
 
   apply (compiler) {
+    // 注入 fs 代理
+    startFSStripForCss(this.options.defs)
+
     if (!compiler.__mpx__) {
       compiler.__mpx__ = true
     } else {
@@ -1729,7 +1733,14 @@ class MpxWebpackPlugin {
 
           if (isReact(mpx.mode)) {
             // 添加 @refresh reset 注释用于在 React HMR 时刷新组件
-            source.add('/* @refresh reset */\n')
+            if (process.env.NODE_ENV !== 'production') {
+              source.add(`/* @refresh reset */
+if (module.hot) {
+  module.hot.accept(() => {
+    require("react-native").DevSettings.reload();
+  });
+}\n`)
+            }
             // 注入页面的配置，供screen前置设置导航情况
             if (isRuntime) {
               source.add('// inject pageconfigmap for screen\n' +
@@ -2087,3 +2098,12 @@ try {
 }
 
 module.exports = MpxWebpackPlugin
+
+/**
+ * 定义 MpxWebpackPlugin 的配置
+ * @param {MpxWebpackPluginOptions} options - 插件选项
+ * @returns {MpxWebpackPluginOptions}
+ */
+module.exports.defineConfig = function defineConfig(options) {
+  return options
+}

package/lib/json-compiler/index.js

@@ -472,6 +472,11 @@ module.exports = function (content) {
       }
     }
 
+    const wrapTabBarAsset = (expr) => {
+      if (mode !== 'ks') return expr
+      return `(function(p){return typeof p === "string" && p.charAt(0) === "/" ? p.slice(1) : p})(${expr})`
+    }
+
     const processTabBar = (output) => {
       const tabBarCfg = config[mode].tabBar
       const itemKey = tabBarCfg.itemKey
@@ -480,11 +485,15 @@ module.exports = function (content) {
 
       if (json.tabBar && json.tabBar[itemKey]) {
         json.tabBar[itemKey].forEach((item, index) => {
-          if (item[iconKey] && isUrlRequest(item[iconKey])) {
-            output += `json.tabBar.${itemKey}[${index}].${iconKey} = require("${addQuery(urlToRequest(item[iconKey]), { useLocal: true })}");\n`
+          const iconPath = item[iconKey]
+          if (iconPath && isUrlRequest(iconPath)) {
+            const iconRequire = wrapTabBarAsset(`require("${addQuery(urlToRequest(iconPath), { useLocal: true })}")`)
+            output += `json.tabBar.${itemKey}[${index}].${iconKey} = ${iconRequire};\n`
           }
-          if (item[activeIconKey] && isUrlRequest(item[activeIconKey])) {
-            output += `json.tabBar.${itemKey}[${index}].${activeIconKey} = require("${addQuery(urlToRequest(item[activeIconKey]), { useLocal: true })}");\n`
+          const activeIconPath = item[activeIconKey]
+          if (activeIconPath && isUrlRequest(activeIconPath)) {
+            const activeIconRequire = wrapTabBarAsset(`require("${addQuery(urlToRequest(activeIconPath), { useLocal: true })}")`)
+            output += `json.tabBar.${itemKey}[${index}].${activeIconKey} = ${activeIconRequire};\n`
           }
         })
       }

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

@@ -179,6 +179,7 @@ module.exports = function getSpec ({ warn, error }) {
       swan: addGlobalComponents,
       qq: addGlobalComponents,
       tt: addGlobalComponents,
+      ks: addGlobalComponents,
       jd: addGlobalComponents,
       web: fixComponentName,
       ios: fixComponentName,
@@ -284,6 +285,7 @@ module.exports = function getSpec ({ warn, error }) {
       'swan',
       'qq',
       'tt',
+      'ks',
       'jd',
       'qa',
       'dd',
@@ -401,6 +403,7 @@ module.exports = function getSpec ({ warn, error }) {
         qq: fillGlobalComponents,
         swan: fillGlobalComponents,
         tt: fillGlobalComponents,
+        ks: fillGlobalComponents,
         jd: fillGlobalComponents
       },
       {
@@ -408,6 +411,7 @@ module.exports = function getSpec ({ warn, error }) {
         qq: deletePath({ noLog: true }),
         swan: deletePath({ noLog: true }),
         tt: deletePath({ noLog: true }),
+        ks: deletePath({ noLog: true }),
         jd: deletePath({ noLog: true })
       },
       {
@@ -446,6 +450,7 @@ module.exports = function getSpec ({ warn, error }) {
         qq: getTabBarRule(),
         swan: getTabBarRule(),
         tt: getTabBarRule(),
+        ks: getTabBarRule(),
         jd: getTabBarRule()
       },
       {
@@ -454,6 +459,7 @@ module.exports = function getSpec ({ warn, error }) {
         qq: getWindowRule(),
         swan: getWindowRule(),
         tt: getWindowRule(),
+        ks: getWindowRule(),
         jd: getWindowRule()
       }
     ]

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 }) {
   // 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)$/,
@@ -38,7 +39,7 @@ module.exports = function getSpec ({ warn, error }) {
   }
   // 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'],
@@ -88,42 +89,48 @@ module.exports = function getSpec ({ warn, error }) {
       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
+    const fallback = newVal[1].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])
-  // }
-  // 属性值校验
+
   const verifyValues = ({ prop, value, selector }, isError = true) => {
     prop = prop.trim()
     value = value.trim()
     const tips = isError ? error : warn
-    if (cssVariableExp.test(value) || calcExp.test(value) || envExp.test(value)) return true
+
+    // 对于包含 CSS 变量的值，提取 fallback 值进行验证
+    if (cssVariableExp.test(value)) {
+      const fallback = getDefaultValueFromVar(value)
+      // undefined 表示检测到循环引用
+      if (fallback === undefined) {
+        tips(`CSS variable circular reference in fallback chain detected in ${selector} for property ${prop}, value: ${value}`)
+        return false
+      }
+      // null 表示没有 fallback，CSS 变量本身是合法的（运行时会解析）
+      if (fallback === null) {
+        return true
+      }
+      // 有 fallback 值，将 fallback 作为新的 value 继续后续验证流程
+      value = fallback
+    }
+
+    // calc() 和 env() 跳过验证
+    if (calcExp.test(value) || envExp.test(value)) 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)$/,
@@ -393,6 +400,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]+)\((.+)\)/)
@@ -540,6 +549,15 @@ module.exports = function getSpec ({ warn, error }) {
     return { prop, value: values[0].trim() }
   }
 
+  const formatZIndex = ({ prop, value, selector }, { mode }) => {
+    // z-index auto 报错
+    if (value === 'auto') {
+      error(`Property [${prop}] does not supported [${value}] on ${selector} in ${mode} environment, please check again!`)
+      return { prop, value: 0 }
+    }
+    return { prop, value: value }
+  }
+
   // const formatBoxShadow = ({ prop, value, selector }, { mode }) => {
   //   value = value.trim()
   //   if (value === 'none') {
@@ -605,6 +623,12 @@ module.exports = function getSpec ({ warn, error }) {
         android: formatFontFamily,
         harmony: formatFontFamily
       },
+      {
+        test: 'z-index',
+        ios: formatZIndex,
+        android: formatZIndex,
+        harmony: formatZIndex
+      },
       // {
       //   test: 'box-shadow',
       //   ios: formatBoxShadow,

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' })
@@ -199,6 +201,10 @@ module.exports = function ({ print }) {
         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,8 +13,23 @@ 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,
+    ios (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-camera'
+    },
+    android (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-camera'
+    },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-camera'
+    },
     props: [
       {
         test: 'mode',
@@ -46,7 +61,8 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(resolution|frame-size)$/,
-        qq: qqPropLog
+        qq: qqPropLog,
+        ks: ksPropLog
       },
       {
         test: /^(frame-size|device-position)$/,
@@ -73,11 +89,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
       }
     ]
   }