super-page-runtime 2.0.4 → 2.0.9

package/dist/lib/components/runtime/views/super-page.vue.js

@@ -0,0 +1,496 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("./assemblys/object-render.vue.js");
+const pageHelperUtil = require("../utils/page-helper-util.js");
+const pageInitUtil = require("../utils/page-init-util.js");
+const globalRefs = require("../utils/global-refs.js");
+const eventUtil = require("../utils/events/event-util.js");
+const exportFormReportDialog_vue_vue_type_script_setup_true_lang = require("./assemblys/common/export-form-report-dialog.vue.js");
+const taskInformitionDialog_vue_vue_type_script_setup_true_lang = require("./assemblys/common/task-informition-dialog.vue.js");
+const removeSignerDialog_vue_vue_type_script_setup_true_lang = require("./assemblys/common/remove-signer-dialog.vue.js");
+const eventBus = require("../utils/eventBus.js");
+const apiUtil = require("../utils/api/api-util.js");
+const standardEvent = require("../utils/events/standard-event.js");
+const vueI18n = require("../../../node_modules/.pnpm/vue-i18n@9.10.2_vue@3.4.21/node_modules/vue-i18n/dist/vue-i18n.js");
+const superUi = require("../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+const validatorUtil = require("../utils/events/validator-util.js");
+const superPageDialog_vue_vue_type_script_setup_true_lang = require("./super-page-dialog.vue.js");
+const vueRouter = require("../../../node_modules/.pnpm/vue-router@4.3.0_vue@3.4.21/node_modules/vue-router/dist/vue-router.js");
+require("../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/i18n/i18n.js");
+require("../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js");
+const index = require("../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/message/index.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "super-page",
+  props: {
+    //页面编码
+    pageCode: {
+      type: String,
+      required: false
+    },
+    //页面版本
+    pageVersion: {
+      type: Number,
+      required: false
+    },
+    //页面ID
+    pageId: {
+      type: Number,
+      required: false
+    },
+    //表单数据ID
+    dataIds: {
+      type: String,
+      required: false
+    },
+    //测试对象
+    pageDesign: {
+      type: Object,
+      required: false
+    },
+    //是否测试
+    isTest: {
+      type: Boolean,
+      required: false
+    },
+    // 系统版本号
+    publishVersion: {
+      type: Number,
+      required: false
+    },
+    // 任务id。流程表单页面办理任务时任务id
+    taskId: {
+      type: Number,
+      required: false
+    },
+    // 页面跳转request参数
+    pageRequest: {
+      type: Object,
+      required: false
+    }
+  },
+  emits: ["open", "opened", "close", "closed"],
+  setup(__props, { emit: __emit }) {
+    const { t } = vueI18n.useI18n();
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const pageItems = Vue.ref([]);
+    const pageClass = Vue.ref("");
+    const pageStyle = Vue.ref({});
+    const pageDesignResult = Vue.ref(null);
+    const buttonParams = Vue.ref(null);
+    const showExportForm = Vue.ref(false);
+    const selectAddSignerUser = Vue.ref(false);
+    const selectCopyUser = Vue.ref(false);
+    const selectAssignUser = Vue.ref(false);
+    const isMulti = Vue.ref(false);
+    const eventPageInfo = Vue.ref(null);
+    const showTaskInformitions = Vue.ref(false);
+    const taskInformitions = Vue.ref([]);
+    const activeTasks = Vue.ref([]);
+    const showRemoveSigner = Vue.ref(false);
+    const taskIdVal = Vue.ref(null);
+    const isShowPage = Vue.ref(false);
+    const isShowDialog = Vue.ref(false);
+    const jumpPageSetting = Vue.ref(null);
+    const parentPageContext = Vue.ref(null);
+    const parentConfigureObj = Vue.ref(null);
+    const parentEventParams = Vue.ref(null);
+    let pageContext;
+    const buttonConfigure = Vue.ref(null);
+    const buttonPageContext = Vue.ref(null);
+    function initPageDesign(pageDesign) {
+      console.log("pageDesign==", pageDesign);
+      pageContext = Vue.reactive(pageInitUtil.convertToPageContext(pageDesign, props.pageRequest));
+      if (pageContext == null) {
+        return;
+      }
+      pageContext.isTest = props.isTest;
+      setTimeout(() => {
+        initOptionDatas(pageContext, pageDesign.initOptionConfigs);
+      }, 0);
+      setTimeout(() => {
+        console.log("pageDesign.initChartServiceConfigs", pageDesign.initChartServiceConfigs);
+        initChartDatas(pageContext, pageDesign.initChartServiceConfigs);
+      }, 0);
+      pageContext.initDataSources = [];
+      globalRefs.initComponentRefState(pageContext);
+      pageItems.value = pageContext.items ? pageContext.items : [];
+      const runtime = pageContext.runtime ? pageContext.runtime : {};
+      pageClass.value = runtime.class;
+      pageStyle.value = runtime.style;
+      eventUtil.initPageEvents(pageDesign, pageContext);
+      validatorUtil.i18nValidateRulesMessage(pageContext.rules);
+      eventUtil.handleEvent(null, pageContext, pageDesign, "beforeload");
+      const myPageCode = pageContext.code;
+      eventPageInfo.value = myPageCode + "_";
+      eventBus.$on(eventPageInfo.value + "export-form-report", (params) => {
+        buttonParams.value = params;
+        buttonConfigure.value = params.configureObj;
+        buttonPageContext.value = params.pageContext;
+        showExportForm.value = true;
+      });
+      eventBus.$on(eventPageInfo.value + "import-file", (params) => {
+        buttonParams.value = params;
+        clickImport();
+      });
+      eventBus.$on(eventPageInfo.value + "assign-task", (params) => {
+        buttonParams.value = params;
+        selectAssignUser.value = true;
+        isMulti.value = false;
+      });
+      eventBus.$on(eventPageInfo.value + "copy-task", (params) => {
+        buttonParams.value = params;
+        selectCopyUser.value = true;
+        isMulti.value = true;
+      });
+      eventBus.$on(eventPageInfo.value + "add-signer", (params) => {
+        buttonParams.value = params;
+        selectAddSignerUser.value = true;
+        isMulti.value = true;
+      });
+      eventBus.$on(eventPageInfo.value + "choose-return-node", (params) => {
+        buttonParams.value = params;
+        standardEvent.getTaskInformitions(params).then((result) => {
+          taskInformitions.value = result;
+          showTaskInformitions.value = true;
+        }).catch((e) => {
+          console.log("显示可选的退回的环节集合异常", e);
+          showTaskInformitions.value = false;
+        });
+      });
+      eventBus.$on(eventPageInfo.value + "remove-signer", (params) => {
+        buttonParams.value = params;
+        standardEvent.getRemoveSigner(params).then((result) => {
+          taskIdVal.value = params.pageContext.completeTaskParam.taskId;
+          activeTasks.value = result;
+          showRemoveSigner.value = true;
+        }).catch((e) => {
+          console.log("显示可减签的环节集合异常", e);
+          showRemoveSigner.value = false;
+        });
+      });
+      eventBus.$on(eventPageInfo.value + "prohibit-edit", (data) => {
+      });
+      eventBus.$on(eventPageInfo.value + "open-dialog", (params) => {
+        parentPageContext.value = params.pageContext;
+        parentConfigureObj.value = params.configureObj;
+        parentEventParams.value = params.eventParams;
+        openDialog(params.configureObj);
+      });
+      eventBus.$on(eventPageInfo.value + "close-dialog", (pageContext2, configureObj) => {
+        parentPageContext.value = null;
+        parentConfigureObj.value = null;
+        parentEventParams.value = null;
+        closeDialog();
+      });
+      apiUtil.getData(pageContext).then((commonEntity) => {
+        const pageType = pageContext.pageType;
+        if (pageType && pageType === "form") {
+          changePermissionListToMap();
+          eventUtil.handleEvent(null, pageContext, pageDesign, "load");
+        }
+      });
+    }
+    function initOptionDatas(pageContext2, optionConfigs) {
+      if (!optionConfigs || optionConfigs.length == 0) {
+        console.log("无需要初始化的选项组数据");
+        return;
+      }
+      const initOptionConfigs = optionConfigs.filter((item) => {
+        return item.filterType != "remote";
+      });
+      console.log("pageContext.initOptionConfigs:", initOptionConfigs);
+      if (initOptionConfigs && initOptionConfigs.length > 0) {
+        pageHelperUtil.updateOptionDatasources(pageContext2, initOptionConfigs, void 0);
+      }
+    }
+    function initChartDatas(pageContext2, chartConfigs) {
+      if (!chartConfigs || chartConfigs.length == 0) {
+        console.log("无需要初始化的选项组数据");
+        return;
+      }
+      console.log("pageContext.chartConfigs:", chartConfigs);
+      if (chartConfigs && chartConfigs.length > 0) {
+        pageHelperUtil.updateChartDatasources(pageContext2, chartConfigs);
+      }
+    }
+    Vue.onMounted(() => {
+      if (props.pageDesign != null) {
+        pageDesignResult.value = props.pageDesign;
+        setTimeout(() => {
+          initPageDesign(props.pageDesign);
+          if (props.pageDesign.tableRuntimes && Object.keys(props.pageDesign.tableRuntimes).length > 0) {
+            pageInitUtil.queryPageSuperGrids(props.pageDesign, pageContext, props.publishVersion).then((superGridItems) => {
+              pageContext.superGridItems = superGridItems;
+              isShowPage.value = true;
+            }).catch(() => {
+              isShowPage.value = true;
+            });
+          } else {
+            isShowPage.value = true;
+          }
+        }, 0);
+      } else if (props.pageCode) {
+        pageInitUtil.queryPageDesignByCode(props.pageCode).then((result) => {
+          pageDesignResult.value = result;
+          initPageDesign(result);
+          isShowPage.value = true;
+        });
+      }
+      if (thisRef.value) {
+        setTimeout(() => {
+          const parentNode = thisRef.value.parentNode ? thisRef.value.parentNode : thisRef.value;
+          const rect = parentNode.getBoundingClientRect();
+          const contentHeight = window.innerHeight - rect.y - 40;
+          parentNode.style.height = contentHeight + "px";
+          parentNode.style["overflow-y"] = "auto";
+        }, 10);
+      }
+    });
+    Vue.onUpdated(() => {
+      Vue.nextTick(() => {
+        if (pageContext && thisRef.value) {
+          globalRefs.addComponentRef(pageContext, "-1", thisRef);
+        }
+      });
+    });
+    Vue.onUnmounted(() => {
+      globalRefs.removePageAllRef(pageContext);
+      if (pageDesignResult.value) {
+        eventUtil.removeCustomFuncFromWindow(pageDesignResult.value);
+      }
+      eventBus.$off(eventPageInfo.value + "export-form-report");
+      eventBus.$off(eventPageInfo.value + "import-file");
+      eventBus.$off(eventPageInfo.value + "assign-task");
+      eventBus.$off(eventPageInfo.value + "copy-task");
+      eventBus.$off(eventPageInfo.value + "add-signer");
+      eventBus.$off(eventPageInfo.value + "choose-return-node");
+      eventBus.$off(eventPageInfo.value + "remove-signer");
+      eventBus.$off(eventPageInfo.value + "prohibit-edit");
+    });
+    function closeExportFormDialog() {
+      showExportForm.value = false;
+      buttonParams.value = null;
+    }
+    function doExportFormReport(templateFile) {
+      const isPdf = false;
+      standardEvent.exportFormReport(
+        buttonParams.value.pageContext,
+        buttonParams.value.configureObj,
+        templateFile,
+        isPdf
+      );
+    }
+    const _selectFile_ = Vue.ref(null);
+    function clickImport() {
+      _selectFile_.value.click();
+    }
+    function doImport() {
+      if (buttonParams.value) {
+        if (!_selectFile_.value) {
+          return;
+        }
+        if (_selectFile_.value.value === "" || _selectFile_.value.value === null)
+          return;
+        const fileObj = _selectFile_.value.files[0];
+        if (fileObj) {
+          _selectFile_.value.value = null;
+          standardEvent.doImportFinally(buttonParams.value, fileObj);
+        } else {
+          index.ElMessage({
+            showClose: true,
+            type: "warning",
+            message: t("superPageRuntimeMessage.noFileSelected")
+          });
+        }
+      }
+    }
+    function closeDeptUserTree(selectNodeInfo) {
+      if (selectAddSignerUser.value === true) {
+        selectAddSignerUser.value = false;
+        standardEvent.doAddSigner(buttonParams.value, selectNodeInfo);
+      }
+      if (selectCopyUser.value === true) {
+        selectCopyUser.value = false;
+        standardEvent.doCreateCopyTask(buttonParams.value, selectNodeInfo);
+      }
+      if (selectAssignUser.value === true) {
+        selectAssignUser.value = false;
+        standardEvent.doAssign(buttonParams.value, selectNodeInfo);
+      }
+    }
+    function myReturnTaskTo(selectTaskNode) {
+      taskInformitions.value = [];
+      showTaskInformitions.value = false;
+      standardEvent.doReturnTaskTo(buttonParams.value, selectTaskNode);
+    }
+    function myDoRemoveSigners(selectRemoveTasks) {
+      activeTasks.value = [];
+      showRemoveSigner.value = false;
+      standardEvent.doRemoveSigners(buttonParams.value, selectRemoveTasks);
+    }
+    function changePermissionListToMap() {
+      changeFieldPermissionToMap();
+      changeActionPermissionToMap();
+    }
+    function changeFieldPermissionToMap() {
+      let fieldPermissionMap = pageContext.fieldPermissionMap;
+      pageContext.actionPermissionMap;
+      const fieldPermissions = pageContext.fieldPermissions;
+      if (fieldPermissionMap === null) {
+        fieldPermissionMap = /* @__PURE__ */ new Map();
+      }
+      if (typeof fieldPermissions !== "undefined") {
+        for (let i = 0; i < fieldPermissions.length; i++) {
+          const prop = fieldPermissions[i].name;
+          if (prop) {
+            if (prop.indexOf("$") === 0 && prop.indexOf(".") > 0) {
+              const fieldPermissionOrg = fieldPermissions[i];
+              const fieldPermission = JSON.parse(JSON.stringify(fieldPermissionOrg));
+              const subModelName = prop.substring(1, prop.indexOf("."));
+              const subProp = prop.substring(prop.indexOf(".") + 1);
+              fieldPermission.name = subProp;
+              if (fieldPermission && fieldPermission.name === "all_fields") {
+                if (fieldPermission.canEdit === false) {
+                  if (fieldPermission.rowIndexes) {
+                    fieldPermissionMap.set(subModelName, [
+                      {
+                        name: "all_fields",
+                        canEdit: false,
+                        rowIndexes: fieldPermission.rowIndexes
+                      }
+                    ]);
+                  } else {
+                    fieldPermissionMap.set(subModelName, [{ name: "all_fields", canEdit: false }]);
+                  }
+                } else {
+                  if (fieldPermission.rowIndexes) {
+                    fieldPermissionMap.set(subModelName, [
+                      {
+                        name: "all_fields",
+                        canEdit: true,
+                        rowIndexes: fieldPermission.rowIndexes
+                      }
+                    ]);
+                  } else {
+                    fieldPermissionMap.set(subModelName, [{ name: "all_fields", canEdit: true }]);
+                  }
+                }
+              } else {
+                let subTableFieldPermission = fieldPermissionMap.get(subModelName);
+                if (subTableFieldPermission) {
+                  subTableFieldPermission.push(fieldPermission);
+                } else {
+                  subTableFieldPermission = [];
+                  subTableFieldPermission.push(fieldPermission);
+                }
+                fieldPermissionMap.set(subModelName, subTableFieldPermission);
+              }
+            } else {
+              fieldPermissionMap.set(prop, fieldPermissions[i]);
+            }
+          }
+        }
+      }
+      pageContext.fieldPermissionMap = fieldPermissionMap;
+    }
+    function changeActionPermissionToMap() {
+      let fieldPermissionMap = pageContext.fieldPermissionMap;
+      let actionPermissionMap = pageContext.actionPermissionMap;
+      const actionPermissions = pageContext.actionPermissions;
+      if (typeof actionPermissions !== "undefined" && actionPermissions !== null) {
+        const subModelNames = Object.keys(actionPermissions);
+        subModelNames.forEach((subModelName) => {
+          const oneTableActionPermission = actionPermissions[subModelName];
+          const subTableFieldPermission = fieldPermissionMap.get(subModelName);
+          if (subTableFieldPermission && subTableFieldPermission.length > 0 && subTableFieldPermission[0].name === "all_fields" && subTableFieldPermission[0].canEdit === false) {
+            oneTableActionPermission.canUpdate = false;
+            oneTableActionPermission.canAdd = false;
+          } else {
+            const canUpdate = oneTableActionPermission.canUpdate;
+            const updateRowIndexes = oneTableActionPermission.updateRowIndexes;
+            if (canUpdate !== void 0 && canUpdate === false && updateRowIndexes !== void 0 && updateRowIndexes !== null && updateRowIndexes.length > 0) {
+              fieldPermissionMap.set(subModelName, [
+                {
+                  name: "all_fields",
+                  canEdit: false,
+                  rowIndexes: updateRowIndexes
+                }
+              ]);
+            }
+          }
+          actionPermissionMap.set(subModelName, oneTableActionPermission);
+        });
+      }
+      pageContext.actionPermissionMap = actionPermissionMap;
+    }
+    vueRouter.useRouter();
+    function openDialog(configureObj) {
+      isShowDialog.value = true;
+    }
+    function closeDialog() {
+      isShowDialog.value = false;
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        isShowPage.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 0,
+          ref_key: "thisRef",
+          ref: thisRef,
+          class: Vue.normalizeClass(pageClass.value),
+          style: Vue.normalizeStyle(pageStyle.value)
+        }, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(pageItems.value, (element, itemIndex) => {
+            return Vue.openBlock(), Vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+              key: element.uuid,
+              configure: element,
+              pageContext: Vue.unref(pageContext)
+            }, null, 8, ["configure", "pageContext"]);
+          }), 128)),
+          showExportForm.value ? (Vue.openBlock(), Vue.createBlock(exportFormReportDialog_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            configure: buttonConfigure.value,
+            pageContext: buttonPageContext.value,
+            onClose: closeExportFormDialog,
+            onExport: doExportFormReport
+          }, null, 8, ["configure", "pageContext"])) : Vue.createCommentVNode("", true),
+          Vue.createElementVNode("input", {
+            ref_key: "_selectFile_",
+            ref: _selectFile_,
+            type: "file",
+            name: "_selectFile_",
+            style: { "display": "none" },
+            onChange: _cache[0] || (_cache[0] = ($event) => doImport())
+          }, null, 544),
+          selectAddSignerUser.value || selectCopyUser.value || selectAssignUser.value ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.DepartmentUserTree), {
+            key: 1,
+            width: "60%",
+            multiple: isMulti.value,
+            onClose: closeDeptUserTree
+          }, null, 8, ["multiple"])) : Vue.createCommentVNode("", true),
+          showTaskInformitions.value ? (Vue.openBlock(), Vue.createBlock(taskInformitionDialog_vue_vue_type_script_setup_true_lang, {
+            key: 2,
+            "task-informitions": taskInformitions.value,
+            onClose: _cache[1] || (_cache[1] = ($event) => showTaskInformitions.value = false),
+            onResult: myReturnTaskTo
+          }, null, 8, ["task-informitions"])) : Vue.createCommentVNode("", true),
+          showRemoveSigner.value ? (Vue.openBlock(), Vue.createBlock(removeSignerDialog_vue_vue_type_script_setup_true_lang, {
+            key: 3,
+            "task-id": taskIdVal.value,
+            "active-tasks": activeTasks.value,
+            onClose: _cache[2] || (_cache[2] = ($event) => showRemoveSigner.value = false),
+            onResult: myDoRemoveSigners
+          }, null, 8, ["task-id", "active-tasks"])) : Vue.createCommentVNode("", true),
+          isShowDialog.value ? (Vue.openBlock(), Vue.createBlock(superPageDialog_vue_vue_type_script_setup_true_lang, {
+            key: 4,
+            parentPageContext: parentPageContext.value,
+            parentPageEventParams: parentEventParams.value,
+            jumpPageSetting: jumpPageSetting.value,
+            onClose: _cache[3] || (_cache[3] = ($event) => closeDialog())
+          }, null, 8, ["parentPageContext", "parentPageEventParams", "jumpPageSetting"])) : Vue.createCommentVNode("", true)
+        ], 6)) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/super-page.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const superPage_vue_vue_type_script_setup_true_lang = require("./super-page.vue.js");
+module.exports = superPage_vue_vue_type_script_setup_true_lang;

