vxe-gantt/es/gantt/src/gantt-footer.js

A vue based gantt component

import { h, inject, ref, onMounted, onUnmounted } from 'vue';
import { defineVxeComponent } from '../../ui/src/comp';
export default defineVxeComponent({
    name: 'VxeGanttViewFooter',
    setup() {
        const $xeGanttView = inject('$xeGanttView', {});
        const { internalData } = $xeGanttView;
        const refElem = ref();
        const refHeaderScroll = ref();
        const renderVN = () => {
            return h('div', {
                ref: refElem,
                class: 'vxe-gantt-view--footer-wrapper'
            }, [
                h('div', {
                    ref: refHeaderScroll,
                    class: 'vxe-gantt-view--footer-inner-wrapper'
                })
            ]);
        };
        onMounted(() => {
            const { elemStore } = internalData;
            const prefix = 'main-footer-';
            elemStore[`${prefix}wrapper`] = refElem;
            elemStore[`${prefix}scroll`] = refHeaderScroll;
        });
        onUnmounted(() => {
            const { elemStore } = internalData;
            const prefix = 'main-footer-';
            elemStore[`${prefix}wrapper`] = null;
            elemStore[`${prefix}scroll`] = null;
        });
        return renderVN;
    }
});