tass-ui
Version:
A high quality UI Toolkit built on Vue.js3+.
43 lines (42 loc) • 1.35 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
require("../../../theme-chalk/src/breadcrumb-item.scss.js");
const _hoisted_1 = { class: "tas-bread-item" };
const _hoisted_2 = { key: 1 };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
__name: "breadcrumb-item",
props: {
to: {
type: [String, Object]
},
replace: {
type: Boolean,
default: false
}
},
setup(__props) {
const props = __props;
const instance = vue.getCurrentInstance();
const router = instance.appContext.config.globalProperties.$router;
const handleClick = () => {
if (!props.to || !router)
return;
props.replace ? router.replace(props.to) : router.push(props.to);
};
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
__props.to ? (vue.openBlock(), vue.createElementBlock("a", {
key: 0,
class: "tas-breadcrumb-item__link",
onClick: handleClick
}, [
vue.renderSlot(_ctx.$slots, "default")
])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
vue.renderSlot(_ctx.$slots, "default")
]))
]);
};
}
});
exports.default = _sfc_main;