From 3713bd2e6ac04497d509100eaf3a2eac070421c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 4 May 2022 05:08:46 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(component):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20side=20=E7=BB=84=E4=BB=B6=20width=20=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E5=A4=B1=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/side/index.vue           | 5 +++--
 package/document/src/document/zh-CN/components/layout.md | 4 ++--
 package/document/src/document/zh-CN/guide/changelog.md   | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package/component/src/component/side/index.vue b/package/component/src/component/side/index.vue
index b72452c0..ee3ebc4b 100644
--- a/package/component/src/component/side/index.vue
+++ b/package/component/src/component/side/index.vue
@@ -13,12 +13,13 @@ export interface LaySideProps {
 }
 
 const props = withDefaults(defineProps<LaySideProps>(), {
-  width: "200",
+  width: "200px",
 });
 
 const styles = computed<CSSProperties>(() => {
   return {
-    width: `${props.width}px`,
+    "flex": `0 0 ${props.width}`,
+    "width": `${props.width}`
   };
 });
 </script>
diff --git a/package/document/src/document/zh-CN/components/layout.md b/package/document/src/document/zh-CN/components/layout.md
index b8fa62ea..92819c22 100644
--- a/package/document/src/document/zh-CN/components/layout.md
+++ b/package/document/src/document/zh-CN/components/layout.md
@@ -188,7 +188,7 @@ export default {
     <lay-header>Header</lay-header>
     <lay-body>
       <lay-layout>
-        <lay-side :width="160">Left</lay-side>
+        <lay-side>Left</lay-side>
         <lay-body>Content</lay-body>
       </lay-layout>
     </lay-body>
@@ -200,7 +200,7 @@ export default {
     <lay-body>
       <lay-layout>
         <lay-body>Content</lay-body>
-        <lay-side :width="160">Right</lay-side>
+        <lay-side>Right</lay-side>
       </lay-layout>
     </lay-body>
     <lay-footer>Footer</lay-footer>
diff --git a/package/document/src/document/zh-CN/guide/changelog.md b/package/document/src/document/zh-CN/guide/changelog.md
index 6ba35316..80ac06f6 100644
--- a/package/document/src/document/zh-CN/guide/changelog.md
+++ b/package/document/src/document/zh-CN/guide/changelog.md
@@ -19,6 +19,7 @@
           <li>[新增] menu 组件 changeOpenKeys 事件。</li>
           <li>[新增] menu 组件 changeSelectedKey 事件。</li>
           <li>[新增] slider 组件 showDots 属性, 显示步长断点。</li>
+          <li>[修复] side 组件 width 属性失效, 随内容宽度自适应的问题。</li>
         </ul> 
       </li>
     </ul>