From ef592ce4159e0d291880a55681d8d1ff022b7484 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=86=E8=91=B5?= <xianyong.yxy@alibaba-inc.com>
Date: Wed, 25 Aug 2021 15:09:58 +0800
Subject: [PATCH 1/6] feat(miniapp): support flex in baidu and kuaishou

---
 packages/miniapp-render/src/constants.js      | 13 ++-
 packages/miniapp-render/src/node/element.js   |  2 +
 .../src/platforms/baidu.js                    | 85 ++++++-------------
 3 files changed, 40 insertions(+), 60 deletions(-)

diff --git a/packages/miniapp-render/src/constants.js b/packages/miniapp-render/src/constants.js
index e75c7242..5513002d 100644
--- a/packages/miniapp-render/src/constants.js
+++ b/packages/miniapp-render/src/constants.js
@@ -1,3 +1,6 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { isBaiduSmartProgram } from 'universal-env';
+
 export const NATIVE_EVENTS_LIST = [
   'onBack',
   'onKeyboardHeight',
@@ -28,11 +31,15 @@ export const BODY_NODE_ID = 'e-body';
 
 export const INDEX_PAGE = 'index-page';
 
-export const STATIC_COMPONENTS = new Set(['view', 'text', 'image']); // With no events components
+/**
+ * In Baidu SmartProgram, view and h-element template are modified to support flex, so pure, static and catch elements are omitted
+ */
+
+export const STATIC_COMPONENTS = new Set(isBaiduSmartProgram ? ['text', 'image'] : ['view', 'text', 'image']); // With no events components
 
-export const PURE_COMPONENTS = new Set(['view', 'h-element']); // With no events or props && equal to TOUCH_COMPONENTS
+export const PURE_COMPONENTS = new Set(isBaiduSmartProgram ? [] : ['view', 'h-element']); // With no events or props && equal to TOUCH_COMPONENTS
 
-export const CATCH_COMPONENTS = new Set(['view', 'h-element']); // With catchTouchMove events
+export const CATCH_COMPONENTS = new Set(isBaiduSmartProgram ? [] : ['view', 'h-element']); // With catchTouchMove events
 
 export const APPEAR_COMPONENT = 'view'; // Without appear event components
 
diff --git a/packages/miniapp-render/src/node/element.js b/packages/miniapp-render/src/node/element.js
index a44c4281..0c05b028 100755
--- a/packages/miniapp-render/src/node/element.js
+++ b/packages/miniapp-render/src/node/element.js
@@ -116,6 +116,8 @@ class Element extends Node {
     if (hasCatchTouchMoveFlag) {
       CATCH_COMPONENTS.has(this.__tmplName) && (nodeTypePrefix = 'catch-');
     }
+
+    // Fix scroll-view shake problem caused by scroll-left or scroll-top
     if (isWeChatMiniProgram && hasAnchorScrollFlag) {
       ANCHOR_COMPONENT === this.__tmplName && (nodeTypePrefix = 'anchor-');
     }
diff --git a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
index 42af3052..64c79f4b 100644
--- a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
+++ b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
@@ -37,36 +37,6 @@ const View = {
   }
 };
 
-const CatchView = Object.assign({}, View);
-
-const StaticView = {
-  props: {
-    'hover-class': addSingleQuote('none'),
-    'hover-start-time': '50',
-    'hover-stay-time': '400',
-    'hover-stop-propagation': 'false',
-    animation: ''
-  }
-};
-
-const PureView = {};
-
-const NoTouchView = {
-  props: {
-    'hover-class': addSingleQuote('none'),
-    'hover-start-time': '50',
-    'hover-stay-time': '400',
-    'hover-stop-propagation': 'false',
-    animation: ''
-  },
-  events: {
-    ...animationEvents
-  },
-  basicEvents: {
-    ...tapEvents
-  }
-};
-
 const HElement = {
   props: {
     animation: ''
@@ -77,19 +47,6 @@ const HElement = {
   }
 };
 
-const CatchHElement = Object.assign({}, HElement);
-
-const PureHElement = {};
-
-const NoTouchHElement = {
-  props: {
-    animation: ''
-  },
-  basicEvents: {
-    ...tapEvents
-  }
-};
-
 const HComment = {};
 
 const Swiper = {
@@ -821,10 +778,6 @@ const OfficialAccount = {
 
 exports.internalComponents = {
   View,
-  CatchView,
-  StaticView,
-  PureView,
-  NoTouchView,
   Swiper,
   SwiperItem,
   ScrollView,
@@ -865,20 +818,10 @@ exports.internalComponents = {
   LivePusher,
   OfficialAccount,
   HElement,
-  CatchHElement,
-  PureHElement,
-  NoTouchHElement,
   HComment
 };
 
 exports.derivedComponents = new Map([
-  ['CatchView', 'View'],
-  ['StaticView', 'View'],
-  ['PureView', 'View'],
-  ['NoTouchView', 'View'],
-  ['CatchHElement', 'View'],
-  ['PureHElement', 'View'],
-  ['NoTouchHElement', 'View'],
   ['HElement', 'View'],
   ['StaticText', 'Text'],
   ['StaticImage', 'Image'],
@@ -945,7 +888,35 @@ exports.shouldNotGenerateTemplateComponents = new Set([
   'MovableView'
 ]);
 
+const flattenViewLevel = 8;
+function generateFlattenView(level, component) {
+  if (level === 0) {
+    return '<template is="RAX_TMPL_CHILDREN_0" data="{{{r: item.children}}}" />'
+  }
+  const child = generateFlattenView(level - 1);
+  let attributes = `animation="{{r['animation']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{r.style}}" class="{{r.class}}" id="{{r.id}}" data-private-node-id="{{r.nodeId}}"`;
+  if (component === 'view') {
+    attributes += ` hover-class="{{r['hover-class']||'none'}}" hover-start-time="{{tool.a(r['hover-start-time'],50)}}" hover-stay-time="{{tool.a(r['hover-stay-time'],400)}}" hover-stop-propagation="{{tool.a(r['hover-stop-propagation'],false)}}"`;
+  }
+  const template =
+`<block s-for="{{r.children}}" s-key="nodeId">
+  <view s-if="item.nodeType==='${component}'&&(item.class||item.style)" ${attributes}>
+    ${child}
+  </view>
+  <block s-elif="{{item.nodeId}}">
+    <template is="{{'RAX_TMPL_0_' + item.nodeType}}" data="{{{r: item}}}" />
+  </block>
+  <block s-else>
+    <block>{{item.content}}</block>
+  </block>
+</block>
+`;
+  return template;
+}
+
 exports.needModifyChildrenComponents = {
+  HElement: (children) => `${generateFlattenView(flattenViewLevel, 'h-element')}`,
+  View: (children) => `${generateFlattenView(flattenViewLevel, 'view')}`,
   Swiper: (children, level) => `
     <swiper-item s-for="{{r.children}}" s-if="{{item.nodeType !== 'h-comment'}}" s-key="nodeId">
       <template is="RAX_TMPL_CHILDREN_0" data="{{{r: item.children}}}" />

From cbc316d0bb604a1da468108889c6d89ffb7bcf65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=86=E8=91=B5?= <xianyong.yxy@alibaba-inc.com>
Date: Wed, 25 Aug 2021 15:10:35 +0800
Subject: [PATCH 2/6] build: update build scripts for miniapp-render

---
 packages/miniapp-render/scripts/platform-plugin.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/miniapp-render/scripts/platform-plugin.js b/packages/miniapp-render/scripts/platform-plugin.js
index 10708e82..a989cc92 100644
--- a/packages/miniapp-render/scripts/platform-plugin.js
+++ b/packages/miniapp-render/scripts/platform-plugin.js
@@ -1,7 +1,7 @@
 const t = require('@babel/types');
 // Collect import specifiers
 const specified = [];
-const platformEnvValues = ['isMiniApp', 'isWeChatMiniProgram'];
+const platformEnvValues = ['isMiniApp', 'isWeChatMiniProgram', 'isByteDanceMicroApp', 'isBaiduSmartProgram', 'isKuaishouMiniProgram'];
 const platformMap = {
   ali: 'isMiniApp',
   wechat: 'isWeChatMiniProgram',

From 1b145a812a5580c8f72d8a7bf52b95322480faa9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=86=E8=91=B5?= <xianyong.yxy@alibaba-inc.com>
Date: Wed, 25 Aug 2021 15:15:26 +0800
Subject: [PATCH 3/6] fix: lint error

---
 .../src/platforms/baidu.js                                  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
index 64c79f4b..611ce52f 100644
--- a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
+++ b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
@@ -891,12 +891,12 @@ exports.shouldNotGenerateTemplateComponents = new Set([
 const flattenViewLevel = 8;
 function generateFlattenView(level, component) {
   if (level === 0) {
-    return '<template is="RAX_TMPL_CHILDREN_0" data="{{{r: item.children}}}" />'
+    return '<template is="RAX_TMPL_CHILDREN_0" data="{{{r: item.children}}}" />';
   }
   const child = generateFlattenView(level - 1);
-  let attributes = `animation="{{r['animation']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{r.style}}" class="{{r.class}}" id="{{r.id}}" data-private-node-id="{{r.nodeId}}"`;
+  let attributes = 'animation="{{r[\'animation\']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{r.style}}" class="{{r.class}}" id="{{r.id}}" data-private-node-id="{{r.nodeId}}"';
   if (component === 'view') {
-    attributes += ` hover-class="{{r['hover-class']||'none'}}" hover-start-time="{{tool.a(r['hover-start-time'],50)}}" hover-stay-time="{{tool.a(r['hover-stay-time'],400)}}" hover-stop-propagation="{{tool.a(r['hover-stop-propagation'],false)}}"`;
+    attributes += ' hover-class="{{r[\'hover-class\']||\'none\'}}" hover-start-time="{{tool.a(r[\'hover-start-time\'],50)}}" hover-stay-time="{{tool.a(r[\'hover-stay-time\'],400)}}" hover-stop-propagation="{{tool.a(r[\'hover-stop-propagation\'],false)}}"';
   }
   const template =
 `<block s-for="{{r.children}}" s-key="nodeId">

From 80c72592ad2b52b2d5140b5025359be1b8a5ca85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=86=E8=91=B5?= <xianyong.yxy@alibaba-inc.com>
Date: Wed, 25 Aug 2021 16:04:43 +0800
Subject: [PATCH 4/6] feat(miniapp): support kuaishou flex

---
 .../miniapp-render/scripts/platform-plugin.js |  4 +-
 packages/miniapp-render/src/constants.js      | 10 +--
 .../src/platforms/kuaishou.js                 | 85 ++++++-------------
 3 files changed, 35 insertions(+), 64 deletions(-)

diff --git a/packages/miniapp-render/scripts/platform-plugin.js b/packages/miniapp-render/scripts/platform-plugin.js
index a989cc92..d1dd32b2 100644
--- a/packages/miniapp-render/scripts/platform-plugin.js
+++ b/packages/miniapp-render/scripts/platform-plugin.js
@@ -1,13 +1,13 @@
 const t = require('@babel/types');
 // Collect import specifiers
 const specified = [];
-const platformEnvValues = ['isMiniApp', 'isWeChatMiniProgram', 'isByteDanceMicroApp', 'isBaiduSmartProgram', 'isKuaishouMiniProgram'];
+const platformEnvValues = ['isMiniApp', 'isWeChatMiniProgram', 'isByteDanceMicroApp', 'isBaiduSmartProgram', 'isKuaiShouMiniProgram'];
 const platformMap = {
   ali: 'isMiniApp',
   wechat: 'isWeChatMiniProgram',
   bytedance: 'isByteDanceMicroApp',
   baidu: 'isBaiduSmartProgram',
-  kuaishou: 'isKuaishouMiniProgram'
+  kuaishou: 'isKuaiShouMiniProgram'
 };
 
 function variableDeclarationMethod(name, value) {
diff --git a/packages/miniapp-render/src/constants.js b/packages/miniapp-render/src/constants.js
index 5513002d..2b1a79d4 100644
--- a/packages/miniapp-render/src/constants.js
+++ b/packages/miniapp-render/src/constants.js
@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { isBaiduSmartProgram } from 'universal-env';
+import { isBaiduSmartProgram, isKuaiShouMiniProgram } from 'universal-env';
 
 export const NATIVE_EVENTS_LIST = [
   'onBack',
@@ -32,14 +32,14 @@ export const BODY_NODE_ID = 'e-body';
 export const INDEX_PAGE = 'index-page';
 
 /**
- * In Baidu SmartProgram, view and h-element template are modified to support flex, so pure, static and catch elements are omitted
+ * In Baidu SmartProgram and KuaiShou MiniProgram, view and h-element template are modified to support flex, so pure, static and catch elements are omitted
  */
 
-export const STATIC_COMPONENTS = new Set(isBaiduSmartProgram ? ['text', 'image'] : ['view', 'text', 'image']); // With no events components
+export const STATIC_COMPONENTS = new Set((isBaiduSmartProgram || isKuaiShouMiniProgram) ? ['text', 'image'] : ['view', 'text', 'image']); // With no events components
 
-export const PURE_COMPONENTS = new Set(isBaiduSmartProgram ? [] : ['view', 'h-element']); // With no events or props && equal to TOUCH_COMPONENTS
+export const PURE_COMPONENTS = new Set((isBaiduSmartProgram || isKuaiShouMiniProgram) ? [] : ['view', 'h-element']); // With no events or props && equal to TOUCH_COMPONENTS
 
-export const CATCH_COMPONENTS = new Set(isBaiduSmartProgram ? [] : ['view', 'h-element']); // With catchTouchMove events
+export const CATCH_COMPONENTS = new Set((isBaiduSmartProgram || isKuaiShouMiniProgram) ? [] : ['view', 'h-element']); // With catchTouchMove events
 
 export const APPEAR_COMPONENT = 'view'; // Without appear event components
 
diff --git a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js
index af864bcb..89728712 100644
--- a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js
+++ b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js
@@ -37,36 +37,6 @@ const View = {
   }
 };
 
-const CatchView = Object.assign({}, View);
-
-const StaticView = {
-  props: {
-    'hover-class': addSingleQuote('none'),
-    'hover-start-time': '50',
-    'hover-stay-time': '400',
-    'hover-stop-propagation': 'false',
-    animation: ''
-  }
-};
-
-const PureView = {};
-
-const NoTouchView = {
-  props: {
-    'hover-class': addSingleQuote('none'),
-    'hover-start-time': '50',
-    'hover-stay-time': '400',
-    'hover-stop-propagation': 'false',
-    animation: ''
-  },
-  events: {
-    ...animationEvents
-  },
-  basicEvents: {
-    ...tapEvents
-  }
-};
-
 const HElement = {
   props: {
     animation: ''
@@ -77,19 +47,6 @@ const HElement = {
   }
 };
 
-const CatchHElement = Object.assign({}, HElement);
-
-const PureHElement = {};
-
-const NoTouchHElement = {
-  props: {
-    animation: ''
-  },
-  basicEvents: {
-    ...tapEvents
-  }
-};
-
 const HComment = {};
 
 const Swiper = {
@@ -821,10 +778,6 @@ const OfficialAccount = {
 
 exports.internalComponents = {
   View,
-  CatchView,
-  StaticView,
-  PureView,
-  NoTouchView,
   Swiper,
   SwiperItem,
   ScrollView,
@@ -865,20 +818,10 @@ exports.internalComponents = {
   LivePusher,
   OfficialAccount,
   HElement,
-  CatchHElement,
-  PureHElement,
-  NoTouchHElement,
   HComment
 };
 
 exports.derivedComponents = new Map([
-  ['CatchView', 'View'],
-  ['StaticView', 'View'],
-  ['PureView', 'View'],
-  ['NoTouchView', 'View'],
-  ['CatchHElement', 'View'],
-  ['PureHElement', 'View'],
-  ['NoTouchHElement', 'View'],
   ['HElement', 'View'],
   ['StaticText', 'Text'],
   ['StaticImage', 'Image'],
@@ -945,7 +888,35 @@ exports.shouldNotGenerateTemplateComponents = new Set([
   'MovableView'
 ]);
 
+const flattenViewLevel = 8;
+function generateFlattenView(level, component) {
+  if (level === 0) {
+    return '<template is="RAX_TMPL_CHILDREN_0" data="{{r: item.children}}" />';
+  }
+  const child = generateFlattenView(level - 1);
+  let attributes = 'animation="{{r[\'animation\']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{r.style}}" class="{{r.class}}" id="{{r.id}}" data-private-node-id="{{r.nodeId}}"';
+  if (component === 'view') {
+    attributes += ' hover-class="{{r[\'hover-class\']||\'none\'}}" hover-start-time="{{tool.a(r[\'hover-start-time\'],50)}}" hover-stay-time="{{tool.a(r[\'hover-stay-time\'],400)}}" hover-stop-propagation="{{tool.a(r[\'hover-stop-propagation\'],false)}}"';
+  }
+  const template =
+`<block ks:for="{{r.children}}" ks:key="nodeId">
+  <view ks:if="item.nodeType==='${component}'&&(item.class||item.style)" ${attributes}>
+    ${child}
+  </view>
+  <block ks:elif="{{item.nodeId}}">
+    <template is="{{'RAX_TMPL_0_' + item.nodeType}}" data="{{r: item}}" />
+  </block>
+  <block ks:else>
+    <block>{{item.content}}</block>
+  </block>
+</block>
+`;
+  return template;
+}
+
 exports.needModifyChildrenComponents = {
+  HElement: (children) => `${generateFlattenView(flattenViewLevel, 'h-element')}`,
+  View: (children) => `${generateFlattenView(flattenViewLevel, 'view')}`,
   Swiper: (children, level) => `
     <swiper-item ks:for="{{r.children}}" ks:if="{{item.nodeType !== 'h-comment'}}" ks:key="nodeId">
       <template is="RAX_TMPL_CHILDREN_0" data="{{r: item.children}}" />

From 983b89b0d55ac220cb9d5cc1573001f3a665c98c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=86=E8=91=B5?= <xianyong.yxy@alibaba-inc.com>
Date: Wed, 25 Aug 2021 16:15:18 +0800
Subject: [PATCH 5/6] fix: lint error

---
 packages/miniapp-render/src/constants.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/miniapp-render/src/constants.js b/packages/miniapp-render/src/constants.js
index 2b1a79d4..c2857c52 100644
--- a/packages/miniapp-render/src/constants.js
+++ b/packages/miniapp-render/src/constants.js
@@ -35,11 +35,11 @@ export const INDEX_PAGE = 'index-page';
  * In Baidu SmartProgram and KuaiShou MiniProgram, view and h-element template are modified to support flex, so pure, static and catch elements are omitted
  */
 
-export const STATIC_COMPONENTS = new Set((isBaiduSmartProgram || isKuaiShouMiniProgram) ? ['text', 'image'] : ['view', 'text', 'image']); // With no events components
+export const STATIC_COMPONENTS = new Set(isBaiduSmartProgram || isKuaiShouMiniProgram ? ['text', 'image'] : ['view', 'text', 'image']); // With no events components
 
-export const PURE_COMPONENTS = new Set((isBaiduSmartProgram || isKuaiShouMiniProgram) ? [] : ['view', 'h-element']); // With no events or props && equal to TOUCH_COMPONENTS
+export const PURE_COMPONENTS = new Set(isBaiduSmartProgram || isKuaiShouMiniProgram ? [] : ['view', 'h-element']); // With no events or props && equal to TOUCH_COMPONENTS
 
-export const CATCH_COMPONENTS = new Set((isBaiduSmartProgram || isKuaiShouMiniProgram) ? [] : ['view', 'h-element']); // With catchTouchMove events
+export const CATCH_COMPONENTS = new Set(isBaiduSmartProgram || isKuaiShouMiniProgram ? [] : ['view', 'h-element']); // With catchTouchMove events
 
 export const APPEAR_COMPONENT = 'view'; // Without appear event components
 

From 03046aff2dd7844786f8365bb414699b63007c95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=86=E8=91=B5?= <xianyong.yxy@alibaba-inc.com>
Date: Thu, 26 Aug 2021 18:16:56 +0800
Subject: [PATCH 6/6] fix(miniapp): template generation error

---
 .../src/platforms/baidu.js                                | 8 ++++----
 .../src/platforms/kuaishou.js                             | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
index 611ce52f..f0748cee 100644
--- a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
+++ b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/baidu.js
@@ -893,13 +893,13 @@ function generateFlattenView(level, component) {
   if (level === 0) {
     return '<template is="RAX_TMPL_CHILDREN_0" data="{{{r: item.children}}}" />';
   }
-  const child = generateFlattenView(level - 1);
-  let attributes = 'animation="{{r[\'animation\']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{r.style}}" class="{{r.class}}" id="{{r.id}}" data-private-node-id="{{r.nodeId}}"';
+  const child = generateFlattenView(level - 1, component);
+  let attributes = 'animation="{{item[\'animation\']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{item.style}}" class="{{item.class}}" id="{{item.id}}" data-private-node-id="{{item.nodeId}}"';
   if (component === 'view') {
-    attributes += ' hover-class="{{r[\'hover-class\']||\'none\'}}" hover-start-time="{{tool.a(r[\'hover-start-time\'],50)}}" hover-stay-time="{{tool.a(r[\'hover-stay-time\'],400)}}" hover-stop-propagation="{{tool.a(r[\'hover-stop-propagation\'],false)}}"';
+    attributes += ' hover-class="{{item[\'hover-class\']||\'none\'}}" hover-start-time="{{tool.a(item[\'hover-start-time\'],50)}}" hover-stay-time="{{tool.a(item[\'hover-stay-time\'],400)}}" hover-stop-propagation="{{tool.a(item[\'hover-stop-propagation\'],false)}}"';
   }
   const template =
-`<block s-for="{{r.children}}" s-key="nodeId">
+`<block s-for="{{${level === flattenViewLevel ? 'r' : 'item'}.children}}" s-key="nodeId">
   <view s-if="item.nodeType==='${component}'&&(item.class||item.style)" ${attributes}>
     ${child}
   </view>
diff --git a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js
index 89728712..2338a223 100644
--- a/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js
+++ b/packages/rax-miniapp-runtime-webpack-plugin/src/platforms/kuaishou.js
@@ -893,13 +893,13 @@ function generateFlattenView(level, component) {
   if (level === 0) {
     return '<template is="RAX_TMPL_CHILDREN_0" data="{{r: item.children}}" />';
   }
-  const child = generateFlattenView(level - 1);
-  let attributes = 'animation="{{r[\'animation\']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{r.style}}" class="{{r.class}}" id="{{r.id}}" data-private-node-id="{{r.nodeId}}"';
+  const child = generateFlattenView(level - 1, component);
+  let attributes = 'animation="{{item[\'animation\']}}" bindtap="onTap" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchcancel="onTouchCancel" bindtouchend="onTouchEnd" bindlongtap="onLongTap" style="{{item.style}}" class="{{item.class}}" id="{{item.id}}" data-private-node-id="{{item.nodeId}}"';
   if (component === 'view') {
-    attributes += ' hover-class="{{r[\'hover-class\']||\'none\'}}" hover-start-time="{{tool.a(r[\'hover-start-time\'],50)}}" hover-stay-time="{{tool.a(r[\'hover-stay-time\'],400)}}" hover-stop-propagation="{{tool.a(r[\'hover-stop-propagation\'],false)}}"';
+    attributes += ' hover-class="{{item[\'hover-class\']||\'none\'}}" hover-start-time="{{tool.a(item[\'hover-start-time\'],50)}}" hover-stay-time="{{tool.a(item[\'hover-stay-time\'],400)}}" hover-stop-propagation="{{tool.a(item[\'hover-stop-propagation\'],false)}}"';
   }
   const template =
-`<block ks:for="{{r.children}}" ks:key="nodeId">
+`<block ks:for="{{${level === flattenViewLevel ? 'r' : 'item'}.children}}" ks:key="nodeId">
   <view ks:if="item.nodeType==='${component}'&&(item.class||item.style)" ${attributes}>
     ${child}
   </view>