lc-vue-flex/dist/index.js

弹性容器组件

import { defineComponent as n, computed as o, openBlock as r, createElementBlock as d, normalizeStyle as f, unref as a, renderSlot as s } from "vue";
const y = /* @__PURE__ */ n({
  __name: "flex",
  props: {
    fit: {
      type: Boolean,
      default: !1
    },
    width: {
      type: String,
      default: void 0
    },
    height: {
      type: String,
      default: void 0
    },
    overflow: {
      type: String,
      default: "hidden"
    },
    display: {
      type: String,
      default: "flex"
    },
    direction: {
      type: String,
      default: void 0
    },
    wrap: {
      type: String,
      default: void 0
    },
    basis: {
      type: String,
      default: void 0
    },
    grow: {
      type: [String, Number],
      default: void 0
    },
    shrink: {
      type: [String, Number],
      default: void 0
    },
    flex: {
      type: String,
      default: void 0
    },
    alignItems: {
      type: String,
      default: void 0
    },
    justifyContent: {
      type: String,
      default: void 0
    }
  },
  setup(t) {
    const e = t, i = o(() => ({
      display: e.display,
      width: e.fit ? "100%" : e.width,
      height: e.fit ? "100%" : e.height,
      overflow: e.overflow,
      flexDirection: e.direction,
      flexWrap: e.wrap,
      flexGrow: e.grow,
      flexShrink: e.shrink,
      flexBasis: e.basis,
      flex: e.flex,
      alignItems: e.alignItems,
      justifyContent: e.justifyContent
    }));
    return (l, p) => (r(), d("div", {
      style: f(a(i))
    }, [
      s(l.$slots, "default")
    ], 4));
  }
});
export {
  y as Flex
};