修复 src 结构

src/component/buttonGroup/index.less

@@ -0,0 +1,41 @@
+.layui-btn-group {
+  vertical-align: middle;
+  font-size: 0;
+}
+
+.layui-btn-group .layui-btn {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  border-left: 1px solid rgba(255, 255, 255, 0.5);
+  border-radius: 0;
+}
+
+.layui-btn-group .layui-btn-primary {
+  border-left: none;
+}
+
+.layui-btn-group .layui-btn-primary:hover {
+  border-color: #d2d2d2;
+  color: #009688;
+}
+
+.layui-btn-group .layui-btn:first-child {
+  border-left: none;
+  border-radius: 2px 0 0 2px;
+}
+
+.layui-btn-group .layui-btn-primary:first-child {
+  border-left: 1px solid #d2d2d2;
+}
+
+.layui-btn-group .layui-btn:last-child {
+  border-radius: 0 2px 2px 0;
+}
+
+.layui-btn-group .layui-btn + .layui-btn {
+  margin-left: 0;
+}
+
+.layui-btn-group + .layui-btn-group {
+  margin-left: 10px;
+}

src/component/buttonGroup/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 || "LayButtonGroup", Component);
+};
+
+export default Component as IDefineComponent;

src/component/buttonGroup/index.vue

@@ -0,0 +1,15 @@
+<script lang="ts">
+export default {
+  name: "LayButtonGroup",
+};
+</script>
+
+<script setup lang="ts">
+import "./index.less";
+</script>
+
+<template>
+  <div class="layui-btn-group">
+    <slot></slot>
+  </div>
+</template>