uv-ui/es/components/grid/grid.js

基于vue3的移动端组件库

import { openBlock as r, createElementBlock as o, normalizeStyle as l, renderSlot as a } from "vue";
import { useChildren as n } from "../../hooks/useContext.js";
import "../../hooks/useCountDown.js";
import "./grid.vue_vue_type_style_index_0_lang.js";
const u = {
  name: "UvGrid"
}, m = /* @__PURE__ */ Object.assign(u, {
  props: {
    clickable: {
      type: Boolean,
      default: !1
    },
    border: {
      type: Boolean,
      default: !0
    },
    gutter: {
      type: [String, Number],
      default: 0
    },
    columnNum: {
      type: [String, Number],
      default: 4
    },
    direction: {
      type: String,
      default: "column"
    },
    reverse: {
      type: Boolean,
      default: !1
    },
    bgColor: {
      type: String,
      default: "#fff"
    },
    color: {
      type: String
    }
  },
  setup(e) {
    return n("grid", { props: e }), (t, d) => (r(), o("div", {
      class: "uv-grid",
      style: l({ paddingLeft: e.gutter + "px" }),
      ref: "uvGridRef"
    }, [
      a(t.$slots, "default")
    ], 4));
  }
});
export {
  m as default
};