cloud-web-corejs 1.0.276 → 1.0.277

package/src/components/xform/form-designer/setting-panel/property-editor/iconClass-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.iconClass')">
+  <el-form-item :label="i18nt('designer.setting.iconClass')" class="form-item-label-top">
     <el-select v-model="optionModel.iconClass">
       <el-option label="统计块" value="el-icon-coin">
          <span><i class="el-icon-coin"></i> 统计块</span>

package/src/components/xform/form-designer/setting-panel/property-editor/label-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.label')" v-if="!noLabelSetting">
+  <el-form-item :label="i18nt('designer.setting.label')" v-if="!noLabelSetting" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.label"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/labelAlign-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelAlign')" v-if="!noLabelSetting && (selectedWidget.type !== 'button')">
+  <el-form-item :label="i18nt('designer.setting.labelAlign')" v-if="!noLabelSetting && (selectedWidget.type !== 'button')" class="form-item-label-top">
     <el-radio-group v-model="optionModel.labelAlign" class="radio-group-custom">
       <el-radio-button label="label-left-align">
         {{i18nt('designer.setting.leftAlign')}}</el-radio-button>

package/src/components/xform/form-designer/setting-panel/property-editor/labelColor-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelColor')">
+  <el-form-item :label="i18nt('designer.setting.labelColor')" class="form-item-label-top">
     <div>
       <el-select style="width: 130px;float: left;margin-right: 5px;" v-model="optionModel.labelColor" clearable>
         <el-option value="#e6a23c" label="橙"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/labelIconPosition-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelIconPosition')">
+  <el-form-item :label="i18nt('designer.setting.labelIconPosition')" class="form-item-label-top">
     <el-select v-model="optionModel.labelIconPosition">
       <el-option
         v-for="item in labelIconPosition"

package/src/components/xform/form-designer/setting-panel/property-editor/labelWidth-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelWidth')">
+  <el-form-item :label="i18nt('designer.setting.labelWidth')" class="form-item-label-top">
     <el-input type="number" v-model="optionModel.labelWidth" @input.native="inputNumberHandler"
               min="0" class="hide-spin-button"></el-input>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/limit-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.limit')">
+  <el-form-item :label="i18nt('designer.setting.limit')" class="form-item-label-top">
     <el-input-number v-model="optionModel.limit" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/max-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.maxValue')">
+  <el-form-item :label="i18nt('designer.setting.maxValue')" class="form-item-label-top">
     <el-input-number v-model="maxValue" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/maxLength-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.maxLength')">
+  <el-form-item :label="i18nt('designer.setting.maxLength')" class="form-item-label-top">
     <el-input type="number" @input.native="inputNumberHandler" class="hide-spin-button"
               min="1" v-model="maxLength" style="width: 100%"></el-input>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/min-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.minValue')">
+  <el-form-item :label="i18nt('designer.setting.minValue')" class="form-item-label-top">
     <el-input-number v-model="minValue" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/minLength-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.minLength')">
+  <el-form-item :label="i18nt('designer.setting.minLength')" class="form-item-label-top">
     <el-input type="number" @input.native="inputNumberHandler" class="hide-spin-button"
               min="0" v-model="minLength" style="width: 100%"></el-input>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/multipleLimit-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.multipleLimit')">
+  <el-form-item :label="i18nt('designer.setting.multipleLimit')" class="form-item-label-top">
     <el-input-number v-model="optionModel.multipleLimit"
                      class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/name-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form-item prop="name" :rules="nameRequiredRule">
+    <el-form-item class="form-item-label-top" prop="name" :rules="nameRequiredRule">
       <span slot="label"
         >{{ i18nt("designer.setting.uniqueName") }}
         <el-tooltip effect="light" :content="i18nt('designer.setting.editNameHelp')">
@@ -37,10 +37,10 @@
         </el-select>
       </template>
     </el-form-item>
