cloud-web-corejs 1.0.54-dev.798 → 1.0.54-dev.799

package/src/components/xform/form-designer/setting-panel/property-editor/field-date/date-defaultValue-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.defaultValue')">
+  <el-form-item :label="i18nt('designer.setting.defaultValue')" class="form-item-label-top">
     <el-checkbox v-model="nowDefaultValue">当前日期</el-checkbox>
     <el-date-picker v-if="!nowDefaultValue" :type="optionModel.type"
                     v-model="optionModel.defaultValue" @change="emitDefaultValueChange"

package/src/components/xform/form-designer/setting-panel/property-editor/field-date/date-format-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.format')">
+  <el-form-item :label="i18nt('designer.setting.format')" class="form-item-label-top">
     <el-select v-model="optionModel.format" filterable allow-create>
       <el-option label="yyyy-MM-dd" value="yyyy-MM-dd"></el-option>
       <el-option label="yyyy/MM/dd" value="yyyy/MM/dd"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.displayType')">
+  <el-form-item :label="i18nt('designer.setting.displayType')" class="form-item-label-top">
     <el-select v-model="optionModel.type" @change="changeType">
       <el-option label="datetime" value="datetime"></el-option>
       <el-option label="date" value="date"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date/date-valueFormat-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.valueFormat')">
+  <el-form-item :label="i18nt('designer.setting.valueFormat')" class="form-item-label-top">
     <el-select v-model="optionModel.valueFormat" filterable allow-create>
       <el-option label="yyyy-MM-dd" value="yyyy-MM-dd"></el-option>
       <el-option label="yyyy-MM" value="yyyy-MM"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date-range/date-range-defaultTime-editor.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <el-form-item :label="i18nt('默认时间')">
+  <el-form-item :label="i18nt('默认时间')" class="form-item-label-top">
     <el-time-picker v-model="optionModel.defaultTime" is-range @change="emitDefaultValueChange"
                     format="HH:mm:ss" value-format="HH:mm:ss" style="width: 100%">
     </el-time-picker>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date-range/date-range-defaultValue-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.defaultValue')">
+  <el-form-item :label="i18nt('designer.setting.defaultValue')" class="form-item-label-top">
     <el-date-picker :type="optionModel.type" v-model="optionModel.defaultValue" @change="emitDefaultValueChange"
                     :format="optionModel.format" :value-format="optionModel.valueFormat" style="width: 100%">
     </el-date-picker>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date-range/date-range-format-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.format')">
+  <el-form-item :label="i18nt('designer.setting.format')" class="form-item-label-top">
     <el-select v-model="optionModel.format" filterable allow-create>
       <el-option label="yyyy-MM-dd" value="yyyy-MM-dd"></el-option>
       <el-option label="yyyy/MM/dd" value="yyyy/MM/dd"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date-range/date-range-type-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.displayType')">
+  <el-form-item :label="i18nt('designer.setting.displayType')" class="form-item-label-top">
     <el-select v-model="optionModel.type" @change="changeType">
       <el-option label="daterange" value="daterange"></el-option>
       <el-option label="datetimerange" value="datetimerange"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-date-range/date-range-valueFormat-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.valueFormat')">
+  <el-form-item :label="i18nt('designer.setting.valueFormat')" class="form-item-label-top">
     <el-select v-model="optionModel.valueFormat" filterable allow-create>
       <el-option label="yyyy-MM-dd" value="yyyy-MM-dd"></el-option>
       <el-option label="yyyy-MM" value="yyyy-MM"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-divider/contentPosition-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.contentPosition')">
+  <el-form-item :label="i18nt('designer.setting.contentPosition')" class="form-item-label-top">
     <el-select v-model="optionModel.contentPosition">
       <el-option label="center" value="center"></el-option>
       <el-option label="left" value="left"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-dropdown-menu/dropdown-menu-editor.vue

