feat: 自定义矩阵列表长度

- 添加 tableWidth 来设定矩阵列表宽度， 默认110

src/views/Design/components/Questions/MatrixRadio.vue

@@ -1,23 +1,17 @@
 <template>
   <el-table :data="rows" style="width: 100%">
-    <el-table-column width="80">
+    <el-table-column :width="tableWidth">
       <template #header></template>
       <template #default="{ row /*, column, $index*/ }">
-        <el-text truncated>
+        <el-text truncated :style="{ width: `${tableWidth}px` }">
           <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">
+    <el-table-column v-for="(col, colIndex) in cols" :key="col.option" :width="tableWidth">
       <template #header>
-        <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 truncated :style="{ width: `${tableWidth}px` }">
+          <contenteditable v-model="col.option" :active="active" @blur="emitValue" />
         </el-text>
       </template>
       <template #default="{ /*row, column, */ $index: rowIndex }">
@@ -41,7 +35,7 @@ const rowRecord = defineModel<number[]>('rowRecord', { required: false, default:
 // console.log(`rowRecord:`, rowRecord.value);
 
 /* const isPreview =  */ defineModel<boolean>('isPreview', { required: false, default: false });
-
+const tableWidth = defineModel<number>('tableWidth', { required: false, default: 110 });
 const rows = defineModel<questionOptionType[]>('rows', { required: false, default: () => [] });
 const cols = defineModel<questionOptionType[]>('cols', { required: false, default: () => [] });
 /* const active = */ defineModel<boolean>('active', { required: false, default: true });