gepic
Version:
基于vue3的设计器,可视化开发页面表单
39 lines (38 loc) • 1.23 kB
JavaScript
import { defineComponent as s, ref as o, inject as m, computed as c, onMounted as d, createElementBlock as f, openBlock as u, createVNode as t, withCtx as _, createElementVNode as p, normalizeStyle as h } from "vue";
import g from "./previewWidgets.vue.js";
import v from "./nodeItem.vue.js";
import R from "./editScreenContainer.vue.js";
const w = { class: "epic-edit-canvas" }, B = /* @__PURE__ */ s({
__name: "index",
setup(y) {
const n = o(null), a = o(null), r = m("pageSchema"), i = c(() => r.schemas[0]), l = c(() => ({
width: "100%",
height: "100%"
}));
return d(() => {
var e;
(e = a.value) == null || e.handleInit(n.value);
}), (e, E) => (u(), f("section", w, [
t(R, null, {
default: _(() => [
p("div", {
ref_key: "epicEditRangeRef",
ref: n,
class: "epic-edit-range rounded-md overflow-auto relative",
style: h(l.value)
}, [
t(v, { schema: i.value }, null, 8, ["schema"]),
t(g, {
ref_key: "ePreviewWidgetsRef",
ref: a
}, null, 512)
], 4)
]),
_: 1
})
]));
}
});
export {
B as default
};