49 lines
1.5 KiB
JavaScript
49 lines
1.5 KiB
JavaScript
|
import { w as withInstall } from "../badge/index2.js";
|
||
|
|
import { defineComponent, getCurrentInstance, useSlots, inject, reactive, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
|
||
|
|
const TabInjectKey = Symbol("layuiTab");
|
||
|
|
const __default__ = {
|
||
|
|
name: "LayTabItem"
|
||
|
|
};
|
||
|
|
const _sfc_main = defineComponent({
|
||
|
|
...__default__,
|
||
|
|
props: {
|
||
|
|
id: null,
|
||
|
|
title: null,
|
||
|
|
icon: null,
|
||
|
|
closable: { type: [Boolean, String], default: true }
|
||
|
|
},
|
||
|
|
setup(__props) {
|
||
|
|
var _a;
|
||
|
|
const props = __props;
|
||
|
|
const instance = getCurrentInstance();
|
||
|
|
const slots = useSlots();
|
||
|
|
const active = inject("active");
|
||
|
|
const tabsCtx = inject(TabInjectKey, {});
|
||
|
|
const data = reactive({
|
||
|
|
id: props.id,
|
||
|
|
title: props.title,
|
||
|
|
icon: props.icon,
|
||
|
|
closable: props.closable,
|
||
|
|
slots
|
||
|
|
});
|
||
|
|
if (instance == null ? void 0 : instance.uid) {
|
||
|
|
(_a = tabsCtx.addItem) == null ? void 0 : _a.call(tabsCtx, props.id, data);
|
||
|
|
}
|
||
|
|
onBeforeUnmount(() => {
|
||
|
|
var _a2;
|
||
|
|
if (instance == null ? void 0 : instance.uid) {
|
||
|
|
(_a2 = tabsCtx.removeItem) == null ? void 0 : _a2.call(tabsCtx, props.id);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return (_ctx, _cache) => {
|
||
|
|
return openBlock(), createElementBlock("div", {
|
||
|
|
class: normalizeClass(["layui-tab-item", [unref(active) === __props.id ? "layui-show" : ""]])
|
||
|
|
}, [
|
||
|
|
renderSlot(_ctx.$slots, "default")
|
||
|
|
], 2);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const component = withInstall(_sfc_main);
|
||
|
|
export { TabInjectKey as T, _sfc_main as _, component as c };
|