@@ -1,59 +1,59 @@
-<template>
-  <div>
-    <el-form-item :label="i18nt('designer.setting.tabPaneSetting')"></el-form-item>
-    <el-form-item label-width="0" class="panes-setting">
-      <draggable tag="ul" :list="selectedWidget.widgetList"
-                 v-bind="{group:'panesGroup', ghostClass: 'ghost', handle: '.drag-option'}" class="draggable-box">
-        <li v-for="(tpItem, tpIdx) in selectedWidget.widgetList" :key="tpIdx" class="col-item">
-          <el-input type="text" v-model="tpItem.options.label" style="width:calc(100% - 65px) !important;"></el-input>
-          <i class="el-icon-s-operation drag-option"></i>
-          <el-button circle plain size="mini" type="danger" @click="deleteTabPane(selectedWidget, tpIdx)"
-                     icon="el-icon-minus" class="col-delete-button"></el-button>
-        </li>
-        <div>
-          <el-button type="text" @click="addTabPane(selectedWidget)" icon="el-icon-circle-plus-outline" class="add-option">{{i18nt('designer.setting.addTabPane')}}</el-button>
-        </div>
-      </draggable>
-    </el-form-item>
-  </div>
-</template>
-<script>
-import i18n from "@base/components/xform/utils/i18n";
-import Draggable from 'vuedraggable'
-import {deepClone} from "../../../../../../components/xform/utils/util";
-
-export default {
-  name: "dropdown-menu-editor",
-  components: {Draggable},
-  mixins: [i18n],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object,
-  },
-  methods: {
-    onTabPaneActiveChange(evt, tpItem) {
-      //TODO: !!!
-    },
-
-    addTabPane(curTabs) {
-      this.designer.addDropdownItem(curTabs)
-      this.designer.emitHistoryChange()
-    },
-
-    deleteTabPane(curTabs, tpIdx) {
-      if (curTabs.widgetList.length === 1) {
-        this.$message.info(this.i18nt('designer.hint.lastPaneCannotBeDeleted'))
-        return
-      }
-
-      this.designer.deleteDropdownItem(curTabs, tpIdx)
-      this.designer.emitHistoryChange()
-    },
-
-  }
-}
-</script>
-<style scoped>
-
-</style>
+<template>
+  <div>
+    <el-form-item :label="i18nt('designer.setting.tabPaneSetting')"></el-form-item>
+    <el-form-item label-width="0" class="panes-setting form-item-label-top">
+      <draggable tag="ul" :list="selectedWidget.widgetList"
+                 v-bind="{group:'panesGroup', ghostClass: 'ghost', handle: '.drag-option'}" class="draggable-box">
+        <li v-for="(tpItem, tpIdx) in selectedWidget.widgetList" :key="tpIdx" class="col-item">
+          <el-input type="text" v-model="tpItem.options.label" style="width:calc(100% - 65px) !important;"></el-input>
+          <i class="el-icon-s-operation drag-option"></i>
+          <el-button circle plain size="mini" type="danger" @click="deleteTabPane(selectedWidget, tpIdx)"
+                     icon="el-icon-minus" class="col-delete-button"></el-button>
+        </li>
+        <div>
+          <el-button type="text" @click="addTabPane(selectedWidget)" icon="el-icon-circle-plus-outline" class="add-option">{{i18nt('designer.setting.addTabPane')}}</el-button>
+        </div>
+      </draggable>
+    </el-form-item>
+  </div>
+</template>
+<script>
+import i18n from "@base/components/xform/utils/i18n";
+import Draggable from 'vuedraggable'
+import {deepClone} from "../../../../../../components/xform/utils/util";
+
+export default {
+  name: "dropdown-menu-editor",
+  components: {Draggable},
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  methods: {
+    onTabPaneActiveChange(evt, tpItem) {
+      //TODO: !!!
+    },
+
+    addTabPane(curTabs) {
+      this.designer.addDropdownItem(curTabs)
+      this.designer.emitHistoryChange()
+    },
+
+    deleteTabPane(curTabs, tpIdx) {
+      if (curTabs.widgetList.length === 1) {
+        this.$message.info(this.i18nt('designer.hint.lastPaneCannotBeDeleted'))
+        return
+      }
+
+      this.designer.deleteDropdownItem(curTabs, tpIdx)
+      this.designer.emitHistoryChange()
+    },
+
+  }
+}
+</script>
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-bar-editor.vue

