cloud-web-corejs 1.0.54-dev.78 → 1.0.54-dev.781

package/src/components/xform/form-render/container-item/sub-form-item.vue

@@ -17,14 +17,22 @@
             <span v-if="!!subWidget.options.labelIconClass" class="custom-label">
               <template v-if="subWidget.options.labelIconPosition === 'front'">
                 <template v-if="!!subWidget.options.labelTooltip">
-                  <el-tooltip :content="subWidget.options.labelTooltip" effect="light">
+                  <el-tooltip
+                    :content="subWidget.options.labelTooltip"
+                    effect="light"
+                    popper-class="label-tooltip-pre-line"
+                  >
                     <i :class="subWidget.options.labelIconClass"></i></el-tooltip>{{subWidget.options.label}}</template>
                 <template v-else>
                   <i :class="subWidget.options.labelIconClass"></i>{{subWidget.options.label}}</template>
               </template>
               <template v-else-if="subWidget.options.labelIconPosition === 'rear'">
                 <template v-if="!!subWidget.options.labelTooltip">
-                  {{subWidget.options.label}}<el-tooltip :content="subWidget.options.labelTooltip" effect="light">
+                  {{subWidget.options.label}}<el-tooltip
+                    :content="subWidget.options.labelTooltip"
+                    effect="light"
+                    popper-class="label-tooltip-pre-line"
+                  >
                   <i :class="subWidget.options.labelIconClass"></i></el-tooltip></template>
                 <template v-else>
                   {{subWidget.options.label}}<i :class="subWidget.options.labelIconClass"></i></template>

package/src/components/xform/form-render/container-item/tab-item.vue

