super-page-designer 2.1.94 → 2.2.2

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

@@ -1,432 +1,73 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
-import { useLocalStorage } from "@vueuse/core";
-import { Search, MagicStick } from "@element-plus/icons-vue";
-import { EditorView, basicSetup } from "codemirror";
-import { javascriptLanguage, javascript } from "@codemirror/lang-javascript";
-import { EditorState } from "@codemirror/state";
+import { defineComponent as e, ref as t, onMounted as o, resolveComponent as n, openBlock as l, createElementBlock as a, createElementVNode as i, createTextVNode as r, createVNode as u, withCtx as c, unref as f, normalizeStyle as d, pushScopeId as s, popScopeId as p } from "vue";
+import { useLocalStorage as m } from "@vueuse/core";
+import { Search as g, MagicStick as v } from "@element-plus/icons-vue";
+import { EditorView as w, basicSetup as y } from "codemirror";
+import { javascriptLanguage as b, javascript as h } from "@codemirror/lang-javascript";
+import { EditorState as x } from "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
-import { openSearchPanel } from "@codemirror/search";
-import beautify from "js-beautify";
-const _withScopeId = (n) => (pushScopeId("data-v-bc0d50cd"), 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) {
-      var _a;
-      const hisValue = props.eventForm.jsContent ? props.eventForm.jsContent : "";
-      if (newEvent && props.eventForm) {
-        if (!newEvent.jsContent) {
-          newEvent.jsContent = "";
-        }
-        Object.assign(props.eventForm, newEvent);
-        (_a = editor.value) == null ? void 0 : _a.dispatch({
-          changes: { from: 0, to: hisValue.length, insert: props.eventForm.jsContent }
-        });
-      }
+import { openSearchPanel as _ } from "@codemirror/search";
+import C from "js-beautify";
+const $ = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, P = { style: { color: "#909399", "font-size": "14px" } }, U = { key: 0 }, k = { key: 1 }, F = { class: "editorTool" }, S = ((e2) => (s("data-v-bc0d50cd"), e2 = e2(), p(), e2))(() => i("span", { style: { color: "gray" } }, " }", -1)), j = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: s2, emit: p2 }) {
+  const j2 = e2;
+  t(false);
+  const z = t({ theme: "default", fontSize: 14, searchOpen: false }), V = t(null), E = t(null), D = t(null), O = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
+  o(() => {
+    let e3 = m("editorStyle", "").value;
+    e3 && (e3 = JSON.parse(e3), z.value.theme = e3.theme || "default", z.value.fontSize = e3.fontSize || 14), H();
+  });
+  const B = b.data.of({ autocomplete: function(e3) {
+    let t2 = e3.matchBefore(/\w*|window\.\$PageUtil\.|window\.|logicContext\./);
+    if (t2) {
+      if ("window." === (t2 == null ? void 0 : t2.text))
+        return { from: t2.from, options: [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http()", type: "property", info: "接口调用" }] };
+      if ("window.$message." === (t2 == null ? void 0 : t2.text))
+        return { form: t2.from, options: [{ label: "window.$message.info()", type: "function", info: "提示消息" }, { label: "window.$message.success()", type: "function", info: "成功消息" }, { label: "window.$message.warning()", type: "function", info: "警告消息" }, { label: "window.$message.error()", type: "function", info: "错误消息" }] };
+      if ("window.$PageUtil." === (t2 == null ? void 0 : t2.text))
+        return { from: t2.from, options: [{ label: "window.$PageUtil.standardEvents", type: "function", info: "显示方法" }, { label: "window.$PageUtil.showElement()", type: "function", info: "显示页面中的某个组件元素" }, { label: "window.$PageUtil.hideElement()", type: "function", info: "隐藏页面中的某个组件元素" }, { label: "window.$PageUtil.enableElement()", type: "function", info: "设置组件元素可用状态" }, { label: "window.$PageUtil.disableElement()", type: "function", info: "禁用页面中的某个组件元素" }, { label: "window.$PageUtil.setEntityDataValue()", type: "function", info: "设置Data值" }, { label: "window.$PageUtil.setEntityPageValue()", type: "function", info: "设置页面变量值" }, { label: "window.$PageUtil.setEntityValueByType()", type: "function", info: "根据类型设置值" }, { label: "window.$PageUtil.dsiabledAllFields()", type: "function", info: "禁用所有字段" }, { label: "window.$PageUtil.dynamicControlFormEdit()", type: "function", info: "表单编辑权限动态控制" }, { label: "window.$PageUtil.dynamicControlTableEdit()", type: "function", info: "控制表格编辑权限" }, { label: "window.$PageUtil.openPage()", type: "function", info: "打开页面" }, { label: "window.$PageUtil.refreshPage()", type: "function", info: "刷新页面" }, { label: "window.$PageUtil.refreshSubTableHandle()", type: "function", info: "刷新表单中子表内容" }, { label: "window.$PageUtil.refreshChildData()", type: "function", info: "对外开放的api方法更新子表集合" }, { label: "window.$PageUtil.getServerConfigValue()", type: "function", info: "根据key获得serverConfig中配置的信息" }, { label: "window.$PageUtil.getBackendUrl()", type: "function", info: "获得当前系统的后端访问路径" }, { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }] };
+      if ("logicContext." === (t2 == null ? void 0 : t2.text))
+        return { from: t2.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: "数据模型变量" }] };
     }
-    function loadEditor() {
-      const state = getEditorState();
-      editor.value = new EditorView({
-        state,
-        parent: document.getElementById("cf-codemirror") || void 0
-      });
-    }
-    function myCompletions(context) {
-      let word = context.matchBefore(/\w*|window\.\$PageUtil\.|window\.|logicContext\./);
-      if (word) {
-        if ((word == null ? void 0 : word.text) === "window.") {
-          return {
-            from: word.from,
-            options: [
-              { label: "window.$PageUtil", type: "property", info: "页面工具方法" },
-              { label: "window.$message", type: "property", info: "提示信息" },
-              { label: "window.$http()", type: "property", info: "接口调用" }
-            ]
-          };
-        } else if ((word == null ? void 0 : word.text) === "window.$message.") {
-          return {
-            form: word.from,
-            options: [
-              { label: "window.$message.info()", type: "function", info: "提示消息" },
-              { label: "window.$message.success()", type: "function", info: "成功消息" },
-              { label: "window.$message.warning()", type: "function", info: "警告消息" },
-              { label: "window.$message.error()", type: "function", info: "错误消息" }
-            ]
-          };
-        } else if ((word == null ? void 0 : word.text) === "window.$PageUtil.") {
-          return {
-            from: word.from,
-            options: [
-              { label: "window.$PageUtil.standardEvents", type: "function", info: "显示方法" },
-              { label: "window.$PageUtil.showElement()", type: "function", info: "显示页面中的某个组件元素" },
-              { label: "window.$PageUtil.hideElement()", type: "function", info: "隐藏页面中的某个组件元素" },
-              { label: "window.$PageUtil.enableElement()", type: "function", info: "设置组件元素可用状态" },
-              { label: "window.$PageUtil.disableElement()", type: "function", info: "禁用页面中的某个组件元素" },
-              { label: "window.$PageUtil.setEntityDataValue()", type: "function", info: "设置Data值" },
-              { label: "window.$PageUtil.setEntityPageValue()", type: "function", info: "设置页面变量值" },
-              { label: "window.$PageUtil.setEntityValueByType()", type: "function", info: "根据类型设置值" },
-              { label: "window.$PageUtil.dsiabledAllFields()", type: "function", info: "禁用所有字段" },
-              { label: "window.$PageUtil.dynamicControlFormEdit()", type: "function", info: "表单编辑权限动态控制" },
-              { label: "window.$PageUtil.dynamicControlTableEdit()", type: "function", info: "控制表格编辑权限" },
-              { label: "window.$PageUtil.openPage()", type: "function", info: "打开页面" },
-              { label: "window.$PageUtil.refreshPage()", type: "function", info: "刷新页面" },
-              { label: "window.$PageUtil.refreshSubTableHandle()", type: "function", info: "刷新表单中子表内容" },
-              { label: "window.$PageUtil.refreshChildData()", type: "function", info: "对外开放的api方法更新子表集合" },
-              {
-                label: "window.$PageUtil.getServerConfigValue()",
-                type: "function",
-                info: "根据key获得serverConfig中配置的信息"
-              },
-              { label: "window.$PageUtil.getBackendUrl()", type: "function", info: "获得当前系统的后端访问路径" },
-              { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }
-            ]
-          };
-        } else 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: "数据模型变量" }
-            ]
-          };
-        }
-      }
-      return null;
-    }
-    function openSearch() {
-      if (editor.value) {
-        editor.value.focus();
-        let newState = openSearchPanel(editor.value);
-        if (newState) {
-          editor.value.update([]);
-        }
-      }
+    return null;
+  } });
+  function L() {
+    m("editorStyle", z.value).value = z.value, V.value && (V.value && V.value.destroy(), H());
+  }
+  function T() {
+    const e3 = w.theme({}), t2 = w.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: z.value.fontSize + "px" } });
+    return x.create({ doc: j2.eventForm.jsContent, extensions: [x.tabSize.of(16), y, h(), B, e3, t2, w.updateListener.of(function(e4) {
+      j2.eventForm.jsContent = e4.state.doc.toString();
+    })] });
+  }
+  function H() {
+    const e3 = T();
+    V.value = new w({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
+  }
+  function R() {
+    if (V.value) {
+      V.value.focus(), _(V.value) && V.value.update([]);
     }
-    function formatCode() {
-      if (editor.value) {
-        const code = beautify.js(props.eventForm.jsContent, {
-          indent_level: 0,
-          indent_size: 2,
-          // 每级缩进的空格数
-          space_in_empty_paren: false,
-          // 是否在空括号内加空格
-          max_preserve_newlines: 2,
-          // 最多保留的换行数
-          preserve_newlines: true,
-          // 是否保留原有的换行
-          jslint_happy: false,
-          // 是否遵循 JSLint 的风格
-          keep_array_indentation: false,
-          // 是否保持数组的缩进
-          keep_function_indentation: false,
-          // 是否保持函数的缩进
-          space_before_conditional: true,
-          // 在条件语句前是否加空格
-          break_chained_methods: false,
-          // 是否断开链式调用
-          eval_code: false,
-          // 是否格式化 eval 代码
-          unescape_strings: false,
-          // 是否取消转义字符串中的特殊字符
-          wrap_line_length: 0,
-          // 每行的最大长度
-          end_with_newline: false
-          // 是否以新行结束
-        });
-        editor.value.dispatch({
-          changes: { from: 0, to: props.eventForm.jsContent.length, insert: code }
-        });
-      }
+  }
+  function G() {
+    if (V.value) {
+      const e3 = C.js(j2.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
+      V.value.dispatch({ changes: { from: 0, to: j2.eventForm.jsContent.length, insert: e3 } });
     }
-    __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
-          }),
-          createVNode(_component_el_tooltip, {
-            class: "box-item",
-            effect: "dark",
-            content: "格式化代码",
-            placement: "top"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_icon, {
-                class: "editorOption",
-                onClick: formatCode
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(MagicStick))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        createElementVNode("div", {
-          style: normalizeStyle(showStyle.value),
-          id: "cf-codemirror",
-          ref_key: "codemirrorRef",
-          ref: codemirrorRef
-        }, null, 4),
-        _hoisted_6
-      ], 512);
-    };
   }
-});
+  return s2({ resize: function() {
+    E.value && setTimeout(() => {
+      const e3 = E.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
+      V.value && V.value.dom && (V.value.dom.style.height = t2);
+    }, 10);
+  }, updateJsContent: function(e3) {
+    var _a;
+    const t2 = j2.eventForm.jsContent ? j2.eventForm.jsContent : "";
+    e3 && j2.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(j2.eventForm, e3), (_a = V.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: j2.eventForm.jsContent } }));
+  } }), (t2, o2) => {
+    const s3 = n("el-input"), p3 = n("el-option"), m2 = n("el-select"), w2 = n("el-tooltip"), y2 = n("el-icon");
+    return l(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: D }, [i("div", $, [i("span", P, [r(" function "), "customFunc" === e2.eventForm.name ? (l(), a("span", U, [r(" ( "), u(s3, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": o2[0] || (o2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), r(" ) ")])) : (l(), a("span", k, " ( params ) ")), r("{ ")]), i("span", F, [u(w2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [u(m2, { class: "editorOption", onChange: L, modelValue: z.value.theme, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => z.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [u(p3, { label: "默认", value: "default" }), u(p3, { label: "VScodeDark", value: "vscodeDark" }), u(p3, { label: "Dracula", value: "dracula" }), u(p3, { label: "GithubLight", value: "githubLight" }), u(p3, { label: "GithubDark", value: "githubDark" }), u(p3, { label: "Eclipse", value: "eclipse" }), u(p3, { label: "XcodeLight", value: "xcodeLight" }), u(p3, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(w2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [u(m2, { class: "editorOption", modelValue: z.value.fontSize, "onUpdate:modelValue": o2[2] || (o2[2] = (e3) => z.value.fontSize = e3), placeholder: "", onChange: L, size: "small", style: { width: "80px" } }, { default: c(() => [u(p3, { label: "12", value: 12 }), u(p3, { label: "14", value: 14 }), u(p3, { label: "16", value: 16 }), u(p3, { label: "18", value: 18 }), u(p3, { label: "20", value: 20 }), u(p3, { label: "22", value: 22 }), u(p3, { label: "24", value: 24 }), u(p3, { label: "26", value: 26 }), u(p3, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), u(w2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [u(y2, { class: "editorOption", onClick: R }, { default: c(() => [u(f(g))]), _: 1 })]), _: 1 }), u(w2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [u(y2, { class: "editorOption", onClick: G }, { default: c(() => [u(f(v))]), _: 1 })]), _: 1 })]), i("div", { style: d(O.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: E }, null, 4), S], 512);
+  };
+} });
 export {
-  _sfc_main as default
+  j as default
 };