@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
63 lines (62 loc) • 1.96 kB
JavaScript
;
const vue = require("vue");
const types = require("./types.js");
const _hoisted_1 = { class: "o-divider-label" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
__name: "ODivider",
props: types.dividerProps,
setup(__props) {
const props = __props;
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock(
"div",
{
role: "separator",
class: vue.normalizeClass(["o-divider", [
`o-divider-${props.variant}`,
`o-divider-${props.direction}`,
{ "o-divider-darker": props.darker, [`o-divider-label-${props.labelPosition}`]: _ctx.$slots.default }
]])
},
[
props.direction === "h" ? (vue.openBlock(), vue.createElementBlock(
vue.Fragment,
{ key: 0 },
[
_cache[1] || (_cache[1] = vue.createElementVNode(
"div",
{ class: "o-divider-line" },
null,
-1
/* HOISTED */
)),
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
vue.Fragment,
{ key: 0 },
[
vue.createElementVNode("div", _hoisted_1, [
vue.renderSlot(_ctx.$slots, "default")
]),
_cache[0] || (_cache[0] = vue.createElementVNode(
"div",
{ class: "o-divider-line" },
null,
-1
/* HOISTED */
))
],
64
/* STABLE_FRAGMENT */
)) : vue.createCommentVNode("v-if", true)
],
64
/* STABLE_FRAGMENT */
)) : vue.createCommentVNode("v-if", true)
],
2
/* CLASS */
);
};
}
});
module.exports = _sfc_main;