cloud-web-corejs 1.0.280 → 1.1.0-dev.4

package/src/views/user/wf/wf_manage/list2.vue

@@ -323,7 +323,7 @@
 <script>
 import { treeScollx } from "@base/utils/global.js";
 import wfObjConfigDialog from "../wf_obj_config/dialog.vue";
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
 
 export default {
   name: "wf_manage:list2",
@@ -524,15 +524,9 @@ export default {
         this.vxeOption = opts;
       });
     },
-    openEditDialog(row) {
-      /*let a = 1;
-      let url = row.url + '.vue';
-      let id = row.objId;
-      this.dataId = !id || typeof id == 'object' ? 0 : id;
-      this.content = require('@/views' + url).default;*/
-      // this.activeName = 'first';
-      // this.$openEditView('showEdit');
-
+    // 异步：await 之后才置 activeName / 调 $openEditView，否则弹窗先开出空壳
+    // （$openEditView 是 200ms 定时放行，冷启动拉 chunk 常超过它）
+    async openEditDialog(row) {
       let id = row.objId;
       let wfDataId = !id || typeof id == "object" ? 0 : Number(id);
 
@@ -547,14 +541,16 @@ export default {
           formCode: formCode,
           dataId: wfDataId,
         };
-        let url = "/user/form/vform/render.vue";
-        this.wfContent = require("@base/views" + url).default;
+        // 路径是常量，用字面量 import：生成普通 ImportDependency，不参与 views context
+        this.wfContent = (
+          await import("@base/views/user/form/vform/render.vue")
+        ).default;
       } else {
         this.param = {
           _dataId: wfDataId,
         };
         let url = row.url + ".vue";
-        let res = loadViewComponent(url);
+        const res = await loadViewComponentAsync(url);
         this.remoteView =
           res.kind === "remote"
             ? {

package/src/views/user/wf/wf_manage/wfContentDialog.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script>
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
 export default {
   name: "wfContentDialog",
   props: {
@@ -88,7 +88,8 @@ export default {
       this.$emit("update:visible", false);
       this.$emit("close");
     },
-    openWfDialog() {
+    // 异步：await 之后才置 showWfContent（见方法末尾），否则弹窗先开出空壳
+    async openWfDialog() {
       let id = this.option.objId;
       let wfDataId = !id || typeof id == "object" ? 0 : Number(id);
       let param = this.option.param || {};
@@ -103,14 +104,16 @@ export default {
           formCode: formCode,
           dataId: wfDataId,
         });
-        let url = "/user/form/vform/render.vue";
-        this.wfContent = require("@base/views" + url).default;
+        // 路径是常量，用字面量 import：生成普通 ImportDependency，不参与 views context
+        this.wfContent = (
+          await import("@base/views/user/form/vform/render.vue")
+        ).default;
       } else {
         this.param = Object.assign(param, {
           _dataId: wfDataId,
         });
         let url = this.option.url + ".vue";
-        let res = loadViewComponent(url);
+        const res = await loadViewComponentAsync(url);
         this.remoteView =
           res.kind === "remote"
             ? {

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

@@ -1,106 +0,0 @@
-<template>
-  <static-content-wrapper :designer="designer" :field="field" :design-state="designState"
-                          :display-style="field.options.displayStyle"
-                          :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-dropdown trigger="hover">
-
-      <el-button type="primary" class="button-sty" size="mini">
-        <span>{{ getI18nLabel(field.options.label) }}</span><span class="line"></span> <i
-        class="el-icon-arrow-down el-icon--right"></i>
-      </el-button>
-      <el-dropdown-menu slot="dropdown">
-        <template v-for="(subWidget,index) in field.widgetList">
-          <el-dropdown-item v-if="!subWidget.options.hidden" :key="index" :icon="subWidget.options.icon"
-                            @click.native="handleSubButtonWidgetClick(index)">
-<!--            {{ getI18nLabel(subWidget.options.label) }}-->
-            <dropdownItemWidget :field="subWidget" :parent-list="field.widgetList"
-                                :index-of-parent-list="index" :parent-widget="field" :tableParam="tableParam"
-                                :formItemProp="formItemProp" :ref="'item'+index">
-            </dropdownItemWidget>
-          </el-dropdown-item>
-
-        </template>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </static-content-wrapper>
-</template>
-
-<script>
-import StaticContentWrapper from './static-content-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 dropdownItemWidget from '../../../../../components/xform/form-designer/form-widget/field-widget/dropdown-item-widget.vue';
-
-export default {
-  name: "dropdown-menu-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,
-    dropdownItemWidget
-  },
-  computed: {},
-  beforeCreate() {
-    /* 这里不能访问方法和属性！！ */
-  },
-
-  created() {
-    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-       需要在父组件created中初始化！！ */
-    this.registerToRefList()
-    this.initEventHandler()
-
-    this.handleOnCreated()
-  },
-
-  mounted() {
-    this.handleOnMounted()
-  },
-
-  beforeDestroy() {
-    this.unregisterFromRefList()
-  },
-
-  methods: {
-    handleSubButtonWidgetClick(index) {
-      this.$refs["item"+index].handleButtonWidgetClick()
-    }
-  }
-
-}
-</script>
-
-<style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
-
-</style>

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

@@ -1,99 +0,0 @@
-<template>
-  <static-content-wrapper
-    :designer="designer" :field="field" :design-state="designState"
-    :display-style="field.options.displayStyle"
-    :parent-widget="parentWidget" :parent-list="parentList"
-    :index-of-parent-list="indexOfParentList">
-    <el-dropdown trigger="hover">
-      <el-button type="primary" class="button-sty" size="mini">
-        <span>{{ getI18nLabel('列表导出') }}</span><span class="line"></span> <i
-        class="el-icon-arrow-down el-icon--right"></i>
-      </el-button>
-      <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item icon="el-icon-upload2"
-                          @click.native="toDo()">
-          {{ getI18nLabel('条件导出') }}
-        </el-dropdown-item>
-        <el-dropdown-item icon="el-icon-upload2"
-                          @click.native="toDo('selected')">
-          {{ getI18nLabel('选择导出') }}
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </static-content-wrapper>
-
-</template>
-<script>
-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 StaticContentWrapper
-  from "../../../../../components/xform/form-designer/form-widget/field-widget/static-content-wrapper.vue";
-
-export default {
-  name: 'TableExportButtonWidget',
-  components: {StaticContentWrapper},
-  componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {}
-  },
-  beforeCreate() {
-    /* 这里不能访问方法和属性！！ */
-  },
-
-  created() {
-    /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop
-       需要在父组件created中初始化！！ */
-    this.registerToRefList()
-    this.initEventHandler()
-
-    this.handleOnCreated()
-  },
-
-  mounted() {
-    this.handleOnMounted()
-  },
-
-  beforeDestroy() {
-    this.unregisterFromRefList()
-  },
-
-  methods: {
-    toDo(type = null) {
-      if (this.designState) {
-        return
-      }
-      let opt = {
-        title: this.field.options.exportFileName || null,
-        targetRef: this.field.options.tableRef || null,
-        pageSize: (this.field.options.exportPageSize || null),
-        showImageAtTable: this.field.options.showImageAtTable || null
-      };
-      let tableExportParam = this.handleCustomEvent(this.field.options.tableExportParam);
-      let options = {...opt, ...tableExportParam, type: type};
-      let tableRef = options?.targetRef;
-      delete options.targetRef
-      let tableWidget = this.getWidgetRef(tableRef);
-      tableWidget.exportData(options)
-    }
-  }
-
-}
-</script>
-
-<style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
-
-</style>