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

A vue based gantt component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _vue = require("vue");
var _comp = require("../../ui/src/comp");
const sourceType = 'gantt';
const viewType = 'footer';
var _default = exports.default = (0, _comp.defineVxeComponent)({
  name: 'VxeGanttViewFooter',
  setup() {
    const $xeGantt = (0, _vue.inject)('$xeGantt', {});
    const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
    const {
      internalData
    } = $xeGanttView;
    const refElem = (0, _vue.ref)();
    const refHeaderScroll = (0, _vue.ref)();
    const renderVN = () => {
      return (0, _vue.h)('div', {
        ref: refElem,
        class: 'vxe-gantt-view--footer-wrapper',
        onContextmenu(evnt) {
          $xeGantt.handleTaskFooterContextmenuEvent(evnt, {
            source: sourceType,
            type: viewType,
            $rowIndex: -1
          });
        }
      }, [(0, _vue.h)('div', {
        ref: refHeaderScroll,
        class: 'vxe-gantt-view--footer-inner-wrapper'
      })]);
    };
    (0, _vue.onMounted)(() => {
      const {
        elemStore
      } = internalData;
      const prefix = 'main-footer-';
      elemStore[`${prefix}wrapper`] = refElem;
      elemStore[`${prefix}scroll`] = refHeaderScroll;
    });
    (0, _vue.onUnmounted)(() => {
      const {
        elemStore
      } = internalData;
      const prefix = 'main-footer-';
      elemStore[`${prefix}wrapper`] = null;
      elemStore[`${prefix}scroll`] = null;
    });
    return renderVN;
  }
});