cloud-web-corejs 1.0.281 → 1.1.0-dev.5

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

@@ -1,139 +1,139 @@
-<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" v-show="!isReadMode" 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"
-               :collapse-tags="!field.options.flatCollapseTags"
-               :placeholder="getI18nLabel(field.options.placeholder || '请选择')"
-               :remote="field.options.remote" :remote-method="remoteQuery"
-               @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
-               @change="handleChangeEvent"
-               :style="'width:'+field.options.widgetWidth+' !important;'"
-               :class="{'custom-width':field.options.widgetWidth!=null}">
-      <el-option v-for="(item,index) in optionItems" :key="index" :label="getI18nLabel(item[labelField])"
-                 :value="item[valueField]" :disabled="item.disabled">
-      </el-option>
-    </el-select>
-    <template v-if="isReadMode">
-      <span class="readonly-mode-field">{{optionLabel}}</span>
-    </template>
-  </form-item-wrapper>
-</template>
-
-<script>
-import FormItemWrapper from './form-item-wrapper'
-import emitter from '../../../../../components/xform/utils/emitter'
-import i18n from "../../../../../components/xform/utils/i18n";
-import fieldMixin from "../../../../../components/xform/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', 'globalOptionData', 'globalModel'],
-  data() {
-    return {
-      oldFieldValue: null, //field组件change之前的值
-      fieldModel: null,
-      rules: [],
-    }
-  },
-  computed: {
-    labelField(){
-      return this.getOptionItemLabelKey();
-    },
-    valueField(){
-      return this.getOptionItemValueKey();
-    },
-    allowDefaultFirstOption() {
-      return (!!this.field.options.filterable && !!this.field.options.allowCreate)
-    },
-    fieldModelLabel() {
-      // let fieldModel = this.fieldModel;
-      // let optionItems = this.field.options.optionItems;
-      // let valueField = this.valueField;
-      // let labelField = this.labelField;
-      // let optionItem = optionItems.find(item => item[valueField] === fieldModel)
-      // return optionItem && optionItem[labelField] ? optionItem[labelField] : null;
-      return this.getOptionLabel();
-    },
-    optionItems() {
-      return this.getOptionItems();
-    }
-
-  },
-  beforeCreate() {
-    /* 这里不能访问方法和属性！！ */
-    // this.handleBeforeCreatedEvent();
-  },
-
-  created() {
-    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-       需要在父组件created中初始化！！ */
-    this.handleCreatedEnterEvent();
-    this.initFieldModel()
-    this.registerToRefList()
-    this.initEventHandler()
-    this.buildFieldRules()
-
-    this.handleOnCreated()
-    this.initOptionItemsHandle()
-  },
-
-  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>
+<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" v-show="!isReadMode" 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"
+               :collapse-tags="!field.options.flatCollapseTags"
+               :placeholder="getI18nLabel(field.options.placeholder || '请选择')"
+               :remote="field.options.remote" :remote-method="remoteQuery"
+               @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
+               @change="handleChangeEvent"
+               :style="'width:'+field.options.widgetWidth+' !important;'"
+               :class="{'custom-width':field.options.widgetWidth!=null}">
+      <el-option v-for="(item,index) in optionItems" :key="index" :label="getI18nLabel(item[labelField])"
+                 :value="item[valueField]" :disabled="item.disabled">
+      </el-option>
+    </el-select>
+    <template v-if="isReadMode">
+      <span class="readonly-mode-field">{{optionLabel}}</span>
+    </template>
+  </form-item-wrapper>
+</template>
+
+<script>
+import FormItemWrapper from './form-item-wrapper'
+import emitter from '../../../../../components/xform/utils/emitter'
+import i18n from "../../../../../components/xform/utils/i18n";
+import fieldMixin from "../../../../../components/xform/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', 'globalOptionData', 'globalModel'],
+  data() {
+    return {
+      oldFieldValue: null, //field组件change之前的值
+      fieldModel: null,
+      rules: [],
+    }
+  },
+  computed: {
+    labelField(){
+      return this.getOptionItemLabelKey();
+    },
+    valueField(){
+      return this.getOptionItemValueKey();
+    },
+    allowDefaultFirstOption() {
+      return (!!this.field.options.filterable && !!this.field.options.allowCreate)
+    },
+    fieldModelLabel() {
+      // let fieldModel = this.fieldModel;
+      // let optionItems = this.field.options.optionItems;
+      // let valueField = this.valueField;
+      // let labelField = this.labelField;
+      // let optionItem = optionItems.find(item => item[valueField] === fieldModel)
+      // return optionItem && optionItem[labelField] ? optionItem[labelField] : null;
+      return this.getOptionLabel();
+    },
+    optionItems() {
+      return this.getOptionItems();
+    }
+
+  },
+  beforeCreate() {
+    /* 这里不能访问方法和属性！！ */
+    // this.handleBeforeCreatedEvent();
+  },
+
+  created() {
+    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
+       需要在父组件created中初始化！！ */
+    this.handleCreatedEnterEvent();
+    this.initFieldModel()
+    this.registerToRefList()
+    this.initEventHandler()
+    this.buildFieldRules()
+
+    this.handleOnCreated()
+    this.initOptionItemsHandle()
+  },
+
+  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/xform/form-designer/form-widget/field-widget/time-range-widget.vue

