refactor(Panel): refactor Panel for RSuite v5 (rsuite#1256)

* refactor: 💡 重构 Panel * refactor: 💡 调整实现 * refactor: 💡 调整 Panel 实现 * chore: 🤖 clean code * refactor: 💡 调整 Panel 实现 * refactor: 💡 调整 Panel 声明 * refactor: 💡 remove lodash whole quantity import * refactor: 💡 调整实现 & 补充文档 * fix: 🐛 修复不传递 AnimationEventProps 的问题 * refactor: 💡 增加依赖
mehaksaini2811 · Aug 28, 2020 · 0f06bbc · 0f06bbc
1 parent 6931e4b
commit 0f06bbc
Show file tree

Hide file tree

Showing 30 changed files with 316 additions and 482 deletions.
diff --git a/docs/pages/components/panel/en-US/accordion-group-active.md b/docs/pages/components/panel/en-US/accordion-group-active.md
diff --git a/docs/pages/components/panel/en-US/accordion-group.md b/docs/pages/components/panel/en-US/accordion-group.md
diff --git a/docs/pages/components/panel/en-US/basic.md b/docs/pages/components/panel/en-US/basic.md
diff --git a/docs/pages/components/panel/en-US/body-fill.md b/docs/pages/components/panel/en-US/body-fill.md
diff --git a/docs/pages/components/panel/en-US/bordered.md b/docs/pages/components/panel/en-US/bordered.md
diff --git a/docs/pages/components/panel/en-US/card-grid.md b/docs/pages/components/panel/en-US/card-grid.md
diff --git a/docs/pages/components/panel/en-US/collapsible.md b/docs/pages/components/panel/en-US/collapsible.md
diff --git a/docs/pages/components/panel/en-US/index.md b/docs/pages/components/panel/en-US/index.md
@@ -7,13 +7,54 @@ A content panel that supports folding panels. The Panel can have all the ' Data
 
 ## Usage
 
-```js
-import { Panel, PanelGroup } from 'rsuite';
-```
+<!--{include:(components/panel/fragments/import.md)}-->
 
 ## Examples
 
-<!--{demo}-->
+### Default
+
+<!--{include:`basic.md`}-->
+
+### With border
+
+<!--{include:`bordered.md`}-->
+
+### With shadow
+
+<!--{include:`shaded.md`}-->
+
+### No header
+
+<!--{include:`no-header.md`}-->
+
+### Card
+
+<!--{include:`card.md`}-->
+
+### Card group
+
+<!--{include:`card-grid.md`}-->
+
+### Collapsible
+
+<!--{include:`collapsible.md`}-->
+
+### Fill the container
+
+<!--{include:`body-fill.md`}-->
+
+### Panel group
+
+<!--{include:`panel-group.md`}-->
+
+### Collapsible panel group
+
+<!--{include:`accordion-group.md`}-->
+
+### Accordion effect
+Only one panel can be expanded.
+
+<!--{include:`accordion-group-active.md`}-->
 
 ## Props
 

diff --git a/docs/pages/components/panel/en-US/panel-group.md b/docs/pages/components/panel/en-US/panel-group.md
diff --git a/docs/pages/components/panel/en-US/shaded.md b/docs/pages/components/panel/en-US/shaded.md
diff --git a/...nts/panel/zh-CN/accordion-group-active.md → ...panel/fragments/accordion-group-active.md b/...nts/panel/zh-CN/accordion-group-active.md → ...panel/fragments/accordion-group-active.md
@@ -1,6 +1,4 @@
-### 手风琴效果
 
-每次只能展开一个面板
 
 <!--start-code-->
 

diff --git a/...components/panel/zh-CN/accordion-group.md → ...onents/panel/fragments/accordion-group.md b/...components/panel/zh-CN/accordion-group.md → ...onents/panel/fragments/accordion-group.md
@@ -1,4 +1,3 @@
-### 折叠面板组
 
 <!--start-code-->
 

diff --git a/docs/pages/components/panel/zh-CN/basic.md → ...pages/components/panel/fragments/basic.md b/docs/pages/components/panel/zh-CN/basic.md → ...pages/components/panel/fragments/basic.md
@@ -1,4 +1,3 @@
-### 默认
 
 <!--start-code-->
 

diff --git a/...pages/components/panel/zh-CN/body-fill.md → ...s/components/panel/fragments/body-fill.md b/...pages/components/panel/zh-CN/body-fill.md → ...s/components/panel/fragments/body-fill.md
@@ -1,4 +1,3 @@
-### 撑满容器
 
 <!--start-code-->
 

diff --git a/.../pages/components/panel/zh-CN/bordered.md → ...es/components/panel/fragments/bordered.md b/.../pages/components/panel/zh-CN/bordered.md → ...es/components/panel/fragments/bordered.md
@@ -1,4 +1,3 @@
-### 带线框
 
 <!--start-code-->
 

diff --git a/...pages/components/panel/zh-CN/card-grid.md → ...s/components/panel/fragments/card-grid.md b/...pages/components/panel/zh-CN/card-grid.md → ...s/components/panel/fragments/card-grid.md
@@ -1,4 +1,3 @@
-### 卡片组
 
 <!--start-code-->
 

diff --git a/docs/pages/components/panel/en-US/card.md → .../pages/components/panel/fragments/card.md b/docs/pages/components/panel/en-US/card.md → .../pages/components/panel/fragments/card.md
@@ -1,4 +1,3 @@
-### Card
 
 <!--start-code-->
 

diff --git a/...ges/components/panel/zh-CN/collapsible.md → ...components/panel/fragments/collapsible.md b/...ges/components/panel/zh-CN/collapsible.md → ...components/panel/fragments/collapsible.md
@@ -1,4 +1,3 @@
-### 可折叠
 
 <!--start-code-->
 

diff --git a/docs/pages/components/panel/fragments/import.md b/docs/pages/components/panel/fragments/import.md
@@ -0,0 +1,3 @@
+```js
+import { Panel, PanelGroup } from 'rsuite';
+```
diff --git a/...pages/components/panel/en-US/no-header.md → ...s/components/panel/fragments/no-header.md b/...pages/components/panel/en-US/no-header.md → ...s/components/panel/fragments/no-header.md
@@ -1,4 +1,3 @@
-### No header
 
 <!--start-code-->
 

diff --git a/...ges/components/panel/zh-CN/panel-group.md → ...components/panel/fragments/panel-group.md b/...ges/components/panel/zh-CN/panel-group.md → ...components/panel/fragments/panel-group.md
@@ -1,4 +1,3 @@
-### 面板组
 
 <!--start-code-->
 

diff --git a/docs/pages/components/panel/zh-CN/shaded.md → ...ages/components/panel/fragments/shaded.md b/docs/pages/components/panel/zh-CN/shaded.md → ...ages/components/panel/fragments/shaded.md
@@ -1,4 +1,3 @@
-### 有阴影
 
 <!--start-code-->
 

diff --git a/docs/pages/components/panel/zh-CN/card.md b/docs/pages/components/panel/zh-CN/card.md
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,3 @@
		### 折叠面板组

		<!--start-code-->

Expand Down