From 8ac142701518cf5280995da8d9ae24f108790f83 Mon Sep 17 00:00:00 2001
From: wc24 <wc24@qq.com>
Date: Mon, 29 Jun 2026 15:47:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(tab):=20=E8=A1=A8=E6=A0=BC=E5=88=97?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=90=8E=E7=AB=AF=20stringify=20=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC(displayLabel=3D${key}=5Flabel)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

配合 shrimp-server v0.6.3：tab 字段本体端到端是对象(编辑回显正常)，
表格展示改用后端算好的 ${key}_label 字符串，与 relation/textarea 的 _label 约定一致。
FieldTab.display 优先渲染 displayLabel，无则回退旧的对象标签逻辑。
---
 package.json                       | 2 +-
 src/components/ShrimpTable.vue     | 2 +-
 src/components/fields/FieldTab.vue | 7 ++++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 22ecac1..9542995 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "shrimp-admin",
-    "version": "0.3.0",
+    "version": "0.3.1",
     "private": true,
     "description": "Shrimp 框架前端 — 消费 ShrimpServer + ShrimpTable 契约的经典 Vue3 + Element Plus 实现",
     "main": "src/index.ts",
diff --git a/src/components/ShrimpTable.vue b/src/components/ShrimpTable.vue
index 9c8fc1b..a67a099 100644
--- a/src/components/ShrimpTable.vue
+++ b/src/components/ShrimpTable.vue
@@ -29,7 +29,7 @@
                             <slot :name="`column-${field.key}`" :row="row" :field="field">
                                 <component :is="vueAdmin.getFieldComponent(moduleKey, field.type, field.key)" :field="field"
                                     :model-value="row[field.key]" mode="display"
-                                    v-bind="field.type === 'relation' || field.type === 'textarea' ? { displayLabel: row[field.key + '_label'] } : {}" />
+                                    v-bind="field.type === 'relation' || field.type === 'textarea' || field.type === 'tab' ? { displayLabel: row[field.key + '_label'] } : {}" />
                             </slot>
                         </template>
                     </el-table-column>
diff --git a/src/components/fields/FieldTab.vue b/src/components/fields/FieldTab.vue
index 41bffb3..62ebd32 100644
--- a/src/components/fields/FieldTab.vue
+++ b/src/components/fields/FieldTab.vue
@@ -1,6 +1,10 @@
 <template>
     <template v-if="mode === 'display'">
-        <span v-if="!modelValue || typeof modelValue !== 'object'">-</span>
+        <!-- 表格列展示后端算好的 stringify 文本(displayLabel=${key}_label);本体仍是对象,供编辑/逻辑用 -->
+        <el-tooltip v-if="displayLabel" :content="String(displayLabel)" placement="top">
+            <span class="tab-display">{{ displayLabel }}</span>
+        </el-tooltip>
+        <span v-else-if="!modelValue || typeof modelValue !== 'object'">-</span>
         <el-tooltip v-else :content="JSON.stringify(modelValue, null, 2)" placement="top">
             <span class="tab-display">{{ displayText }}</span>
         </el-tooltip>
@@ -35,6 +39,7 @@ const props = defineProps<{
     modelValue: any
     mode: 'display' | 'edit' | 'filter'
     disabled?: boolean
+    displayLabel?: string
 }>()
 
 const emit = defineEmits<{