From c7566bba45e6f90594d36ec4b80ac4ff89f577ee Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 08 十月 2026 14:19:36 +0800
Subject: [PATCH] 项目重构
---
src/views/tool/build/RightPanel.vue | 56 +++++++++++++++++++++++++++++---------------------------
1 files changed, 29 insertions(+), 27 deletions(-)
diff --git a/src/views/tool/build/RightPanel.vue b/src/views/tool/build/RightPanel.vue
index 5fe80fb..2f89bbf 100644
--- a/src/views/tool/build/RightPanel.vue
+++ b/src/views/tool/build/RightPanel.vue
@@ -56,9 +56,9 @@
</el-form-item>
<el-form-item v-if="activeData.align !== undefined" label="鍨傜洿鎺掑垪">
<el-radio-group v-model="activeData.align">
- <el-radio-button label="top" />
- <el-radio-button label="middle" />
- <el-radio-button label="bottom" />
+ <el-radio-button value="top">top</el-radio-button>
+ <el-radio-button value="middle">middle</el-radio-button>
+ <el-radio-button value="bottom">bottom</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item v-if="activeData.labelWidth !== undefined" label="鏍囩瀹藉害">
@@ -73,11 +73,11 @@
</el-form-item>
<el-form-item v-if="activeData.tag === 'el-checkbox-group'" label="鑷冲皯搴旈��">
<el-input-number :value="activeData.min" :min="0" placeholder="鑷冲皯搴旈��"
- @input="$set(activeData, 'min', $event ? $event : undefined)" />
+ @input="activeData.min = $event ? $event : undefined" />
</el-form-item>
<el-form-item v-if="activeData.tag === 'el-checkbox-group'" label="鏈�澶氬彲閫�">
<el-input-number :value="activeData.max" :min="0" placeholder="鏈�澶氬彲閫�"
- @input="$set(activeData, 'max', $event ? $event : undefined)" />
+ @input="activeData.max = $event ? $event : undefined" />
</el-form-item>
<el-form-item v-if="activeData.prepend !== undefined" label="鍓嶇紑">
<el-input v-model="activeData.prepend" placeholder="璇疯緭鍏ュ墠缂�" />
@@ -126,17 +126,17 @@
</el-form-item>
<el-form-item v-if="activeData.tag === 'el-input-number'" label="鎸夐挳浣嶇疆">
<el-radio-group v-model="activeData['controls-position']">
- <el-radio-button label="">
+ <el-radio-button value="">
榛樿
</el-radio-button>
- <el-radio-button label="right">
+ <el-radio-button value="right">
鍙充晶
</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item v-if="activeData.maxlength !== undefined" label="鏈�澶氳緭鍏�">
<el-input v-model="activeData.maxlength" placeholder="璇疯緭鍏ュ瓧绗﹂暱搴�">
- <template slot="append">
+ <template #append>
涓瓧绗�
</template>
</el-input>
@@ -177,11 +177,13 @@
</el-form-item>
<el-form-item v-if="activeData.fileSize !== undefined" label="鏂囦欢澶у皬">
<el-input v-model.number="activeData.fileSize" placeholder="璇疯緭鍏ユ枃浠跺ぇ灏�">
- <el-select slot="append" v-model="activeData.sizeUnit" :style="{ width: '66px' }">
- <el-option label="KB" value="KB" />
- <el-option label="MB" value="MB" />
- <el-option label="GB" value="GB" />
- </el-select>
+ <template #append>
+ <el-select v-model="activeData.sizeUnit" :style="{ width: '66px' }">
+ <el-option label="KB" value="KB" />
+ <el-option label="MB" value="MB" />
+ <el-option label="GB" value="GB" />
+ </el-select>
+ </template>
</el-input>
</el-form-item>
<el-form-item v-if="activeData.action !== undefined" label="涓婁紶鍦板潃">
@@ -189,13 +191,13 @@
</el-form-item>
<el-form-item v-if="activeData['list-type'] !== undefined" label="鍒楄〃绫诲瀷">
<el-radio-group v-model="activeData['list-type']" size="small">
- <el-radio-button label="text">
+ <el-radio-button value="text">
text
</el-radio-button>
- <el-radio-button label="picture">
+ <el-radio-button value="picture">
picture
</el-radio-button>
- <el-radio-button label="picture-card">
+ <el-radio-button value="picture-card">
picture-card
</el-radio-button>
</el-radio-group>
@@ -220,7 +222,7 @@
<template #item="{ element, index }">
<div :key="index" class="select-item">
<div class="select-line-icon option-drag">
- <i class="el-icon-s-operation" />
+ <lims-icon name="el-icon-s-operation" />
</div>
<el-input v-model="element.label" placeholder="閫夐」鍚�" size="small" />
<el-input placeholder="閫夐」鍊�" size="small" :value="element.value"
@@ -246,10 +248,10 @@
<el-divider>閫夐」</el-divider>
<el-form-item label="鏁版嵁绫诲瀷">
<el-radio-group v-model="activeData.dataType" size="small">
- <el-radio-button label="dynamic">
+ <el-radio-button value="dynamic">
鍔ㄦ�佹暟鎹�
</el-radio-button>
- <el-radio-button label="static">
+ <el-radio-button value="static">
闈欐�佹暟鎹�
</el-radio-button>
</el-radio-group>
@@ -280,10 +282,10 @@
<el-form-item v-if="activeData.optionType !== undefined" label="閫夐」鏍峰紡">
<el-radio-group v-model="activeData.optionType">
- <el-radio-button label="default">
+ <el-radio-button value="default">
榛樿
</el-radio-button>
- <el-radio-button label="button">
+ <el-radio-button value="button">
鎸夐挳
</el-radio-button>
</el-radio-group>
@@ -325,13 +327,13 @@
activeData.border ||
activeData.tag === 'el-color-picker')" label="閫夐」灏哄">
<el-radio-group v-model="activeData.size">
- <el-radio-button label="large">
+ <el-radio-button value="large">
杈冨ぇ
</el-radio-button>
- <el-radio-button label="default">
+ <el-radio-button value="default">
榛樿
</el-radio-button>
- <el-radio-button label="small">
+ <el-radio-button value="small">
杈冨皬
</el-radio-button>
</el-radio-group>
@@ -831,7 +833,7 @@
& .close-btn {
cursor: pointer;
- color: #f56c6c;
+ color: var(--el-color-danger);
}
& .el-input+.el-input {
@@ -844,7 +846,7 @@
}
.select-item.sortable-chosen {
- border: 1px dashed #409eff;
+ border: 1px dashed var(--el-color-primary);
}
.select-line-icon {
@@ -878,7 +880,7 @@
top: 0;
left: 0;
cursor: pointer;
- background: #409eff;
+ background: var(--el-color-primary);
z-index: 1;
border-radius: 0 0 6px 0;
justify-content: center;
--
Gitblit v1.9.3