super-page-designer 2.1.13 → 2.1.18

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

@@ -1,336 +1 @@
-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/view/view-design-display.vue.js

@@ -15,7 +15,7 @@ import "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
-import "../page-event/config.vue2.js";
+import "../page-event/config.vue3.js";
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";