winbox-ui-next
Version:
We Design Vue 2.0: A Vue.js 3 UI Library
43 lines (42 loc) • 1.13 kB
JavaScript
;
var vue = require("vue");
var vueUtils = require("../../_utils/vue-utils.js");
var VirtualListItem = vue.defineComponent({
name: "VirtualListItem",
props: {
hasItemSize: {
type: Function,
required: true
},
setItemSize: {
type: Function,
required: true
}
},
setup(props, {
slots
}) {
var _a;
const key = (_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode.key;
const itemRef = vue.ref();
const setItemSize = () => {
var _a2, _b;
const ele = (_b = (_a2 = itemRef.value) == null ? void 0 : _a2.$el) != null ? _b : itemRef.value;
if (!props.hasItemSize(key) && (ele == null ? void 0 : ele.offsetHeight)) {
props.setItemSize(key, ele.offsetHeight);
}
};
vue.onMounted(() => setItemSize());
return () => {
var _a2;
const child = vueUtils.getFirstComponent((_a2 = slots.default) == null ? void 0 : _a2.call(slots));
if (child) {
return vue.cloneVNode(child, {
ref: itemRef
}, true);
}
return null;
};
}
});
module.exports = VirtualListItem;