项目重构

gaoluyang

5 天以前 c7566bba45e6f90594d36ec4b80ac4ff89f577ee

 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;