super-page-designer 2.1.18 → 2.1.22

package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr-base.vue.js

@@ -6,7 +6,7 @@ import BindVariable from "../../common/common-variable-bind.vue.js";
 import _sfc_main$1 from "../../common/common-function-code.vue.js";
 import _sfc_main$3 from "../common/title-suffix.vue.js";
 import _sfc_main$4 from "../common/verification-custom.vue.js";
-import _sfc_main$2 from "../../common/common-i18n-setting.vue.js";
+import _sfc_main$2 from "../../common/common-title-setting.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -66,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => openCollapseItems.value = $event),
+            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [
@@ -191,21 +191,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     withDirectives(createVNode(_component_el_form_item, {
                       label: "标题",
                       class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input, {
-                          modelValue: __props.configure.props.base.title,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.title = $event),
-                          placeholder: "请输入"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }, 512), [
-                      [vShow, __props.configure.props.base.tittleShow]
-                    ]),
-                    createVNode(_component_el_form_item, {
-                      label: "国际化标题",
-                      class: "amb-design-attr-item"
                     }, {
                       default: withCtx(() => [
                         createVNode(_sfc_main$2, {
@@ -214,7 +199,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["configure", "systemCode"])
                       ]),
                       _: 1
-                    }),
+                    }, 512), [
+                      [vShow, __props.configure.props.base.tittleShow]
+                    ]),
                     withDirectives(createVNode(_component_el_form_item, {
                       label: "标题宽度",
                       class: "amb-design-attr-item"
@@ -222,7 +209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input_number, {
                           modelValue: __props.configure.props.base.titleWidth,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.titleWidth = $event),
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.titleWidth = $event),
                           style: { "width": "100%" },
                           min: 0,
                           max: 200,
@@ -240,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
                           modelValue: __props.configure.props.base.placeholder,
-                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.placeholder = $event),
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.placeholder = $event),
                           placeholder: "请输入"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -253,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input_number, {
                           modelValue: __props.configure.props.base.rows,
-                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.rows = $event),
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.rows = $event),
                           min: 1
                         }, null, 8, ["modelValue"])
                       ]),
@@ -266,7 +253,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_switch, {
                           modelValue: __props.configure.props.base.showInputNum,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.showInputNum = $event)
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.showInputNum = $event)
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
@@ -278,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_switch, {
                           modelValue: __props.configure.props.base.isOpinion,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.isOpinion = $event)
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.isOpinion = $event)
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
@@ -290,7 +277,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.size,
-                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.size = $event),
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.size = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -325,7 +312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.state,
-                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.props.base.state = $event),
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.state = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -375,7 +362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_checkbox, {
                           modelValue: __props.configure.props.verification.required,
-                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.props.verification.required = $event),
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.props.verification.required = $event),
                           label: "必填"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -390,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_checkbox, {
                               modelValue: __props.configure.props.verification.verifyMinLength,
-                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.verification.verifyMinLength = $event),
+                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.props.verification.verifyMinLength = $event),
                               label: "最小长度",
                               value: "min"
                             }, null, 8, ["modelValue"])
@@ -401,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_input_number, {
                               modelValue: __props.configure.props.verification.minLength,
-                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.verification.minLength = $event),
+                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.verification.minLength = $event),
                               class: "mx-4",
                               min: 0,
                               "controls-position": "right",
@@ -422,7 +409,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_checkbox, {
                               modelValue: __props.configure.props.verification.verifyMaxLength,
-                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.verification.verifyMaxLength = $event),
+                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.verification.verifyMaxLength = $event),
                               label: "最大长度",
                               value: "max"
                             }, null, 8, ["modelValue"])
@@ -433,7 +420,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_input_number, {
                               modelValue: __props.configure.props.verification.maxLength,
-                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.verification.maxLength = $event),
+                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.verification.maxLength = $event),
                               class: "mx-4",
                               min: 0,
                               "controls-position": "right",
@@ -454,7 +441,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_checkbox, {
                               modelValue: __props.configure.props.verification.verifyRegex,
-                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.props.verification.verifyRegex = $event),
+                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.verification.verifyRegex = $event),
                               label: "正则",
                               value: "regex"
                             }, null, 8, ["modelValue"])
@@ -465,7 +452,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_input, {
                               modelValue: __props.configure.props.verification.regex,
-                              "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => __props.configure.props.verification.regex = $event),
+                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.props.verification.regex = $event),
                               class: "mx-4",
                               "controls-position": "right",
                               placeholder: "请输入"

package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr.vue.js

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

package/dist/es/components/design/views/assemblys/page/component/weight-field-input.vue.js

