You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.5 KiB
41 lines
1.5 KiB
2 years ago
|
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
|
||
|
|
import '../../../hooks/index.mjs';
|
||
|
|
import { dividerProps } from './divider.mjs';
|
||
|
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
||
|
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
||
|
|
|
||
|
|
const __default__ = defineComponent({
|
||
|
|
name: "ElDivider"
|
||
|
|
});
|
||
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
|
...__default__,
|
||
|
|
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(unref(dividerStyle)),
|
||
|
|
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
|