tdesign-vue-next
Version:
TDesign Component for vue-next
73 lines (69 loc) • 2.52 kB
JavaScript
/**
* tdesign v1.20.0
* (c) 2026 tdesign
* @license MIT
*/
import { defineComponent, ref, onMounted, onUpdated, createVNode } from 'vue';
import { u as usePrefixClass } from '../../_chunks/dep-6e1ec500.mjs';
import 'lodash-es';
import '../../_chunks/dep-3a6b2289.mjs';
import '../../_chunks/dep-1e8a6a5e.mjs';
import '../../_chunks/dep-7e80b480.mjs';
import '../../_chunks/dep-98b885ec.mjs';
import '../../_chunks/dep-c53b1c81.mjs';
import '../../config-provider/hooks/useConfig.mjs';
import '../../config-provider/utils/context.mjs';
import '../../_chunks/dep-fc168c9c.mjs';
import '../../_chunks/dep-2242b0fd.mjs';
import '../../_chunks/dep-b9ecb840.mjs';
import '../../_chunks/dep-a1cffe73.mjs';
import '../../_chunks/dep-67ace303.mjs';
import '../../_chunks/dep-8768d1f1.mjs';
import '../../_chunks/dep-68c88886.mjs';
import '../../_chunks/dep-dfce43be.mjs';
import '../../_chunks/dep-e25ecc4b.mjs';
import '../../_chunks/dep-d9965fa1.mjs';
var PopupOverflowContent = defineComponent({
name: "PopupOverflowContent",
props: {
foldIndex: {
type: Number,
required: true
}
},
setup: function setup(props, ctx) {
var classPrefix = usePrefixClass();
var wrapperRef = ref();
var hideBeforeFoldIndex = function hideBeforeFoldIndex() {
if (!wrapperRef.value) return;
var menuItemClass = "".concat(classPrefix.value, "-menu__item");
var submenuClass = "".concat(classPrefix.value, "-submenu");
var items = [];
var _collect = function collect(parent, depth) {
if (depth > 3) return;
Array.from(parent.children).forEach(function (el) {
if (!(el instanceof HTMLElement)) return;
if (el.classList.contains(menuItemClass) || el.classList.contains(submenuClass)) {
items.push(el);
} else {
_collect(el, depth + 1);
}
});
};
_collect(wrapperRef.value, 0);
items.forEach(function (el, index) {
el.style.display = index < props.foldIndex ? "none" : "";
});
};
onMounted(hideBeforeFoldIndex);
onUpdated(hideBeforeFoldIndex);
return function () {
var _ctx$slots$default, _ctx$slots;
return createVNode("div", {
"ref": wrapperRef
}, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)]);
};
}
});
export { PopupOverflowContent as default };
//# sourceMappingURL=popup-overflow-content.mjs.map