@@ -48,7 +48,7 @@
     <el-form-item :label="i18nt('显示标题')">
       <el-switch v-model="optionModel.echarBarOption.title.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('标题')">
+    <el-form-item :label="i18nt('标题')" class="form-item-label-top">
       <el-input v-model="optionModel.echarBarOption.title.text"></el-input>
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarBarOption.title.textStyle.color"></el-color-picker></el-form-item>
@@ -64,14 +64,14 @@
     <el-form-item :label="i18nt('背景颜色')">
       <el-color-picker v-model="optionModel.echarBarOption.title.backgroundColor"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体位置')">
+    <el-form-item :label="i18nt('字体位置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarBarOption.title.left">
         <el-option label="居中" value="center"></el-option>
         <el-option label="左对齐" value="left"></el-option>
         <el-option label="右对齐" value="right"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('副标题')">
+    <el-form-item :label="i18nt('副标题')" class="form-item-label-top">
       <el-input v-model="optionModel.echarBarOption.title.subtext"></el-input>
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarBarOption.title.subtextStyle.color"></el-color-picker></el-form-item>
@@ -91,20 +91,20 @@
     <el-form-item :label="i18nt('显示')">
       <el-switch v-model="optionModel.echarBarOption.xAxis.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标名')">
+    <el-form-item :label="i18nt('坐标名')" class="form-item-label-top">
       <el-input v-model="optionModel.echarBarOption.xAxis.name"></el-input>
     </el-form-item>
     <el-form-item :label="i18nt('坐标名颜色')">
       <el-color-picker v-model="optionModel.echarBarOption.xAxis.nameTextStyle.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标字号')">
+    <el-form-item :label="i18nt('坐标字号')" class="form-item-label-top">
       <base-input-number :scale="0"
                          v-model="optionModel.echarBarOption.xAxis.nameTextStyle.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('数值颜色')">
       <el-color-picker v-model="optionModel.echarBarOption.xAxis.axisLabel.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('数值字号')">
+    <el-form-item :label="i18nt('数值字号')" class="form-item-label-top">
       <base-input-number :scale="0" v-model="optionModel.echarBarOption.xAxis.axisLabel.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('数值角度')">
@@ -127,20 +127,20 @@
     <el-form-item :label="i18nt('显示')">
       <el-switch v-model="optionModel.echarBarOption.yAxis.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标名')">
+    <el-form-item :label="i18nt('坐标名')" class="form-item-label-top">
       <el-input v-model="optionModel.echarBarOption.yAxis.name"></el-input>
     </el-form-item>
     <el-form-item :label="i18nt('坐标名颜色')">
       <el-color-picker v-model="optionModel.echarBarOption.yAxis.nameTextStyle.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标字号')">
+    <el-form-item :label="i18nt('坐标字号')" class="form-item-label-top">
       <base-input-number :scale="0"
                          v-model="optionModel.echarBarOption.yAxis.nameTextStyle.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('数值颜色')">
       <el-color-picker v-model="optionModel.echarBarOption.yAxis.axisLabel.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('数值字号')">
+    <el-form-item :label="i18nt('数值字号')" class="form-item-label-top">
       <base-input-number :scale="0" v-model="optionModel.echarBarOption.yAxis.axisLabel.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('数值角度')">
@@ -169,13 +169,13 @@
     <el-form-item :label="i18nt('显示数值')">
       <el-switch v-model="showSeriesLabel"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('字体大小')">
