custom-variant-form 2.3.1 → 2.3.2

package/src/components/form-designer/form-widget/field-widget/rate-widget.vue

@@ -1,102 +0,0 @@
-<template>
-  <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
-                     :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
-                     :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <el-rate ref="fieldEditor" v-model="fieldModel"
-             :disabled="field.options.disabled"
-             :max="field.options.max"
-             :low-threshold="field.options.lowThreshold" :high-threshold="field.options.highThreshold"
-             :allow-half="field.options.allowHalf"
-             :show-text="field.options.showText" :show-score="field.options.showScore"
-             @change="handleChangeEvent">
-    </el-rate>
-  </form-item-wrapper>
-</template>
-
-<script>
-  import FormItemWrapper from './form-item-wrapper'
-  import emitter from '@/utils/emitter'
-  import i18n, {translate} from "@/utils/i18n";
-  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
-
-  export default {
-    name: "rate-widget",
-    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-    mixins: [emitter, fieldMixin, i18n],
-    props: {
-      field: Object,
-      parentWidget: Object,
-      parentList: Array,
-      indexOfParentList: Number,
-      designer: Object,
-
-      designState: {
-        type: Boolean,
-        default: false
-      },
-
-      subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-        type: String,
-        default: ''
-      },
-
-    },
-    components: {
-      FormItemWrapper,
-    },
-    inject: ['refList', 'formConfig', 'globalOptionData', 'globalModel'],
-    data() {
-      return {
-        oldFieldValue: null, //field组件change之前的值
-        fieldModel: null,
-        rules: [],
-      }
-    },
-    computed: {
-
-    },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
-    },
-
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.initFieldModel()
-      this.registerToRefList()
-      this.initEventHandler()
-      this.buildFieldRules()
-
-      this.handleOnCreated()
-    },
-
-    mounted() {
-      this.handleOnMounted()
-    },
-
-    beforeDestroy() {
-      this.unregisterFromRefList()
-    },
-
-    methods: {
-
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  @import "../../../../styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
-
-  .full-width-input {
-    width: 100% !important;
-  }
-
-</style>

package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue

@@ -1,123 +0,0 @@
-<template>
-  <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
-                     :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
-                     :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <vue-editor ref="fieldEditor" v-model="fieldModel" :editor-toolbar="customToolbar"
-                :disabled="field.options.disabled" :placeholder="field.options.placeholder"
-                @text-change="handleRichEditorChangeEvent"
-                @focus="handleRichEditorFocusEvent" @blur="handleRichEditorBlurEvent">
-    </vue-editor>
-  </form-item-wrapper>
-</template>
-
-<script>
-  import FormItemWrapper from './form-item-wrapper'
-  import {VueEditor} from 'vue2-editor'
-  import emitter from '@/utils/emitter'
-  import i18n, {translate} from "@/utils/i18n"
-  import {deepClone} from "@/utils/util"
-  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin"
-
-  export default {
-    name: "rich-editor-widget",
-    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-    mixins: [emitter, fieldMixin, i18n],
-    props: {
-      field: Object,
-      parentWidget: Object,
-      parentList: Array,
-      indexOfParentList: Number,
-      designer: Object,
-
-      designState: {
-        type: Boolean,
-        default: false
-      },
-
-      subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-        type: String,
-        default: ''
-      },
-
-    },
-    components: {
-      FormItemWrapper,
-      VueEditor
-      // VueEditor: resolve => { //懒加载！！
-      //   require(['vue2-editor'], ({VueEditor}) => resolve(VueEditor))
-      // }
-    },
-    inject: ['refList', 'formConfig', 'globalOptionData', 'globalModel'],
-    data() {
-      return {
-        oldFieldValue: null, //field组件change之前的值
-        fieldModel: null,
-        rules: [],
-
-        customToolbar: [], //富文本编辑器自定义工具栏
-        valueChangedFlag: false, //vue2-editor数据值是否改变标志
-      }
-    },
-    computed: {
-
-    },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
-    },
-
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.initFieldModel()
-      this.registerToRefList()
-      this.initEventHandler()
-      this.buildFieldRules()
-
-      this.handleOnCreated()
-    },
-
-    mounted() {
-      this.handleOnMounted()
-    },
-
-    beforeDestroy() {
-      this.unregisterFromRefList()
-    },
-
-    methods: {
-      handleRichEditorChangeEvent() {
-        this.valueChangedFlag = true
-        this.syncUpdateFormModel(this.fieldModel)
-      },
-
-      handleRichEditorFocusEvent() {
-        this.oldFieldValue = deepClone(this.fieldModel)
-      },
-
-      handleRichEditorBlurEvent() {
-        if (this.valueChangedFlag) {
-          this.emitFieldDataChange(this.fieldModel, this.oldFieldValue)
-          this.valueChangedFlag = false
-        }
-      },
-
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  @import "../../../../styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
-
-  .full-width-input {
-    width: 100% !important;
-  }
-
-</style>

package/src/components/form-designer/form-widget/field-widget/select-widget.vue

@@ -1,123 +0,0 @@
-<template>
-  <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
-                     :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
-                     :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <el-select ref="fieldEditor" v-model="fieldModel" class="full-width-input"
-               :disabled="field.options.disabled"
-               :size="field.options.size"
-               :clearable="field.options.clearable"
-               :filterable="field.options.filterable"
-               :allow-create="field.options.allowCreate"
-               :default-first-option="allowDefaultFirstOption"
-               :automatic-dropdown="field.options.automaticDropdown"
-               :multiple="field.options.multiple" :multiple-limit="field.options.multipleLimit"
-               :placeholder="field.options.placeholder || i18nt('render.hint.selectPlaceholder')"
-               :remote="field.options.remote" :remote-method="remoteMethod"
-               @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
-               @change="handleChangeEvent">
-      <el-option v-for="item in field.options.optionItems" :key="item.value" :label="item.label"
-                 :value="item.value" :disabled="item.disabled">
-      </el-option>
-    </el-select>
-  </form-item-wrapper>
-</template>
-
-<script>
-  import FormItemWrapper from './form-item-wrapper'
-  import emitter from '@/utils/emitter'
-  import i18n, {translate} from "@/utils/i18n";
-  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
-
-  export default {
-    name: "select-widget",
-    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-    mixins: [emitter, fieldMixin, i18n],
-    props: {
-      field: Object,
-      parentWidget: Object,
-      parentList: Array,
-      indexOfParentList: Number,
-      designer: Object,
-
-      designState: {
-        type: Boolean,
-        default: false
-      },
-
-      subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-        type: String,
-        default: ''
-      },
-
-    },
-    components: {
-      FormItemWrapper,
-    },
-    inject: ['refList', 'formConfig', 'globalOptionData', 'globalModel'],
-    data() {
-      return {
-        oldFieldValue: null, //field组件change之前的值
-        fieldModel: null,
-        rules: [],
-      }
-    },
-    computed: {
-      allowDefaultFirstOption() {
-        return (!!this.field.options.filterable && !!this.field.options.allowCreate)
-      },
-
-      remoteMethod() {
-        if (!!this.field.options.remote && !!this.field.options.onRemoteQuery) {
-          return this.remoteQuery
-        } else {
-          return undefined
-        }
-      },
-
-    },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
-    },
-
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.initOptionItems()
-      this.initFieldModel()
-      this.registerToRefList()
-      this.initEventHandler()
-      this.buildFieldRules()
-
-      this.handleOnCreated()
-    },
-
-    mounted() {
-      this.handleOnMounted()
-    },
-
-    beforeDestroy() {
-      this.unregisterFromRefList()
-    },
-
-    methods: {
-
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  @import "../../../../styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
-
-  .full-width-input {
-    width: 100% !important;
-  }
-
-</style>

package/src/components/form-designer/form-widget/field-widget/slider-widget.vue

@@ -1,100 +0,0 @@
-<template>
-  <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
-                     :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
-                     :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <el-slider ref="fieldEditor" v-model="fieldModel"
-               :disabled="field.options.disabled" :show-stops="field.options.showStops"
-               :min="field.options.min" :max="field.options.max" :step="field.options.step"
-               :range="field.options.range" :vertical="field.options.vertical"
-               @change="handleChangeEvent">
-    </el-slider>
-  </form-item-wrapper>
-</template>
-
-<script>
-  import FormItemWrapper from './form-item-wrapper'
-  import emitter from '@/utils/emitter'
-  import i18n, {translate} from "@/utils/i18n";
-  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
-
-  export default {
-    name: "slider-widget",
-    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-    mixins: [emitter, fieldMixin, i18n],
-    props: {
-      field: Object,
-      parentWidget: Object,
-      parentList: Array,
-      indexOfParentList: Number,
-      designer: Object,
-
-      designState: {
-        type: Boolean,
-        default: false
-      },
-
-      subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-        type: String,
-        default: ''
-      },
-
-    },
-    components: {
-      FormItemWrapper,
-    },
-    inject: ['refList', 'formConfig', 'globalOptionData', 'globalModel'],
-    data() {
-      return {
-        oldFieldValue: null, //field组件change之前的值
-        fieldModel: null,
-        rules: [],
-      }
-    },
-    computed: {
-
-    },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
-    },
-
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.initFieldModel()
-      this.registerToRefList()
-      this.initEventHandler()
-      this.buildFieldRules()
-
-      this.handleOnCreated()
-    },
-
-    mounted() {
-      this.handleOnMounted()
-    },
-
-    beforeDestroy() {
-      this.unregisterFromRefList()
-    },
-
-    methods: {
-
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  @import "../../../../styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
-
-  .full-width-input {
-    width: 100% !important;
-  }
-
-</style>

package/src/components/form-designer/form-widget/field-widget/slot-widget.vue

@@ -1,102 +0,0 @@
-<template>
-  <static-content-wrapper :designer="designer" :field="field" :design-state="designState"
-                          :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
-                          :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <div :class="[!!designState ? 'slot-wrapper-design' : 'slot-wrapper-render']">
-      <!-- -->
-      <slot :name="field.options.name" v-bind:formModel="formModel"></slot>
-      <!-- -->
-      <!-- slot :name="field.options.name"></slot -->
-      <div v-if="!!designState" class="slot-title">{{field.options.label}}</div>
-    </div>
-  </static-content-wrapper>
-</template>
-
-<script>
-  import StaticContentWrapper from './static-content-wrapper'
-  import emitter from '@/utils/emitter'
-  import i18n, {translate} from "@/utils/i18n";
-  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
-
-  export default {
-    name: "slot-widget",
-    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-    mixins: [emitter, fieldMixin, i18n],
-    props: {
-      field: Object,
-      parentWidget: Object,
-      parentList: Array,
-      indexOfParentList: Number,
-      designer: Object,
-
-      designState: {
-        type: Boolean,
-        default: false
-      },
-
-      subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-        type: Number,
-        default: -1
-      },
-      subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-        type: String,
-        default: ''
-      },
-
-    },
-    components: {
-      StaticContentWrapper,
-    },
-    computed: {
-
-    },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
-    },
-
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.registerToRefList()
-      this.initEventHandler()
-
-      this.handleOnCreated()
-    },
-
-    mounted() {
-      this.handleOnMounted()
-    },
-
-    beforeDestroy() {
-      this.unregisterFromRefList()
-    },
-
-    methods: {
-
-    }
-
-  }
-</script>
-
-<style lang="scss" scoped>
-  .slot-wrapper-design {
-    width: 100%;
-    min-height: 26px;
-    background: linear-gradient(45deg, #ccc 25%, #eee 0, #eee 50%, #ccc 0, #ccc 75%, #eee 0);
-    background-size: 20px 20px;
-    text-align: center;
-
-    .slot-title {
-      font-size: 13px;
-    }
-  }
-
-  .slot-wrapper-render {
-
-  }
-
-</style>