element-plus
Version:
A Component Library for Vue 3
50 lines (47 loc) • 1.63 kB
JavaScript
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
import { dividerProps } from './divider.mjs';
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
const _sfc_main = defineComponent({
...{
name: "ElDivider"
},
__name: "divider",
props: dividerProps,
setup(__props) {
const props = __props;
const ns = useNamespace("divider");
const dividerStyle = computed(() => {
return ns.cssVar({
"border-style": props.borderStyle
});
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock(
"div",
{
class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
style: normalizeStyle(dividerStyle.value),
role: "separator"
},
[
_ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock(
"div",
{
key: 0,
class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
},
[
renderSlot(_ctx.$slots, "default")
],
2
)) : createCommentVNode("v-if", true)
],
6
);
};
}
});
var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/divider/src/divider.vue"]]);
export { Divider as default };
//# sourceMappingURL=divider2.mjs.map