super-page-designer 1.2.6 → 2.0.4

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

@@ -1,214 +0,0 @@
-"use strict";
-const vue = require("vue");
-const viewDesign_vue_vue_type_script_setup_true_lang = require("./view/view-design.vue.js");
-const pageHelperUtil = require("../../utils/page-helper-util.js");
-const pageTableUtil = require("../../utils/page-table-util.js");
-const pagePermissionUtil = require("../../utils/page-permission-util.js");
-const pageStore = require("../../../../stores/page-store.js");
-const serviceFlowDesigner = require("service-flow-designer");
-const system = require("../../utils/system.js");
-const pageDesignUtil = require("../../utils/page-design-util.js");
-const elementPlus = require("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__ */ vue.defineComponent({
-  __name: "page-design",
-  setup(__props) {
-    const pageContextUtil = pageStore.usePageContextStore();
-    const clickType = vue.ref("page");
-    const pageDesign = {
-      id: 31,
-      code: "9307994b-2668-44e9-a266-5662780ba084",
-      name: "page",
-      label: "页面",
-      version: 1,
-      systemCode: system.getSystemCode(),
-      systemVersion: system.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"
-            }
-          ]
-        }
-      ]
-    };
-    vue.ref(null);
-    vue.ref(null);
-    const pageInfo = vue.reactive(pageDesign);
-    const definitionId = vue.ref(null);
-    const systemCode = system.getSystemCode();
-    const publishVersion = system.getPublishVersion();
-    const selectWfCode = vue.ref(null);
-    const selectWfVersion = vue.ref(null);
-    const isShowWfEditor = vue.ref(false);
-    pageHelperUtil.initComponentRefState(pageInfo);
-    if (pageInfo.tableName) {
-      const systemCode2 = pageInfo.tableSysCode ? pageInfo.tableSysCode : pageInfo.systemCode;
-      const systemVersion = pageInfo.tableSysVersion ? pageInfo.tableSysVersion : pageInfo.systemVersion;
-      pageTableUtil.queryTableFields(systemCode2, systemVersion, pageInfo.tableName).then((tableFields) => {
-        pageInfo.modelFields = tableFields;
-        pageContextUtil.setPageContext(pageInfo);
-      });
-    }
-    pageContextUtil.setPageContext(pageDesign);
-    vue.watch(
-      () => pageInfo.label,
-      () => {
-        managePagePermission(pageInfo);
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => pageInfo.pageType,
-      () => {
-        managePagePermission(pageInfo);
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => pageInfo.props.activeWorkflow,
-      () => {
-        managePagePermission(pageInfo);
-      },
-      { immediate: true }
-    );
-    function managePagePermission(pageDesign2) {
-      pagePermissionUtil.addPermission(pageDesign2, "page", pageDesign2.label, "-1");
-      const allAutos = ["gets", "workflowGets", "listData", "listSubData"];
-      const adds = [];
-      if (!pageDesign2.pageType || pageDesign2.pageType == "form") {
-        pagePermissionUtil.addPermission(pageDesign2, "gets", "", "-1");
-        adds.push("gets");
-        const propsBase = pageDesign2.props ? pageDesign2.props : {};
-        if (propsBase.activeWorkflow) {
-          pagePermissionUtil.addPermission(pageDesign2, "workflowGets", "", "-1");
-          adds.push("workflowGets");
-        }
-      } else if (pageDesign2.pageType == "list") {
-        pagePermissionUtil.addPermission(pageDesign2, "listData", "", "-1");
-        pagePermissionUtil.addPermission(pageDesign2, "listSubData", "", "-1");
-        adds.push("listData");
-        adds.push("listSubData");
-      }
-      for (let eventName of allAutos) {
-        if (!adds.includes(eventName)) {
-          pagePermissionUtil.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;
-          pageDesignUtil.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 {
-        elementPlus.ElMessage({
-          type: "warning",
-          showClose: true,
-          message: "请在页面设计/属性/工作流中先绑定流程"
-        });
-      }
-    }
-    return (_ctx, _cache) => {
-      const _component_workflow_editor = vue.resolveComponent("workflow-editor");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass({ selected: clickType.value === "page" }),
-              onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "page")
-            }, "页面设计", 2),
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass({ selected: clickType.value === "workflow" }),
-              onClick: _cache[1] || (_cache[1] = ($event) => clickWorkflow())
-            }, "工作流设计", 2),
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass({ selected: clickType.value === "front" }),
-              onClick: _cache[2] || (_cache[2] = ($event) => clickType.value = "front")
-            }, "前端逻辑", 2),
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass({ selected: clickType.value === "service" }),
-              onClick: _cache[3] || (_cache[3] = ($event) => clickType.value = "service")
-            }, "服务编排", 2)
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.withDirectives(vue.createVNode(viewDesign_vue_vue_type_script_setup_true_lang, { configure: pageInfo }, null, 8, ["configure"]), [
-            [vue.vShow, clickType.value === "page"]
-          ]),
-          isShowWfEditor.value ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_workflow_editor, {
-            key: 0,
-            id: definitionId.value,
-            "system-code": vue.unref(systemCode),
-            "system-publish-version": vue.unref(publishVersion),
-            onBack: _ctx.goBack
-          }, null, 8, ["id", "system-code", "system-publish-version", "onBack"])), [
-            [vue.vShow, clickType.value === "workflow"]
-          ]) : vue.createCommentVNode("", true),
-          vue.withDirectives(vue.createVNode(vue.unref(serviceFlowDesigner.ServiceFlowDesginer), { pageContext: pageInfo }, null, 8, ["pageContext"]), [
-            [vue.vShow, clickType.value === "service"]
-          ])
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

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

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

