cloud-web-corejs 1.0.54-dev.686 → 1.0.54-dev.688

package/src/components/xform/form-designer/designer.js

@@ -1403,7 +1403,7 @@ let chartContainers = [],
           let buttonCon1 = this.copyNewFieldWidget(
             this.getFieldWidgetByType("reset_button")
           );
-          buttonCon1.options.label = "重置";
+          // buttonCon1.options.label = "重置";
 
           let buttonCon2 = this.copyNewFieldWidget(
             this.getFieldWidgetByType("save_button")

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

@@ -1,134 +1,186 @@
 <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-cascader ref="fieldEditor" :options="field.options.optionItems"
-                  v-model="fieldModel" class="full-width-input"
-                  v-show="!isReadMode"
-                 :disabled="field.options.disabled"
-                 :size="field.options.size"
-                 :clearable="field.options.clearable"
-                 :filterable="field.options.filterable"
-                 :props="{ checkStrictly: field.options.checkStrictly, multiple: field.options.multiple, expandTrigger: 'hover' }"
-                 @visible-change="hideDropDownOnClick" @expand-change="hideDropDownOnClick"
-                 :placeholder="getI18nLabel(field.options.placeholder || '请选择')"
-                 @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
-                 @change="handleChangeEvent">
+  <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-cascader
+      ref="fieldEditor"
+      :options="field.options.optionItems"
+      v-model="fieldModel"
+      v-show="!isReadMode"
+      class="full-width-input"
+      :disabled="field.options.disabled || isReadMode"
+      :clearable="field.options.clearable"
+      :filterable="field.options.filterable"
+      :placeholder="
+        field.options.placeholder || i18nt('render.hint.selectPlaceholder')
+      "
+      :show-all-levels="showFullPath"
+      :props="{
+        checkStrictly: field.options.checkStrictly,
+        multiple: field.options.multiple,
+        expandTrigger: 'hover',
+        value: valueKey,
+        label: labelKey,
+        children: childrenKey,
+      }"
+      @visible-change="hideDropDownOnClick"
+      @expand-change="hideDropDownOnClick"
+      @focus="handleFocusCustomEvent"
+      @blur="handleBlurCustomEvent"
+      @clear="handleClearEvent"
+      @change="onFieldChangeEvent"
+    >
     </el-cascader>
     <template v-if="isReadMode">
-      <span class="readonly-mode-field">{{contentForReadMode}}</span>
+      <span class="readonly-mode-field">{{ contentForReadMode }}</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: "cascader-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: ''
-      },
+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: "cascader-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,
     },
-    components: {
-      FormItemWrapper,
+
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */ type: Number,
+      default: -1,
     },
-    inject: ['refList', 'globalOptionData', 'globalModel'],
-    data() {
-      return {
-        oldFieldValue: null, //field组件change之前的值
-        fieldModel: null,
-        rules: [],
-      }
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */ type: Number,
+      default: -1,
     },
-    computed: {
-
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */ type: String,
+      default: "",
     },
