refactor(generator): 重构系统工具页面

src/components/CategoryTree/index.vue

@@ -210,7 +210,7 @@ export default {
 
 <style scoped
   lang="scss">
-  ::v-deep .custom-tree-node {
+  ::v-deep(.custom-tree-node) {
     width: 100%;
     padding-right: 20px;
     font-size: 14px;
@@ -225,17 +225,17 @@ export default {
     }
   }
   /* 间距放大 */
-  ::v-deep .row_gap .el-tree-node .el-tree-node__content{
+  ::v-deep(.row_gap .el-tree-node .el-tree-node__content){
     padding: 10px 0;
     height: auto;
   }
   // el-tree 取消选中时背景还有个颜色去掉
-  ::v-deep .el-tree-node:focus>.el-tree-node__content {
+  ::v-deep(.el-tree-node:focus>.el-tree-node__content) {
     background-color: transparent;
   }
 
   // el-tree 选中时的背景色设置
-  ::v-deep .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+  ::v-deep(.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content) {
     background-color: #edf6ff !important;
   }
 

src/utils/generator/render.js

@@ -43,9 +43,9 @@ const componentChild = {
   'el-radio-group': {
     options(h, conf, key) {
       return conf.optionType === 'button' ? conf.options.map(item => h(resolveComponent('el-checkbox-button'), {
-        label: item.value,
+        value: item.value,
       }, () => item.label)) : conf.options.map(item => h(resolveComponent('el-radio'), {
-        label: item.value,
+        value: item.value,
         border: conf.border,
       }, () => item.label))
     }
@@ -101,6 +101,7 @@ export default defineComponent({
       on: {},
       style: {}
     }
+    
     const confClone = JSON.parse(JSON.stringify(this.conf))
     const children = []
     const slot = {}

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" />
+              <el-radio-button value="middle" />
+              <el-radio-button value="bottom" />
             </el-radio-group>
           </el-form-item>
           <el-form-item v-if="activeData.labelWidth !== undefined" label="标签宽度">
@@ -126,10 +126,10 @@
           </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>
@@ -189,13 +189,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>
@@ -246,10 +246,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 +280,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 +325,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>
@@ -427,26 +427,26 @@
           </el-form-item>
           <el-form-item label="表单尺寸">
             <el-radio-group v-model="formConf.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>
           </el-form-item>
           <el-form-item label="标签对齐">
             <el-radio-group v-model="formConf.labelPosition">
-              <el-radio-button label="left">
+              <el-radio-button value="left">
                 左对齐
               </el-radio-button>
-              <el-radio-button label="right">
+              <el-radio-button value="right">
                 右对齐
               </el-radio-button>
-              <el-radio-button label="top">
+              <el-radio-button value="top">
                 顶部对齐
               </el-radio-button>
             </el-radio-group>