tyh-ui2/es/division/src/index.js

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

import { defineComponent as l, openBlock as i, createElementBlock as n, normalizeStyle as e, createElementVNode as t, normalizeClass as s, renderSlot as r } from "vue";
import { Props as a } from "./index2.js";
const c = l({
  name: "TyhDivision"
}), f = /* @__PURE__ */ l({
  ...c,
  props: a,
  setup(m) {
    return (o, p) => (i(), n("div", {
      class: "tyh-division",
      style: e({ margin: `${o.margin} 0` })
    }, [
      t("span", {
        class: s(["tyh-division-text", `tyh-division-text-${o.position}`]),
        style: e({ color: o.color })
      }, [
        o.icon ? (i(), n("i", {
          key: 0,
          style: e({ color: o.color }),
          class: s(["tyh-icon", o.icon])
        }, null, 6)) : r(o.$slots, "default", { key: 1 })
      ], 6)
    ], 4));
  }
});
export {
  f as default
};