+    <el-form-item :label="i18nt('字体大小')" class="form-item-label-top">
       <base-input-number :scale="0" v-model="optionModel.echarBarOption.series[0].label.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('颜色')">
       <el-color-picker v-model="optionModel.echarBarOption.series[0].label.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体粗细')">
+    <el-form-item :label="i18nt('字体粗细')" class="form-item-label-top">
       <el-select v-model="optionModel.echarBarOption.series[0].label.fontWeight">
         <el-option label="正常" value="normal"></el-option>
         <el-option label="粗体" value="bold"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-category-editor.vue

@@ -48,7 +48,7 @@
     <el-form-item :label="i18nt('显示标题')">
       <el-switch v-model="optionModel.echarCategoryOption.title.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('标题')">
+    <el-form-item :label="i18nt('标题')" class="form-item-label-top">
       <el-input v-model="optionModel.echarCategoryOption.title.text"></el-input>
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarCategoryOption.title.textStyle.color"></el-color-picker></el-form-item>
@@ -64,14 +64,14 @@
     <el-form-item :label="i18nt('背景颜色')">
       <el-color-picker v-model="optionModel.echarCategoryOption.title.backgroundColor"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体位置')">
+    <el-form-item :label="i18nt('字体位置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarCategoryOption.title.left">
         <el-option label="居中" value="center"></el-option>
         <el-option label="左对齐" value="left"></el-option>
         <el-option label="右对齐" value="right"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('副标题')">
+    <el-form-item :label="i18nt('副标题')" class="form-item-label-top">
       <el-input v-model="optionModel.echarCategoryOption.title.subtext"></el-input>
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarCategoryOption.title.subtextStyle.color"></el-color-picker></el-form-item>
@@ -91,20 +91,20 @@
     <el-form-item :label="i18nt('显示')">
       <el-switch v-model="optionModel.echarCategoryOption.xAxis.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标名')">
+    <el-form-item :label="i18nt('坐标名')" class="form-item-label-top">
       <el-input v-model="optionModel.echarCategoryOption.xAxis.name"></el-input>
     </el-form-item>
     <el-form-item :label="i18nt('坐标名颜色')">
       <el-color-picker v-model="optionModel.echarCategoryOption.xAxis.nameTextStyle.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标字号')">
+    <el-form-item :label="i18nt('坐标字号')" class="form-item-label-top">
       <base-input-number :scale="0"
                          v-model="optionModel.echarCategoryOption.xAxis.nameTextStyle.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('数值颜色')">
       <el-color-picker v-model="optionModel.echarCategoryOption.xAxis.axisLabel.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('数值字号')">
+    <el-form-item :label="i18nt('数值字号')" class="form-item-label-top">
       <base-input-number :scale="0"
                          v-model="optionModel.echarCategoryOption.xAxis.axisLabel.fontSize"></base-input-number>
     </el-form-item>
@@ -132,20 +132,20 @@
     <el-form-item :label="i18nt('显示')">
       <el-switch v-model="optionModel.echarCategoryOption.yAxis.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标名')">
+    <el-form-item :label="i18nt('坐标名')" class="form-item-label-top">
       <el-input v-model="optionModel.echarCategoryOption.yAxis.name"></el-input>
     </el-form-item>
     <el-form-item :label="i18nt('坐标名颜色')">
       <el-color-picker v-model="optionModel.echarCategoryOption.yAxis.nameTextStyle.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('坐标字号')">
+    <el-form-item :label="i18nt('坐标字号')" class="form-item-label-top">
       <base-input-number :scale="0"
                          v-model="optionModel.echarCategoryOption.yAxis.nameTextStyle.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('数值颜色')">
       <el-color-picker v-model="optionModel.echarCategoryOption.yAxis.axisLabel.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('数值字号')">
+    <el-form-item :label="i18nt('数值字号')" class="form-item-label-top">
       <base-input-number :scale="0"
                          v-model="optionModel.echarCategoryOption.yAxis.axisLabel.fontSize"></base-input-number>
     </el-form-item>
