super-page-designer 2.0.6 → 2.0.14

package/dist/es/components/design/views/design/page-design.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, createVNode, vShow, createBlock, unref, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeClass, withDirectives, vShow, unref } from "vue";
 import _sfc_main$1 from "./view/view-design.vue.js";
 import { initComponentRefState } from "../../utils/page-helper-util.js";
 import { queryTableFields } from "../../utils/page-table-util.js";
@@ -6,115 +6,181 @@ import { addPermission, delPermission } from "../../utils/page-permission-util.j
 import { usePageContextStore } from "../../../../stores/page-store.js";
 import ServiceFlowDesginer from "service-flow-designer";
 import { getSystemCode, getPublishVersion } from "../../utils/system.js";
-import { getHighestVersionDefinition } from "../../utils/page-design-util.js";
-import { ElMessage } from "element-plus";
+import { getPublishVersionsByCode, getHighestVersionDefinition } from "../../utils/page-design-util.js";
+import { fetchPageDesignData } from "../../utils/page-service-util.js";
+import { ElMessage, ElLoading } from "element-plus";
+import PageSwitch from "./view/page-switch.vue.js";
 const _hoisted_1 = { class: "amb-page-container" };
-const _hoisted_2 = { class: "amb-page-container-header" };
-const _hoisted_3 = { class: "amb-page-container-header-type" };
-const _hoisted_4 = { class: "amb-page-container-main" };
+const _hoisted_2 = { class: "amb-page-container-header-page" };
+const _hoisted_3 = { class: "amb-page-container-header" };
+const _hoisted_4 = { class: "amb-page-container-header-type" };
+const _hoisted_5 = { class: "amb-page-container-main" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "page-design",
+  props: {
+    pageId: {
+      type: Number,
+      default: null
+    }
+  },
   setup(__props) {
+    const props = __props;
+    const pageDesign = ref(null);
+    if (props.pageId) {
+      fetchPageDesignData(props.pageId).then((appPageDesign) => {
+        if (appPageDesign && appPageDesign.designJson) {
+          const designJson = appPageDesign.designJson;
+          pageDesign.value = JSON.parse(designJson);
+        } else {
+          pageDesign.value = initPageDesign();
+        }
+      });
+    } else {
+      pageDesign.value = initPageDesign();
+    }
     const pageContextUtil = usePageContextStore();
-    const clickType = ref("service");
-    const pageDesign = {
-      id: 31,
-      code: "9307994b-2668-44e9-a266-5662780ba084",
-      name: "page",
-      label: "页面",
-      version: 1,
-      systemCode: "vms",
-      systemVersion: 3,
-      dbName: "",
-      tableName: "",
-      tableAlias: "",
-      workflowCode: "",
-      workflowVersion: 0,
-      //模型的字段
-      modelFields: [],
-      logicDesigns: [],
-      //子集对象
-      items: [],
-      props: {
-        // 无ID初始化条件
-        notIdInitializationList: "[]",
-        // 判重组合字段
-        judgeHeavyList: []
-      },
-      style: {},
-      events: [
-        {
-          // 页面布局等加载后，但数据加载前时
-          name: "beforeload",
-          label: "加载前"
-        },
-        {
-          // 数据加载后
-          name: "load",
-          label: "加载后"
+    const clickType = ref("page");
+    function initPageDesign() {
+      const pageDesign2 = {
+        id: 31,
+        code: "9307994b-2668-44e9-a266-5662780ba084",
+        name: "page",
+        label: "页面",
+        version: 1,
+        systemCode: "vms",
+        systemVersion: 3,
+        dbName: "",
+        tableName: "",
+        tableAlias: "",
+        workflowCode: "",
+        workflowVersion: 0,
+        //模型的字段
+        modelFields: [],
+        logicDesigns: [],
+        //子集对象
+        items: [],
+        props: {
+          // 无ID初始化条件
+          notIdInitializationList: "[]",
+          // 判重组合字段
+          judgeHeavyList: []
         },
-        {
-          name: "resize",
-          label: "尺寸变化",
-          params: [
-            {
-              name: "width",
-              label: "宽度",
-              type: "number"
-            },
-            {
-              name: "height",
-              label: "高度",
-              type: "number"
-            }
-          ]
-        }
-      ]
-    };
-    if (!pageDesign.systemCode) {
-      pageDesign.systemCode = "vms";
-      pageDesign.systemVersion = 3;
+        style: {},
+        events: [
+          {
+            // 页面布局等加载后，但数据加载前时
+            name: "beforeload",
+            label: "加载前"
+          },
+          {
+            // 数据加载后
+            name: "load",
+            label: "加载后"
+          },
+          {
+            name: "resize",
+            label: "尺寸变化",
+            params: [
+              {
+                name: "width",
+                label: "宽度",
+                type: "number"
+              },
+              {
+                name: "height",
+                label: "高度",
+                type: "number"
+              }
+            ]
+          }
+        ]
+      };
+      if (!pageDesign2.systemCode) {
+        pageDesign2.systemCode = "vms";
+        pageDesign2.systemVersion = 3;
+      }
+      return pageDesign2;
     }
     ref(null);
     ref(null);
-    const pageInfo = reactive(pageDesign);
     const definitionId = ref(null);
-    const systemCode = getSystemCode();
-    const publishVersion = getPublishVersion();
+    const systemCode = ref(getSystemCode());
+    const publishVersion = ref(getPublishVersion());
     const selectWfCode = ref(null);
     const selectWfVersion = ref(null);
     const isShowWfEditor = ref(false);
-    initComponentRefState(pageInfo);
-    if (pageInfo.tableName) {
-      const systemCode2 = pageInfo.tableSysCode ? pageInfo.tableSysCode : pageInfo.systemCode;
-      const systemVersion = pageInfo.tableSysVersion ? pageInfo.tableSysVersion : pageInfo.systemVersion;
-      queryTableFields(systemCode2, systemVersion, pageInfo.tableName).then((tableFields) => {
-        pageInfo.modelFields = tableFields;
-        pageContextUtil.setPageContext(pageInfo);
+    const viewDesignComponentKey = ref(0);
+    initComponentRefState(pageDesign.value);
+    if (pageDesign.value.tableName) {
+      const systemCode2 = pageDesign.value.tableSysCode ? pageDesign.value.tableSysCode : pageDesign.value.systemCode;
+      const systemVersion = pageDesign.value.tableSysVersion ? pageDesign.value.tableSysVersion : pageDesign.value.systemVersion;
+      queryTableFields(systemCode2, systemVersion, pageDesign.value.tableName).then((tableFields) => {
+        pageDesign.value.modelFields = tableFields;
+        pageContextUtil.setPageContext(pageDesign.value);
       });
     }
-    pageContextUtil.setPageContext(pageDesign);
+    pageContextUtil.setPageContext(pageDesign.value);
     watch(
-      () => pageInfo.label,
+      pageDesign.value.events,
+      (newVal) => {
+        const bindEvents = pageDesign.value.events.filter((event) => event.eventName);
+        console.log("bindEvents=========", bindEvents);
+        if (!pageDesign.value.runtime) {
+          pageDesign.value.runtime = {};
+        }
+        pageDesign.value.runtime.events = bindEvents;
+      },
+      { immediate: true }
+    );
+    watch(
+      () => pageDesign.value.label,
       () => {
-        managePagePermission(pageInfo);
+        managePagePermission(pageDesign.value);
       },
       { immediate: true }
     );
     watch(
-      () => pageInfo.pageType,
+      () => pageDesign.value.pageType,
       () => {
-        managePagePermission(pageInfo);
+        managePagePermission(pageDesign.value);
       },
       { immediate: true }
     );
     watch(
-      () => pageInfo.props.activeWorkflow,
+      () => pageDesign.value.props.activeWorkflow,
       () => {
-        managePagePermission(pageInfo);
+        managePagePermission(pageDesign.value);
       },
       { immediate: true }
     );
+    watch(
+      () => systemCode.value,
+      (newVal) => {
+        if (newVal) {
+          getSystempublishVersions(pageDesign.id, true);
+        }
+      },
+      { immediate: true }
+    );
+    const publishVersions = ref([]);
+    async function getSystempublishVersions(systemId, refreshVersion) {
+      if (systemId) {
+        if (refreshVersion) {
+          await getPublishVersionsByCode(systemCode.value).then((data) => {
+            publishVersions.value = data;
+            if (publishVersions.value.length > 0) {
+              publishVersion.value = publishVersions.value[0].publishVersion;
+            }
+          });
+        }
+      } else {
+        publishVersions.value = [];
+      }
+    }
+    function publishVersionChange(versions) {
+      getProcessDefinition(pageDesign.value.props.createWorkflowCode, pageDesign.value.props.linkWorkflowVersion, versions);
+      publishVersion.value = versions;
+    }
     function managePagePermission(pageDesign2) {
       addPermission(pageDesign2, "page", pageDesign2.label, "-1");
       const allAutos = ["gets", "workflowGets", "listData", "listSubData"];
@@ -139,26 +205,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    function getProcessDefinition(workflowCode, defVersion, versions) {
+      getHighestVersionDefinition(workflowCode, defVersion, versions).then((definition) => {
+        selectWfCode.value = definition.code;
+        selectWfVersion.value = definition.definitionVersion;
+        definitionId.value = definition.id;
+        clickType.value = "workflow";
+        isShowWfEditor.value = true;
+      });
+    }
     function clickWorkflow() {
       let defVersion;
       let workflowCode;
-      if (pageInfo.props.activeWorkflow && pageInfo.props.workflowSource && pageInfo.props.workflowSource === "link") {
-        workflowCode = pageInfo.props.linkWorkflowCode;
-        defVersion = pageInfo.props.linkWorkflowVersion;
-      } else if (pageInfo.props.activeWorkflow && pageInfo.props.workflowSource && pageInfo.props.workflowSource === "create") {
-        workflowCode = pageInfo.props.createWorkflowCode;
+      if (pageDesign.value.props.activeWorkflow && pageDesign.value.props.workflowSource && pageDesign.value.props.workflowSource === "link") {
+        workflowCode = pageDesign.value.props.linkWorkflowCode;
+        defVersion = pageDesign.value.props.linkWorkflowVersion;
+      } else if (pageDesign.value.props.activeWorkflow && pageDesign.value.props.workflowSource && pageDesign.value.props.workflowSource === "create") {
+        workflowCode = pageDesign.value.props.createWorkflowCode;
         defVersion = 1;
       }
       if (workflowCode) {
         if (!selectWfCode.value && !selectWfVersion.value || selectWfCode.value !== workflowCode || selectWfVersion.value !== defVersion) {
           isShowWfEditor.value = false;
-          getHighestVersionDefinition(workflowCode, defVersion).then((definition) => {
-            selectWfCode.value = definition.code;
-            selectWfVersion.value = definition.definitionVersion;
-            definitionId.value = definition.id;
-            clickType.value = "workflow";
-            isShowWfEditor.value = true;
-          });
+          getProcessDefinition(workflowCode, defVersion, publishVersion.value);
+          getSystempublishVersions(pageDesign.id, true);
         } else {
           clickType.value = "workflow";
         }
@@ -170,11 +240,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     }
+    function changePage(pageId) {
+      const loading = ElLoading.service({
+        lock: true,
+        text: "切换中，请稍后..."
+      });
+      fetchPageDesignData(pageId).then((appPageDesign) => {
+        viewDesignComponentKey.value++;
+        loading.close();
+        if (appPageDesign && appPageDesign.designJson) {
+          const designJson = appPageDesign.designJson;
+          pageDesign.value = JSON.parse(designJson);
+          if (!pageDesign.value.items) {
+            pageDesign.value.items = [];
+          }
+          pageDesign.value.id = appPageDesign.id;
+        } else {
+          pageDesign.value = initPageDesign();
+        }
+      });
+    }
     return (_ctx, _cache) => {
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
       const _component_workflow_editor = resolveComponent("workflow-editor");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
+          createVNode(_component_el_row, null, {
+            default: withCtx(() => [
+              createVNode(_component_el_col, {
+                span: 23,
+                style: {}
+              }, {
+                default: withCtx(() => [
+                  pageDesign.value.code ? (openBlock(), createBlock(PageSwitch, {
+                    key: 0,
+                    pageDesign: pageDesign.value,
+                    onChangePage: changePage
+                  }, null, 8, ["pageDesign"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
             createElementVNode("label", {
               class: normalizeClass({ selected: clickType.value === "page" }),
               onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "page")
@@ -193,20 +305,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, "服务编排", 2)
           ])
         ]),
-        createElementVNode("div", _hoisted_4, [
-          withDirectives(createVNode(_sfc_main$1, { configure: pageInfo }, null, 8, ["configure"]), [
+        createElementVNode("div", _hoisted_5, [
+          withDirectives((openBlock(), createBlock(_sfc_main$1, {
+            key: viewDesignComponentKey.value,
+            configure: pageDesign.value
+          }, null, 8, ["configure"])), [
             [vShow, clickType.value === "page"]
           ]),
           isShowWfEditor.value ? withDirectives((openBlock(), createBlock(_component_workflow_editor, {
             key: 0,
             id: definitionId.value,
-            "system-code": unref(systemCode),
-            "system-publish-version": unref(publishVersion),
-            onBack: _ctx.goBack
-          }, null, 8, ["id", "system-code", "system-publish-version", "onBack"])), [
+            isSUperPageDesign: true,
+            "system-code": systemCode.value,
+            publishVersions: publishVersions.value,
+            "system-publish-version": publishVersion.value,
+            onBack: _ctx.goBack,
+            onPublishVersionChange: publishVersionChange
+          }, null, 8, ["id", "system-code", "publishVersions", "system-publish-version", "onBack"])), [
             [vShow, clickType.value === "workflow"]
           ]) : createCommentVNode("", true),
-          withDirectives(createVNode(unref(ServiceFlowDesginer), { pageContext: pageInfo }, null, 8, ["pageContext"]), [
+          withDirectives(createVNode(unref(ServiceFlowDesginer), { pageContext: pageDesign.value }, null, 8, ["pageContext"]), [
             [vShow, clickType.value === "service"]
           ])
         ])

package/dist/es/components/design/views/design/page-event/config.css

@@ -0,0 +1,13 @@
+
+.editorTool[data-v-24e5130d] {
+  margin-left: auto;
+}
+.editorOption[data-v-24e5130d] {
+  margin-right: 10px;
+  cursor: pointer;
+}
+.pppp[data-v-24e5130d] {
+  display: flex; /* 使用Flex布局 */
+  justify-content: flex-start;
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}

package/dist/es/components/design/views/design/page-event/config.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./config.vue2.js";
-import "./config.vue3.js";
+/* empty css            */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24e5130d"]]);
 export {

package/dist/es/components/design/views/design/page-event/page-event-content.css

@@ -0,0 +1,4 @@
+
+.amb-design-event-content[data-v-382285e3] {
+  padding: 10px;
+}

package/dist/es/components/design/views/design/page-event/page-event-content.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-event-content.vue2.js";
-import "./page-event-content.vue3.js";
+/* empty css                        */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const pageEventContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5221912e"]]);
+const pageEventContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-382285e3"]]);
 export {
   pageEventContent as default
 };

package/dist/es/components/design/views/design/page-event/page-event-content.vue2.js

@@ -273,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             unref(myCustomEvent) && isChangeEvent.value && (inputEventType.value === "handle" || unref(myCustomEvent) && unref(myCustomEvent).name === "customFunc" && !_ctx.eventForm.componentUuid || unref(myCustomEvent) && unref(myCustomEvent).name === "customEvent" && !_ctx.eventForm.componentUuid || currentEvent.value && _ctx.eventForm.componentUuid) ? (openBlock(), createElementBlock("div", _hoisted_3, [
               createVNode(_component_el_row, null, {
                 default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 8 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "事件标题" }, {
                         default: withCtx(() => [
@@ -288,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_col, { span: 4 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "事件类型" }, {
                         default: withCtx(() => [
@@ -298,8 +298,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     ]),
                     _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 4 }, {
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_row, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件类型" }, {
                         default: withCtx(() => [
@@ -310,7 +315,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_col, { span: 8 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件uuid" }, {
                         default: withCtx(() => [
@@ -393,7 +398,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
               createVNode(_component_el_row, null, {
                 default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 4 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "事件类型" }, {
                         default: withCtx(() => [
@@ -404,7 +409,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_col, { span: 4 }, {
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件类型" }, {
                         default: withCtx(() => [
@@ -414,8 +419,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       })
                     ]),
                     _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 8 }, {
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_row, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_col, { span: 12 }, {
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "组件uuid" }, {
                         default: withCtx(() => [

package/dist/es/components/design/views/design/view/page-switch.css

@@ -0,0 +1,17 @@
+
+/* 定义滚动条的轨道 */
+[data-v-cd528dcb]::-webkit-scrollbar {
+  height: 6px;
+  width: 6px; /* 宽度 */
+}
+
+/* 定义滑块 */
+[data-v-cd528dcb]::-webkit-scrollbar-thumb {
+  background-color: darkgrey; /* 滑块颜色 */
+  border-radius: 5px; /* 圆角 */
+}
+
+/* 当滑块hover时改变颜色 */
+[data-v-cd528dcb]::-webkit-scrollbar-thumb:hover {
+  background-color: grey;
+}

package/dist/es/components/design/views/design/view/page-switch.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    pageDesign: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "change-page": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageDesign: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onChange-page"?: (...args: any[]) => any;
+}, {
+    pageDesign: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/components/design/views/design/view/page-switch.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./page-switch.vue2.js";
+/* empty css                 */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd528dcb"]]);
+export {
+  PageSwitch as default
+};