From 7b4832ee3e87fd2abdae55b87414dde66d543c2f Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Thu, 20 Mar 2025 13:16:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=9F=A9=E9=98=B5?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 解决打开矩阵的时候字体太长会自动换行的问题
- title 和 下面的选项对齐
---
 .../components/Questions/MatrixCheckbox.vue   | 20 +++++++++++--------
 .../components/Questions/MatrixRadio.vue      | 20 +++++++++++--------
 .../components/Questions/MatrixText.vue       | 20 +++++++++++--------
 3 files changed, 36 insertions(+), 24 deletions(-)

diff --git a/src/views/Design/components/Questions/MatrixCheckbox.vue b/src/views/Design/components/Questions/MatrixCheckbox.vue
index 24c1993..7099fc2 100644
--- a/src/views/Design/components/Questions/MatrixCheckbox.vue
+++ b/src/views/Design/components/Questions/MatrixCheckbox.vue
@@ -3,18 +3,22 @@
     <el-table-column width="140">
       <template #header></template>
       <template #default="{ row /*, column, $index*/ }">
-        <contenteditable v-model="row.option" :active="active" @blur="emitValue" />
+        <el-text truncated>
+          <contenteditable v-model="row.option" :active="active" @blur="emitValue" />
+        </el-text>
       </template>
     </el-table-column>
     <el-table-column v-for="(col, colIndex) in cols" :key="col.option" width="100">
       <template #header>
-        <contenteditable
-          v-if="col.option"
-          v-model="col.option"
-          :active="active"
-          @blur="emitValue"
-        />
-        <van-field v-else v-model="col.option" placeholder="请输入"></van-field>
+        <el-text truncated>
+          <contenteditable
+            v-if="col.option"
+            v-model="col.option"
+            :active="active"
+            @blur="emitValue"
+          />
+          <van-field v-else v-model="col.option" placeholder="请输入"></van-field>
+        </el-text>
       </template>
       <template #default="{ /*row, column, */ $index: rowIndex }">
         <input
diff --git a/src/views/Design/components/Questions/MatrixRadio.vue b/src/views/Design/components/Questions/MatrixRadio.vue
index f39bbdf..7fc8da5 100644
--- a/src/views/Design/components/Questions/MatrixRadio.vue
+++ b/src/views/Design/components/Questions/MatrixRadio.vue
@@ -3,18 +3,22 @@
     <el-table-column width="80">
       <template #header></template>
       <template #default="{ row /*, column, $index*/ }">
-        <contenteditable v-model="row.option" :active="active" @blur="emitValue" />
+        <el-text truncated>
+          <contenteditable v-model="row.option" :active="active" @blur="emitValue" />
+        </el-text>
       </template>
     </el-table-column>
     <el-table-column v-for="(col, colIndex) in cols" :key="col.option" width="100">
       <template #header>
-        <contenteditable
-          v-if="col.option"
-          v-model="col.option"
-          :active="active"
-          @blur="emitValue"
-        />
-        <van-field v-else v-model="col.option" placeholder="请输入"></van-field>
+        <el-text truncated>
+          <contenteditable
+            v-if="col.option"
+            v-model="col.option"
+            :active="active"
+            @blur="emitValue"
+          />
+          <van-field v-else v-model="col.option" placeholder="请输入"></van-field>
+        </el-text>
       </template>
       <template #default="{ /*row, column, */ $index: rowIndex }">
         <input
diff --git a/src/views/Design/components/Questions/MatrixText.vue b/src/views/Design/components/Questions/MatrixText.vue
index 510e32f..2713264 100644
--- a/src/views/Design/components/Questions/MatrixText.vue
+++ b/src/views/Design/components/Questions/MatrixText.vue
@@ -3,18 +3,22 @@
     <el-table-column width="140">
       <template #header></template>
       <template #default="{ row /*, column, $index*/ }">
-        <contenteditable v-model="row.option" :active="active" @blur="emitValue" />
+        <el-text truncated>
+          <contenteditable v-model="row.option" :active="active" @blur="emitValue" />
+        </el-text>
       </template>
     </el-table-column>
     <el-table-column v-for="(col, colIndex) in cols" :key="col.option" width="100">
       <template #header>
-        <contenteditable
-          v-if="col.option"
-          v-model="col.option"
-          :active="active"
-          @blur="emitValue"
-        />
-        <van-field v-else v-model="col.option" placeholder="请输入"></van-field>
+        <el-text truncated>
+          <contenteditable
+            v-if="col.option"
+            v-model="col.option"
+            :active="active"
+            @blur="emitValue"
+          />
+          <van-field v-else v-model="col.option" placeholder="请输入"></van-field>
+        </el-text>
       </template>
       <template #default="{ /*row, column, */ $index: rowIndex }">
         <input