super-page-designer 0.0.1-tmp1

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

@@ -0,0 +1,215 @@
+import { defineComponent, ref, reactive, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, createVNode, vShow, createBlock, unref, createCommentVNode } 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";
+import { addPermission, delPermission } from "../../utils/page-permission-util.js";
+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";
+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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "page-design",
+  setup(__props) {
+    const pageContextUtil = usePageContextStore();
+    const clickType = ref("page");
+    const pageDesign = {
+      id: 31,
+      code: "9307994b-2668-44e9-a266-5662780ba084",
+      name: "page",
+      label: "页面",
+      version: 1,
+      systemCode: getSystemCode(),
+      systemVersion: getPublishVersion(),
+      dbName: "",
+      tableName: "",
+      tableAlias: "",
+      workflowCode: "",
+      workflowVersion: 0,
+      //模型的字段
+      modelFields: [],
+      logicDesigns: [],
+      //子集对象
+      items: [],
+      props: {
+        // 无ID初始化条件
+        notIdInitializationList: "[]",
+        // 判重组合字段
+        judgeHeavyList: []
+      },
+      style: {},
+      events: [
+        {
+          // 页面布局等加载后，但数据加载前时
+          name: "beforeload",
+          label: "加载前"
+        },
+        {
+          // 数据加载后
+          name: "load",
+          label: "加载后"
+        },
+        {
+          name: "resize",
+          label: "尺寸变化",
+          params: [
+            {
+              name: "width",
+              label: "宽度",
+              type: "number"
+            },
+            {
+              name: "height",
+              label: "高度",
+              type: "number"
+            }
+          ]
+        }
+      ]
+    };
+    ref(null);
+    ref(null);
+    const pageInfo = reactive(pageDesign);
+    const definitionId = ref(null);
+    const systemCode = getSystemCode();
+    const publishVersion = 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);
+      });
+    }
+    pageContextUtil.setPageContext(pageDesign);
+    watch(
+      () => pageInfo.label,
+      () => {
+        managePagePermission(pageInfo);
+      },
+      { immediate: true }
+    );
+    watch(
+      () => pageInfo.pageType,
+      () => {
+        managePagePermission(pageInfo);
+      },
+      { immediate: true }
+    );
+    watch(
+      () => pageInfo.props.activeWorkflow,
+      () => {
+        managePagePermission(pageInfo);
+      },
+      { immediate: true }
+    );
+    function managePagePermission(pageDesign2) {
+      addPermission(pageDesign2, "page", pageDesign2.label, "-1");
+      const allAutos = ["gets", "workflowGets", "listData", "listSubData"];
+      const adds = [];
+      if (!pageDesign2.pageType || pageDesign2.pageType == "form") {
+        addPermission(pageDesign2, "gets", "", "-1");
+        adds.push("gets");
+        const propsBase = pageDesign2.props ? pageDesign2.props : {};
+        if (propsBase.activeWorkflow) {
+          addPermission(pageDesign2, "workflowGets", "", "-1");
+          adds.push("workflowGets");
+        }
+      } else if (pageDesign2.pageType == "list") {
+        addPermission(pageDesign2, "listData", "", "-1");
+        addPermission(pageDesign2, "listSubData", "", "-1");
+        adds.push("listData");
+        adds.push("listSubData");
+      }
+      for (let eventName of allAutos) {
+        if (!adds.includes(eventName)) {
+          delPermission(pageDesign2, eventName, "-1");
+        }
+      }
+    }
+    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;
+        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;
+          });
+        } else {
+          clickType.value = "workflow";
+        }
+      } else {
+        ElMessage({
+          type: "warning",
+          showClose: true,
+          message: "请在页面设计/属性/工作流中先绑定流程"
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_workflow_editor = resolveComponent("workflow-editor");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("label", {
+              class: normalizeClass({ selected: clickType.value === "page" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "page")
+            }, "页面设计", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: clickType.value === "workflow" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => clickWorkflow())
+            }, "工作流设计", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: clickType.value === "front" }),
+              onClick: _cache[2] || (_cache[2] = ($event) => clickType.value = "front")
+            }, "前端逻辑", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: clickType.value === "service" }),
+              onClick: _cache[3] || (_cache[3] = ($event) => clickType.value = "service")
+            }, "服务编排", 2)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          withDirectives(createVNode(_sfc_main$1, { configure: pageInfo }, 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"])), [
+            [vShow, clickType.value === "workflow"]
+          ]) : createCommentVNode("", true),
+          withDirectives(createVNode(unref(ServiceFlowDesginer), { pageContext: pageInfo }, null, 8, ["pageContext"]), [
+            [vShow, clickType.value === "service"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./page-design.vue.js";
+export {
+  _sfc_main as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,325 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, withCtx, unref, pushScopeId, popScopeId } from "vue";
+import { useLocalStorage } from "@vueuse/core";
+import { Search, FullScreen } from "@element-plus/icons-vue";
+import { EditorView, basicSetup } from "codemirror";
+import { javascriptLanguage, javascript } from "@codemirror/lang-javascript";
+import { EditorState } from "@codemirror/state";
+import "@codemirror/autocomplete";
+import "@codemirror/language";
+import { openSearchPanel } from "@codemirror/search";
+const _withScopeId = (n) => (pushScopeId("data-v-6727254b"), n = n(), popScopeId(), n);
+const _hoisted_1 = { style: { "height": "400px" } };
+const _hoisted_2 = {
+  style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
+  class: "pppp"
+};
+const _hoisted_3 = { style: { "color": "#909399", "font-size": "14px" } };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = { class: "editorTool" };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", {
+  style: {
+    minHeight: "400px",
+    maxHeight: "700px",
+    backgroundColor: "#fff",
+    color: "#333",
+    outline: "1px dotted #212121",
+    overflow: "auto"
+  },
+  id: "cf-codemirror"
+}, null, -1));
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "color": "gray" } }, " }", -1));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "config",
+  props: {
+    eventForm: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["fullScreen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const fullScreenDrawer = ref(false);
+    const editorStyle = ref({ theme: "default", fontSize: 14, searchOpen: false });
+    const editor = ref(null);
+    onMounted(() => {
+      console.log("eventForm===", props.eventForm);
+      let cacheEditorStyle = useLocalStorage("editorStyle", "").value;
+      if (cacheEditorStyle) {
+        cacheEditorStyle = JSON.parse(cacheEditorStyle);
+        editorStyle.value.theme = cacheEditorStyle.theme || "default";
+        editorStyle.value.fontSize = cacheEditorStyle.fontSize || 14;
+      }
+      loadEditor();
+    });
+    function showFullScreen() {
+      if (fullScreenDrawer.value === true) {
+        fullScreenDrawer.value = false;
+        emits("fullScreen", { withHeader: true, drawerWidth: "50%" });
+      } else {
+        fullScreenDrawer.value = true;
+        emits("fullScreen", { withHeader: false, drawerWidth: "100%" });
+      }
+    }
+    const jsDocCompletions = javascriptLanguage.data.of({
+      autocomplete: myCompletions
+    });
+    function changeEditorState() {
+      useLocalStorage("editorStyle", editorStyle.value).value = editorStyle.value;
+      if (editor.value) {
+        if (editor.value) {
+          editor.value.destroy();
+        }
+        loadEditor();
+      }
+    }
+    function getEditorState() {
+      const mytheme = getTheme();
+      const baseTheme = EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: "400px" },
+        "&": {
+          fontSize: editorStyle.value.fontSize + "px"
+        }
+      });
+      return EditorState.create({
+        doc: props.eventForm.jsContent,
+        extensions: [
+          EditorState.tabSize.of(16),
+          basicSetup,
+          javascript(),
+          jsDocCompletions,
+          mytheme,
+          baseTheme,
+          EditorView.updateListener.of(function(value) {
+            props.eventForm.jsContent = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    function getTheme() {
+      return EditorView.theme({});
+    }
+    function loadEditor() {
+      const state = getEditorState();
+      editor.value = new EditorView({
+        state,
+        parent: document.getElementById("cf-codemirror")
+      });
+    }
+    function myCompletions(context) {
+      let word = context.matchBefore(/\w*|logicContext\./);
+      if (word) {
+        if (word.from == word.to && !context.explicit)
+          return null;
+        if ((word == null ? void 0 : word.text) === "logicContext.") {
+          return {
+            from: word.from,
+            options: [
+              { label: "logicContext.page", type: "property", info: "页面变量" },
+              { label: "logicContext.logic", type: "property", info: "页面变量" },
+              { label: "logicContext.task", type: "property", info: "任务变量" },
+              { label: "logicContext.context", type: "property", info: "上下文变量" },
+              { label: "logicContext.system", type: "property", info: "系统变量" },
+              { label: "logicContext.data", type: "property", info: "数据模型变量" }
+            ]
+          };
+        } else {
+          return {
+            from: word.from,
+            options: [{ label: "logicContext", type: "property" }]
+          };
+        }
+      } else {
+        return null;
+      }
+    }
+    function openSearch() {
+      if (editor.value) {
+        editor.value.focus();
+        let newState = openSearchPanel(editor.value);
+        if (newState) {
+          editor.value.update([transaction]);
+        }
+      }
+    }
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, [
+            createTextVNode(" function "),
+            __props.eventForm.name === "customFunc" ? (openBlock(), createElementBlock("span", _hoisted_4, " $page_" + toDisplayString(__props.eventForm.eventName) + "(" + toDisplayString(__props.eventForm.funcParam ? __props.eventForm.funcParam : "") + ") ", 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.eventForm.eventName) + "(params) ", 1)),
+            createTextVNode("{")
+          ]),
+          createElementVNode("span", _hoisted_6, [
+            createVNode(_component_el_tooltip, {
+              class: "box-item",
+              effect: "dark",
+              content: "切换主题",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  class: "editorOption",
+                  onChange: changeEditorState,
+                  modelValue: editorStyle.value.theme,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editorStyle.value.theme = $event),
+                  placeholder: "",
+                  size: "small",
+                  style: { "width": "120px" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "默认",
+                      value: "default"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "VScodeDark",
+                      value: "vscodeDark"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "Dracula",
+                      value: "dracula"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "GithubLight",
+                      value: "githubLight"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "GithubDark",
+                      value: "githubDark"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "Eclipse",
+                      value: "eclipse"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "XcodeLight",
+                      value: "xcodeLight"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "XcodeDark",
+                      value: "xcodeDark"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_tooltip, {
+              class: "box-item",
+              effect: "dark",
+              content: "切换字体大小",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  class: "editorOption",
+                  modelValue: editorStyle.value.fontSize,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editorStyle.value.fontSize = $event),
+                  placeholder: "",
+                  onChange: changeEditorState,
+                  size: "small",
+                  style: { "width": "80px" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "12",
+                      value: 12
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "14",
+                      value: 14
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "16",
+                      value: 16
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "18",
+                      value: 18
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "20",
+                      value: 20
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "22",
+                      value: 22
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "24",
+                      value: 24
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "26",
+                      value: 26
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "28",
+                      value: 28
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          createVNode(_component_el_tooltip, {
+            class: "box-item",
+            effect: "dark",
+            content: "打开搜索",
+            placement: "top"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_icon, {
+                class: "editorOption",
+                onClick: openSearch
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Search))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_tooltip, {
+            class: "box-item",
+            effect: "dark",
+            content: fullScreenDrawer.value ? "退出全屏" : "全屏",
+            placement: "top"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_icon, {
+                style: { "cursor": "pointer" },
+                onClick: showFullScreen
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(FullScreen))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        _hoisted_7,
+        _hoisted_8
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,31 @@
+import { PageDesign } from '../../../utils/interfaces/page-design-types';
+
+interface MyProps {
+    configure: PageDesign;
+    configureObj: any;
+    editEvent: any;
+}
+declare function doCreateEvent(eventForm: any): void;
+declare function changeSelectEvent(eventForm: any): void;
+declare function changeSelectStandardEvent(standardEventName: string, eventLabel: string): void;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<MyProps>, {
+    changeSelectEvent: typeof changeSelectEvent;
+    doCreateEvent: typeof doCreateEvent;
+    changeSelectStandardEvent: typeof changeSelectStandardEvent;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "add-event": (...args: any[]) => void;
+    "change-event": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & {
+    "onAdd-event"?: (...args: any[]) => any;
+    "onChange-event"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};