t-fighting-design/es/space/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import { defineComponent as c, computed as a, openBlock as m, createElementBlock as f, normalizeClass as u, unref as r, normalizeStyle as i, renderSlot as _, createCommentVNode as d } from "vue";
import { Props as y } from "./index3.js";
const C = c({
  name: "FSpace"
}), v = /* @__PURE__ */ c({
  ...C,
  props: y,
  setup(n) {
    const s = n, p = a(() => {
      const { wrap: e, vertical: t, spacing: o } = s;
      return [
        "f-space",
        {
          [`f-space__${o}`]: o,
          "f-space__wrap": e,
          "f-space__vertical": t
        }
      ];
    }), l = a(
      () => {
        const { rowGap: e, columnGap: t } = s;
        return { rowGap: e, columnGap: t };
      }
    );
    return (e, t) => e.$slots.default ? (m(), f("div", {
      key: 0,
      class: u(r(p)),
      style: i(r(l))
    }, [
      _(e.$slots, "default")
    ], 6)) : d("", !0);
  }
});
export {
  v as default
};