fx-epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
49 lines (48 loc) • 1.15 kB
JavaScript
import { defineComponent as i, computed as u, createElementBlock as a, openBlock as c, createElementVNode as o } from "vue";
/* empty css */
import "vuedraggable";
import { getUUID as s } from "../../../../../utils/src/common/string.js";
import "@vueuse/core";
import "../../../../../hooks/src/store/index.js";
import "../../../../../utils/src/manager/pluginManager.js";
const g = /* @__PURE__ */ i({
__name: "index",
props: {
modelValue: {
default: () => [],
type: Array
}
},
emits: ["update:modelValue"],
setup(n, { emit: l }) {
const m = n, p = l, r = u({
get() {
return m.modelValue;
},
set(e) {
p("update:modelValue", e);
}
});
function d() {
const e = {
componentProps: {
span: 12
},
id: s(),
type: "col",
children: []
};
r.value.push(e);
}
return (e, t) => (c(), a("div", null, [
t[0] || (t[0] = o("div", null, null, -1)),
o("div", {
class: "add-btn",
onClick: d
}, "添加")
]));
}
});
export {
g as default
};