package/dist/lib/index.d.ts

@@ -0,0 +1,8 @@
+import { SuperPageNew, SuperPageDialogNew } from './components/runtime';
+import { getComponentOptionConfigs } from './components/runtime/utils/page-helper-util';
+import { getStandPermissionInfo, getFunctionInfo, FuncType } from './components/runtime/utils/page-permission-util';
+import { getCustomTheme, getCustomThemeOptions } from './components/runtime/utils/charts/chart-util';
+
+export { SuperPageNew, SuperPageDialogNew, getComponentOptionConfigs };
+export { getStandPermissionInfo, getFunctionInfo, FuncType };
+export { getCustomTheme, getCustomThemeOptions };

package/dist/lib/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const superPage_vue_vue_type_script_setup_true_lang = require("./components/runtime/views/super-page.vue.js");
+const superPageDialog_vue_vue_type_script_setup_true_lang = require("./components/runtime/views/super-page-dialog.vue.js");
+const pageHelperUtil = require("./components/runtime/utils/page-helper-util.js");
+const pagePermissionUtil = require("./components/runtime/utils/page-permission-util.js");
+const chartUtil = require("./components/runtime/utils/charts/chart-util.js");
+exports.SuperPageNew = superPage_vue_vue_type_script_setup_true_lang;
+exports.SuperPageDialogNew = superPageDialog_vue_vue_type_script_setup_true_lang;
+exports.getComponentOptionConfigs = pageHelperUtil.getComponentOptionConfigs;
+exports.FuncType = pagePermissionUtil.FuncType;
+exports.getFunctionInfo = pagePermissionUtil.getFunctionInfo;
+exports.getStandPermissionInfo = pagePermissionUtil.getStandPermissionInfo;
+exports.getCustomTheme = chartUtil.getCustomTheme;
+exports.getCustomThemeOptions = chartUtil.getCustomThemeOptions;

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "super-page-runtime",
-  "version": "2.0.4",
+  "version": "2.0.9",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",
-  "type": "module",
   "files": [
     "dist/*"
   ],