feat(components): 新增可自定义的diy-tab组件，支持多种样式和布局

添加一个高度可配置的tab组件，支持顶部、底部、左侧、右侧四种布局方式
提供默认、下划线和卡片三种tab样式，支持自定义颜色、间距、指示器等样式
组件包含导航栏和内容区域，支持动态切换和动画效果
- 添加自定义样式配置功能，允许通过 customStyles 完全覆盖组件样式
- 重构代码结构，使用计算属性合并默认值和传入值
- 优化样式处理逻辑，增加 mixin 复用
- 完善注释和文档说明
- 改进响应式动画效果
- 新增 getTabTitle 方法，支持根据当前语言环境显示对应的标签标题。该方法处理对象形式的标题（按语言键值匹配）和字符串形式的标题（支持国际化键翻译），提升组件的多语言适配能力。

components-diy/diy-group.vue

@@ -251,6 +251,11 @@
 				<diy-icon :value="item"></diy-icon>
 			</template>
 
+			<template v-if="item.componentName == 'Tab'">
+				<!-- Tab 组件 -->
+				<diy-tab :value="item" :diyGlobal="diyGlobalData"></diy-tab>
+			</template>
+
 			<template v-if="['ChannelList', 'WechatChannel'].includes(item.componentName)">
 				<!-- 视频号列表 -->
 				<diy-channel-list :value="item"></diy-channel-list>
@@ -267,6 +272,7 @@
 import DiyMinx from './minx.js'
 
 export default {
+	name: 'diy-group',
 	props: {
 		diyData: {
 			type: Object
@@ -346,6 +352,12 @@ export default {
 					}
 				});
 			} else data = this.setPagestyle;
+
+			console.log(`diy-group ['diyDataArray'] = `, {
+				data: data,
+				diyData: this.diyData,
+				diyGlobalData: this.diyGlobalData,
+			})
 			return data;
 		}
 	},