element-plus/lib/el-breadcrumb-item/index.js

A Component Library for Vue3.0

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');

var script = vue.defineComponent({
    name: 'ElBreadcrumbItem',
    props: {
        to: {
            type: [String, Object],
            default: '',
        },
        replace: {
            type: Boolean,
            default: false,
        },
    },
    setup(props) {
        const link = vue.ref(null);
        const parent = vue.inject('breadcrumb');
        const instance = vue.getCurrentInstance();
        const router = instance.appContext.config.globalProperties.$router;
        vue.onMounted(() => {
            link.value.setAttribute('role', 'link');
            link.value.addEventListener('click', () => {
                if (!props.to || !router)
                    return;
                props.replace ? router.replace(props.to) : router.push(props.to);
            });
        });
        return {
            link,
            separator: parent === null || parent === void 0 ? void 0 : parent.separator,
            separatorClass: parent === null || parent === void 0 ? void 0 : parent.separatorClass,
        };
    },
});

const _hoisted_1 = { class: "el-breadcrumb__item" };
const _hoisted_2 = {
  key: 1,
  class: "el-breadcrumb__separator",
  role: "presentation"
};

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (vue.openBlock(), vue.createBlock("span", _hoisted_1, [
    vue.createVNode("span", {
      ref: "link",
      class: ['el-breadcrumb__inner', _ctx.to ? 'is-link' : ''],
      role: "link"
    }, [
      vue.renderSlot(_ctx.$slots, "default")
    ], 2 /* CLASS */),
    (_ctx.separatorClass)
      ? (vue.openBlock(), vue.createBlock("i", {
          key: 0,
          class: ["el-breadcrumb__separator", _ctx.separatorClass]
        }, null, 2 /* CLASS */))
      : (vue.openBlock(), vue.createBlock("span", _hoisted_2, vue.toDisplayString(_ctx.separator), 1 /* TEXT */))
  ]))
}

script.render = render;
script.__file = "packages/breadcrumb/src/item.vue";

script.install = (app) => {
    app.component(script.name, script);
};
const _BreadcrumbItem = script;

exports.default = _BreadcrumbItem;