feat(export): 前端生成 xlsx 前把对象/数组单元格 JSON 序列化

后端 export 改为只发原始对象后，前端在 json_to_sheet 前通用地 stringify 非标量单元格
(覆盖 tab 等)，避免 [object Object];import 时由后端 reqFilter 还原。

package.json

@@ -1,6 +1,6 @@
 {
     "name": "shrimp-admin",
-    "version": "0.3.8",
+    "version": "0.3.10",
     "private": true,
     "description": "Shrimp 框架前端 — 消费 ShrimpServer + ShrimpTable 契约的经典 Vue3 + Element Plus 实现",
     "main": "src/index.ts",

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 === 'textarea' || field.type === 'tab' ? { displayLabel: row[field.key + '_label'] } : {}" />
+                                    v-bind="field.type === 'textarea' ? { displayLabel: row[field.key + '_label'] } : {}" />
                             </slot>
                         </template>
                     </el-table-column>
@@ -442,7 +442,16 @@ async function handleExport() {
         }
         if (ownerId.value) query.ownerId = ownerId.value
         const list = await api.export(query)
-        const ws = XLSX.utils.json_to_sheet(list)
+        // 后端只发原始对象；xlsx 单元格放不下对象/数组(会变 [object Object])，这里通用地 JSON 序列化
+        // (覆盖 tab 等结构化字段)。import 时这些字符串由后端各类型 reqFilter 还原。
+        const rows = list.map((row: Record<string, any>) => {
+            const out: Record<string, any> = {}
+            for (const [k, v] of Object.entries(row)) {
+                out[k] = (v !== null && typeof v === 'object') ? JSON.stringify(v) : v
+            }
+            return out
+        })
+        const ws = XLSX.utils.json_to_sheet(rows)
         const wb = XLSX.utils.book_new()
         XLSX.utils.book_append_sheet(wb, ws, props.moduleKey)
         XLSX.writeFile(wb, `${props.moduleKey}_export_${Date.now()}.xlsx`)

src/components/fields/FieldTab.vue

@@ -1,13 +1,15 @@
 <template>
     <template v-if="mode === 'display'">
-        <!-- 表格列展示后端算好的 stringify 文本(displayLabel=${key}_label);本体仍是对象,供编辑/逻辑用 -->
+        <!-- 显示=前端递归渲染:分支标签 + 选中分支的子字段(各自 display 组件,relation 查 refs/可点、嵌套 tab 再递归) -->
-        <el-tooltip v-if="displayLabel" :content="String(displayLabel)" placement="top">
+        <span v-if="!modelValue || typeof modelValue !== 'object'">-</span>
-            <span class="tab-display">{{ displayLabel }}</span>
+        <span v-else class="tab-display">
-        </el-tooltip>
+            <span class="tab-branch">{{ branchLabel }}</span>
-        <span v-else-if="!modelValue || typeof modelValue !== 'object'">-</span>
+            <span v-for="childField in selectedTab?.fields || []" :key="childField.key" class="tab-child">
-        <el-tooltip v-else :content="JSON.stringify(modelValue, null, 2)" placement="top">
+                <span class="tab-child-label">{{ vueAdmin.t(childField.label) }}:</span>
-            <span class="tab-display">{{ displayText }}</span>
+                <component :is="vueAdmin.getFieldComponent(moduleKey, childField.type, childField.key)"
-        </el-tooltip>
+                    :field="childField" :model-value="innerValue[childField.key]" mode="display" />
+            </span>
+        </span>
     </template>
     <div v-else class="field-tab">
         <el-form-item :label="vueAdmin.t(field.label) + ' - 类型'" :required="field.required">
@@ -39,7 +41,6 @@ const props = defineProps<{
     modelValue: any
     mode: 'display' | 'edit' | 'filter'
     disabled?: boolean
-    displayLabel?: string
 }>()
 
 const emit = defineEmits<{
@@ -48,11 +49,9 @@ const emit = defineEmits<{
 
 const moduleKey = inject('shrimpModuleKey', '')
 
-const displayText = computed(() => {
+const branchLabel = computed(() => {
-    if (!props.modelValue || typeof props.modelValue !== 'object') return '-'
+    const tab = selectedTab.value
-    const type = props.modelValue.type
+    return tab ? vueAdmin.t(tab.label) : String(props.modelValue?.type ?? '')
-    const tab = props.field.tabs?.find((t: any) => t.key === type)
-    return tab ? vueAdmin.t(tab.label) : String(type)
 })
 
 const selectedTab = computed(() => {
@@ -105,11 +104,26 @@ onMounted(() => {
 
 <style scoped>
 .tab-display {
-    display: inline-block;
+    display: inline-flex;
-    max-width: 200px;
+    flex-wrap: wrap;
-    overflow: hidden;
+    align-items: center;
-    text-overflow: ellipsis;
+    gap: 4px 10px;
-    white-space: nowrap;
+}
+
+.tab-branch {
+    font-weight: 600;
+    color: var(--el-color-primary);
+}
+
+.tab-child {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.tab-child-label {
+    color: var(--el-text-color-secondary);
+    font-size: 12px;
 }
 
 .field-tab {