From 94e96e2a1c5e16145182ea6847d3ca9f9f34f7d6 Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Tue, 4 Jan 2022 11:03:42 +0800
Subject: [PATCH] docs: add layout draft, refine changelog styles

---
 one/docs/changelog.vue        |  4 ++++
 one/docs/components/layout.md | 43 +++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 one/docs/components/layout.md

diff --git a/one/docs/changelog.vue b/one/docs/changelog.vue
index 6dd2f41..e963fcc 100644
--- a/one/docs/changelog.vue
+++ b/one/docs/changelog.vue
@@ -295,9 +295,13 @@ h2
       content "§"
 
   a
+    display inline-flex
+    align-items center
     color #333 !important
 
   small
+    display inline-flex
+    align-items center
     font-size 14px
 
     &::before
diff --git a/one/docs/components/layout.md b/one/docs/components/layout.md
new file mode 100644
index 0000000..f88efb4
--- /dev/null
+++ b/one/docs/components/layout.md
@@ -0,0 +1,43 @@
+# Layout <small>Layout</small>
+
+:::tip
+`Layout` 组件需要配合 [`Header`](./header) / [`Sidebar`](./sidebar) / [`Footer`](./footer) / [`Content`](./content) 组件使用。
+:::
+
+## 示例
+
+### 基础布局
+
+`Layout` 组件支持多种典型布局。
+
+// TBD
+
+<!-- [[ demo src="/demo/layout/basic.vue" ]] -->
+
+### 收起侧边栏
+
+`Sidebar` 组件通过 [`collapse-mode`](./Sidebar#props-collapse-mode) 属性支持两种收起模式，分别是 `slim`（部分收起）/`hidden`（完全收起）。
+
+// TBD
+
+<!-- [[ demo src="/demo/layout/sidebar.vue" ]] -->
+
+### 吸顶/吸底布局
+
+`Header` / `Sidebar` / `Footer` 组件均支持通过 `sticky` 属性设置吸顶/吸底。
+
+// TBD
+
+<!-- [[ demo src="/demo/layout/sticky.vue" ]] -->
+
+## API
+
+### 属性
+
+// TBD
+
+### 插槽
+
+| 名称 | 描述 |
+| -- | -- |
+| ``default`` | 布局内容，可以是 [`Header`](./header) / [`Sidebar`](./sidebar) / [`Footer`](./footer) / [`Content`](./content) 组件或嵌套使用 `Layout` 组件。 |