@@ -182,7 +182,7 @@
     <el-form-item :label="i18nt('颜色')">
       <el-color-picker v-model="optionModel.echarCategoryOption.series[0].label.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体粗细')">
+    <el-form-item :label="i18nt('字体粗细')" class="form-item-label-top">
       <el-select v-model="optionModel.echarCategoryOption.series[0].label.fontWeight">
         <el-option label="正常" value="normal"></el-option>
         <el-option label="粗体" value="bold"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-pie-editor.vue

@@ -19,7 +19,7 @@
     <el-form-item :label="i18nt('背景颜色')">
       <el-color-picker v-model="optionModel.echarPieOption.backgroundColor"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('饼图样式')">
+    <el-form-item :label="i18nt('饼图样式')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.series[0].radius">
         <el-option label="实心饼图" :value="'70%'"></el-option>
         <el-option label="空心饼图" :value="['40%', '70%']"></el-option>
@@ -38,7 +38,7 @@
     <el-form-item :label="i18nt('显示标题')">
       <el-switch v-model="optionModel.echarPieOption.title.show"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('标题')">
+    <el-form-item :label="i18nt('标题')" class="form-item-label-top">
       <el-input v-model="optionModel.echarPieOption.title.text"></el-input>
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarPieOption.title.textStyle.color"></el-color-picker></el-form-item> -->
@@ -54,14 +54,14 @@
     <el-form-item :label="i18nt('背景颜色')">
       <el-color-picker v-model="optionModel.echarPieOption.title.backgroundColor"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体位置')">
+    <el-form-item :label="i18nt('字体位置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.title.left">
         <el-option label="居中" value="center"></el-option>
         <el-option label="左对齐" value="left"></el-option>
         <el-option label="右对齐" value="right"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('副标题')">
+    <el-form-item :label="i18nt('副标题')" class="form-item-label-top">
       <el-input v-model="optionModel.echarPieOption.title.subtext"></el-input>
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarPieOption.title.subtextStyle.color"></el-color-picker></el-form-item>
@@ -81,13 +81,13 @@
     <el-form-item :label="i18nt('显示数值')">
       <el-switch v-model="showSeriesLabel"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('字体大小')">
+    <el-form-item :label="i18nt('字体大小')" class="form-item-label-top">
       <base-input-number :scale="0" v-model="optionModel.echarPieOption.series[0].label.fontSize"></base-input-number>
     </el-form-item>
     <el-form-item :label="i18nt('颜色')">
       <el-color-picker v-model="optionModel.echarPieOption.series[0].label.color"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体粗细')">
+    <el-form-item :label="i18nt('字体粗细')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.series[0].label.fontWeight">
         <el-option label="正常" value="normal"></el-option>
         <el-option label="粗体" value="bold"></el-option>
@@ -95,14 +95,14 @@
         <el-option label="细体" value="lighter"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('数值位置')">
+    <el-form-item :label="i18nt('数值位置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.series[0].label.position">
         <el-option label="外侧" value="outside"></el-option>
         <el-option label="内侧" value="inside"></el-option>
         <el-option label="中心" value="center"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('数值格式')">
+    <el-form-item :label="i18nt('数值格式')" class="form-item-label-top">
       <el-input v-model="optionModel.echarPieOption.series[0].label.formatter"></el-input>
     </el-form-item>
     注：{b}：数据名。{c}：数据值。{d}：百分比。
@@ -123,22 +123,22 @@
     </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarPieOption.legend.textStyle.color"></el-color-picker></el-form-item>
     <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarPieOption.legend.textStyle.fontSize"></base-input-number></el-form-item> -->
-    <el-form-item :label="i18nt('图例宽度')">
+    <el-form-item :label="i18nt('图例宽度')" class="form-item-label-top">
       <base-input-number :scale="0" v-model="optionModel.echarPieOption.legend.itemWidth"></base-input-number>
     </el-form-item>