@@ -1,88 +1,125 @@
-<template>
-  <container-item-wrapper :widget="widget" :class="widget.options.isFullscreen ? 'full-height':''">
-    <div :key="widget.id" class="tab-container" v-show="!widget.options.hidden">
-      <el-tabs v-model="activeTabName" :type="widget.displayType" :ref="widget.id" :class="[customClass,widget.options.tabClass]"  :style="{'height': widget.options.isFullscreen ? '' : widget.options.height}">
-        <el-tab-pane v-for="(tab, index) in visibleTabs" :key="index" :label="getI18nLabel(tab.options.label)" :disabled="tab.options.disabled" :name="tab.options.name">
-          <template v-for="(subWidget, swIdx) in tab.widgetList">
-            <template v-if="'container' === subWidget.category">
-              <component :is="subWidget.type + '-item'" :widget="subWidget" :key="swIdx" :parent-list="tab.widgetList" :index-of-parent-list="swIdx" :parent-widget="widget">
-                <!-- 递归传递插槽！！！ -->
-                <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-                  <slot :name="slot" v-bind="scope" />
-                </template>
-              </component>
-            </template>
-            <template v-else>
-              <component :is="subWidget.type + '-widget'" :field="subWidget" :key="swIdx" :parent-list="tab.widgetList" :index-of-parent-list="swIdx" :parent-widget="widget">
-                <!-- 递归传递插槽！！！ -->
-                <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-                  <slot :name="slot" v-bind="scope" />
-                </template>
-              </component>
-            </template>
-          </template>
-        </el-tab-pane>
-      </el-tabs>
-    </div>
-  </container-item-wrapper>
-</template>
-
-<script>
-import emitter from '../../../../components/xform/utils/emitter';
-import i18n from '../../../../components/xform/utils/i18n';
-import refMixin from '../../../../components/xform/form-render/refMixin';
-import ContainerItemWrapper from './container-item-wrapper';
-import containerItemMixin from './containerItemMixin';
-import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index';
-
-export default {
-  name: 'tab-item',
-  componentName: 'ContainerItem',
-  mixins: [emitter, i18n, refMixin, containerItemMixin],
-  components: {
-    ContainerItemWrapper,
-    ...FieldComponents
-  },
-  props: {
-    widget: Object
-  },
-  inject: ['refList', 'sfRefList', 'globalModel'],
-  data() {
-    return {
-      activeTabName: ''
-    };
-  },
-  computed: {
-    visibleTabs() {
-      return this.widget.tabs.filter(tp => {
-        return !tp.options.hidden;
-      });
-    }
-  },
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-    this.initActiveTab();
-  },
-  beforeDestroy() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    initActiveTab() {
-      if (this.widget.type === 'tab' && this.widget.tabs.length > 0) {
-        let activePanes = this.widget.tabs.filter(tp => {
-          return tp.options.active === true;
-        });
-        if (activePanes.length > 0) {
-          this.activeTabName = activePanes[0].options.name;
-        } else {
-          this.activeTabName = this.widget.tabs[0].options.name;
-        }
-      }
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <container-item-wrapper
+    :widget="widget"
+    :class="widget.options.isFullscreen ? 'full-height' : ''"
+  >
+    <div :key="widget.id" class="tab-container mHeight" v-show="!widget.options.hidden">
+      <el-tabs
+        v-model="activeTabName"
+        :type="widget.displayType"
+        :ref="widget.id"
+        :class="[customClass, widget.options.tabClass]"
+        :style="{
+          height: widget.options.isFullscreen ? '' : widget.options.height || '300px',
+        }"
+      >
+        <el-tab-pane
+          v-for="tab in visibleTabs"
+          :key="tab.options.name"
+          :label="getI18nLabel(tab.options.label)"
+          :disabled="tab.options.disabled"
+          :name="tab.options.name"
+        >
+          <template v-for="(subWidget, swIdx) in tab.widgetList">
+            <template v-if="'container' === subWidget.category">
+              <component
+                :is="subWidget.type + '-item'"
+                :widget="subWidget"
+                :key="subWidget.id || swIdx"
+                :parent-list="tab.widgetList"
+                :index-of-parent-list="swIdx"
+                :parent-widget="widget"
+                :tableParam="tableParam"
+                :formItemProp="formItemProp"
+              >
+                <!-- 递归传递插槽！！！ -->
+                <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
+                  <slot :name="slot" v-bind="scope" />
+                </template>
+              </component>
+            </template>
+            <template v-else>
+              <component
+                :is="subWidget.type + '-widget'"
+                :field="subWidget"
+                :key="subWidget.id || swIdx"
+                :parent-list="tab.widgetList"
+                :index-of-parent-list="swIdx"
+                :parent-widget="widget"
+                :tableParam="tableParam"
+                :formItemProp="formItemProp"
+              >
+                <!-- 递归传递插槽！！！ -->
+                <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
+                  <slot :name="slot" v-bind="scope" />
+                </template>
+              </component>
+            </template>
+          </template>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </container-item-wrapper>
+</template>
+
+<script>
+import emitter from "../../../../components/xform/utils/emitter";
+import i18n from "../../../../components/xform/utils/i18n";
+import refMixin from "../../../../components/xform/form-render/refMixin";
+import ContainerItemWrapper from "./container-item-wrapper";
+import containerItemMixin from "./containerItemMixin";
+import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
+
+export default {
+  name: "tab-item",
+  componentName: "ContainerItem",
+  mixins: [emitter, i18n, refMixin, containerItemMixin],
+  components: {
+    ContainerItemWrapper,
+    ...FieldComponents,
+  },
+  props: {
+    widget: Object,
+  },
+  inject: ["refList", "sfRefList", "globalModel"],
+  data() {
+    return {
+      activeTabName: "",
+    };
+  },
+  computed: {
+    visibleTabs() {
+      return this.widget.tabs.filter((tp) => {
+        return !tp.options.hidden;
+      });
+    },
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+    this.initActiveTab();
+  },
+  beforeDestroy() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    initActiveTab() {
+      if (this.widget.type === "tab" && this.widget.tabs.length > 0) {
+        let activePanes = this.widget.tabs.filter((tp) => {
+          return tp.options.active === true;
+        });
+        if (activePanes.length > 0) {
+          this.activeTabName = activePanes[0].options.name;
+        } else {
+          this.activeTabName = this.widget.tabs[0].options.name;
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+  ::v-deep .mHeight .el-tabs .el-tabs__content{min-height:312px}
+</style>

package/src/components/xform/form-render/container-item/table-cell-item.vue

@@ -5,7 +5,7 @@
     <template v-for="(subWidget, swIdx) in widget.widgetList">
       <template v-if="'container' === subWidget.category">
         <component :is="subWidget.type + '-item'" :widget="subWidget" :key="swIdx" :parent-list="widget.widgetList"
-                        :index-of-parent-list="swIdx" :parent-widget="widget">
+                   :index-of-parent-list="swIdx" :parent-widget="widget" :tableParam="tableParam" :formItemProp="formItemProp">
           <!-- 递归传递插槽！！！ -->
           <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
             <slot :name="slot" v-bind="scope"/>
@@ -14,7 +14,7 @@
       </template>
       <template v-else>
         <component :is="subWidget.type + '-widget'" :field="subWidget" :key="swIdx" :parent-list="widget.widgetList"
-                      :index-of-parent-list="swIdx" :parent-widget="widget">
+                   :index-of-parent-list="swIdx" :parent-widget="widget" :tableParam="tableParam" :formItemProp="formItemProp">
           <!-- 递归传递插槽！！！ -->
           <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
             <slot :name="slot" v-bind="scope"/>
@@ -26,42 +26,48 @@
 </template>
 
 <script>
-  import emitter from '../../../../components/xform/utils/emitter'
-  import i18n from "../../../../components/xform/utils/i18n"
-  import refMixin from "../../../../components/xform/form-render/refMixin"
-  import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index'
+import emitter from '../../../../components/xform/utils/emitter'
+import i18n from "../../../../components/xform/utils/i18n"
+import refMixin from "../../../../components/xform/form-render/refMixin"
+import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index'
 
-  export default {
-    name: "TableCellItem",
-    componentName: "ContainerItem",
-    mixins: [emitter, i18n, refMixin],
-    components: {
-      ...FieldComponents,
-    },
-    props: {
-      widget: Object,
+export default {
+  name: "TableCellItem",
+  componentName: "ContainerItem",
+  mixins: [emitter, i18n, refMixin],
+  components: {
+    ...FieldComponents,
+  },
+  props: {
+    widget: Object,
 
-      rowIndex: Number,
-      colIndex: Number,
+    rowIndex: Number,
+    colIndex: Number,
+    tableParam: {
+      type: Object,
+      default: null,
     },
-    inject: ['refList', 'globalModel'],
-    computed: {
-      customClass() {
-        return this.widget.options.customClass || ''
-      },
-      tdClass(){
-        return (this.colIndex+1)%2 ==0 ? "":"odd"
-      },
-
+    formItemProp: {
+      type: String,
+      default: null,
+    },
+  },
+  inject: ['refList', 'globalModel'],
+  computed: {
+    customClass() {
+      return this.widget.options.customClass || ''
     },
-    created() {
-      /* tableCell不生成组件引用，故无须调用initRefList！！ */
-      //this.initRefList()
+    tdClass() {
+      return (this.colIndex + 1) % 2 == 0 ? "" : "odd"
     },
-    methods: {
 
-    }
-  }
+  },
+  created() {
+    /* tableCell不生成组件引用，故无须调用initRefList！！ */
+    //this.initRefList()
+  },
+  methods: {}
+}
 </script>
 
 <style lang="scss" scoped>

package/src/components/xform/form-render/container-item/table-item.vue

@@ -3,12 +3,14 @@
 
     <div :key="widget.id" class="table-container"
          v-show="!widget.options.hidden">
-      <table :ref="widget.id" class="table-layout table-d-box" :class="[customClass,widget.options.styleTableClass]" :style="tableStyle">
+      <table :ref="widget.id" class="table-layout table-d-box" :class="[customClass,widget.options.styleTableClass]"
+             :style="tableStyle">
         <tbody>
-        <tr v-for="(row, rowIdx) in widget.rows" :key="row.id">
+        <tr v-for="(row, rowIdx) in widget.rows" :key="row.id" v-show="isRowVisible(rowIdx)">
           <template v-for="(colWidget, colIdx) in row.cols">
             <table-cell-item v-if="!colWidget.merged" :widget="colWidget" :key="colIdx" :parent-list="widget.cols"
-                             :row-index="rowIdx" :col-index="colIdx" :parent-widget="widget">
+                             :row-index="rowIdx" :col-index="colIdx" :parent-widget="widget" :tableParam="tableParam"
+                             :formItemProp="formItemProp">
               <!-- 递归传递插槽！！！ -->
               <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
                 <slot :name="slot" v-bind="scope"/>
@@ -30,11 +32,12 @@ import refMixin from "../../../../components/xform/form-render/refMixin"
 import ContainerItemWrapper from './container-item-wrapper'
 import TableCellItem from './table-cell-item'
 import containerItemMixin from "./containerItemMixin";
+import dynamicFieldMixin from "./dynamicFieldMixin";
 
 export default {
   name: "table-item",
   componentName: 'ContainerItem',
-  mixins: [emitter, i18n, refMixin, containerItemMixin],
+  mixins: [emitter, i18n, refMixin, containerItemMixin, dynamicFieldMixin],
   components: {
     ContainerItemWrapper,
     TableCellItem,
@@ -50,9 +53,6 @@ export default {
   },
   created() {
     this.initRefList()
-  },
-  mounted() {
-
   },
   beforeDestroy() {
     this.unregisterFromRefList()

package/src/components/xform/form-render/container-item/table2-cell-item.vue

@@ -1,24 +1,45 @@
 <template>
-  <td class="table-cell" :class="[customClass,tdClass,'w'+widget.options.colspan]"
-      :colspan="widget.options.colspan || 1" :rowspan="widget.options.rowspan || 1"
-      :style="{width: widget.options.cellWidth + ' !important' || '', height: widget.options.cellHeight + ' !important' || ''}">
+  <td
+    class="table-cell"
+    :class="[customClass, tdClass, 'w' + widget.options.colspan]"
+    :colspan="widget.options.colspan || 1"
+    :rowspan="widget.options.rowspan || 1"
+    :style="{
+      width: widget.options.cellWidth + ' !important' || '',
+      height: widget.options.cellHeight + ' !important' || '',
+    }"
+  >
     <template v-for="(subWidget, swIdx) in widget.widgetList">
       <template v-if="'container' === subWidget.category">
-        <component :is="subWidget.type + '-item'" :widget="subWidget" :key="swIdx" :parent-list="widget.widgetList"
-                   :index-of-parent-list="swIdx" :parent-widget="widget" :tableParam="tableParam">
+        <component
+          :is="subWidget.type + '-item'"
+          :widget="subWidget"
+          :key="swIdx"
+          :parent-list="widget.widgetList"
+          :index-of-parent-list="swIdx"
+          :parent-widget="widget"
+          :tableParam="tableParam"
+        >
           <!-- 递归传递插槽！！！ -->
           <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-            <slot :name="slot" v-bind="scope"/>
+            <slot :name="slot" v-bind="scope" />
           </template>
         </component>
       </template>
       <template v-else>
-        <component :is="subWidget.type + '-widget'" :field="subWidget" :key="swIdx" :parent-list="widget.widgetList"
-                   :index-of-parent-list="swIdx" :parent-widget="widget" :tableParam="tableParam"
-                   :formItemProp="getProp(subWidget)">
+        <component
+          :is="subWidget.type + '-widget'"
+          :field="subWidget"
+          :key="swIdx"
+          :parent-list="widget.widgetList"
+          :index-of-parent-list="swIdx"
+          :parent-widget="widget"
+          :tableParam="tableParam"
+          :formItemProp="getProp(subWidget)"
+        >
           <!-- 递归传递插槽！！！ -->
           <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-            <slot :name="slot" v-bind="scope"/>
+            <slot :name="slot" v-bind="scope" />
           </template>
         </component>
       </template>
@@ -27,10 +48,10 @@
 </template>
 
 <script>
-import emitter from '../../../../components/xform/utils/emitter'
-import i18n from "../../../../components/xform/utils/i18n"
-import refMixin from "../../../../components/xform/form-render/refMixin"
-import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index'
+import emitter from "../../../../components/xform/utils/emitter";
+import i18n from "../../../../components/xform/utils/i18n";
+import refMixin from "../../../../components/xform/form-render/refMixin";
+import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
 
 export default {
   name: "Table2CellItem",
@@ -46,21 +67,21 @@ export default {
     colIndex: Number,
     parentWidget: Object,
     parentTarget: Object,
-    row: Object
+    row: Object,
   },
-  inject: ['refList', 'globalModel', 'getRows'],
+  inject: ["refList", "globalModel", "getRows"],
   computed: {
     customClass() {
-      return this.widget.options.customClass || ''
+      return this.widget.options.customClass || "";
     },
     tdClass() {
-      return (this.colIndex + 1) % 2 == 0 ? "" : "odd"
+      return (this.colIndex + 1) % 2 == 0 ? "" : "odd";
     },
     formModel: {
       cache: !1,
       get: function () {
         return this.globalModel.formModel;
-      }
+      },
     },
     formDataId() {
       let formRef = this.getFormRef();
@@ -69,10 +90,9 @@ export default {
     tableParam() {
       return {
         rowIndex: this.widget.options.rowIndex,
-        row: this.row
-      }
-    }
-
+        row: this.row,
+      };
+    },
   },
   created() {
     /* tableCell不生成组件引用，故无须调用initRefList！！ */
@@ -85,23 +105,22 @@ export default {
       if (this.widget.widgetList.length) {
         let formRef = this.getFormRef();
         let keyName = formRef.getFieldKeyName(this.widget.widgetList[0]);
+        if (!keyName) return;
         this.$watch(`row.${keyName}`, (newVal, oldVal) => {
           let rows = this.parentTarget.rows;
-          rows.find(row => row.f_key == keyName).f_field_value = newVal
+          rows.find((row) => row.f_key == keyName).f_field_value = newVal;
         });
       }
     },
     getProp(subWidget) {
-      let rowIndex = this.widget.options.rowIndex
+      let rowIndex = this.widget.options.rowIndex;
       let formRef = this.getFormRef();
-      let keyName1 = formRef.getFieldKeyName(this.parentWidget)
-      let name = `${keyName1}.${rowIndex}.f_field_value`
-      return name
-    }
-  }
-}
+      let keyName1 = formRef.getFieldKeyName(this.parentWidget);
+      let name = `${keyName1}.${rowIndex}.f_field_value`;
+      return name;
+    },
+  },
+};
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>