ai-form-designer/dist/form-DyXncfRM.js

vue3+adv的设计器,可视化开发页面表单

import { defineComponent as C, inject as i, ref as d, reactive as F, provide as M, onMounted as N, computed as f, createElementBlock as h, createCommentVNode as $, openBlock as v, createVNode as x, unref as B, mergeProps as O, withCtx as q, renderSlot as g, Fragment as w, renderList as E } from "vue";
import { f as L } from "./index-Bc73H6EI.js";
const z = {
  key: 0,
  class: "form-main",
  style: { height: "100%" }
}, H = /* @__PURE__ */ C({
  __name: "form",
  props: {
    componentSchema: {
      type: Object,
      require: !0,
      default: () => ({})
    }
  },
  setup(S, { expose: _ }) {
    var l, u;
    const t = S, y = i("pageManager", {}), o = d(null), c = i("forms", {}), D = d(!0), n = F({});
    M("formData", n), y.addFormData(n, (u = (l = t.componentSchema) == null ? void 0 : l.componentProps) == null ? void 0 : u.name);
    function m() {
      return n;
    }
    function s(e) {
      Object.assign(n, e);
    }
    function P() {
      var e;
      return (e = o.value) == null ? void 0 : e.validate();
    }
    function k() {
      var e;
      return (e = o.value) == null ? void 0 : e.restoreValidation();
    }
    N(async () => {
      var e, a, r, p;
      if (((e = t.componentSchema) == null ? void 0 : e.type) === "form" && c.value && o.value) {
        const j = ((r = (a = t.componentSchema) == null ? void 0 : a.componentProps) == null ? void 0 : r.name) ?? ((p = t.componentSchema) == null ? void 0 : p.name) ?? "default";
        c.value[j] = o.value, o.value.getData = m, o.value.setData = s;
      }
    });
    const V = f(() => t.componentSchema.componentProps), b = f(() => t.componentSchema.children ?? []);
    return _({
      form: o,
      getData: m,
      setData: s,
      validate: P,
      clearValidate: k
    }), (e, a) => D.value ? (v(), h("div", z, [
      x(B(L.NForm), O({
        ref_key: "form",
        ref: o,
        model: n
      }, V.value, { style: { height: "100%" } }), {
        default: q(() => [
          g(e.$slots, "edit-node", {}, () => [
            (v(!0), h(w, null, E(b.value, (r) => g(e.$slots, "node", { componentSchema: r })), 256))
          ])
        ]),
        _: 3
      }, 16, ["model"])
    ])) : $("", !0);
  }
});
export {
  H as default
};