From 1d6a333791b9ccc6a5dad2aee8a2b3585c1d7ceb Mon Sep 17 00:00:00 2001
From: MozartHero <34850028+MozartHero@users.noreply.github.com>
Date: Thu, 10 Feb 2022 19:53:18 +0800
Subject: [PATCH] feat(CollapseItem): add lazy-render prop (#10279)

Co-authored-by: MozartHero <liulu06@qianxin.com>
---
 src/collapse-item/index.js   | 6 +++++-
 src/collapse/README.md       | 1 +
 src/collapse/README.zh-CN.md | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 08542e809..251d31036 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -20,6 +20,10 @@ export default createComponent({
     ...cellProps,
     name: [Number, String],
     disabled: Boolean,
+    lazyRender: {
+      type: Boolean,
+      default: true,
+    },
     isLink: {
       type: Boolean,
       default: true,
@@ -155,7 +159,7 @@ export default createComponent({
     },
 
     genContent() {
-      if (this.inited) {
+      if (this.inited || !this.lazyRender) {
         return (
           <div
             vShow={this.show}
diff --git a/src/collapse/README.md b/src/collapse/README.md
index 717c6aa16..d9a7bef56 100644
--- a/src/collapse/README.md
+++ b/src/collapse/README.md
@@ -127,6 +127,7 @@ export default {
 | border | Whether to show inner border | _boolean_ | `true` |
 | disabled | Whether to disabled collapse | _boolean_ | `false` |
 | is-link | Whether to show link icon | _boolean_ | `true` |
+| lazy-render `v2.12.43` | Whether to lazy render util opened | _boolean_ | `true` |
 | title-class | Title className | _string_ | - |
 | value-class | Value className | _string_ | - |
 | label-class | Label className | _string_ | - |
diff --git a/src/collapse/README.zh-CN.md b/src/collapse/README.zh-CN.md
index 663a7d4ca..d8771dcd5 100644
--- a/src/collapse/README.zh-CN.md
+++ b/src/collapse/README.zh-CN.md
@@ -129,6 +129,7 @@ export default {
 | border | 是否显示内边框 | _boolean_ | `true` |
 | is-link | 是否展示标题栏右侧箭头并开启点击反馈 | _boolean_ | `true` |
 | disabled | 是否禁用面板 | _boolean_ | `false` |
+| lazy-render `v2.12.43` | 是否在首次展开时才渲染面板内容 | _boolean_ | `true` |
 | title-class | 左侧标题额外类名 | _string_ | - |
 | value-class | 右侧内容额外类名 | _string_ | - |
 | label-class | 描述信息额外类名 | _string_ | - |