-    beforeCreate() {
-      /* 这里不能访问方法和属性！！ */
+  },
+  components: {
+    FormItemWrapper,
+  },
+  inject: ["refList", "globalOptionData", "globalModel"],
+  data() {
+    return {
+      oldFieldValue: null, //field组件change之前的值
+      fieldModel: null,
+      rules: [],
+    };
+  },
+  computed: {
+    labelKey() {
+      return this.field.options.labelKey || "label";
     },
 
-    created() {
-      /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-         需要在父组件created中初始化！！ */
-      this.initOptionItems()
-      this.initFieldModel()
-      this.registerToRefList()
-      this.initEventHandler()
-      this.buildFieldRules()
-
-      this.handleOnCreated()
+    valueKey() {
+      return this.field.options.valueKey || "value";
     },
 
-    mounted() {
-      this.handleOnMounted()
+    childrenKey() {
+      return this.field.options.childrenKey || "children";
     },
 
-    beforeDestroy() {
-      this.unregisterFromRefList()
+    showFullPath() {
+      return (
+        this.field.options.showAllLevels === undefined ||
+        !!this.field.options.showAllLevels
+      );
     },
 
-    methods: {
-      /* 开启任意级节点可选后，点击radio隐藏下拉框 */
-      hideDropDownOnClick() {
-        setTimeout(() => {
-          document.querySelectorAll(".el-cascader-panel .el-radio").forEach((el) => {
-            el.onclick = () => {
-              this.$refs.fieldEditor.dropDownVisible = false  //单选框部分点击隐藏下拉框
-            }
-          })
-        }, 100)
-      },
-      contentForReadMode() {
-        if (!!this.field.options.multiple) {
-          //console.log('test======', this.$refs.fieldEditor.presentTags)
-          const curTags = this.$refs.fieldEditor.presentTags
-          if (!curTags || (curTags.length <= 0)) {
-            return '--'
-          } else {
-            return curTags.map(tagItem => tagItem.text).join(', ')
-          }
+    contentForReadMode() {
+      if (!!this.field.options.multiple) {
+        //console.log('test======', this.$refs.fieldEditor.presentTags)
+        const curTags = this.$refs.fieldEditor.presentTags;
+        if (!curTags || curTags.length <= 0) {
+          return "--";
         } else {
-          return this.$refs.fieldEditor.presentText || '--'
+          return curTags.map((tagItem) => tagItem.text).join(", ");
         }
-      },
+      } else {
+        return this.$refs.fieldEditor.presentText || "--";
+      }
+    },
+  },
+  beforeCreate() {
+    /* 这里不能访问方法和属性！！ */
+  },
+
+  created() {
+    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
+         需要在父组件created中初始化！！ */
+    this.registerToRefList();
+    this.initOptionItems();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
 
-    }
-  }
+    this.handleOnCreated();
+  },
+
+  mounted() {
+    this.handleOnMounted();
+  },
+
+  beforeDestroy() {
+    this.unregisterFromRefList();
+  },
+
+  methods: {
+    /* 开启任意级节点可选后，点击radio隐藏下拉框 */
+    hideDropDownOnClick() {
+      setTimeout(() => {
+        document
+          .querySelectorAll(".el-cascader-panel .el-radio")
+          .forEach((el) => {
+            el.onclick = () => {
+              this.$refs.fieldEditor.dropDownVisible = false; //单选框部分点击隐藏下拉框
+            };
+          });
+      }, 100);
+    },
+
+    handleClearEvent() {
+      if (!!this.designState) {
+        //设计状态不触发事件
+        return;
+      }
+
+      this.fieldModel = null;
+      this.onFieldChangeEvent(null);
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
-
-  .full-width-input {
-    width: 100% !important;
-  }
+@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
+.full-width-input {
+  width: 100% !important;
+}
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/fieldMixin.js

@@ -71,6 +71,8 @@ modules = {
     "getReportTemplate",
     "getObjectFieldFlag",
     "getObjectName",
+    "setCETriggerFlag",
+    "clearCETriggerFlag",
   ],
   data: function () {
     return {
@@ -177,8 +179,8 @@ modules = {
         selectedItems == null
           ? []
           : Array.isArray(selectedItems)
-            ? selectedItems
-            : [selectedItems];
+          ? selectedItems
+          : [selectedItems];
       const labelField = this.getOptionItemLabelKey();
       return items.map((item) => this.$t1(item[labelField])).join(",");
     },
@@ -214,8 +216,8 @@ modules = {
       return isMultiple
         ? resultList
         : resultList.length > 0
-          ? resultList[0]
-          : null;
+        ? resultList[0]
+        : null;
     },
     initValueWatchEvent() {
       if (!this.designer) {
@@ -1100,6 +1102,18 @@ modules = {
           i[this.fieldKeyName] = e;
         } else this.formModel[this.fieldKeyName] = e;
     },
+    onFieldChangeEvent(value) {
+      if (!!this.designState) {
+        //设计状态不触发事件
+        return;
+      }
+
+      this.setCETriggerFlag(); //设置用户触发事件标志
+      this.handleChangeEvent(value);
+      setTimeout(() => {
+        this.clearCETriggerFlag(); //复位用户触发事件标志
+      }, 200);
+    },
     handleChangeEvent: function (e) {
       let widgetType = this.field.type;
       if (widgetType === "select") {