epic-designer-gold/dist/index-CpTA2IRB.js

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

import { defineComponent as g, computed as k, openBlock as a, createElementBlock as l, Fragment as y, renderList as C, createVNode as r, unref as s, createElementVNode as c, createCommentVNode as U, toDisplayString as P } from "vue";
import { p as b, g as E } from "./pluginManager-BCnrHPYv.js";
import { _ as N } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
import { u as x } from "./index-B1s67XDZ.js";
const D = {
  key: 0,
  class: "epic-del-btn"
}, L = ["onClick"], w = /* @__PURE__ */ g({
  __name: "index",
  props: {
    modelValue: {
      type: Array,
      default: () => []
    }
  },
  emits: ["update:modelValue"],
  setup(d, { emit: u }) {
    const { t: m } = x(), i = b.getComponent("number"), v = d, f = u, t = k({
      get() {
        return v.modelValue;
      },
      set(e) {
        f("update:modelValue", e);
      }
    });
    function _() {
      const e = {
        type: "col",
        children: [],
        componentProps: {
          span: 12
        },
        id: E()
      };
      t.value.push(e);
    }
    function V(e) {
      t.value = t.value.filter((h, o) => e !== o);
    }
    return (e, h) => (a(), l("div", null, [
      (a(!0), l(y, null, C(t.value, (o, p) => (a(), l("div", {
        key: p,
        class: "EColEditor-item"
      }, [
        r(s(i), {
          value: o.componentProps.span,
          "onUpdate:value": (n) => o.componentProps.span = n,
          modelValue: o.componentProps.span,
          "onUpdate:modelValue": (n) => o.componentProps.span = n,
          style: { width: "100%" },
          min: 1,
          max: 24
        }, null, 8, ["value", "onUpdate:value", "modelValue", "onUpdate:modelValue"]),
        t.value.length > 1 ? (a(), l("div", D, [
          c("span", {
            onClick: (n) => V(p)
          }, [
            r(s(N), { name: "icon--epic--trash" })
          ], 8, L)
        ])) : U("", !0)
      ]))), 128)),
      c("div", {
        class: "add-btn",
        onClick: _
      }, P(s(m)("add")), 1)
    ]));
  }
});
export {
  w as default
};