@coderlt/form-designer/dist/modal-20ced307.js

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

import { defineComponent as f, h as o, renderSlot as n } from "vue";
import { E as h } from "./index-3c0fdba0.js";
import { E as m } from "./index-40ecdea1.js";
import "./index-74b7090f.js";
import "./index-450daacc.js";
import "./focus-trap-fb4432a9.js";
import "./isNil-8ef0e4b6.js";
import "./use-global-config-e19ced52.js";
import "./use-form-item-18802e58.js";
import "./index-2b6651fc.js";
const j = f({
  props: {
    record: {
      type: Object,
      default: () => ({})
    }
  },
  emits: ["ok", "close", "update:modelValue"],
  setup(a, { attrs: u, slots: l, emit: t }) {
    return () => {
      var p;
      const e = {
        ...a.record,
        ...u,
        title: ((p = a.record) == null ? void 0 : p.label) ?? "",
        class: "epic-modal-el",
        "destroy-on-close": !0,
        "onUpdate:modelValue": c
      }, i = e.children ?? [];
      delete e.children;
      let r = null;
      i.length ? r = () => i.map(
        (d) => n(l, "node", { record: d })
      ) : r = () => [n(l, "default")];
      function s() {
        t("ok");
      }
      function c(d) {
        console.log(d), t("update:modelValue", !1), t("close");
      }
      return o(h, e, {
        default: () => [
          n(l, "edit-node", {}, r),
          o("div", { class: "epic-modal-footer" }, [
            o(
              m,
              { onClick: c },
              {
                default: () => "关闭"
              }
            ),
            o(
              m,
              { type: "primary", onClick: s },
              {
                default: () => e.okText ?? "确定"
              }
            )
          ])
        ]
      });
    };
  }
});
export {
  j as default
};