@open-data-v/ui/es/Divider/Divider.vue.esm.js

OpenDataV UI基础包

import { defineComponent as a, openBlock as t, createElementBlock as n, createElementVNode as l, normalizeClass as i, renderSlot as r } from "vue";
const s = {
  key: 0,
  class: "flex flex-nowrap w-full flex-row justify-center items-center mt-2 mb-2"
}, o = { class: "whitespace-nowrap" }, c = {
  key: 1,
  class: "bg-zinc-200 dark:bg-zinc-500 border-0 inline-block align-middle h-4 mr-1 ml-1",
  style: { width: "1px" }
}, p = /* @__PURE__ */ a({
  __name: "Divider",
  props: {
    dashed: { type: Boolean, default: !1 },
    titlePlacement: { default: "center" },
    vertical: { type: Boolean, default: !1 }
  },
  setup(d) {
    return (e, m) => e.vertical ? (t(), n("div", c)) : (t(), n("div", s, [
      l("div", {
        class: i([
          e.titlePlacement === "left" ? "w-1/5" : e.titlePlacement === "center" ? "w-1/2" : "w-full",
          "bg-zinc-200",
          "dark:bg-zinc-500",
          "border-0"
        ]),
        style: { height: "1px" }
      }, null, 2),
      l("div", o, [
        r(e.$slots, "default")
      ]),
      l("div", {
        class: i([
          e.titlePlacement === "right" ? "w-1/5" : e.titlePlacement === "center" ? "w-1/2" : "w-full",
          "bg-zinc-200",
          "dark:bg-zinc-500",
          "border-0"
        ]),
        style: { height: "1px" }
      }, null, 2)
    ]));
  }
});
export {
  p as default
};
//# sourceMappingURL=Divider.vue.esm.js.map