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.
65 lines
2.6 KiB
65 lines
2.6 KiB
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
var vue = require('vue');
|
|
var index$1 = require('../../icon/index.js');
|
|
require('../../../hooks/index.js');
|
|
var constants = require('./constants.js');
|
|
var breadcrumbItem = require('./breadcrumb-item.js');
|
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
|
|
const __default__ = vue.defineComponent({
|
|
name: "ElBreadcrumbItem"
|
|
});
|
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
...__default__,
|
|
props: breadcrumbItem.breadcrumbItemProps,
|
|
setup(__props) {
|
|
const props = __props;
|
|
const instance = vue.getCurrentInstance();
|
|
const breadcrumbContext = vue.inject(constants.breadcrumbKey, void 0);
|
|
const ns = index.useNamespace("breadcrumb");
|
|
const router = instance.appContext.config.globalProperties.$router;
|
|
const link = vue.ref();
|
|
const onClick = () => {
|
|
if (!props.to || !router)
|
|
return;
|
|
props.replace ? router.replace(props.to) : router.push(props.to);
|
|
};
|
|
return (_ctx, _cache) => {
|
|
var _a, _b;
|
|
return vue.openBlock(), vue.createElementBlock("span", {
|
|
class: vue.normalizeClass(vue.unref(ns).e("item"))
|
|
}, [
|
|
vue.createElementVNode("span", {
|
|
ref_key: "link",
|
|
ref: link,
|
|
class: vue.normalizeClass([vue.unref(ns).e("inner"), vue.unref(ns).is("link", !!_ctx.to)]),
|
|
role: "link",
|
|
onClick
|
|
}, [
|
|
vue.renderSlot(_ctx.$slots, "default")
|
|
], 2),
|
|
((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
|
|
key: 0,
|
|
class: vue.normalizeClass(vue.unref(ns).e("separator"))
|
|
}, {
|
|
default: vue.withCtx(() => [
|
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
|
|
]),
|
|
_: 1
|
|
}, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
|
|
key: 1,
|
|
class: vue.normalizeClass(vue.unref(ns).e("separator")),
|
|
role: "presentation"
|
|
}, vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator), 3))
|
|
], 2);
|
|
};
|
|
}
|
|
});
|
|
var BreadcrumbItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
|
|
|
|
exports["default"] = BreadcrumbItem;
|
|
//# sourceMappingURL=breadcrumb-item2.js.map
|
|
|