🐛(component): 修复 side 组件 width 属性失效

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>

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>

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>