super-page-designer 2.0.9 → 2.0.14

package/dist/es/components/design/views/assemblys/object-design.vue.js

@@ -5,7 +5,7 @@ import { getDesignComponentByName } from "../../utils/assemblys-config.js";
 import { caculateCommonStyle } from "../../utils/container-design-util.js";
 import { PageDimensions } from "../../utils/interfaces/page-design-types.js";
 import { batchUpdatePermissions, batchRemovePermissions } from "../../utils/page-permission-util.js";
-import { watchRequiredValidate, watchValidateType, watchPatternValidate, watchMaxOrMinValidate, deleteRule } from "../../utils/form-design-util.js";
+import { watchValidate } from "../../utils/form-design-util.js";
 import { usePageContextStore } from "../../../../stores/page-store.js";
 const _hoisted_1 = { class: "amb-widget-item-tool" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -65,6 +65,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         props.configure.events,
         (newVal) => {
           batchUpdatePermissions(props.configure, props.pageDesign);
+          const bindEvents = props.configure.events.filter((event) => event.eventName);
+          console.log("bindEvents=========", bindEvents);
+          if (!props.configure.runtime) {
+            props.configure.runtime = {};
+          }
+          props.configure.runtime.events = bindEvents;
         },
         { immediate: true }
       );
@@ -72,6 +78,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         batchRemovePermissions(props.pageDesign, props.configure.uuid);
       });
     }
+    if (props.configure.events && props.pageDesign) {
+      watch(
+        props.configure.props.linkPage,
+        (newVal) => {
+          if (!props.configure.runtime) {
+            props.configure.runtime = {};
+          }
+          props.configure.runtime.linkPage = props.configure.props.linkPage;
+        },
+        { immediate: true }
+      );
+    }
+    if (props.configure.props.parameter && props.pageDesign) {
+      watch(
+        props.configure.props.parameter,
+        (newVal) => {
+          let customParams = {};
+          newVal.forEach((item) => {
+            if (item.name && item.value) {
+              customParams[item.name] = item.value;
+            }
+          });
+          if (!props.configure.runtime) {
+            props.configure.runtime = {};
+          }
+          props.configure.runtime.customParams = customParams;
+        },
+        { immediate: true }
+      );
+    }
     props.configure.componentIndex = props.indexObj.index;
     let thisComponentIndex = props.indexObj.index;
     const $emits = __emit;
@@ -90,84 +126,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     if (props.configure.props && props.configure.props.verification) {
-      watch(
-        () => props.configure.props.verification.required,
-        (newValue, oldValue) => {
-          watchRequiredValidate(props.pageDesign, props.configure, newValue, fieldInfo);
-        }
-      );
-      watch(
-        () => props.configure.props.verification.type,
-        (newValue, oldValue) => {
-          let ruleType;
-          if (newValue) {
-            ruleType = newValue.join(",");
+      if (props.configure.props.base) {
+        watch(
+          () => props.configure.props.base.title,
+          (newVal) => {
+            watchValidate(props.configure, props.configure.props.verification, fieldInfo);
           }
-          watchValidateType(props.pageDesign, props.configure, ruleType, fieldInfo);
-        }
-      );
-      watch(
-        () => props.configure.props.verification.verifyRegex,
-        (newValue, oldValue) => {
-          watchPatternValidate(props.pageDesign, props.configure, newValue, fieldInfo);
-        }
-      );
-      watch(
-        () => props.configure.props.verification.regex,
-        (newValue, oldValue) => {
-          watchPatternValidate(props.pageDesign, props.configure, newValue, fieldInfo);
-        }
-      );
-      watch(
-        () => props.configure.props.verification.verifyMaxLength,
-        (newValue, oldValue) => {
-          watchMaxOrMinValidate(
-            props.pageDesign,
-            props.configure,
-            "max",
-            newValue,
-            props.configure.props.verification.maxLength,
-            fieldInfo
-          );
-        }
-      );
-      watch(
-        () => props.configure.props.verification.maxLength,
-        (newValue, oldValue) => {
-          watchMaxOrMinValidate(
-            props.pageDesign,
-            props.configure,
-            "max",
-            props.configure.props.verification.verifyMaxLength,
-            newValue,
-            fieldInfo
-          );
-        }
-      );
-      watch(
-        () => props.configure.props.verification.verifyMinLength,
-        (newValue, oldValue) => {
-          watchMaxOrMinValidate(
-            props.pageDesign,
-            props.configure,
-            "min",
-            newValue,
-            props.configure.props.verification.minLength,
-            fieldInfo
-          );
-        }
-      );
+        );
+        watch(
+          () => props.configure.props.base.prop,
+          (newVal) => {
+            watchValidate(props.configure, props.configure.props.verification, fieldInfo);
+          }
+        );
+      }
       watch(
-        () => props.configure.props.verification.minLength,
+        props.configure.props.verification,
         (newValue, oldValue) => {
-          watchMaxOrMinValidate(
-            props.pageDesign,
-            props.configure,
-            "min",
-            props.configure.props.verification.verifyMinLength,
-            newValue,
-            fieldInfo
-          );
+          watchValidate(props.configure, newValue, fieldInfo);
         }
       );
     }
@@ -272,7 +248,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function deleteObj(evt) {
       evt.preventDefault();
-      deleteRule(props.pageDesign, props.configure);
       $emits("onDelete", props.configure);
     }
     return (_ctx, _cache) => {

package/dist/es/components/design/views/assemblys/page/component/setting-form-rule-base-input.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: import('vue').DefineComponent<{
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     open: (...args: any[]) => void;
-    opend: (...args: any[]) => void;
     closed: (...args: any[]) => void;
+    opend: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     code: {
         type: StringConstructor;
@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClose?: (...args: any[]) => any;
     onOpen?: (...args: any[]) => any;
-    onOpend?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
+    onOpend?: (...args: any[]) => any;
 }, {
     code: string;
     rowId: number;

package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import _sfc_main$1 from "../../common/common-attr-size.vue.js";
-import "../../form/common/dimension-input.vue.js";
+/* empty css                                     */
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pictureflow-attr-base",

package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./pictureflow-attr.vue2.js";
-import "./pictureflow-attr.vue3.js";
+/* empty css                      */
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import _sfc_main$1 from "../../common/common-attr-size.vue.js";
-import "../../form/common/dimension-input.vue.js";
+/* empty css                                     */
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./texthistory-attr.vue2.js";
-import "./texthistory-attr.vue3.js";
+/* empty css                      */
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./workflowbutton-attr.vue2.js";
-import "./workflowbutton-attr.vue3.js";
+/* empty css                         */
 export {
   _sfc_main as default
 };

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

@@ -1,2 +1,14 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{
+    pageId: {
+        type: NumberConstructor;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageId: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>>, {
+    pageId: number;
+}, {}>;
 export default _default;

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; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}