custom-variant-form 2.3.0 → 2.3.2

package/src/components/form-designer/setting-panel/property-editor/event-handler/onUploadSuccess-editor.vue

@@ -1,30 +0,0 @@
-<template>
-  <el-form-item label="onUploadSuccess" label-width="150px">
-    <el-button type="info" icon="el-icon-edit" plain round @click="editEventHandler('onUploadSuccess', eventParams)">
-      {{i18nt('designer.setting.addEventHandler')}}</el-button>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import eventMixin from "@/components/form-designer/setting-panel/property-editor/event-handler/eventMixin"
-
-  export default {
-    name: "onUploadSuccess-editor",
-    mixins: [i18n, eventMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-    data() {
-      return {
-        eventParams: ['result', 'file', 'fileList'],
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue

@@ -1,30 +0,0 @@
-<template>
-  <el-form-item label="onValidate" label-width="150px">
-    <el-button type="info" icon="el-icon-edit" plain round @click="editEventHandler('onValidate', eventParams)">
-      {{i18nt('designer.setting.addEventHandler')}}</el-button>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import eventMixin from "@/components/form-designer/setting-panel/property-editor/event-handler/eventMixin"
-
-  export default {
-    name: "onValidate-editor",
-    mixins: [i18n, eventMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-    data() {
-      return {
-        eventParams: ['rule', 'value', 'callback'],
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,32 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.displayType')">
-    <el-select v-model="optionModel.type">
-      <el-option label="default" value=""></el-option>
-      <el-option label="primary" value="primary"></el-option>
-      <el-option label="success" value="success"></el-option>
-      <el-option label="warning" value="warning"></el-option>
-      <el-option label="danger" value="danger"></el-option>
-      <el-option label="info" value="info"></el-option>
-      <el-option label="text" value="text"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import propertyMixin from "@/components/form-designer/setting-panel/property-editor/propertyMixin"
-
-  export default {
-    name: "button-type-editor",
-    mixins: [i18n, propertyMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/field-button/circle-editor.vue

@@ -1,23 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.circle')">
-    <el-switch v-model="optionModel.circle"></el-switch>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n";
-
-  export default {
-    name: "circle-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/field-button/icon-editor.vue

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

package/src/components/form-designer/setting-panel/property-editor/field-button/plain-editor.vue

@@ -1,24 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.plain')">
-    <el-switch v-model="optionModel.plain"></el-switch>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "plain-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/field-button/round-editor.vue

@@ -1,23 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.round')">
-    <el-switch v-model="optionModel.round"></el-switch>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n";
-
-  export default {
-    name: "round-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,18 +0,0 @@
-<template>
-  <div style="display: none"></div>
-</template>
-
-<script>
-  export default {
-    name: "cascader-defaultValue-editor",
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/field-cascader/cascader-multiple-editor.vue

@@ -1,24 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.multiple')">
-    <el-switch v-model="optionModel.multiple"></el-switch>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import propertyMixin from "@/components/form-designer/setting-panel/property-editor/propertyMixin"
-
-  export default {
-    name: "cascader-multiple-editor",
-    mixins: [i18n, propertyMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/field-cascader/checkStrictly-editor.vue

@@ -1,23 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.checkStrictly')">
-    <el-switch v-model="optionModel.checkStrictly"></el-switch>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "checkStrictly-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/form-designer/setting-panel/property-editor/field-cascader/showAllLevels-editor.vue

@@ -1,23 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.showAllLevels')">
-    <el-switch v-model="optionModel.showAllLevels"></el-switch>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "showAllLevels-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,18 +0,0 @@
-<template>
-  <div style="display: none"></div>
-</template>
-
-<script>
-  export default {
-    name: "checkbox-defaultValue-editor",
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,25 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.defaultValue')">
-    <el-color-picker v-model="optionModel.defaultValue" @change="emitDefaultValueChange">
-    </el-color-picker>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import propertyMixin from "@/components/form-designer/setting-panel/property-editor/propertyMixin"
-
-  export default {
-    name: "color-defaultValue-editor",
-    mixins: [i18n, propertyMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,26 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.defaultValue')">
-    <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>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import propertyMixin from "@/components/form-designer/setting-panel/property-editor/propertyMixin"
-
-  export default {
-    name: "date-defaultValue-editor",
-    mixins: [i18n, propertyMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,30 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.format')">
-    <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>
-      <el-option label="yyyy年MM月dd日" value="yyyy年MM月dd日"></el-option>
-      <el-option label="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss"></el-option>
-      <el-option label="yyyy-MM-dd hh:mm:ss" value="yyyy-MM-dd hh:mm:ss"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "date-format-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,30 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.displayType')">
-    <el-select v-model="optionModel.type">
-      <el-option label="datetime" value="datetime"></el-option>
-      <el-option label="date" value="date"></el-option>
-      <el-option label="dates" value="dates"></el-option>
-      <el-option label="year" value="year"></el-option>
-      <el-option label="month" value="month"></el-option>
-      <el-option label="week" value="week"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n";
-
-  export default {
-    name: "date-type-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,26 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.valueFormat')">
-    <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-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "date-valueFormat-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,26 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.defaultValue')">
-    <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>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-  import propertyMixin from "@/components/form-designer/setting-panel/property-editor/propertyMixin"
-
-  export default {
-    name: "date-range-defaultValue-editor",
-    mixins: [i18n, propertyMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,30 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.format')">
-    <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>
-      <el-option label="yyyy年MM月dd日" value="yyyy年MM月dd日"></el-option>
-      <el-option label="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss"></el-option>
-      <el-option label="yyyy-MM-dd hh:mm:ss" value="yyyy-MM-dd hh:mm:ss"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "date-range-format-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,27 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.displayType')">
-    <el-select v-model="optionModel.type">
-      <el-option label="daterange" value="daterange"></el-option>
-      <el-option label="datetimerange" value="datetimerange"></el-option>
-      <el-option label="monthrange" value="monthrange"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n";
-
-  export default {
-    name: "date-range-type-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style lang="scss" scoped>
-
-</style>

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

@@ -1,26 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.valueFormat')">
-    <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-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "date-range-valueFormat-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,27 +0,0 @@
-<template>
-  <el-form-item :label="i18nt('designer.setting.contentPosition')">
-    <el-select v-model="optionModel.contentPosition">
-      <el-option label="center" value="center"></el-option>
-      <el-option label="left" value="left"></el-option>
-      <el-option label="right" value="right"></el-option>
-    </el-select>
-  </el-form-item>
-</template>
-
-<script>
-  import i18n from "@/utils/i18n"
-
-  export default {
-    name: "contentPosition-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
-</script>
-
-<style scoped>
-
-</style>

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

@@ -1,44 +0,0 @@
-<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 "@/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/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue

@@ -1,29 +0,0 @@
-<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 "@/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>