@@ -1,106 +1,106 @@
-<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-time-picker ref="fieldEditor" is-range v-model="fieldModel" class="full-width-input"
-                    :disabled="field.options.disabled" :readonly="field.options.readonly"
-                    :size="field.options.size"
-                    :clearable="field.options.clearable" :editable="field.options.editable"
-                    :format="field.options.format" value-format="HH:mm:ss"
-                    :start-placeholder="field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder')"
-                    :end-placeholder="field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')"
-                    @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
-                    @change="handleChangeEvent">
-    </el-time-picker>
-  </form-item-wrapper>
-</template>
-
-<script>
-  import FormItemWrapper from './form-item-wrapper'
-  import emitter from '../../../../../components/xform/utils/emitter'
-  import i18n from "../../../../../components/xform/utils/i18n";
-  import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
-  import utcTransformMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/utc-transform-mixin";
-  import relativeDefaultMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/relative-default-mixin";
-
-  export default {
-    name: "time-range-widget",
-    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-    mixins: [emitter, fieldMixin, i18n, utcTransformMixin, relativeDefaultMixin],
-    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', 'globalOptionData', 'globalModel'],
-    data() {
-      return {
-        oldFieldValue: [], //field组件change之前的值
-        fieldModel: [],
-        rules: [],
-      }
-    },
-    computed: {
-
-    },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
-    },
-
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.initRelativeFieldModel()
-      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>
+<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-time-picker ref="fieldEditor" is-range v-model="fieldModel" class="full-width-input"
+                    :disabled="field.options.disabled" :readonly="field.options.readonly"
+                    :size="field.options.size"
+                    :clearable="field.options.clearable" :editable="field.options.editable"
+                    :format="field.options.format" value-format="HH:mm:ss"
+                    :start-placeholder="field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder')"
+                    :end-placeholder="field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')"
+                    @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
+                    @change="handleChangeEvent">
+    </el-time-picker>
+  </form-item-wrapper>
+</template>
+
+<script>
+  import FormItemWrapper from './form-item-wrapper'
+  import emitter from '../../../../../components/xform/utils/emitter'
+  import i18n from "../../../../../components/xform/utils/i18n";
+  import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
+  import utcTransformMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/utc-transform-mixin";
+  import relativeDefaultMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/mixins/relative-default-mixin";
+
+  export default {
+    name: "time-range-widget",
+    componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+    mixins: [emitter, fieldMixin, i18n, utcTransformMixin, relativeDefaultMixin],
+    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', 'globalOptionData', 'globalModel'],
+    data() {
+      return {
+        oldFieldValue: [], //field组件change之前的值
+        fieldModel: [],
+        rules: [],
+      }
+    },
+    computed: {
+
+    },
+    beforeCreate() {
+      /* 这里不能访问方法和属性！！ */
+    },
+
+    created() {
+      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
+         需要在父组件created中初始化！！ */
+      this.initRelativeFieldModel()
+      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>