comic-plus
Version:
<p align="center"> <img width="200px" src="./logo.png"/> </p>
47 lines (46 loc) • 1.99 kB
JavaScript
import { defineComponent, getCurrentInstance, inject, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, unref, createBlock, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createCommentVNode } from "vue";
import { breadcrumbItemProps } from "./item.props.mjs";
import { BREADCRUMB_PROVIDE } from "./type.mjs";
import "../../../utils/config.mjs";
import { isVueComponent } from "../../../utils/typescript.mjs";
import "@vueuse/core";
const _hoisted_1 = { class: "cu-breadcrumb-item" };
const _hoisted_2 = {
key: 0,
class: "cu-breadcrumb__separator"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
...{
name: "CuBreadcrumbItem"
},
__name: "item",
props: breadcrumbItemProps,
setup(__props) {
const props = __props;
const instance = getCurrentInstance();
const router = instance.appContext.config.globalProperties.$router;
const { props: injectProps } = inject(BREADCRUMB_PROVIDE);
function itemHandleClick() {
if (!props.to) return;
router == null ? void 0 : router.push(props.to);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("span", {
class: normalizeClass(["cu-breadcrumb__text", [{ link: _ctx.to }, { active: _ctx.active }]]),
onClick: _cache[0] || (_cache[0] = ($event) => itemHandleClick())
}, [
renderSlot(_ctx.$slots, "default")
], 2),
!unref(injectProps).fill ? (openBlock(), createElementBlock("span", _hoisted_2, [
unref(isVueComponent)(unref(injectProps).separator) ? (openBlock(), createBlock(resolveDynamicComponent(unref(injectProps).separator), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createTextVNode(toDisplayString(unref(injectProps).separator ?? "/"), 1)
], 64))
])) : createCommentVNode("", true)
]);
};
}
});
export {
_sfc_main as default
};