feat：【ele】【mall】将 vertical-button-group 迁移到 mall/promotion/components 中，聚焦一点

apps/web-ele/src/components/diy-editor/components/component-container.vue

@@ -11,7 +11,7 @@ import { IconifyIcon } from '@vben/icons';
 import { ElButton, ElTooltip } from 'element-plus';
 
 import { components } from '#/components/diy-editor/components/mobile';
-import VerticalButtonGroup from '#/components/vertical-button-group/index.vue';
+import { VerticalButtonGroup } from '#/views/mall/promotion/components';
 
 /**
  * 组件容器：目前在中间部分

apps/web-ele/src/components/vertical-button-group/index.vue

@@ -1,45 +0,0 @@
-<script setup lang="ts">
-// TODO @芋艿：后续合并到 diy-editor 里，并不是通用的；
-/**
- * 垂直按钮组
- * Element官方的按钮组只支持水平显示，通过重写样式实现垂直布局
- */
-defineOptions({ name: 'VerticalButtonGroup' });
-</script>
-
-<template>
-  <el-button-group v-bind="$attrs">
-    <slot></slot>
-  </el-button-group>
-</template>
-
-<style scoped lang="scss">
-.el-button-group {
-  display: inline-flex;
-  flex-direction: column;
-}
-
-.el-button-group > :deep(.el-button:first-child) {
-  border-bottom-color: var(--el-button-divide-border-color);
-  border-top-right-radius: var(--el-border-radius-base);
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.el-button-group > :deep(.el-button:last-child) {
-  border-top-color: var(--el-button-divide-border-color);
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-left-radius: var(--el-border-radius-base);
-}
-
-.el-button-group :deep(.el-button--primary:not(:first-child, :last-child)) {
-  border-top-color: var(--el-button-divide-border-color);
-  border-bottom-color: var(--el-button-divide-border-color);
-}
-
-.el-button-group > :deep(.el-button:not(:last-child)) {
-  margin-right: 0;
-  margin-bottom: -1px;
-}
-</style>