From c5bd55ed63214a84bcf072594e11c3e2a4dc0e39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=85=A8=E6=A0=88=E5=B0=8F=E5=AD=A6=E7=94=9F?=
 <1518079521@qq.com>
Date: Sat, 19 Apr 2025 10:41:53 +0800
Subject: [PATCH] Update index.vue

---
 .../src/addon/components/diy/group/index.vue  | 68 ++++++++++---------
 1 file changed, 36 insertions(+), 32 deletions(-)

diff --git a/uni-app/src/addon/components/diy/group/index.vue b/uni-app/src/addon/components/diy/group/index.vue
index f0dd5f8b6..90c6418cb 100644
--- a/uni-app/src/addon/components/diy/group/index.vue
+++ b/uni-app/src/addon/components/diy/group/index.vue
@@ -1,11 +1,16 @@
 <template>
     <view class="diy-group" id="componentList">
-        <top-tabbar v-if="data.global && Object.keys(data.global).length && data.global.topStatusBar && data.global.topStatusBar.isShow" :scrollBool="diyGroup.componentsScrollBool.TopTabbar"  ref="topTabbarRef" :data="data.global" />
-        <view v-for="(component, index) in data.value" :key="component.id" @click="diyStore.changeCurrentIndex(index, component)" :class="diyGroup.getComponentClass(index,component)" :style="component.pageStyle">
+        <top-tabbar v-if="data.global && Object.keys(data.global).length && data.global.topStatusBar && data.global.topStatusBar.isShow"
+            :scrollBool="diyGroup.componentsScrollBool.TopTabbar" ref="topTabbarRef" :data="data.global" />
+        <view v-for="(component, index) in data.value" :key="component.id"
+              @click="diyStore.changeCurrentIndex(index, component)"
+              :class="diyGroup.getComponentClass(index,component)" :style="component.pageStyle">
             <view class="relative" :style="{ marginTop : component.margin.top < 0 ? (component.margin.top * 2) + 'rpx' : '0' }">
 
                 <!-- 装修模式下，设置负上边距后超出的内容，禁止选中设置 -->
-                <view v-if="diyGroup.isShowPlaceHolder(index,component)" class="absolute w-full z-1" :style="{ height : (component.margin.top * 2 * -1) + 'rpx' }" @click.stop="diyGroup.placeholderEvent"></view>
+                <view v-if="diyGroup.isShowPlaceHolder(index,component)" class="absolute w-full z-1"
+                      :style="{ height : (component.margin.top * 2 * -1) + 'rpx' }"
+                      @click.stop="diyGroup.placeholderEvent"></view>
 
                 <template v-if="component.componentName == 'GraphicNav'">
                     <diy-graphic-nav :component="component" :global="data.global" :index="index" />
@@ -38,13 +43,13 @@
                     <diy-text :component="component" :global="data.global" :index="index" />
                 </template>
                 <template v-if="component.componentName == 'RichText'">
-                    <diy-rich-text :component="component" :global="data.global" :index="index"/>
+                    <diy-rich-text :component="component" :global="data.global" :index="index" />
                 </template>
                 <template v-if="component.componentName == 'ActiveCube'">
-                    <diy-active-cube :component="component" :global="data.global" :index="index"/>
+                    <diy-active-cube :component="component" :global="data.global" :index="index" />
                 </template>
                 <template v-if="component.componentName == 'FloatBtn'">
-                    <diy-float-btn :component="component" :global="data.global" :index="index"/>
+                    <diy-float-btn :component="component" :global="data.global" :index="index" />
                 </template>
                 <template v-if="component.componentName == 'CarouselSearch'">
                     <diy-carousel-search :scrollBool="diyGroup.componentsScrollBool.CarouselSearch" :component="component" :global="data.global" :index="index" />
@@ -112,7 +117,6 @@
                 <template v-if="component.componentName == 'FormFile'">
                     <diy-form-file ref="diyFormFileRef" :component="component" :global="data.global" :index="index" />
                 </template>
-
             </view>
         </view>
         <template v-if="diyStore.mode == '' && data.global && data.global.bottomTabBarSwitch">
@@ -122,41 +126,41 @@
     </view>
 </template>
 <script lang="ts" setup>
-    import topTabbar from '@/components/top-tabbar/top-tabbar.vue'
+import topTabbar from '@/components/top-tabbar/top-tabbar.vue'
 
-    import { useDiyGroup } from './useDiyGroup'
-    import useDiyStore from '@/app/stores/diy';
-    import { ref,getCurrentInstance } from 'vue';
+import { useDiyGroup } from './useDiyGroup'
+import useDiyStore from '@/app/stores/diy';
+import { ref, getCurrentInstance } from 'vue';
 
-    const props = defineProps(['data']);
+const props = defineProps(['data']);
 
-    const instance: any = getCurrentInstance();
-    const getFormRef = () => {
-        return {
-            componentRefs: instance.refs
-        }
+const instance: any = getCurrentInstance();
+const getFormRef = () => {
+    return {
+        componentRefs: instance.refs
     }
+}
 
-    const diyStore = useDiyStore();
+const diyStore = useDiyStore();
 
-    const diyGroup = useDiyGroup({
-        ...props,
-        getFormRef
-    });
+const diyGroup = useDiyGroup({
+    ...props,
+    getFormRef
+});
 
-    const data = ref(diyGroup.data)
+const data = ref(diyGroup.data)
 
-    // 监听页面加载完成
-    diyGroup.onMounted()
+// 监听页面加载完成
+diyGroup.onMounted()
 
-    // 监听滚动事件
-    diyGroup.onPageScroll()
+// 监听滚动事件
+diyGroup.onPageScroll()
 
-    defineExpose({
-        refresh: diyGroup.refresh,
-        getFormRef
-    })
+defineExpose({
+    refresh: diyGroup.refresh,
+    getFormRef
+})
 </script>
 <style lang="scss" scoped>
-   @import './index.scss';
+@import './index.scss';
 </style>