epic-designer-gold/dist/modal-DZRBS-Mt.js

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

import { defineComponent as s, h as o, renderSlot as a } from "vue";
import { ElDialog as h, ElButton as p } from "element-plus";
import { u as k } from "./index-B1s67XDZ.js";
const { t: S } = k(), b = s({
  props: {
    componentSchema: {
      type: Object,
      default: () => ({})
    }
  },
  emits: ["ok", "close", "update:modelValue"],
  setup(c, { attrs: u, slots: l, emit: t }) {
    return () => {
      var r;
      const e = {
        ...c.componentSchema,
        ...u,
        title: ((r = c.componentSchema) == null ? void 0 : r.label) ?? "",
        class: "epic-modal-el epic-modal-main",
        "destroy-on-close": !0,
        "onUpdate:modelValue": m
      }, d = e.children ?? [];
      delete e.children;
      let n = null;
      d.length ? n = () => d.map((i) => a(l, "node", { componentSchema: i })) : n = () => [a(l, "default")];
      function f() {
        t("ok");
      }
      function m(i) {
        t("update:modelValue", !1), t("close");
      }
      return o(h, e, {
        default: () => [
          a(l, "edit-node", {}, n),
          o("div", { class: "epic-modal-footer" }, [
            o(
              p,
              { onClick: m },
              {
                default: () => "关闭"
              }
            ),
            o(
              p,
              { type: "primary", onClick: f },
              {
                default: () => e.okText ?? S("confirm")
              }
            )
          ])
        ]
      });
    };
  }
});
export {
  b as default
};