@@ -1,13 +0,0 @@
-
-.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/lib/components/design/views/design/page-event/config.vue.d.ts

@@ -1,18 +0,0 @@
-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/lib/components/design/views/design/page-event/config.vue.js

@@ -1,6 +0,0 @@
-"use strict";
-const config_vue_vue_type_script_setup_true_lang = require("./config.vue2.js");
-;/* empty css             */
-const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
-const config = /* @__PURE__ */ _pluginVue_exportHelper(config_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-6727254b"]]);
-module.exports = config;

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

@@ -1,324 +0,0 @@
-"use strict";
-const vue = require("vue");
-const core = require("@vueuse/core");
-const iconsVue = require("@element-plus/icons-vue");
-const codemirror = require("codemirror");
-const langJavascript = require("@codemirror/lang-javascript");
-const state = require("@codemirror/state");
-require("@codemirror/autocomplete");
-require("@codemirror/language");
-const search = require("@codemirror/search");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-6727254b"), n = n(), vue.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__ */ vue.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__ */ vue.createElementVNode("span", { style: { "color": "gray" } }, " }", -1));
-const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(false);
-    const editorStyle = vue.ref({ theme: "default", fontSize: 14, searchOpen: false });
-    const editor = vue.ref(null);
-    onMounted(() => {
-      console.log("eventForm===", props.eventForm);
-      let cacheEditorStyle = core.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 = langJavascript.javascriptLanguage.data.of({
-      autocomplete: myCompletions
-    });
-    function changeEditorState() {
-      core.useLocalStorage("editorStyle", editorStyle.value).value = editorStyle.value;
-      if (editor.value) {
-        if (editor.value) {
-          editor.value.destroy();
-        }
-        loadEditor();
-      }
-    }
-    function getEditorState() {
-      const mytheme = getTheme();
-      const baseTheme = codemirror.EditorView.theme({
-        ".cm-content, .cm-gutter": { minHeight: "400px" },
-        "&": {
-          fontSize: editorStyle.value.fontSize + "px"
-        }
-      });
-      return state.EditorState.create({
-        doc: props.eventForm.jsContent,
-        extensions: [
-          state.EditorState.tabSize.of(16),
-          codemirror.basicSetup,
-          langJavascript.javascript(),
-          jsDocCompletions,
-          mytheme,
-          baseTheme,
-          codemirror.EditorView.updateListener.of(function(value) {
-            props.eventForm.jsContent = value.state.doc.toString();
-          })
-        ]
-      });
-    }
-    function getTheme() {
-      return codemirror.EditorView.theme({});
-    }
-    function loadEditor() {
-      const state2 = getEditorState();
-      editor.value = new codemirror.EditorView({
-        state: state2,
-        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 = search.openSearchPanel(editor.value);
-        if (newState) {
-          editor.value.update([transaction]);
-        }
-      }
-    }
-    __expose({});
-    return (_ctx, _cache) => {
-      const _component_el_option = vue.resolveComponent("el-option");
-      const _component_el_select = vue.resolveComponent("el-select");
-      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-      const _component_el_icon = vue.resolveComponent("el-icon");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("span", _hoisted_3, [
-            vue.createTextVNode(" function "),
-            __props.eventForm.name === "customFunc" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " $page_" + vue.toDisplayString(__props.eventForm.eventName) + "(" + vue.toDisplayString(__props.eventForm.funcParam ? __props.eventForm.funcParam : "") + ") ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(__props.eventForm.eventName) + "(params) ", 1)),
-            vue.createTextVNode("{")
-          ]),
-          vue.createElementVNode("span", _hoisted_6, [
-            vue.createVNode(_component_el_tooltip, {
-              class: "box-item",
-              effect: "dark",
-              content: "切换主题",
-              placement: "top"
-            }, {
-              default: vue.withCtx(() => [
-                vue.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: vue.withCtx(() => [
-                    vue.createVNode(_component_el_option, {
-                      label: "默认",
-                      value: "default"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "VScodeDark",
-                      value: "vscodeDark"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "Dracula",
-                      value: "dracula"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "GithubLight",
-                      value: "githubLight"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "GithubDark",
-                      value: "githubDark"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "Eclipse",
-                      value: "eclipse"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "XcodeLight",
-                      value: "xcodeLight"
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "XcodeDark",
-                      value: "xcodeDark"
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_tooltip, {
-              class: "box-item",
-              effect: "dark",
-              content: "切换字体大小",
-              placement: "top"
-            }, {
-              default: vue.withCtx(() => [
-                vue.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: vue.withCtx(() => [
-                    vue.createVNode(_component_el_option, {
-                      label: "12",
-                      value: 12
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "14",
-                      value: 14
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "16",
-                      value: 16
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "18",
-                      value: 18
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "20",
-                      value: 20
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "22",
-                      value: 22
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "24",
-                      value: 24
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "26",
-                      value: 26
-                    }),
-                    vue.createVNode(_component_el_option, {
-                      label: "28",
-                      value: 28
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            })
-          ]),
-          vue.createVNode(_component_el_tooltip, {
-            class: "box-item",
-            effect: "dark",
-            content: "打开搜索",
-            placement: "top"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_icon, {
-                class: "editorOption",
-                onClick: openSearch
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.Search))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          vue.createVNode(_component_el_tooltip, {
-            class: "box-item",
-            effect: "dark",
-            content: fullScreenDrawer.value ? "退出全屏" : "全屏",
-            placement: "top"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_icon, {
-                style: { "cursor": "pointer" },
-                onClick: showFullScreen
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.FullScreen))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["content"])
-        ]),
-        _hoisted_7,
-        _hoisted_8
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

@@ -1,31 +0,0 @@
-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;
-    };
-};