@@ -42,8 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function fieldChange(val, row) {
       row.fieldalias = "";
-      if (val.length == 0)
-        return;
+      if (val.length == 0) return;
       props.fieldList.forEach((item) => {
         val.forEach((Ttem) => {
           if (item.dbColumnName === Ttem) {

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",
@@ -107,7 +107,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               (openBlock(), createBlock(_sfc_main$1, {
                 key: __props.configure.uuid,
-                size: __props.configure.props.size
+                size: __props.configure.props.size,
+                showCalcHeight: true
               }, null, 8, ["size"]))
             ]),
             _: 1

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({
@@ -156,7 +156,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               (openBlock(), createBlock(_sfc_main$1, {
                 key: __props.configure.uuid,
-                size: __props.configure.props.size
+                size: __props.configure.props.size,
+                showCalcHeight: true
               }, null, 8, ["size"]))
             ]),
             _: 1

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/assemblys/workflow/workflow-node/workflownode-attr-base.vue.js

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

package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-attr.vue.js

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

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

@@ -164,14 +164,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return function() {
         let context = this;
         let args = arguments;
-        if (timeout)
-          clearTimeout(timeout);
+        if (timeout) clearTimeout(timeout);
         let callNow = !timeout;
         timeout = setTimeout(() => {
           timeout = null;
         }, wait);
-        if (callNow)
-          fn.apply(context, args);
+        if (callNow) fn.apply(context, args);
       };
     }
     function workflowDefVersionChange(newDef) {

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";
+import _sfc_main from "./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-26f79956"]]);
 export {

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

@@ -1 +1,335 @@
-
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
+import { useLocalStorage } from "@vueuse/core";
+import { Search } 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-26f79956"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
+  class: "pppp"
+};
+const _hoisted_2 = { style: { "color": "#909399", "font-size": "14px" } };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { class: "editorTool" };
+const _hoisted_6 = /* @__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;
+    ref(false);
+    const editorStyle = ref({ theme: "default", fontSize: 14, searchOpen: false });
+    const editor = ref(null);
+    const codemirrorRef = ref(null);
+    const editorContentRef = ref(null);
+    const showStyle = ref({
+      backgroundColor: "#fff",
+      color: "#333",
+      border: "1px solid #ddd",
+      overflow: "auto"
+    });
+    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 resize() {
+      if (codemirrorRef.value) {
+        setTimeout(() => {
+          const rect = codemirrorRef.value.getBoundingClientRect();
+          const editorHeight = window.innerHeight - rect.y - 30 + "px";
+          if (editor.value && editor.value.dom) {
+            editor.value.dom.style["height"] = editorHeight;
+          }
+        }, 10);
+      }
+    }
+    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) {
+            console.log("update", value.state.doc.toString());
+            props.eventForm.jsContent = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    function getTheme() {
+      return EditorView.theme({});
+    }
+    function updateJsContent(newEvent) {
+      const hisValue = props.eventForm.jsContent ? props.eventForm.jsContent : "";
+      if (newEvent && props.eventForm) {
+        if (!newEvent.jsContent) {
+          newEvent.jsContent = "";
+        }
+        Object.assign(props.eventForm, newEvent);
+        editor.value.dispatch({
+          changes: { from: 0, to: hisValue.length, insert: props.eventForm.jsContent }
+        });
+      }
+    }
+    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({ resize, updateJsContent });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      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", {
+        style: { "padding-right": "20px" },
+        ref_key: "editorContentRef",
+        ref: editorContentRef
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("span", _hoisted_2, [
+            createTextVNode(" function "),
+            __props.eventForm.name === "customFunc" ? (openBlock(), createElementBlock("span", _hoisted_3, [
+              createTextVNode(" ( "),
+              createVNode(_component_el_input, {
+                size: "small",
+                modelValue: __props.eventForm.funcParam,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.eventForm.funcParam = $event),
+                style: { "width": "300px" },
+                title: "方法参数"
+              }, null, 8, ["modelValue"]),
+              createTextVNode(" ) ")
+            ])) : (openBlock(), createElementBlock("span", _hoisted_4, " ( params ) ")),
+            createTextVNode("{ ")
+          ]),
+          createElementVNode("span", _hoisted_5, [
+            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[1] || (_cache[1] = ($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[2] || (_cache[2] = ($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
+          })
+        ]),
+        createElementVNode("div", {
+          style: normalizeStyle(showStyle.value),
+          id: "cf-codemirror",
+          ref_key: "codemirrorRef",
+          ref: codemirrorRef
+        }, null, 4),
+        _hoisted_6
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       if (hisEvents) {
         for (let e of hisEvents) {
-          if (!e.componentUuid) {
+          if (!e.componentUuid && currentComponent.value.name === "page") {
             e.componentUuid = currentComponent.value && currentComponent.value.uuid ? currentComponent.value.uuid : "page";
           }
           if (!e.componentLabel) {