vxe-gantt 4.1.0 → 4.1.2

package/es/gantt/src/emits.js

@@ -3,6 +3,8 @@ export const ganttEmits = [
     ...gridEmits,
     'task-cell-click',
     'task-cell-dblclick',
+    'task-bar-mouseenter',
+    'task-bar-mouseleave',
     'task-bar-click',
     'task-bar-dblclick',
     'task-view-cell-click',

package/es/gantt/src/gantt-body.js

@@ -11,7 +11,7 @@ export default defineVxeComponent({
     setup() {
         const $xeGantt = inject('$xeGantt', {});
         const $xeGanttView = inject('$xeGanttView', {});
-        const { computeTaskViewOpts } = $xeGantt.getComputeMaps();
+        const { computeTaskViewOpts, computeScaleUnit } = $xeGantt.getComputeMaps();
         const { reactData, internalData } = $xeGanttView;
         const refElem = ref();
         const refBodyScroll = ref();
@@ -33,6 +33,7 @@ export default defineVxeComponent({
             const { todayDateMaps } = internalData;
             const taskViewOpts = computeTaskViewOpts.value;
             const { showNowLine, viewStyle } = taskViewOpts;
+            const scaleUnit = computeScaleUnit.value;
             const { scaleItem } = headerGroups[headerGroups.length - 1] || {};
             const { field, dateObj } = column;
             const { cellClassName, cellStyle } = viewStyle || {};
@@ -74,7 +75,18 @@ export default defineVxeComponent({
                     onDblclick: (evnt) => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
                 }));
             }
-            const ctParams = { source: sourceType, type: viewType, dateObj, row, column, $rowIndex, rowIndex, _rowIndex };
+            const ctParams = {
+                $gantt: $xeGantt,
+                source: sourceType,
+                type: viewType,
+                scaleType: scaleUnit,
+                dateObj,
+                row,
+                column,
+                $rowIndex,
+                rowIndex,
+                _rowIndex
+            };
             return h('td', {
                 key: $columnIndex,
                 class: [
@@ -117,6 +129,7 @@ export default defineVxeComponent({
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
             const childrenField = treeOpts.children || treeOpts.childrenField;
+            const scaleUnit = computeScaleUnit.value;
             const taskViewOpts = computeTaskViewOpts.value;
             const { viewStyle } = taskViewOpts;
             const { rowClassName, rowStyle } = viewStyle || {};
@@ -152,7 +165,16 @@ export default defineVxeComponent({
                     trOns.onDragend = $xeTable.handleRowDragDragendEvent;
                     trOns.onDragover = $xeTable.handleRowDragDragoverEvent;
                 }
-                const rowParams = { source: sourceType, type: viewType, row, rowIndex, $rowIndex, _rowIndex };
+                const rowParams = {
+                    $gantt: $xeGantt,
+                    source: sourceType,
+                    type: viewType,
+                    scaleType: scaleUnit,
+                    row,
+                    rowIndex,
+                    $rowIndex,
+                    _rowIndex
+                };
                 trVNs.push(h('tr', Object.assign({ key: treeConfig ? rowid : $rowIndex, class: [
                         'vxe-gantt-view--body-row',
                         {

package/es/gantt/src/gantt-chart.js

@@ -13,7 +13,7 @@ export default defineVxeComponent({
         const $xeGantt = inject('$xeGantt', {});
         const $xeGanttView = inject('$xeGanttView', {});
         const { reactData, internalData } = $xeGanttView;
-        const { computeProgressField, computeTitleField, computeTaskBarOpts } = $xeGantt.getComputeMaps();
+        const { computeProgressField, computeTitleField, computeTaskBarOpts, computeScaleUnit } = $xeGantt.getComputeMaps();
         const refElem = ref();
         const renderTaskBar = ($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex) => {
             const tableProps = $xeTable.props;
@@ -31,8 +31,9 @@ export default defineVxeComponent({
             const titleField = computeTitleField.value;
             const progressField = computeProgressField.value;
             const taskBarOpts = computeTaskBarOpts.value;
-            const barParams = { $gantt: $xeGantt, row };
-            const { showProgress, showContent, contentMethod, barStyle, drag } = taskBarOpts;
+            const scaleUnit = computeScaleUnit.value;
+            const barParams = { $gantt: $xeGantt, row, scaleType: scaleUnit };
+            const { showProgress, showContent, contentMethod, barStyle, drag, showTooltip } = taskBarOpts;
             const isBarRowStyle = XEUtils.isFunction(barStyle);
             const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) : barStyle) : {}) || {};
             const { round } = barStyObj;
@@ -56,9 +57,43 @@ export default defineVxeComponent({
                 }
             }
             if (contentMethod) {
-                title = getStringValue(contentMethod({ row, title }));
+                title = getStringValue(contentMethod({ row, title, scaleType: scaleUnit }));
+            }
+            const ctParams = {
+                $gantt: $xeGantt,
+                source: sourceType,
+                type: viewType,
+                scaleType: scaleUnit,
+                row,
+                $rowIndex,
+                rowIndex,
+                _rowIndex
+            };
+            const ons = {
+                onClick(evnt) {
+                    $xeGantt.handleTaskBarClickEvent(evnt, barParams);
+                },
+                onDblclick(evnt) {
+                    $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+                },
+                onMousedown(evnt) {
+                    if ($xeGantt.handleTaskBarMousedownEvent) {
+                        $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
+                    }
+                }
+            };
+            if (showTooltip) {
+                ons.onMouseover = (evnt) => {
+                    const ttParams = Object.assign({ $event: evnt }, ctParams);
+                    $xeGantt.triggerTaskBarTooltipEvent(evnt, ttParams);
+                    $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt);
+                };
+                ons.onMouseleave = (evnt) => {
+                    const ttParams = Object.assign({ $event: evnt }, ctParams);
+                    $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, ttParams);
+                    $xeGantt.dispatchEvent('task-bar-mouseleave', ttParams, evnt);
+                };
             }
-            const ctParams = { source: sourceType, type: viewType, row, $rowIndex, rowIndex, _rowIndex };
             return h('div', {
                 key: treeConfig ? rowid : $rowIndex,
                 rowid,
@@ -74,22 +109,7 @@ export default defineVxeComponent({
                     $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
                 }
             }, [
-                h('div', {
-                    class: taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar',
-                    style: vbStyle,
-                    rowid,
-                    onClick(evnt) {
-                        $xeGantt.handleTaskBarClickEvent(evnt, barParams);
-                    },
-                    onDblclick(evnt) {
-                        $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
-                    },
-                    onMousedown(evnt) {
-                        if ($xeGantt.handleTaskBarMousedownEvent) {
-                            $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
-                        }
-                    }
-                }, taskBarSlot
+                h('div', Object.assign({ class: taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', style: vbStyle, rowid }, ons), taskBarSlot
                     ? $xeGantt.callSlot(taskBarSlot, barParams)
                     : [
                         showProgress

package/es/gantt/src/gantt-header.js

@@ -56,18 +56,21 @@ export default defineVxeComponent({
                             }, columns.map((column, cIndex) => {
                                 const { field, childCount, dateObj } = column;
                                 let label = `${column.title}`;
-                                if ($rowIndex < headerGroups.length - 1) {
-                                    if (scaleItem.type === 'day') {
-                                        label = getI18n(`vxe.gantt.dayss.w${dateObj.e}`);
-                                    }
-                                    else {
-                                        label = getI18n(`vxe.gantt.${!$rowIndex && headerGroups.length > 1 ? 'tFullFormat' : 'tSimpleFormat'}.${type}`, dateObj);
-                                    }
+                                if (scaleItem.type === 'day') {
+                                    label = getI18n(`vxe.gantt.dayss.w${dateObj.e}`);
                                 }
                                 else {
-                                    if (isLast && scaleItem.type === 'week') {
+                                    if ($rowIndex) {
                                         label = getI18n(`vxe.gantt.tSimpleFormat.${type}`, dateObj);
                                     }
+                                    else {
+                                        if (isLast && scaleItem.type === 'week') {
+                                            label = getI18n(`vxe.gantt.tSimpleFormat.${type}`, dateObj);
+                                        }
+                                        else {
+                                            label = getI18n(`vxe.gantt.tFullFormat.${type}`, dateObj);
+                                        }
+                                    }
                                 }
                                 let cellVNs = label;
                                 const ctParams = { source: sourceType, type: viewType, column, scaleObj: scaleItem, title: label, dateObj: dateObj, $rowIndex };

package/es/gantt/src/gantt-view.js

@@ -306,7 +306,7 @@ export default defineVxeComponent({
                     if (minScale.level < 17) {
                         handleData('quarter', colMaps, minCol);
                     }
-                    if (minScale.level < 14) {
+                    if (minScale.level < 15) {
                         handleData('month', colMaps, minCol);
                     }
                     if (minScale.level < 13) {
@@ -315,7 +315,7 @@ export default defineVxeComponent({
                     if (minScale.level < 11) {
                         handleData('day', colMaps, minCol);
                     }
-                    if (minScale.level < 12) {
+                    if (minScale.level < 9) {
                         handleData('date', colMaps, minCol);
                     }
                     if (minScale.level < 7) {
@@ -324,6 +324,9 @@ export default defineVxeComponent({
                     if (minScale.level < 5) {
                         handleData('minute', colMaps, minCol);
                     }
+                    if (minScale.level < 3) {
+                        handleData('second', colMaps, minCol);
+                    }
                     fullCols.push(minCol);
                 }
                 taskScaleList.forEach(scaleItem => {

package/es/gantt/src/gantt.js

@@ -1,7 +1,7 @@
 import { h, ref, computed, provide, reactive, onUnmounted, watch, nextTick, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
+import { getLastZIndex, nextZIndex, isEnableConf, formatText } from '../../ui/src/utils';
 import { getOffsetHeight, getPaddingTopBottomSize, getDomNode, toCssUnit, addClass, removeClass } from '../../ui/src/dom';
 import { getSlotVNs } from '../../ui/src/vn';
 import { VxeUI } from '@vxe-ui/core';
@@ -19,6 +19,7 @@ function createInternalData() {
     return {
         uFoot: false,
         resizeTableWidth: 0
+        // barTipTimeout: undefined
     };
 }
 const viewTypeLevelMaps = {
@@ -38,7 +39,7 @@ function getViewTypeLevel(type) {
 export default defineVxeComponent({
     name: 'VxeGantt',
     mixins: [],
-    props: Object.assign(Object.assign({}, tableProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, layouts: Array, taskConfig: Object, taskViewScaleConfig: Object, taskViewConfig: Object, taskBarConfig: Object, taskSplitConfig: Object, taskBarResizeConfig: Object, taskBarDragConfig: Object, size: {
+    props: Object.assign(Object.assign({}, tableProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, layouts: Array, taskConfig: Object, taskViewScaleConfig: Object, taskViewConfig: Object, taskBarConfig: Object, taskBarTooltipConfig: Object, taskSplitConfig: Object, taskBarResizeConfig: Object, taskBarDragConfig: Object, size: {
             type: String,
             default: () => getConfig().gantt.size || getConfig().size
         } }),
@@ -52,6 +53,7 @@ export default defineVxeComponent({
         const VxeUIPagerComponent = VxeUI.getComponent('VxePager');
         const VxeTableComponent = VxeUI.getComponent('VxeTable');
         const VxeToolbarComponent = VxeUI.getComponent('VxeToolbar');
+        const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
         const { computeSize } = useFns.useSize(props);
         const reactData = reactive({
             tableLoading: false,
@@ -70,7 +72,13 @@ export default defineVxeComponent({
             },
             showLeftView: true,
             showRightView: true,
-            taskScaleList: []
+            taskScaleList: [],
+            barTipStore: {
+                row: null,
+                content: '',
+                visible: false,
+                params: null
+            }
         });
         const internalData = createInternalData();
         const refElem = ref();
@@ -89,6 +97,7 @@ export default defineVxeComponent({
         const refPagerWrapper = ref();
         const refTableWrapper = ref();
         const refGanttWrapper = ref();
+        const refTooltip = ref();
         const refResizableSplitTip = ref();
         const extendTableMethods = (methodKeys) => {
             const funcs = {};
@@ -155,6 +164,9 @@ export default defineVxeComponent({
         const computeTaskSplitOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
         });
+        const computeTaskBarTooltipOpts = computed(() => {
+            return Object.assign({}, getConfig().gantt.taskBarTooltipConfig, props.taskBarTooltipConfig);
+        });
         const computeScaleUnit = computed(() => {
             const minScale = computeMinScale.value;
             return minScale ? minScale.type : 'date';
@@ -167,7 +179,7 @@ export default defineVxeComponent({
             const { taskScaleList } = reactData;
             return taskScaleList.find(item => item.type === 'week');
         });
-        const computeTaskScaleConfs = computed(() => {
+        const computeTaskViewScales = computed(() => {
             const taskViewOpts = computeTaskViewOpts.value;
             const { scales } = taskViewOpts;
             return scales;
@@ -384,7 +396,8 @@ export default defineVxeComponent({
             computeTaskBarDragOpts,
             computeTaskBarResizeOpts,
             computeTaskSplitOpts,
-            computeTaskScaleConfs,
+            computeTaskBarTooltipOpts,
+            computeTaskViewScales,
             computeScaleUnit,
             computeMinScale,
             computeWeekScale,
@@ -396,6 +409,7 @@ export default defineVxeComponent({
             computeScrollbarXToTop,
             computeScrollbarYToLeft
         };
+        computeMaps.computeTaskScaleConfs = computeTaskViewScales;
         const $xeGantt = {
             xID,
             props: props,
@@ -406,7 +420,7 @@ export default defineVxeComponent({
             getComputeMaps: () => computeMaps
         };
         const handleTaskScaleConfig = () => {
-            const taskScaleConfs = computeTaskScaleConfs.value;
+            const taskScaleConfs = computeTaskViewScales.value;
             const taskViewScaleOpts = computeTaskViewScaleOpts.value;
             const scaleConfs = [];
             if (taskScaleConfs) {
@@ -860,6 +874,18 @@ export default defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $grid: null, $gantt: $xeGantt }, params));
         };
+        const handleTargetEnterEvent = (isClear) => {
+            const $tooltip = refTooltip.value;
+            clearTimeout(internalData.barTipTimeout);
+            if (isClear) {
+                $xeGantt.closeTaskBarTooltip();
+            }
+            else {
+                if ($tooltip && $tooltip.setActived) {
+                    $tooltip.setActived(true);
+                }
+            }
+        };
         const ganttMethods = {
             dispatchEvent,
             getEl() {
@@ -1475,6 +1501,25 @@ export default defineVxeComponent({
             hideTaskView() {
                 reactData.showRightView = false;
                 return nextTick();
+            },
+            /**
+             * 关闭 bar tooltip
+             */
+            closeTaskBarTooltip() {
+                const { barTipStore } = reactData;
+                const $tooltip = refTooltip.value;
+                if (barTipStore.visible) {
+                    Object.assign(barTipStore, {
+                        row: null,
+                        content: null,
+                        visible: false,
+                        params: {}
+                    });
+                    if ($tooltip && $tooltip.close) {
+                        $tooltip.close();
+                    }
+                }
+                return nextTick();
             }
         };
         const ganttPrivateMethods = {
@@ -1592,6 +1637,57 @@ export default defineVxeComponent({
             handleTaskBarDblclickEvent(evnt, params) {
                 $xeGantt.dispatchEvent('task-bar-dblclick', params, evnt);
             },
+            triggerTaskBarTooltipEvent(evnt, params) {
+                const { barTipStore } = reactData;
+                const taskBarTooltipOpts = computeTaskBarTooltipOpts.value;
+                const titleField = computeTitleField.value;
+                const { contentMethod } = taskBarTooltipOpts;
+                const { row } = params;
+                let content = formatText(XEUtils.get(row, titleField));
+                if (contentMethod) {
+                    const customContnet = contentMethod(params);
+                    if (!XEUtils.eqNull(customContnet)) {
+                        content = `${customContnet}`;
+                    }
+                }
+                handleTargetEnterEvent(barTipStore.row !== row);
+                const tipContent = formatText(content);
+                Object.assign(barTipStore, {
+                    row,
+                    visible: true,
+                    content: tipContent,
+                    params
+                });
+                nextTick(() => {
+                    const $tooltip = refTooltip.value;
+                    if ($tooltip) {
+                        if ($tooltip.openByEvent) {
+                            $tooltip.openByEvent(evnt, evnt.currentTarget, tipContent);
+                        }
+                        else if ($tooltip.open) {
+                            $tooltip.open(evnt.currentTarget, tipContent);
+                        }
+                    }
+                });
+            },
+            handleTaskBarTooltipLeaveEvent() {
+                const taskBarTooltipOpts = computeTaskBarTooltipOpts.value;
+                let $tooltip = refTooltip.value;
+                if ($tooltip && $tooltip.setActived) {
+                    $tooltip.setActived(false);
+                }
+                if (taskBarTooltipOpts.enterable) {
+                    internalData.barTipTimeout = setTimeout(() => {
+                        $tooltip = refTooltip.value;
+                        if ($tooltip && $tooltip.isActived && !$tooltip.isActived()) {
+                            $xeGantt.closeTaskBarTooltip();
+                        }
+                    }, taskBarTooltipOpts.leaveDelay);
+                }
+                else {
+                    $xeGantt.closeTaskBarTooltip();
+                }
+            },
             handleTaskHeaderContextmenuEvent(evnt, params) {
                 const $xeTable = refTable.value;
                 if ($xeTable) {
@@ -2009,10 +2105,13 @@ export default defineVxeComponent({
             return childVNs;
         };
         const renderLayout = () => {
+            const { barTipStore } = reactData;
             const currLayoutConf = computeCurrLayoutConf.value;
             const { headKeys, bodyKeys, footKeys } = currLayoutConf;
+            const taskBarTooltipOpts = computeTaskBarTooltipOpts.value;
             const asideLeftSlot = slots.asideLeft || slots['aside-left'];
             const asideRightSlot = slots.asideRight || slots['aside-right'];
+            const taskBarTooltipSlot = slots.taskBarTooltip || slots['task-bar-tooltip'];
             return [
                 h('div', {
                     class: 'vxe-gantt--layout-header-wrapper'
@@ -2039,7 +2138,38 @@ export default defineVxeComponent({
                 }, renderChildLayout(footKeys)),
                 h('div', {
                     ref: refPopupContainerElem
-                })
+                }),
+                h('div', {}, [
+                    /**
+                      * 任务条提示
+                      */
+                    h(VxeUITooltipComponent, {
+                        key: 'gtp',
+                        ref: refTooltip,
+                        theme: taskBarTooltipOpts.theme,
+                        enterable: taskBarTooltipOpts.enterable,
+                        enterDelay: taskBarTooltipOpts.enterDelay,
+                        leaveDelay: taskBarTooltipOpts.leaveDelay,
+                        useHTML: taskBarTooltipOpts.useHTML,
+                        width: taskBarTooltipOpts.width,
+                        height: taskBarTooltipOpts.height,
+                        minWidth: taskBarTooltipOpts.minWidth,
+                        minHeight: taskBarTooltipOpts.minHeight,
+                        maxWidth: taskBarTooltipOpts.maxWidth,
+                        maxHeight: taskBarTooltipOpts.maxHeight,
+                        isArrow: false
+                    }, taskBarTooltipSlot
+                        ? {
+                            content: () => {
+                                const { row, content: tooltipContent } = barTipStore;
+                                if (row) {
+                                    return h('div', {}, taskBarTooltipSlot(Object.assign({ tooltipContent, $gantt: $xeGantt }, barTipStore.params)));
+                                }
+                                return renderEmptyElement($xeGantt);
+                            }
+                        }
+                        : {})
+                ])
             ];
         };
         const renderVN = () => {
@@ -2088,7 +2218,7 @@ export default defineVxeComponent({
         watch(() => props.proxyConfig, () => {
             initProxy();
         });
-        watch(computeTaskScaleConfs, () => {
+        watch(computeTaskViewScales, () => {
             handleTaskScaleConfig();
             $xeGantt.refreshTaskView();
         });

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI } from '@vxe-ui/core';
 import { errLog } from './src/log';
 const { setConfig, setIcon, checkVersion } = VxeUI;
-VxeUI.ganttVersion = "4.1.0";
+VxeUI.ganttVersion = "4.1.2";
 setConfig({
     gantt: {
         // size: null,
@@ -40,6 +40,9 @@ setConfig({
             // beforeSave: null,
             // afterSave: null
         },
+        taskBarTooltipConfig: {
+            enterable: true
+        },
         taskViewScaleConfig: {
             week: {
                 startDay: 1

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `gantt v${"4.1.0"}`;
+const version = `gantt v${"4.1.2"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/gantt/src/emits.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ganttEmits = void 0;
 var _gridEmits = require("./grid-emits");
-const ganttEmits = exports.ganttEmits = [..._gridEmits.gridEmits, 'task-cell-click', 'task-cell-dblclick', 'task-bar-click', 'task-bar-dblclick', 'task-view-cell-click', 'task-view-cell-dblclick'];
+const ganttEmits = exports.ganttEmits = [..._gridEmits.gridEmits, 'task-cell-click', 'task-cell-dblclick', 'task-bar-mouseenter', 'task-bar-mouseleave', 'task-bar-click', 'task-bar-dblclick', 'task-view-cell-click', 'task-view-cell-dblclick'];

package/lib/gantt/src/emits.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.ganttEmits=void 0;var _gridEmits=require("./grid-emits");let ganttEmits=exports.ganttEmits=[..._gridEmits.gridEmits,"task-cell-click","task-cell-dblclick","task-bar-click","task-bar-dblclick","task-view-cell-click","task-view-cell-dblclick"];
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.ganttEmits=void 0;var _gridEmits=require("./grid-emits");let ganttEmits=exports.ganttEmits=[..._gridEmits.gridEmits,"task-cell-click","task-cell-dblclick","task-bar-mouseenter","task-bar-mouseleave","task-bar-click","task-bar-dblclick","task-view-cell-click","task-view-cell-dblclick"];

package/lib/gantt/src/gantt-body.js

@@ -19,7 +19,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const $xeGantt = (0, _vue.inject)('$xeGantt', {});
     const $xeGanttView = (0, _vue.inject)('$xeGanttView', {});
     const {
-      computeTaskViewOpts
+      computeTaskViewOpts,
+      computeScaleUnit
     } = $xeGantt.getComputeMaps();
     const {
       reactData,
@@ -64,6 +65,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         showNowLine,
         viewStyle
       } = taskViewOpts;
+      const scaleUnit = computeScaleUnit.value;
       const {
         scaleItem
       } = headerGroups[headerGroups.length - 1] || {};
@@ -114,8 +116,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }));
       }
       const ctParams = {
+        $gantt: $xeGantt,
         source: sourceType,
         type: viewType,
+        scaleType: scaleUnit,
         dateObj,
         row,
         column,
@@ -186,6 +190,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         transform
       } = treeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
+      const scaleUnit = computeScaleUnit.value;
       const taskViewOpts = computeTaskViewOpts.value;
       const {
         viewStyle
@@ -233,8 +238,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           trOns.onDragover = $xeTable.handleRowDragDragoverEvent;
         }
         const rowParams = {
+          $gantt: $xeGantt,
           source: sourceType,
           type: viewType,
+          scaleType: scaleUnit,
           row,
           rowIndex,
           $rowIndex,

package/lib/gantt/src/gantt-body.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let sourceType="gantt",viewType="body";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){let D=(0,_vue.inject)("$xeGantt",{}),o=(0,_vue.inject)("$xeGanttView",{}),S=D.getComputeMaps().computeTaskViewOpts,{reactData:q,internalData:R}=o,r=(0,_vue.ref)(),n=(0,_vue.ref)(),i=(0,_vue.ref)(),u=(0,_vue.ref)(),s=(0,_vue.ref)(),$=(l,a,e,o,r,n,t,i)=>{var u=l.reactData.resizeHeightFlag,{fullAllDataRowIdData:s,visibleColumn:d}=l.internalData,{computeCellOpts:v,computeRowOpts:c,computeDefaultRowHeight:p,computeResizableOpts:w}=l.getComputeMaps(),v=v.value,c=c.value,p=p.value,w=w.value.isAllRowDrag,g=q.headerGroups,h=R.todayDateMaps,{showNowLine:x,viewStyle:_}=S.value,g=(g[g.length-1]||{}).scaleItem,{field:y,dateObj:m}=t,{cellClassName:_,cellStyle:b}=_||{},h=x&&g?h[g.type]:null,g=s[e]||{},s=0<(u?g.resizeHeight:0),u=(0,_util.getCellRestHeight)(g,v,c,p),g=[];if(w&&c.resizable){let t={$table:l,$grid:null,$gantt:D,seq:-1,rowid:e,row:a,rowIndex:o,$rowIndex:r,_rowIndex:n,column:d[0],columnIndex:0,$columnIndex:0,_columnIndex:0,fixed:"",source:sourceType,type:viewType,isHidden:!1,isEdit:!1,level:-1,visibleData:[],data:[],items:[]};g.push((0,_vue.h)("div",{class:"vxe-gantt-view-cell--row-resizable",onMousedown:e=>l.handleRowResizeMousedownEvent(e,t),onDblclick:e=>l.handleRowResizeDblclickEvent(e,t)}))}let f={source:sourceType,type:viewType,dateObj:m,row:a,column:t,$rowIndex:r,rowIndex:o,_rowIndex:n};return(0,_vue.h)("td",{key:i,class:["vxe-gantt-view--body-column",{"is--now":x&&h===y,"col--rs-height":s},(0,_utils.getClass)(_,f)],style:b?Object.assign({},_xeUtils.default.isFunction(b)?b(f):b,{height:u+"px"}):{height:u+"px"},onClick(e){D.handleTaskCellClickEvent(e,{row:a,column:t})},onDblclick(e){D.handleTaskCellDblclickEvent(e,{row:a,column:t})},onContextmenu(e){D.handleTaskBodyContextmenuEvent(e,f)}},g)},H=(d,e)=>{let{treeConfig:v,stripe:c,highlightHoverRow:p,editConfig:w}=d.props,{treeExpandedFlag:g,selectRadioRow:h,pendingRowFlag:x,isRowGroupStatus:_}=d.reactData,{fullAllDataRowIdData:y,treeExpandedMaps:m,pendingRowMaps:b}=d.internalData;var{computeRadioOpts:t,computeCheckboxOpts:l,computeTreeOpts:a,computeRowOpts:o}=d.getComputeMaps();let f=t.value,D=l.value,R=o.value;t=a.value;let C=t.transform,I=t.children||t.childrenField;l=S.value.viewStyle;let{rowClassName:k,rowStyle:T}=l||{},{tableColumn:E,scrollYLoad:M}=q,O=[];return e.forEach((l,a)=>{let o=d.getRowid(l);var e=y[o]||{},t={};let r=a,n=-1,i=(e&&(r=e.index,n=e._index),!1);w&&(i=d.isInsertByRow(l)),(R.isHover||p)&&(t.onMouseenter=e=>{d.triggerHoverEvent(e,{row:l,rowIndex:r})},t.onMouseleave=()=>{d.clearHoverRow()}),!R.drag||_||v&&!C||(t.onDragstart=d.handleRowDragDragstartEvent,t.onDragend=d.handleRowDragDragendEvent,t.onDragover=d.handleRowDragDragoverEvent);e={source:sourceType,type:viewType,row:l,rowIndex:r,$rowIndex:a,_rowIndex:n};O.push((0,_vue.h)("tr",Object.assign({key:v?o:a,class:["vxe-gantt-view--body-row",{"row--stripe":c&&(n+1)%2==0,"is--new":i,"row--radio":f.highlight&&d.eqRow(h,l),"row--checked":D.highlight&&d.isCheckedByCheckboxRow(l),"row--pending":!!x&&!!b[o]},(0,_utils.getClass)(k,e)],rowid:o,style:T?_xeUtils.default.isFunction(T)?T(e):T:void 0},t),E.map((e,t)=>$(d,l,o,r,a,n,e,t))));let u=!1,s=[];!v||M||C||(s=l[I],u=!!g&&s&&0<s.length&&!!m[o]),u&&O.push(...H(d,s))}),O};return(0,_vue.onMounted)(()=>{var e=R.elemStore,t="main-body-";e[t+"wrapper"]=r,e[t+"scroll"]=n,e[t+"table"]=i,e[t+"xSpace"]=u,e[t+"ySpace"]=s}),(0,_vue.onUnmounted)(()=>{var e=R.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=o.internalData.xeTable;let{tableData:t,tableColumn:l,viewCellWidth:a}=q;return(0,_vue.h)("div",{ref:r,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--body-inner-wrapper",onScroll:o.triggerBodyScrollEvent,onContextmenu(e){D.handleTaskBodyContextmenuEvent(e,{source:sourceType,type:viewType,rowIndex:-1,$rowIndex:-1,_rowIndex:-1})}},[(0,_vue.h)("div",{ref:u,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:s,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:i,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},l.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:a+"px"}}))),(0,_vue.h)("tbody",{},e?H(e,t):[])]),(0,_vue.h)(_ganttChart.default)])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let sourceType="gantt",viewType="body";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){let $=(0,_vue.inject)("$xeGantt",{}),o=(0,_vue.inject)("$xeGanttView",{}),{computeTaskViewOpts:q,computeScaleUnit:H}=$.getComputeMaps(),{reactData:j,internalData:R}=o,r=(0,_vue.ref)(),n=(0,_vue.ref)(),i=(0,_vue.ref)(),u=(0,_vue.ref)(),s=(0,_vue.ref)(),z=(l,a,e,o,r,n,t,i)=>{var u=l.reactData.resizeHeightFlag,{fullAllDataRowIdData:s,visibleColumn:d}=l.internalData,{computeCellOpts:v,computeRowOpts:c,computeDefaultRowHeight:p,computeResizableOpts:w}=l.getComputeMaps(),v=v.value,c=c.value,p=p.value,w=w.value.isAllRowDrag,g=j.headerGroups,h=R.todayDateMaps,{showNowLine:x,viewStyle:y}=q.value,_=H.value,g=(g[g.length-1]||{}).scaleItem,{field:m,dateObj:b}=t,{cellClassName:y,cellStyle:f}=y||{},h=x&&g?h[g.type]:null,g=s[e]||{},s=0<(u?g.resizeHeight:0),u=(0,_util.getCellRestHeight)(g,v,c,p),g=[];if(w&&c.resizable){let t={$table:l,$grid:null,$gantt:$,seq:-1,rowid:e,row:a,rowIndex:o,$rowIndex:r,_rowIndex:n,column:d[0],columnIndex:0,$columnIndex:0,_columnIndex:0,fixed:"",source:sourceType,type:viewType,isHidden:!1,isEdit:!1,level:-1,visibleData:[],data:[],items:[]};g.push((0,_vue.h)("div",{class:"vxe-gantt-view-cell--row-resizable",onMousedown:e=>l.handleRowResizeMousedownEvent(e,t),onDblclick:e=>l.handleRowResizeDblclickEvent(e,t)}))}let D={$gantt:$,source:sourceType,type:viewType,scaleType:_,dateObj:b,row:a,column:t,$rowIndex:r,rowIndex:o,_rowIndex:n};return(0,_vue.h)("td",{key:i,class:["vxe-gantt-view--body-column",{"is--now":x&&h===m,"col--rs-height":s},(0,_utils.getClass)(y,D)],style:f?Object.assign({},_xeUtils.default.isFunction(f)?f(D):f,{height:u+"px"}):{height:u+"px"},onClick(e){$.handleTaskCellClickEvent(e,{row:a,column:t})},onDblclick(e){$.handleTaskCellDblclickEvent(e,{row:a,column:t})},onContextmenu(e){$.handleTaskBodyContextmenuEvent(e,D)}},g)},B=(d,e)=>{let{treeConfig:v,stripe:c,highlightHoverRow:p,editConfig:w}=d.props,{treeExpandedFlag:g,selectRadioRow:h,pendingRowFlag:x,isRowGroupStatus:y}=d.reactData,{fullAllDataRowIdData:_,treeExpandedMaps:m,pendingRowMaps:b}=d.internalData;var{computeRadioOpts:t,computeCheckboxOpts:l,computeTreeOpts:a,computeRowOpts:o}=d.getComputeMaps();let f=t.value,D=l.value,R=o.value;t=a.value;let C=t.transform,I=t.children||t.childrenField,T=H.value;l=q.value.viewStyle;let{rowClassName:k,rowStyle:E}=l||{},{tableColumn:S,scrollYLoad:M}=j,O=[];return e.forEach((l,a)=>{let o=d.getRowid(l);var e=_[o]||{},t={};let r=a,n=-1,i=(e&&(r=e.index,n=e._index),!1);w&&(i=d.isInsertByRow(l)),(R.isHover||p)&&(t.onMouseenter=e=>{d.triggerHoverEvent(e,{row:l,rowIndex:r})},t.onMouseleave=()=>{d.clearHoverRow()}),!R.drag||y||v&&!C||(t.onDragstart=d.handleRowDragDragstartEvent,t.onDragend=d.handleRowDragDragendEvent,t.onDragover=d.handleRowDragDragoverEvent);e={$gantt:$,source:sourceType,type:viewType,scaleType:T,row:l,rowIndex:r,$rowIndex:a,_rowIndex:n};O.push((0,_vue.h)("tr",Object.assign({key:v?o:a,class:["vxe-gantt-view--body-row",{"row--stripe":c&&(n+1)%2==0,"is--new":i,"row--radio":f.highlight&&d.eqRow(h,l),"row--checked":D.highlight&&d.isCheckedByCheckboxRow(l),"row--pending":!!x&&!!b[o]},(0,_utils.getClass)(k,e)],rowid:o,style:E?_xeUtils.default.isFunction(E)?E(e):E:void 0},t),S.map((e,t)=>z(d,l,o,r,a,n,e,t))));let u=!1,s=[];!v||M||C||(s=l[I],u=!!g&&s&&0<s.length&&!!m[o]),u&&O.push(...B(d,s))}),O};return(0,_vue.onMounted)(()=>{var e=R.elemStore,t="main-body-";e[t+"wrapper"]=r,e[t+"scroll"]=n,e[t+"table"]=i,e[t+"xSpace"]=u,e[t+"ySpace"]=s}),(0,_vue.onUnmounted)(()=>{var e=R.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=o.internalData.xeTable;let{tableData:t,tableColumn:l,viewCellWidth:a}=j;return(0,_vue.h)("div",{ref:r,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--body-inner-wrapper",onScroll:o.triggerBodyScrollEvent,onContextmenu(e){$.handleTaskBodyContextmenuEvent(e,{source:sourceType,type:viewType,rowIndex:-1,$rowIndex:-1,_rowIndex:-1})}},[(0,_vue.h)("div",{ref:u,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:s,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:i,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},l.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:a+"px"}}))),(0,_vue.h)("tbody",{},e?B(e,t):[])]),(0,_vue.h)(_ganttChart.default)])])}}});