gepic/dist/core/extensions/EActionEditor/src/EScriptEdit.vue.js

基于vue3的设计器,可视化开发页面表单

import { defineComponent as i, ref as c, inject as m, createElementBlock as s, openBlock as p, createElementVNode as d, createVNode as f, unref as o } from "vue";
import { pluginManager as u } from "../../../../utils/manager/pluginManager.js";
import "@vueuse/core";
import "../../../../hooks/store/index.js";
const g = { class: "h-full flex flex-col" }, b = /* @__PURE__ */ i({
  __name: "EScriptEdit",
  setup(E) {
    const n = u.getComponent("monacoEditor"), r = {
      theme: "vs-light",
      selectOnLineNumbers: !0,
      minimap: {
        enabled: !1
      }
    }, l = c(null), t = m("pageSchema");
    return (_, e) => (p(), s("div", g, [
      e[1] || (e[1] = d("div", { class: "pb-2" }, " 自定义函数编辑 ", -1)),
      f(o(n), {
        ref_key: "monacoEditorRef",
        ref: l,
        modelValue: o(t).script,
        "onUpdate:modelValue": e[0] || (e[0] = (a) => o(t).script = a),
        "auto-toggle-theme": "",
        class: "epic-editor flex-1",
        config: r,
        language: "javascript"
      }, null, 8, ["modelValue"])
    ]));
  }
});
export {
  b as default
};