UNPKG

snowy-designer

Version:

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

57 lines (56 loc) 2.01 kB
import { defineComponent as f, inject as m, computed as V, useModel as g, watch as b, createBlock as p, openBlock as r, unref as i } from "vue"; /* empty css */ import "radix-vue"; import "clsx"; import "tailwind-merge"; import "lucide-vue-next"; import "../../../../base-ui/src/shadch-ui/button/index.js"; import "@vueuse/core"; import "../../../../base-ui/src/shadch-ui/toast/index.js"; import "vuedraggable"; import "../../../../../hooks/src/store/index.js"; import "lodash"; import { pluginManager as d } from "../../../../../utils/src/manager/pluginManager.js"; import "monaco-editor"; import "../../../../../utils/src/request/index.js"; const A = /* @__PURE__ */ f({ __name: "index", props: { modelValue: {}, modelModifiers: {} }, emits: ["update:modelValue"], setup(s) { const v = d.getComponent("select"), c = d.getComponent("input"), n = m("designer"), u = m("dataTable"), a = V(() => { var t; return u != null && u.value ? (t = u.value.tableColumn) == null ? void 0 : t.map((e) => ({ label: e.columnRemark, value: e.columnName })) : []; }), l = g(s, "modelValue"); return b(l, (t) => { if (n.state.selectedNode) { const e = a.value.find((o) => o.value === t); e && (n.state.selectedNode.label = e.label); } }), (t, e) => a.value.length ? (r(), p(i(v), { key: 0, modelValue: l.value, "onUpdate:modelValue": e[0] || (e[0] = (o) => l.value = o), value: l.value, "onUpdate:value": e[1] || (e[1] = (o) => l.value = o), options: a.value, placeholder: "请选择" }, null, 8, ["modelValue", "value", "options"])) : (r(), p(i(c), { key: 1, modelValue: l.value, "onUpdate:modelValue": e[2] || (e[2] = (o) => l.value = o), value: l.value, "onUpdate:value": e[3] || (e[3] = (o) => l.value = o), placeholder: "请输入" }, null, 8, ["modelValue", "value"])); } }); export { A as default };