大概可以看的一版

ui/dv/AiDvRender.vue

@@ -67,7 +67,7 @@
       <ai-linkage-map v-else-if="currentType=='linkageMap'" :config="data" :instance="instance"/>
       <template v-else-if="currentType=='tabs'">
         <div slot="right" class="flex">
-          <div class="tabItem" v-for="(tab,i) in data.tabs" :key="i" v-text="tab.label" @click="activeTab=i" :class="{active:activeTab==i}"/>
+          <div class="tabItem" v-for="(tab,i) in data.tabs" :key="i" v-text="tab.label" @click="activeTab=i.toString()" :class="{active:activeTab==i}"/>
         </div>
         <ai-dv-tabs v-model="activeTab" :config="data" :values="values"/>
       </template>
@@ -139,7 +139,9 @@ export default {
             const tab = meta.find(e => e.label === label)
             const comps = []
             if (Array.isArray(v.data)) {
-              comps.push({label: "内容", ...tab})
+              const origin = tab.comps?.[0] || {}
+              delete origin.comps
+              comps.push({...origin, label: "内容"})
             } else {
               Object.keys(v.data).map(name => {
                 const layer = tab.comps.find(e => e.label === name)
@@ -151,9 +153,9 @@ export default {
         } else if (this.currentType === 'AiDvTable') {
           this.dvTableConfig = this.data[this.data.dataType].map((v, i) => {
             return {
-              color: this.data.config[i] ? (this.data.config[i].color || '') : '',
-              width: this.data.config[i] ? (this.data.config[i].width || '') : '',
-              align: this.data.config[i] ? (this.data.config[i].align || '') : ''
+              color: this.data.config?.[i]?.color || '',
+              width: this.data.config?.[i]?.width || '',
+              align: this.data.config?.[i]?.align || '',
             }
           })
           this.data.config = this.dvTableConfig