epic-designer-gold/dist/ETable-ogvH56w7.js

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

import { defineComponent as r, h as a, renderSlot as c } from "vue";
const i = r({
  props: {
    componentSchema: {
      type: Object,
      require: !0,
      default: () => ({})
    }
  },
  setup(t, { slots: n }) {
    return () => {
      var o;
      const e = {
        ...t.componentSchema,
        title: ((o = t.componentSchema) == null ? void 0 : o.label) ?? ""
      }, d = e.children;
      return delete e.children, a(
        "table",
        {
          ...e,
          cellpadding: "0",
          cellSpacing: "4",
          border: 1,
          style: {
            width: "calc(100% - 4px)",
            minHeight: "40px",
            border: "1px solid #ddd",
            display: "table",
            "border-collapse": "separate"
          }
        },
        {
          default: () => [
            c(
              n,
              "edit-node",
              {},
              () => d.map(
                (l) => c(n, "node", { componentSchema: l })
              )
            )
          ]
        }
      );
    };
  }
});
export {
  i as default
};