-    <el-form-item :label="i18nt('横向位置')">
+    <el-form-item :label="i18nt('横向位置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.legend.left">
         <el-option label="左对齐" value="left"></el-option>
         <el-option label="右对齐" value="right"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('纵向位置')">
+    <el-form-item :label="i18nt('纵向位置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.legend.top">
         <el-option label="顶部" value="top"></el-option>
         <el-option label="底部" value="bottom"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('布局前置')">
+    <el-form-item :label="i18nt('布局前置')" class="form-item-label-top">
       <el-select v-model="optionModel.echarPieOption.legend.orient">
         <el-option label="竖排" value="horizontal"></el-option>
         <el-option label="横排" value="vertical"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue

@@ -1,44 +1,44 @@
-<template>
-  <el-form-item>
-    <span slot="label">{{i18nt('designer.setting.fileTypes')}}
-      <el-tooltip effect="light" :content="i18nt('designer.setting.fileTypesHelp')">
-        <i class="el-icon-info"></i></el-tooltip>
-    </span>
-    <el-select multiple allow-create filterable default-first-option
-               v-model="optionModel.fileTypes" style="width: 100%">
-      <el-option v-for="(ft, ftIdx) in uploadFileTypes"
-                 :key="ftIdx"
-                 :label="ft.label"
-                 :value="ft.value">
-      </el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "../../../../../../components/xform/utils/i18n"
-
-  export default {
-    name: "file-upload-fileTypes-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-    data() {
-      return {
-        uploadFileTypes: [
-          {value: 'doc', label: 'doc'},
-          {value: 'xls', label: 'xls'},
-          {value: 'docx', label: 'docx'},
-          {value: 'xlsx', label: 'xlsx'},
-        ],
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <el-form-item class="form-item-label-top">
+    <span slot="label">{{i18nt('designer.setting.fileTypes')}}
+      <el-tooltip effect="light" :content="i18nt('designer.setting.fileTypesHelp')">
+        <i class="el-icon-info"></i></el-tooltip>
+    </span>
+    <el-select multiple allow-create filterable default-first-option
+               v-model="optionModel.fileTypes" style="width: 100%">
+      <el-option v-for="(ft, ftIdx) in uploadFileTypes"
+                 :key="ftIdx"
+                 :label="ft.label"
+                 :value="ft.value">
+      </el-option>
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+  import i18n from "../../../../../../components/xform/utils/i18n"
+
+  export default {
+    name: "file-upload-fileTypes-editor",
+    mixins: [i18n],
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+    data() {
+      return {
+        uploadFileTypes: [
+          {value: 'doc', label: 'doc'},
+          {value: 'xls', label: 'xls'},
+          {value: 'docx', label: 'docx'},
+          {value: 'xlsx', label: 'xlsx'},
+        ],
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue

@@ -1,29 +1,29 @@
-<template>
-  <div>
-    <el-form-item :label="i18nt('designer.setting.htmlContent')">
-    </el-form-item>
-    <el-form-item label-width="0">
-      <el-input type="textarea" v-model="optionModel.htmlContent" :rows="5" class="html-content-editor"></el-input>
-    </el-form-item>
-  </div>
-</template>
-
-<script>
-  import i18n from "../../../../../../components/xform/utils/i18n"
-
-  export default {
-    name: "htmlContent-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-  .html-content-editor {
-    font-size: 13px;
-  }
-</style>
+<template>
+  <div>
+    <el-form-item :label="i18nt('designer.setting.htmlContent')">
+    </el-form-item>
+    <el-form-item class="form-item-label-top" label-width="0">
+      <el-input type="textarea" v-model="optionModel.htmlContent" :rows="5" class="html-content-editor"></el-input>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+  import i18n from "../../../../../../components/xform/utils/i18n"
+
+  export default {
+    name: "htmlContent-editor",
+    mixins: [i18n],
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+  }
+</script>
+
+<style scoped>
+  .html-content-editor {
+    font-size: 13px;
+  }
+</style>