-    <el-form-item label="菜单按钮权限编码" v-show="showAuthCode">
+    <el-form-item label="按钮编码" v-show="showAuthCode" class="form-item-label-top">
       <div style="word-break: break-all">
         <el-tooltip effect="light" content="复制">
-          <a class="a-link" style="color: unset;" @click="copyAuthCode"><span><i class="el-icon-copy-document" style="margin-right:2px"></i>{{ authCode }}</span></a>
+          <a class="a-link" style="" @click="copyAuthCode"><i class="el-icon-copy-document"></i><span>{{ authCode }}</span></a>
         </el-tooltip>
       </div>
     </el-form-item>
@@ -94,6 +94,7 @@ export default {
         "print-detail-button",
         "download-button",
         "copy_button",
+        "save_submit_wf_button",
         "tempStorage",
         "dropdown",
         "dropdown-item",
@@ -174,4 +175,14 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+  .a-link{
+    display:flex;line-height:1.2;width:100%;align-items:center;color:rgba(0,0,0,0.65);
+    > i{
+      margin-right:8px;
+    }
+    > span{
+      flex:1
+    }
+  }
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/oplog-editor.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('脚本编码')">
+    <el-form-item :label="i18nt('脚本编码')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.formScriptCode"></el-input>
     </el-form-item>
-    <el-form-item :label="i18nt('日志类型')">
+    <el-form-item :label="i18nt('日志类型')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.oplogTypeCode" placeholder="默认表单模板编码"></el-input>
     </el-form-item>
-    <el-form-item :label="i18nt('业务唯一字段')">
+    <el-form-item :label="i18nt('业务唯一字段')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.oplogBusinessKey" placeholder="默认单据id"></el-input>
     </el-form-item>
   </div>

package/src/components/xform/form-designer/setting-panel/property-editor/placeholder-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.placeholder')">
+  <el-form-item :label="i18nt('designer.setting.placeholder')" class="form-item-label-top">
     <el-input type="textarea" :rows="3" v-model="optionModel.placeholder"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/precision-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.precision')">
+  <el-form-item :label="i18nt('designer.setting.precision')" class="form-item-label-top">
     <el-input-number v-model="optionModel.precision" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/prefixIcon-editor.vue

@@ -1,23 +1,22 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.prefixIcon')">
-    <el-input type="text" v-model="optionModel.prefixIcon"></el-input>
+    <icon-picker v-model="optionModel.prefixIcon"></icon-picker>
   </el-form-item>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n";
-
-  export default {
-    name: "prefixIcon-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
+import i18n from "@base/components/xform/utils/i18n";
+import IconPicker from "@base/components/xform/icon-picker/index.vue";
+export default {
+  name: "prefixIcon-editor",
+  components: { IconPicker },
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/components/xform/form-designer/setting-panel/property-editor/project-tag-editor.vue

@@ -3,10 +3,10 @@
     <el-form-item label-width="0">
       <el-divider class="custom-divider-margin-top">项目标签设置</el-divider>
     </el-form-item>
-    <el-form-item label="标签长度">
+    <el-form-item label="标签长度" class="form-item-label-top">
       <el-input v-model="optionModel.tagWidth" clearable></el-input>
     </el-form-item>
-    <el-form-item label="弹框表单编码">
+    <el-form-item label="弹框表单编码" class="form-item-label-top">
       <el-input v-model="optionModel.tagFormCode" clearable></el-input>
     </el-form-item>
     <el-form-item label="弹框查询参数">
@@ -19,16 +19,16 @@
         <i class="el-icon-edit"></i>
       </a>
     </el-form-item>
-    <el-form-item label="展示字段">
+    <el-form-item label="展示字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagLabelField" clearable></el-input>
     </el-form-item>
-    <el-form-item label="唯一关键字段">
+    <el-form-item label="唯一关键字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagUniqueField" clearable></el-input>
     </el-form-item>
-    <el-form-item label="来源展示字段">
+    <el-form-item label="来源展示字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagFormLabelField" clearable></el-input>
     </el-form-item>
-    <el-form-item label="来源唯一关键字段">
+    <el-form-item label="来源唯一关键字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagFormUniqueField" clearable></el-input>
     </el-form-item>
 

package/src/components/xform/form-designer/setting-panel/property-editor/relative-default-block.vue

@@ -0,0 +1,369 @@
+<template>
+  <div class="relative-default-block">
+    <div class="relative-default-block__head">
+      <el-checkbox v-model="relativeMode">相对当前</el-checkbox>
+      <el-button
+        v-if="relativeMode"
+        type="text"
+        size="mini"
+        style="margin-left: 10px; padding: 0"
+        @click="openDialog"
+        >配置</el-button
+      >
+    </div>
+    <!-- 未勾选时由各组件自己的固定值控件占位 -->
+    <slot v-if="!relativeMode"></slot>
+    <template v-else>
+      <div class="relative-default-block__summary">{{ ruleText }}</div>
+      <div class="relative-default-block__summary">取值：{{ valueText }}</div>
+    </template>
+
+    <el-dialog
+      v-if="dialogVisible"
+      title="相对默认值"
+      :visible.sync="dialogVisible"
+      width="520px"
+      append-to-body
+      :close-on-click-modal="false"
+      :destroy-on-close="true"
+    >
+      <!-- 宽度打在自己的 span 上：全局 body .el-input{width:148px !important}
+           会撑破 el-select，箭头被裁掉、两个下拉也会贴在一起 -->
+      <div v-for="part in parts" :key="part.key" class="relative-default-part">
+        <div v-if="part.label" class="relative-default-part__title">
+          {{ part.label }}
+        </div>
+        <div class="relative-default-part__row">
+          <span class="relative-default-part__prefix">当前</span>
+          <span class="relative-default-part__control relative-default-part__offset">
+            <el-input
+              :value="part.item.offsetText"
+              size="mini"
+              placeholder="0"
+              @input="handleOffsetInput(part.item, $event)"
+            ></el-input>
+          </span>
+          <span class="relative-default-part__control relative-default-part__unit">
+            <el-select v-model="part.item.unit" size="mini">
+              <el-option
+                v-for="item in unitOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </span>
+          <span class="relative-default-part__control relative-default-part__align">
+            <el-select v-model="part.item.align" size="mini">
+              <el-option
+                v-for="item in alignOptionsOf(part.item)"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </span>
+        </div>
+        <div class="relative-default-part__preview">
+          取值：{{ previewOf(part) }}
+        </div>
+      </div>
+      <div class="relative-default-tip">
+        对齐指先按偏移量平移，再落到该单位的起点或终点，如「1月前·月初」为上月1号。
+      </div>
+      <span slot="footer">
+        <el-button size="mini" @click="dialogVisible = false">取消</el-button>
+        <el-button size="mini" type="primary" @click="confirmDialog"
+          >确定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  DATE_UNITS,
+  DEFAULT_VALUE_TYPE_RELATIVE,
+  KIND_TIME,
+  TIME_UNITS,
+  describeRelativeDescriptor,
+  getRelativeKind,
+  getUnitLabel,
+  hasTimePart,
+  isRangeWidgetType,
+  isRelativeDefaultType,
+  normalizeRelativeDescriptor,
+  normalizeRelativeRangeDescriptor,
+  resolveDefaultValueFromOptions,
+  resolveRelativeValue,
+  toPreviewText,
+} from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/relativeDateUtil";
+
+/**
+ * 日期/时间组件「相对默认值」的配置入口：属性面板上只占一行（勾选 + 配置按钮 + 摘要），
+ * 具体的偏移量/单位/对齐放进弹框里横排——属性面板只有 200px 宽，塞不下三个控件。
+ *
+ * 弹框里编辑的是本地草稿，点确定才写回 options：一来老表单不会被打开即改脏，
+ * 二来避免边输入边回写触发的重渲染回环。
+ */
+export default {
+  name: "relative-default-block",
+  props: {
+    optionModel: {
+      type: Object,
+      required: true,
+    },
+    widgetType: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      draft: null,
+    };
+  },
+  computed: {
+    kind() {
+      return getRelativeKind(this.widgetType);
+    },
+    isRange() {
+      return isRangeWidgetType(this.widgetType);
+    },
+    relativeMode: {
+      get() {
+        return isRelativeDefaultType(this.optionModel.defaultValueType);
+      },
+      set(checked) {
+        /* 老表单的 options 没有这些属性，一律 $set 保证响应式 */
+        this.$set(
+          this.optionModel,
+          "defaultValueType",
+          checked ? DEFAULT_VALUE_TYPE_RELATIVE : ""
+        );
+        if (checked) {
+          //相对模式下静态默认值不再参与取值，清掉避免两处配置打架
+          this.$set(this.optionModel, "defaultValue", null);
+        }
+        this.$emit("change");
+      },
+    },
+    descriptor() {
+      return this.isRange
+        ? normalizeRelativeRangeDescriptor(
+            this.optionModel.defaultValueRelative,
+            this.kind
+          )
+        : normalizeRelativeDescriptor(
+            this.optionModel.defaultValueRelative,
+            this.kind
+          );
+    },
+    ruleText() {
+      if (!this.isRange) {
+        return describeRelativeDescriptor(this.descriptor, this.kind);
+      }
+      return `${describeRelativeDescriptor(
+        this.descriptor.start,
+        this.kind
+      )} ~ ${describeRelativeDescriptor(this.descriptor.end, this.kind)}`;
+    },
+    valueText() {
+      return toPreviewText(
+        resolveDefaultValueFromOptions(this.optionModel, this.widgetType)
+      );
+    },
+    /* 时分秒单位只在时间类组件、或带时分秒的日期组件上给出 */
+    unitOptions() {
+      let units = [];
+      if (this.kind === KIND_TIME) {
+        units = [...TIME_UNITS];
+      } else if (
+        hasTimePart(this.optionModel.type, this.optionModel.valueFormat)
+      ) {
+        units = [...DATE_UNITS, ...TIME_UNITS];
+      } else {
+        units = [...DATE_UNITS];
+      }
+      return units.map((item) => ({ value: item, label: getUnitLabel(item) }));
+    },
+    parts() {
+      if (!this.draft) {
+        return [];
+      }
+      if (!this.isRange) {
+        return [
+          {
+            key: "single",
+            label: "",
+            item: this.draft,
+            defaultTime: this.getDefaultTimeAt(0),
+          },
+        ];
+      }
+      return [
+        {
+          key: "start",
+          label: "起始",
+          item: this.draft.start,
+          defaultTime: this.getDefaultTimeAt(0),
+        },
+        {
+          key: "end",
+          label: "截止",
+          item: this.draft.end,
+          defaultTime: this.getDefaultTimeAt(1),
+        },
+      ];
+    },
+  },
+  methods: {
+    getDefaultTimeAt(index) {
+      let defaultTime = this.optionModel.defaultTime;
+      return Array.isArray(defaultTime) ? defaultTime[index] || "" : "";
+    },
+    /* 草稿里额外挂一个 offsetText，输入过程中允许出现 "-" 这类中间态 */
+    toDraftItem(source) {
+      let item = normalizeRelativeDescriptor(source, this.kind);
+      return { ...item, offsetText: String(item.offset) };
+    },
+    openDialog() {
+      this.draft = this.isRange
+        ? {
+            start: this.toDraftItem(this.descriptor.start),
+            end: this.toDraftItem(this.descriptor.end),
+          }
+        : this.toDraftItem(this.descriptor);
+      this.dialogVisible = true;
+    },
+    /* 只留数字和一个前导负号 */
+    handleOffsetInput(item, text) {
+      let offsetText = String(text)
+        .replace(/[^\d-]/g, "")
+        .replace(/(?!^)-/g, "");
+      item.offsetText = offsetText;
+      let parsed = parseInt(offsetText, 10);
+      item.offset = Number.isFinite(parsed) ? parsed : 0;
+    },
+    alignOptionsOf(item) {
+      let unitLabel = getUnitLabel(item.unit);
+      return [
+        { value: "none", label: "不对齐" },
+        { value: "start", label: `对齐到${unitLabel}初` },
+        { value: "end", label: `对齐到${unitLabel}末` },
+      ];
+    },
+    previewOf(part) {
+      try {
+        return toPreviewText(
+          resolveRelativeValue(part.item, {
+            kind: this.kind,
+            type: this.optionModel.type,
+            valueFormat: this.optionModel.valueFormat,
+            defaultTime: part.defaultTime,
+          })
+        );
+      } catch (error) {
+        return "";
+      }
+    },
+    stripDraftItem(item) {
+      return { offset: item.offset, unit: item.unit, align: item.align };
+    },
+    confirmDialog() {
+      let value = this.isRange
+        ? {
+            start: this.stripDraftItem(this.draft.start),
+            end: this.stripDraftItem(this.draft.end),
+          }
+        : this.stripDraftItem(this.draft);
+      this.$set(this.optionModel, "defaultValueRelative", value);
+      this.$set(
+        this.optionModel,
+        "defaultValueType",
+        DEFAULT_VALUE_TYPE_RELATIVE
+      );
+      this.dialogVisible = false;
+      this.$emit("change");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.relative-default-block__head {
+  display: flex;
+  align-items: center;
+}
+
+.relative-default-block__config {
+  margin-left: 8px;
+  padding: 0;
+}
+
+.relative-default-block__summary {
+  color: #909399;
+  line-height: 18px;
+  word-break: break-all;
+}
+
+.relative-default-part + .relative-default-part {
+  margin-top: 16px;
+}
+
+.relative-default-part__title {
+  margin-bottom: 6px;
+  color: #606266;
+}
+
+.relative-default-part__row {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 10px;
+}
+
+.relative-default-part__prefix {
+  flex: none;
+  color: #606266;
+}
+
+.relative-default-part__control {
+  flex: none;
+  display: inline-block;
+}
+
+.relative-default-part__offset {
+  width: 80px;
+}
+
+.relative-default-part__unit {
+  width: 100px;
+}
+
+.relative-default-part__align {
+  width: 158px;
+}
+
+/* 压过 body .el-input{width:148px !important}，让框体和内层同宽，箭头才能露出来 */
+.relative-default-part__control ::v-deep .el-select,
+.relative-default-part__control ::v-deep .el-input,
+.relative-default-part__control ::v-deep .el-input__inner {
+  width: 100% !important;
+}
+
+.relative-default-part__preview {
+  margin-top: 2px;
+  color: #909399;
+  line-height: 18px;
+  word-break: break-all;
+}
+
+.relative-default-tip {
+  margin-top: 12px;
+  color: #909399;
+  line-height: 18px;
+}
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/requiredHint-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.requiredHint')">
+  <el-form-item :label="i18nt('designer.setting.requiredHint')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.requiredHint"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/rows-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.rows')">
+  <el-form-item :label="i18nt('designer.setting.rows')" class="form-item-label-top">
     <el-input-number v-model="optionModel.rows" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/space-editor-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.space')">
+  <el-form-item :label="i18nt('designer.setting.space')" class="form-item-label-top">
     <el-input-number ref="fieldEditor"  v-model="optionModel.space"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/startPlaceholder-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.startPlaceholder')">
+  <el-form-item :label="i18nt('designer.setting.startPlaceholder')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.startPlaceholder"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/step-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.step')">
+  <el-form-item :label="i18nt('designer.setting.step')" class="form-item-label-top">
     <el-input-number v-model="optionModel.step" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>