[新增] buttonContainer 按钮容器

docs/docs/zh-CN/components/button.md

@@ -102,14 +102,14 @@ export default {
 <template>
   <div>
     <lay-button-group>
-      <lay-button type="default" radius>默认按钮</lay-button>
-      <lay-button type="default" radius>默认按钮</lay-button>
-      <lay-button type="default" radius>默认按钮</lay-button>
+      <lay-button type="default">默认按钮</lay-button>
+      <lay-button type="default">默认按钮</lay-button>
+      <lay-button type="default">默认按钮</lay-button>
     </lay-button-group>
     <lay-button-group>
-      <lay-button type="primary" radius>默认按钮</lay-button>
-      <lay-button type="primary" radius>默认按钮</lay-button>
-      <lay-button type="primary" radius>默认按钮</lay-button>
+      <lay-button type="primary">默认按钮</lay-button>
+      <lay-button type="primary">默认按钮</lay-button>
+      <lay-button type="primary">默认按钮</lay-button>
     </lay-button-group>
   </div>
 </template>
@@ -127,3 +127,27 @@ export default {
 </script>
 
 :::
+
+::: demo 传入 columns 数据，自动生成表格
+
+<template>
+  <lay-button-container>
+      <lay-button type="default">新增</lay-button>
+      <lay-button type="default">删除</lay-button>
+      <lay-button type="default">修改</lay-button>
+  </lay-button-container>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::

src/index.ts

@@ -4,6 +4,7 @@ import type { IDefineComponent, InstallOptions } from './module/type/index'
 import "./css/layui.css";
 import LayRadio from './module/radio/index'
 import LayButton from './module/button/index'
+import LayButtonContainer from './module/buttonContainer/index'
 import LayButtonGroup from './module/buttonGroup/index'
 import LayIcon from './module/icon/index'
 import LayCard from './module/card/index'
@@ -29,7 +30,8 @@ const components: Record<string, IDefineComponent> = {
   LayPanel,
   LayCard,
   LayProgress,
-  LayButtonGroup
+  LayButtonGroup,
+  LayButtonContainer
 }
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -56,6 +58,7 @@ export {
   LayCard,
   LayProgress,
   LayButtonGroup,
+  LayButtonContainer,
   install,
 }
 

src/module/buttonContainer/index.ts

@@ -0,0 +1,9 @@
+import type { App } from 'vue'
+import Component from './index.vue'
+import type { IDefineComponent } from '../type/index'
+
+Component.install = (app: App) => {
+  app.component(Component.name || 'LayButtonContainer', Component)
+}
+
+export default Component as IDefineComponent

src/module/buttonContainer/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-btn-container">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayButtonContainer" lang="ts">
+
+</script>