tdesign-mobile-vue
Version:
tdesign-mobile-vue
65 lines (61 loc) • 2.12 kB
JavaScript
/**
* tdesign v1.8.3
* (c) 2025 TDesign Group
* @license MIT
*/
import { defineComponent, inject, computed, ref, watch, withDirectives, createVNode, vShow } from 'vue';
import config from '../config.mjs';
import props from './tab-panel-props.mjs';
import { useContent } from '../hooks/tnode.mjs';
import { usePrefixClass } from '../hooks/useClass.mjs';
import 'lodash-es';
import '../hooks/render-tnode.mjs';
import '../config-provider/useConfig.mjs';
import '../_chunks/dep-d139aa8e.mjs';
import '../_chunks/dep-00e3917b.mjs';
import '../config-provider/context.mjs';
import '../_common/js/global-config/mobile/default-config.mjs';
import '../_common/js/global-config/mobile/locale/zh_CN.mjs';
import '../_chunks/dep-3bde6b35.mjs';
import '../_chunks/dep-d41205ed.mjs';
import '../_chunks/dep-eea1f1ad.mjs';
import '../_chunks/dep-b3bd9676.mjs';
import '../config-provider/type.mjs';
var prefix = config.prefix;
var name = "".concat(prefix, "-tab-panel");
var _TabPanel = defineComponent({
name: name,
props: props,
setup: function setup(props2) {
var renderTNodeContent = useContent();
var tabPanelClass = usePrefixClass("tab-panel");
var tabsClass = usePrefixClass("tabs");
var currentValue = inject("currentValue");
var isActive = computed(function () {
return currentValue.value === props2.value;
});
var tabPanelClasses = computed(function () {
return ["".concat(tabPanelClass.value), "".concat(tabsClass.value, "__panel")];
});
var isMount = ref(props2.lazy ? isActive.value : true);
watch(isActive, function () {
if (isActive.value) {
if (!isMount.value) {
isMount.value = true;
}
} else if (props2.destroyOnHide) {
isMount.value = false;
}
}, {
immediate: true
});
return function () {
if (!isMount.value) return null;
return withDirectives(createVNode("div", {
"class": tabPanelClasses.value
}, [renderTNodeContent("default", "panel")]), [[vShow, isActive.value]]);
};
}
});
export { _TabPanel as default };
//# sourceMappingURL=tab-panel.mjs.map