vxe-gantt 3.9.0 → 3.9.2

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

@@ -1,515 +1,506 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import { VxeUI } from '@vxe-ui/core';
-import XEUtils from 'xe-utils';
-import { getCellRestHeight, hasMilestoneTask, getTaskType, hasSubviewTask } from './util';
-import { getStringValue, isEnableConf, hasEnableConf } from '../../ui/src/utils';
+import { defineVxeComponent } from "../../ui/src/comp";
+import { VxeUI } from "@vxe-ui/core";
+import XEUtils from "xe-utils";
+import { getCellRestHeight, hasMilestoneTask, getTaskType, hasSubviewTask } from "./util";
+import { getStringValue, isEnableConf, hasEnableConf } from "../../ui/src/utils";
 const { getIcon, renderEmptyElement } = VxeUI;
-const sourceType = 'gantt';
-const viewType = 'chart';
-export default defineVxeComponent({
-    name: 'VxeGanttViewChart',
-    inject: {
-        $xeGantt: {
-            default: null
-        },
-        $xeGanttView: {
-            default: null
-        }
-    },
-    props: {},
-    data() {
-        return {};
+const sourceType = "gantt";
+const viewType = "chart";
+var gantt_chart_default = defineVxeComponent({
+  name: "VxeGanttViewChart",
+  inject: {
+    $xeGantt: {
+      default: null
     },
-    computed: Object.assign({}, {}),
-    methods: {
-        //
-        // Render
-        //
-        renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, rowChildren, isExpandTree) {
-            const _vm = this;
-            const $xeGantt = _vm.$xeGantt;
-            const tableReactData = $xeTable.getReactData();
-            const { resizeHeightFlag, pendingRowFlag } = tableReactData;
-            const tableInternalData = $xeTable.getInternalData();
-            const { fullAllDataRowIdData, pendingRowMaps } = tableInternalData;
-            const cellOpts = $xeTable.computeCellOpts;
-            const rowOpts = $xeTable.computeRowOpts;
-            const defaultRowHeight = $xeTable.computeDefaultRowHeight;
-            const treeOpts = $xeTable.computeTreeOpts;
-            const childrenField = treeOpts.children || treeOpts.childrenField;
-            const ganttProps = $xeGantt;
-            const ganttReactData = $xeGantt.reactData;
-            const ganttInternalData = $xeGantt.internalData;
-            const ganttSlots = $xeGantt.$scopedSlots;
-            const taskBarSlot = ganttSlots.taskBar || ganttSlots['task-bar'];
-            const taskBarOverviewSlot = ganttSlots.taskBarOverview || ganttSlots['task-bar-overview'];
-            const { treeConfig, taskBarMilestoneConfig, taskBarSubviewConfig } = ganttProps;
-            const { activeLink, activeBarRowid, criticalPathFlag } = ganttReactData;
-            const { criticalRowMaps } = ganttInternalData;
-            const titleField = $xeGantt.computeTitleField;
-            const progressField = $xeGantt.computeProgressField;
-            const typeField = $xeGantt.computeTypeField;
-            const taskBarOpts = $xeGantt.computeTaskBarOpts;
-            const taskBarMilestoneOpts = $xeGantt.computeTaskBarMilestoneOpts;
-            const taskBarSubviewOpts = $xeGantt.computeTaskBarSubviewOpts;
-            const { showOverview, barStyle: subBarStyle } = taskBarSubviewOpts;
-            const scaleUnit = $xeGantt.computeScaleUnit;
-            const barParams = {
+    $xeGanttView: {
+      default: null
+    }
+  },
+  props: {},
+  data() {
+    return {};
+  },
+  computed: {
+    ...{}
+  },
+  methods: {
+    //
+    // Render
+    //
+    renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, rowChildren, isExpandTree) {
+      const _vm = this;
+      const $xeGantt = _vm.$xeGantt;
+      const tableReactData = $xeTable.getReactData();
+      const { resizeHeightFlag, pendingRowFlag } = tableReactData;
+      const tableInternalData = $xeTable.getInternalData();
+      const { fullAllDataRowIdData, pendingRowMaps } = tableInternalData;
+      const cellOpts = $xeTable.computeCellOpts;
+      const rowOpts = $xeTable.computeRowOpts;
+      const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+      const treeOpts = $xeTable.computeTreeOpts;
+      const childrenField = treeOpts.children || treeOpts.childrenField;
+      const ganttProps = $xeGantt;
+      const ganttReactData = $xeGantt.reactData;
+      const ganttInternalData = $xeGantt.internalData;
+      const ganttSlots = $xeGantt.$scopedSlots;
+      const taskBarSlot = ganttSlots.taskBar || ganttSlots["task-bar"];
+      const taskBarOverviewSlot = ganttSlots.taskBarOverview || ganttSlots["task-bar-overview"];
+      const { treeConfig, taskBarMilestoneConfig, taskBarSubviewConfig } = ganttProps;
+      const { activeLink, activeBarRowid, criticalPathFlag } = ganttReactData;
+      const { criticalRowMaps } = ganttInternalData;
+      const titleField = $xeGantt.computeTitleField;
+      const progressField = $xeGantt.computeProgressField;
+      const typeField = $xeGantt.computeTypeField;
+      const taskBarOpts = $xeGantt.computeTaskBarOpts;
+      const taskBarMilestoneOpts = $xeGantt.computeTaskBarMilestoneOpts;
+      const taskBarSubviewOpts = $xeGantt.computeTaskBarSubviewOpts;
+      const { showOverview, barStyle: subBarStyle } = taskBarSubviewOpts;
+      const scaleUnit = $xeGantt.computeScaleUnit;
+      const barParams = {
+        $gantt: $xeGantt,
+        source: sourceType,
+        type: viewType,
+        scaleType: scaleUnit,
+        row,
+        $rowIndex,
+        rowIndex,
+        _rowIndex
+      };
+      const { showProgress, showCriticalPath, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
+      const isBarRowStyle = XEUtils.isFunction(barStyle);
+      const barStyObj = (barStyle ? isBarRowStyle ? barStyle(barParams) : barStyle : {}) || {};
+      const barRound = barStyObj.round;
+      const barBgColor = barStyObj.bgColor;
+      const barCompletedBgColor = barStyObj.completedBgColor;
+      const barHtmlStyle = barStyObj.style;
+      const rowRest = fullAllDataRowIdData[rowid] || {};
+      const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
+      let title = getStringValue(XEUtils.get(row, titleField));
+      const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
+      const renderTaskType = getTaskType(XEUtils.get(row, typeField));
+      const isMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(renderTaskType));
+      const ctParams = { ...barParams };
+      const vbStyle = {};
+      const vpStyle = {
+        width: `${progressValue || 0}%`
+      };
+      if (!isMilestone) {
+        if (isBarRowStyle) {
+          if (barBgColor) {
+            vbStyle["--vxe-ui-gantt-view-task-bar-background-color"] = barBgColor;
+          }
+          if (barCompletedBgColor) {
+            vbStyle["--vxe-ui-gantt-view-task-bar-completed-background-color"] = barCompletedBgColor;
+          }
+        }
+      }
+      if (barHtmlStyle) {
+        XEUtils.assign(vbStyle, barHtmlStyle);
+      }
+      let cbVNs = [];
+      if ($xeGantt.renderGanttTaskBarContent) {
+        cbVNs = $xeGantt.renderGanttTaskBarContent(h, ctParams, {
+          $gantt: $xeGantt,
+          $table: $xeTable,
+          rowid
+        });
+      } else {
+        const isSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(renderTaskType));
+        if (contentMethod) {
+          title = getStringValue(contentMethod({ row, title, scaleType: scaleUnit }));
+        }
+        const ctOns = {};
+        if (showTooltip) {
+          ctOns.mouseover = (evnt) => {
+            const { dragBarRow } = ganttInternalData;
+            const ttParams = Object.assign({ $event: evnt }, ctParams);
+            if (!dragBarRow) {
+              $xeGantt.triggerTaskBarTooltipEvent(evnt, ttParams);
+            }
+            $xeGantt.dispatchEvent("task-bar-mouseenter", ttParams, evnt);
+          };
+          ctOns.mouseleave = (evnt) => {
+            const { dragBarRow } = ganttInternalData;
+            const ttParams = Object.assign({ $event: evnt }, ctParams);
+            if (!dragBarRow) {
+              $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, ttParams);
+            }
+            $xeGantt.dispatchEvent("task-bar-mouseleave", ttParams, evnt);
+          };
+        }
+        if (isSubview && treeConfig && rowChildren && rowChildren.length) {
+          if (isExpandTree) {
+            if (showOverview) {
+              cbVNs.push(
+                h("div", {
+                  key: "vcso",
+                  class: "vxe-gantt-view--chart-subview-wrapper is--overview"
+                }, [
+                  h("div", {
+                    key: rowid,
+                    attrs: {
+                      rowid
+                    },
+                    class: ["vxe-gantt-view--chart-subview-row", {
+                      "is--progress": showProgress,
+                      "is--round": barRound,
+                      "is--move": moveable
+                    }]
+                  }, [
+                    h("div", {
+                      attrs: {
+                        rowid
+                      },
+                      class: [taskBarOverviewSlot ? "vxe-gantt-view--chart-subview-custom-bar" : "vxe-gantt-view--chart-subview-bar", `is--${renderTaskType}`]
+                    }, [
+                      taskBarOverviewSlot ? h("div", {
+                        key: "cbc",
+                        class: "vxe-gantt-view--chart-subview-custom-bar-content-wrapper"
+                      }, $xeGantt.callSlot(taskBarOverviewSlot, barParams, h)) : h("div", {
+                        class: "vxe-gantt-view--chart-subview-bar-content-wrapper"
+                      }, [
+                        showContent ? h("div", {
+                          class: "vxe-gantt-view--chart-content"
+                        }, title) : renderEmptyElement($xeGantt)
+                      ])
+                    ])
+                  ])
+                ])
+              );
+            }
+          } else {
+            const cbcVNs = [];
+            XEUtils.eachTree(rowChildren, (childRow) => {
+              const childBarParams = {
                 $gantt: $xeGantt,
                 source: sourceType,
                 type: viewType,
                 scaleType: scaleUnit,
-                row,
-                $rowIndex,
-                rowIndex,
-                _rowIndex
-            };
-            const { showProgress, showCriticalPath, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
-            const isBarRowStyle = XEUtils.isFunction(barStyle);
-            const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) : barStyle) : {}) || {};
-            const barRound = barStyObj.round;
-            const barBgColor = barStyObj.bgColor;
-            const barCompletedBgColor = barStyObj.completedBgColor;
-            const barHtmlStyle = barStyObj.style;
-            const rowRest = fullAllDataRowIdData[rowid] || {};
-            const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
-            let title = getStringValue(XEUtils.get(row, titleField));
-            const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
-            const renderTaskType = getTaskType(XEUtils.get(row, typeField));
-            const isMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(renderTaskType));
-            const ctParams = Object.assign({}, barParams);
-            const vbStyle = {};
-            const vpStyle = {
-                width: `${progressValue || 0}%`
-            };
-            if (!isMilestone) {
-                if (isBarRowStyle) {
-                    if (barBgColor) {
-                        vbStyle['--vxe-ui-gantt-view-task-bar-background-color'] = barBgColor;
-                    }
-                    if (barCompletedBgColor) {
-                        vbStyle['--vxe-ui-gantt-view-task-bar-completed-background-color'] = barCompletedBgColor;
-                    }
-                }
-            }
-            if (barHtmlStyle) {
-                XEUtils.assign(vbStyle, barHtmlStyle);
-            }
-            let cbVNs = [];
-            if ($xeGantt.renderGanttTaskBarContent) {
-                cbVNs = $xeGantt.renderGanttTaskBarContent(h, ctParams, {
-                    $gantt: $xeGantt,
-                    $table: $xeTable,
-                    rowid
-                });
-            }
-            else {
-                const isSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(renderTaskType));
-                if (contentMethod) {
-                    title = getStringValue(contentMethod({ row, title, scaleType: scaleUnit }));
-                }
-                const ctOns = {};
-                if (showTooltip) {
-                    ctOns.mouseover = (evnt) => {
-                        const { dragBarRow } = ganttInternalData;
-                        const ttParams = Object.assign({ $event: evnt }, ctParams);
-                        if (!dragBarRow) {
-                            $xeGantt.triggerTaskBarTooltipEvent(evnt, ttParams);
-                        }
-                        $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt);
-                    };
-                    ctOns.mouseleave = (evnt) => {
-                        const { dragBarRow } = ganttInternalData;
-                        const ttParams = Object.assign({ $event: evnt }, ctParams);
-                        if (!dragBarRow) {
-                            $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, ttParams);
-                        }
-                        $xeGantt.dispatchEvent('task-bar-mouseleave', ttParams, evnt);
-                    };
-                }
-                if (isSubview && treeConfig && rowChildren && rowChildren.length) {
-                    if (isExpandTree) {
-                        if (showOverview) {
-                            cbVNs.push(h('div', {
-                                key: 'vcso',
-                                class: 'vxe-gantt-view--chart-subview-wrapper is--overview'
-                            }, [
-                                h('div', {
-                                    key: rowid,
-                                    attrs: {
-                                        rowid: rowid
-                                    },
-                                    class: ['vxe-gantt-view--chart-subview-row', {
-                                            'is--progress': showProgress,
-                                            'is--round': barRound,
-                                            'is--move': moveable
-                                        }]
-                                }, [
-                                    h('div', {
-                                        attrs: {
-                                            rowid: rowid
-                                        },
-                                        class: [taskBarOverviewSlot ? 'vxe-gantt-view--chart-subview-custom-bar' : 'vxe-gantt-view--chart-subview-bar', `is--${renderTaskType}`]
-                                    }, [
-                                        taskBarOverviewSlot
-                                            ? h('div', {
-                                                key: 'cbc',
-                                                class: 'vxe-gantt-view--chart-subview-custom-bar-content-wrapper'
-                                            }, $xeGantt.callSlot(taskBarOverviewSlot, barParams, h))
-                                            : h('div', {
-                                                class: 'vxe-gantt-view--chart-subview-bar-content-wrapper'
-                                            }, [
-                                                showContent
-                                                    ? h('div', {
-                                                        class: 'vxe-gantt-view--chart-content'
-                                                    }, title)
-                                                    : renderEmptyElement($xeGantt)
-                                            ])
-                                    ])
-                                ])
-                            ]));
-                        }
-                    }
-                    else {
-                        const cbcVNs = [];
-                        XEUtils.eachTree(rowChildren, childRow => {
-                            const childBarParams = {
-                                $gantt: $xeGantt,
-                                source: sourceType,
-                                type: viewType,
-                                scaleType: scaleUnit,
-                                row: childRow,
-                                $rowIndex: $xeTable.getRowIndex(childRow),
-                                rowIndex: $xeTable.getVMRowIndex(childRow),
-                                _rowIndex: $xeTable.getVTRowIndex(childRow)
-                            };
-                            const isChildBarRowStyle = XEUtils.isFunction(subBarStyle);
-                            const childBarStyObj = XEUtils.assign({}, (barStyle ? (isBarRowStyle ? barStyle(childBarParams) : barStyle) : {}) || {}, (subBarStyle ? (isChildBarRowStyle ? subBarStyle(childBarParams) : subBarStyle) : {}) || {});
-                            const childRound = childBarStyObj.round;
-                            const childBgColor = childBarStyObj.bgColor;
-                            const childCompletedBgColor = childBarStyObj.completedBgColor;
-                            const childBarHtmlStyle = childBarStyObj.style;
-                            const childRowid = $xeTable.getRowid(childRow);
-                            let childTitle = getStringValue(XEUtils.get(childRow, titleField));
-                            const childProgressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(childRow, progressField)))) : 0;
-                            const childRenderTaskType = getTaskType(XEUtils.get(childRow, typeField));
-                            const isChildMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(childRenderTaskType));
-                            const isChildSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(childRenderTaskType));
-                            if (isChildSubview) {
-                                return;
-                            }
-                            const childVbStyle = {};
-                            const childVpStyle = {
-                                width: `${childProgressValue || 0}%`
-                            };
-                            if (!isChildMilestone) {
-                                if (childBgColor) {
-                                    childVbStyle['--vxe-ui-gantt-view-task-bar-background-color'] = childBgColor;
-                                }
-                                if (childCompletedBgColor) {
-                                    childVpStyle['--vxe-ui-gantt-view-task-bar-completed-background-color'] = childCompletedBgColor;
-                                }
-                            }
-                            //  已废弃
-                            if (childBarStyObj.top) {
-                                childVbStyle.top = childBarStyObj.top;
-                            }
-                            //  已废弃
-                            if (childBarHtmlStyle) {
-                                XEUtils.assign(childVbStyle, childBarHtmlStyle);
-                            }
-                            const childCtParams = Object.assign({}, childBarParams);
-                            if (contentMethod) {
-                                childTitle = getStringValue(contentMethod({ row: childRow, title: childTitle, scaleType: scaleUnit }));
-                            }
-                            cbcVNs.push(h('div', {
-                                key: childRowid,
-                                attrs: {
-                                    rowid: childRowid
-                                },
-                                class: ['vxe-gantt-view--chart-subview-row', `is--${childRenderTaskType}`, {
-                                        'is--progress': showProgress,
-                                        'is--critical': showCriticalPath && criticalPathFlag && criticalRowMaps.has(childRowid),
-                                        'is--round': childRound,
-                                        'is--move': moveable,
-                                        'row--pending': !!pendingRowFlag && !!pendingRowMaps[childRowid]
-                                    }]
-                            }, [
-                                h('div', {
-                                    attrs: {
-                                        rowid: childRowid
-                                    },
-                                    class: [taskBarSlot ? 'vxe-gantt-view--chart-subview-custom-bar' : 'vxe-gantt-view--chart-subview-bar', `is--${childRenderTaskType}`],
-                                    style: childVbStyle,
-                                    on: {
-                                        click(evnt) {
-                                            evnt.stopPropagation();
-                                            $xeGantt.handleTaskBarClickEvent(evnt, childCtParams);
-                                        },
-                                        dblclick(evnt) {
-                                            evnt.stopPropagation();
-                                            $xeGantt.handleTaskBarDblclickEvent(evnt, childCtParams);
-                                        },
-                                        mousedown(evnt) {
-                                            evnt.stopPropagation();
-                                            if ($xeGantt.handleTaskBarModnEvent) {
-                                                $xeGantt.handleTaskBarModnEvent(evnt, childCtParams);
-                                            }
-                                        }
-                                    }
-                                }, [
-                                    taskBarSlot
-                                        ? h('div', {
-                                            key: 'cbc',
-                                            class: 'vxe-gantt-view--chart-subview-custom-bar-content-wrapper',
-                                            on: ctOns
-                                        }, $xeGantt.callSlot(taskBarSlot, childCtParams, h))
-                                        : h('div', {
-                                            class: 'vxe-gantt-view--chart-subview-bar-content-wrapper',
-                                            on: ctOns
-                                        }, [
-                                            showProgress
-                                                ? h('div', {
-                                                    class: 'vxe-gantt-view--chart-progress',
-                                                    style: childVpStyle
-                                                })
-                                                : renderEmptyElement($xeGantt),
-                                            showContent
-                                                ? h('div', {
-                                                    class: 'vxe-gantt-view--chart-content'
-                                                }, childTitle)
-                                                : renderEmptyElement($xeGantt)
-                                        ])
-                                ])
-                            ]));
-                        }, { children: childrenField });
-                        cbVNs.push(h('div', {
-                            key: 'vcsc',
-                            class: 'vxe-gantt-view--chart-subview-wrapper is--inline'
-                        }, cbcVNs));
-                    }
-                }
-                else {
-                    if (taskBarSlot) {
-                        cbVNs.push(h('div', {
-                            key: 'cbc',
-                            class: 'vxe-gantt-view--chart-custom-bar-content-wrapper',
-                            on: ctOns
-                        }, $xeGantt.callSlot(taskBarSlot, barParams, h)));
-                    }
-                    else if (isMilestone) {
-                        const { icon, iconStatus, iconStyle } = taskBarMilestoneOpts;
-                        const tbmParams = { $gantt: $xeGantt, row };
-                        cbVNs.push(h('div', {
-                            key: 'vcm',
-                            class: 'vxe-gantt-view--chart-milestone-wrapper',
-                            on: ctOns
-                        }, [
-                            h('div', {
-                                class: ['vxe-gantt-view--chart-milestone-icon', iconStatus ? `theme--${XEUtils.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus}` : ''],
-                                style: iconStyle ? Object.assign({}, XEUtils.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : undefined
-                            }, [
-                                h('i', {
-                                    class: (icon ? (XEUtils.isFunction(icon) ? icon(tbmParams) : icon) : '') || getIcon().GANTT_VIEW_TASK_MILESTONE
-                                })
-                            ]),
-                            showContent
-                                ? h('div', {
-                                    class: 'vxe-gantt-view--chart-milestone-content'
-                                }, title)
-                                : renderEmptyElement($xeGantt)
-                        ]));
-                    }
-                    else {
-                        cbVNs.push(h('div', {
-                            key: 'vbc',
-                            class: 'vxe-gantt-view--chart-bar-content-wrapper',
-                            on: ctOns
-                        }, [
-                            showProgress
-                                ? h('div', {
-                                    class: 'vxe-gantt-view--chart-progress',
-                                    style: vpStyle
-                                })
-                                : renderEmptyElement($xeGantt),
-                            showContent
-                                ? h('div', {
-                                    class: 'vxe-gantt-view--chart-content'
-                                }, title)
-                                : renderEmptyElement($xeGantt)
-                        ]));
-                    }
+                row: childRow,
+                $rowIndex: $xeTable.getRowIndex(childRow),
+                rowIndex: $xeTable.getVMRowIndex(childRow),
+                _rowIndex: $xeTable.getVTRowIndex(childRow)
+              };
+              const isChildBarRowStyle = XEUtils.isFunction(subBarStyle);
+              const childBarStyObj = XEUtils.assign(
+                {},
+                (barStyle ? isBarRowStyle ? barStyle(childBarParams) : barStyle : {}) || {},
+                (subBarStyle ? isChildBarRowStyle ? subBarStyle(childBarParams) : subBarStyle : {}) || {}
+              );
+              const childRound = childBarStyObj.round;
+              const childBgColor = childBarStyObj.bgColor;
+              const childCompletedBgColor = childBarStyObj.completedBgColor;
+              const childBarHtmlStyle = childBarStyObj.style;
+              const childRowid = $xeTable.getRowid(childRow);
+              let childTitle = getStringValue(XEUtils.get(childRow, titleField));
+              const childProgressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(childRow, progressField)))) : 0;
+              const childRenderTaskType = getTaskType(XEUtils.get(childRow, typeField));
+              const isChildMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(childRenderTaskType));
+              const isChildSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(childRenderTaskType));
+              if (isChildSubview) {
+                return;
+              }
+              const childVbStyle = {};
+              const childVpStyle = {
+                width: `${childProgressValue || 0}%`
+              };
+              if (!isChildMilestone) {
+                if (childBgColor) {
+                  childVbStyle["--vxe-ui-gantt-view-task-bar-background-color"] = childBgColor;
                 }
-            }
-            return h('div', {
-                key: rowid,
-                attrs: {
-                    rowid
-                },
-                class: ['vxe-gantt-view--chart-row', `is--${renderTaskType}`, {
-                        'is--progress': showProgress,
-                        'is--critical': showCriticalPath && criticalPathFlag && criticalRowMaps.has(rowid),
-                        'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid],
-                        'is--round': barRound,
-                        'is--move': moveable
-                    }],
-                style: {
-                    height: `${cellHeight}px`
-                },
-                on: {
-                    onDragstart(evnt) {
-                        if (ganttInternalData.dragBarRow) {
-                            evnt.preventDefault();
-                        }
-                    },
-                    contextmenu(evnt) {
-                        $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
-                    }
+                if (childCompletedBgColor) {
+                  childVpStyle["--vxe-ui-gantt-view-task-bar-completed-background-color"] = childCompletedBgColor;
                 }
-            }, [
-                h('div', {
-                    class: [taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar', `is--${renderTaskType}`, {
-                            'is--active': activeBarRowid === rowid,
-                            'active--link': activeLink && (rowid === `${activeLink.from}` || rowid === `${activeLink.to}`)
-                        }],
-                    style: vbStyle,
+              }
+              if (childBarStyObj.top) {
+                childVbStyle.top = childBarStyObj.top;
+              }
+              if (childBarHtmlStyle) {
+                XEUtils.assign(childVbStyle, childBarHtmlStyle);
+              }
+              const childCtParams = { ...childBarParams };
+              if (contentMethod) {
+                childTitle = getStringValue(contentMethod({ row: childRow, title: childTitle, scaleType: scaleUnit }));
+              }
+              cbcVNs.push(
+                h("div", {
+                  key: childRowid,
+                  attrs: {
+                    rowid: childRowid
+                  },
+                  class: ["vxe-gantt-view--chart-subview-row", `is--${childRenderTaskType}`, {
+                    "is--progress": showProgress,
+                    "is--critical": showCriticalPath && criticalPathFlag && criticalRowMaps.has(childRowid),
+                    "is--round": childRound,
+                    "is--move": moveable,
+                    "row--pending": !!pendingRowFlag && !!pendingRowMaps[childRowid]
+                  }]
+                }, [
+                  h("div", {
                     attrs: {
-                        rowid
+                      rowid: childRowid
                     },
+                    class: [taskBarSlot ? "vxe-gantt-view--chart-subview-custom-bar" : "vxe-gantt-view--chart-subview-bar", `is--${childRenderTaskType}`],
+                    style: childVbStyle,
                     on: {
-                        click(evnt) {
-                            $xeGantt.handleTaskBarClickEvent(evnt, barParams);
-                        },
-                        dblclick(evnt) {
-                            $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
-                        },
-                        mousedown(evnt) {
-                            if ($xeGantt.handleTaskBarModnEvent) {
-                                $xeGantt.handleTaskBarModnEvent(evnt, barParams);
-                            }
+                      click(evnt) {
+                        evnt.stopPropagation();
+                        $xeGantt.handleTaskBarClickEvent(evnt, childCtParams);
+                      },
+                      dblclick(evnt) {
+                        evnt.stopPropagation();
+                        $xeGantt.handleTaskBarDblclickEvent(evnt, childCtParams);
+                      },
+                      mousedown(evnt) {
+                        evnt.stopPropagation();
+                        if ($xeGantt.handleTaskBarModnEvent) {
+                          $xeGantt.handleTaskBarModnEvent(evnt, childCtParams);
                         }
+                      }
                     }
-                }, cbVNs)
-            ]);
+                  }, [
+                    taskBarSlot ? h("div", {
+                      key: "cbc",
+                      class: "vxe-gantt-view--chart-subview-custom-bar-content-wrapper",
+                      on: ctOns
+                    }, $xeGantt.callSlot(taskBarSlot, childCtParams, h)) : h("div", {
+                      class: "vxe-gantt-view--chart-subview-bar-content-wrapper",
+                      on: ctOns
+                    }, [
+                      showProgress ? h("div", {
+                        class: "vxe-gantt-view--chart-progress",
+                        style: childVpStyle
+                      }) : renderEmptyElement($xeGantt),
+                      showContent ? h("div", {
+                        class: "vxe-gantt-view--chart-content"
+                      }, childTitle) : renderEmptyElement($xeGantt)
+                    ])
+                  ])
+                ])
+              );
+            }, { children: childrenField });
+            cbVNs.push(
+              h("div", {
+                key: "vcsc",
+                class: "vxe-gantt-view--chart-subview-wrapper is--inline"
+              }, cbcVNs)
+            );
+          }
+        } else {
+          if (taskBarSlot) {
+            cbVNs.push(
+              h("div", {
+                key: "cbc",
+                class: "vxe-gantt-view--chart-custom-bar-content-wrapper",
+                on: ctOns
+              }, $xeGantt.callSlot(taskBarSlot, barParams, h))
+            );
+          } else if (isMilestone) {
+            const { icon, iconStatus, iconStyle } = taskBarMilestoneOpts;
+            const tbmParams = { $gantt: $xeGantt, row };
+            cbVNs.push(
+              h("div", {
+                key: "vcm",
+                class: "vxe-gantt-view--chart-milestone-wrapper",
+                on: ctOns
+              }, [
+                h("div", {
+                  class: ["vxe-gantt-view--chart-milestone-icon", iconStatus ? `theme--${XEUtils.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus}` : ""],
+                  style: iconStyle ? Object.assign({}, XEUtils.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : void 0
+                }, [
+                  h("i", {
+                    class: (icon ? XEUtils.isFunction(icon) ? icon(tbmParams) : icon : "") || getIcon().GANTT_VIEW_TASK_MILESTONE
+                  })
+                ]),
+                showContent ? h("div", {
+                  class: "vxe-gantt-view--chart-milestone-content"
+                }, title) : renderEmptyElement($xeGantt)
+              ])
+            );
+          } else {
+            cbVNs.push(
+              h("div", {
+                key: "vbc",
+                class: "vxe-gantt-view--chart-bar-content-wrapper",
+                on: ctOns
+              }, [
+                showProgress ? h("div", {
+                  class: "vxe-gantt-view--chart-progress",
+                  style: vpStyle
+                }) : renderEmptyElement($xeGantt),
+                showContent ? h("div", {
+                  class: "vxe-gantt-view--chart-content"
+                }, title) : renderEmptyElement($xeGantt)
+              ])
+            );
+          }
+        }
+      }
+      return h("div", {
+        key: rowid,
+        attrs: {
+          rowid
         },
-        renderTaskRows(h, $xeTable, tableData) {
-            const _vm = this;
-            const $xeGanttView = _vm.$xeGanttView;
-            const ganttViewReactData = $xeGanttView.reactData;
-            const tableProps = $xeTable;
-            const { treeConfig } = tableProps;
-            const tableReactData = $xeTable.getReactData();
-            const { treeExpandedFlag } = tableReactData;
-            const tableInternalData = $xeTable.getInternalData();
-            const { fullAllDataRowIdData, treeExpandedMaps } = tableInternalData;
-            const treeOpts = $xeTable.computeTreeOpts;
-            const { transform } = treeOpts;
-            const childrenField = treeOpts.children || treeOpts.childrenField;
-            const { scrollYLoad } = ganttViewReactData;
-            const trVNs = [];
-            tableData.forEach((row, $rowIndex) => {
-                const rowid = $xeTable.getRowid(row);
-                const rowRest = fullAllDataRowIdData[rowid] || {};
-                let rowIndex = $rowIndex;
-                let _rowIndex = -1;
-                if (rowRest) {
-                    rowIndex = rowRest.index;
-                    _rowIndex = rowRest._index;
-                }
-                let isExpandTree = false;
-                let rowChildren = [];
-                if (treeConfig) {
-                    rowChildren = row[childrenField];
-                    isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
-                }
-                trVNs.push(_vm.renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, rowChildren, isExpandTree));
-                // 如果是树形表格
-                if (treeConfig && isExpandTree && !scrollYLoad && !transform) {
-                    trVNs.push(..._vm.renderTaskRows(h, $xeTable, rowChildren));
-                }
-            });
-            return trVNs;
+        class: ["vxe-gantt-view--chart-row", `is--${renderTaskType}`, {
+          "is--progress": showProgress,
+          "is--critical": showCriticalPath && criticalPathFlag && criticalRowMaps.has(rowid),
+          "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid],
+          "is--round": barRound,
+          "is--move": moveable
+        }],
+        style: {
+          height: `${cellHeight}px`
         },
-        renderVN(h) {
-            const _vm = this;
-            const $xeGantt = _vm.$xeGantt;
-            const $xeGanttView = _vm.$xeGanttView;
-            const ganttReactData = $xeGantt.reactData;
-            const ganttViewInternalData = $xeGanttView.internalData;
-            const ganttViewReactData = $xeGanttView.reactData;
-            const $xeTable = ganttViewInternalData.xeTable;
-            const ganttSlots = $xeGantt.$scopedSlots;
-            const { dragLinkFromStore } = ganttReactData;
-            const { tableData } = ganttViewReactData;
-            const taskLinkOpts = $xeGantt.computeTaskLinkOpts;
-            const taskBarOpts = $xeGantt.computeTaskBarOpts;
-            const nowLineLeft = $xeGanttView.computeNowLineLeft;
-            const { isCurrent, isHover } = taskLinkOpts;
-            const { linkCreatable } = taskBarOpts;
-            const taskNowLineSlot = ganttSlots.taskNowLine || ganttSlots['task-now-line'];
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-gantt-view--chart-wrapper', {
-                        'is--cl-drag': dragLinkFromStore.rowid
-                    }]
-            }, [
-                nowLineLeft > 0
-                    ? h('div', {
-                        ref: 'refNowLineElem',
-                        class: 'vxe-gantt-view--chart-now-line',
-                        style: {
-                            left: nowLineLeft + 'px'
-                        }
-                    }, taskNowLineSlot ? taskNowLineSlot({}) : [])
-                    : renderEmptyElement($xeGantt),
-                $xeGantt.renderGanttTaskChartBefores
-                    ? h('div', {
-                        ref: 'refChartBeforeWrapperElem',
-                        class: ['vxe-gantt-view--chart-before-wrapper', {
-                                'link--current': isCurrent,
-                                'link--hover': isHover
-                            }]
-                    }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartBefores(h) : [])
-                    : renderEmptyElement($xeGantt),
-                h('div', {
-                    ref: 'refTaskWrapperElem',
-                    class: ['vxe-gantt-view--chart-task-wrapper', {
-                            'link--current': isCurrent,
-                            'link--create': linkCreatable
-                        }]
-                }, $xeTable ? _vm.renderTaskRows(h, $xeTable, tableData) : []),
-                $xeGantt.renderGanttTaskChartAfters
-                    ? h('div', {
-                        ref: 'refChartAfterWrapperElem',
-                        class: 'vxe-gantt-view--chart-after-wrapper'
-                    }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartAfters(h) : [])
-                    : renderEmptyElement($xeGantt)
-            ]);
+        on: {
+          onDragstart(evnt) {
+            if (ganttInternalData.dragBarRow) {
+              evnt.preventDefault();
+            }
+          },
+          contextmenu(evnt) {
+            $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
+          }
         }
+      }, [
+        h("div", {
+          class: [taskBarSlot ? "vxe-gantt-view--chart-custom-bar" : "vxe-gantt-view--chart-bar", `is--${renderTaskType}`, {
+            "is--active": activeBarRowid === rowid,
+            "active--link": activeLink && (rowid === `${activeLink.from}` || rowid === `${activeLink.to}`)
+          }],
+          style: vbStyle,
+          attrs: {
+            rowid
+          },
+          on: {
+            click(evnt) {
+              $xeGantt.handleTaskBarClickEvent(evnt, barParams);
+            },
+            dblclick(evnt) {
+              $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+            },
+            mousedown(evnt) {
+              if ($xeGantt.handleTaskBarModnEvent) {
+                $xeGantt.handleTaskBarModnEvent(evnt, barParams);
+              }
+            }
+          }
+        }, cbVNs)
+      ]);
     },
-    mounted() {
-        const _vm = this;
-        const $xeGanttView = _vm.$xeGanttView;
-        const ganttViewInternalData = $xeGanttView.internalData;
-        const { elemStore } = ganttViewInternalData;
-        const prefix = 'main-chart-';
-        elemStore[`${prefix}now-line`] = _vm.$refs.refNowLineElem;
-        elemStore[`${prefix}task-wrapper`] = _vm.$refs.refTaskWrapperElem;
-        elemStore[`${prefix}before-wrapper`] = _vm.$refs.refChartBeforeWrapperElem;
-        elemStore[`${prefix}after-wrapper`] = _vm.$refs.refChartAfterWrapperElem;
-    },
-    destroyed() {
-        const _vm = this;
-        const $xeGanttView = _vm.$xeGanttView;
-        const ganttViewInternalData = $xeGanttView.internalData;
-        const { elemStore } = ganttViewInternalData;
-        const prefix = 'main-chart-';
-        elemStore[`${prefix}now-line`] = null;
-        elemStore[`${prefix}task-wrapper`] = null;
-        elemStore[`${prefix}before-wrapper`] = null;
-        elemStore[`${prefix}after-wrapper`] = null;
+    renderTaskRows(h, $xeTable, tableData) {
+      const _vm = this;
+      const $xeGanttView = _vm.$xeGanttView;
+      const ganttViewReactData = $xeGanttView.reactData;
+      const tableProps = $xeTable;
+      const { treeConfig } = tableProps;
+      const tableReactData = $xeTable.getReactData();
+      const { treeExpandedFlag } = tableReactData;
+      const tableInternalData = $xeTable.getInternalData();
+      const { fullAllDataRowIdData, treeExpandedMaps } = tableInternalData;
+      const treeOpts = $xeTable.computeTreeOpts;
+      const { transform } = treeOpts;
+      const childrenField = treeOpts.children || treeOpts.childrenField;
+      const { scrollYLoad } = ganttViewReactData;
+      const trVNs = [];
+      tableData.forEach((row, $rowIndex) => {
+        const rowid = $xeTable.getRowid(row);
+        const rowRest = fullAllDataRowIdData[rowid] || {};
+        let rowIndex = $rowIndex;
+        let _rowIndex = -1;
+        if (rowRest) {
+          rowIndex = rowRest.index;
+          _rowIndex = rowRest._index;
+        }
+        let isExpandTree = false;
+        let rowChildren = [];
+        if (treeConfig) {
+          rowChildren = row[childrenField];
+          isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
+        }
+        trVNs.push(_vm.renderTaskBar(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, rowChildren, isExpandTree));
+        if (treeConfig && isExpandTree && !scrollYLoad && !transform) {
+          trVNs.push(..._vm.renderTaskRows(h, $xeTable, rowChildren));
+        }
+      });
+      return trVNs;
     },
-    render(h) {
-        return this.renderVN(h);
+    renderVN(h) {
+      const _vm = this;
+      const $xeGantt = _vm.$xeGantt;
+      const $xeGanttView = _vm.$xeGanttView;
+      const ganttReactData = $xeGantt.reactData;
+      const ganttViewInternalData = $xeGanttView.internalData;
+      const ganttViewReactData = $xeGanttView.reactData;
+      const $xeTable = ganttViewInternalData.xeTable;
+      const ganttSlots = $xeGantt.$scopedSlots;
+      const { dragLinkFromStore } = ganttReactData;
+      const { tableData } = ganttViewReactData;
+      const taskLinkOpts = $xeGantt.computeTaskLinkOpts;
+      const taskBarOpts = $xeGantt.computeTaskBarOpts;
+      const nowLineLeft = $xeGanttView.computeNowLineLeft;
+      const { isCurrent, isHover } = taskLinkOpts;
+      const { linkCreatable } = taskBarOpts;
+      const taskNowLineSlot = ganttSlots.taskNowLine || ganttSlots["task-now-line"];
+      return h("div", {
+        ref: "refElem",
+        class: ["vxe-gantt-view--chart-wrapper", {
+          "is--cl-drag": dragLinkFromStore.rowid
+        }]
+      }, [
+        nowLineLeft > 0 ? h("div", {
+          ref: "refNowLineElem",
+          class: "vxe-gantt-view--chart-now-line",
+          style: {
+            left: nowLineLeft + "px"
+          }
+        }, taskNowLineSlot ? taskNowLineSlot({}) : []) : renderEmptyElement($xeGantt),
+        $xeGantt.renderGanttTaskChartBefores ? h("div", {
+          ref: "refChartBeforeWrapperElem",
+          class: ["vxe-gantt-view--chart-before-wrapper", {
+            "link--current": isCurrent,
+            "link--hover": isHover
+          }]
+        }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartBefores(h) : []) : renderEmptyElement($xeGantt),
+        h("div", {
+          ref: "refTaskWrapperElem",
+          class: ["vxe-gantt-view--chart-task-wrapper", {
+            "link--current": isCurrent,
+            "link--create": linkCreatable
+          }]
+        }, $xeTable ? _vm.renderTaskRows(h, $xeTable, tableData) : []),
+        $xeGantt.renderGanttTaskChartAfters ? h("div", {
+          ref: "refChartAfterWrapperElem",
+          class: "vxe-gantt-view--chart-after-wrapper"
+        }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartAfters(h) : []) : renderEmptyElement($xeGantt)
+      ]);
     }
+  },
+  mounted() {
+    const _vm = this;
+    const $xeGanttView = _vm.$xeGanttView;
+    const ganttViewInternalData = $xeGanttView.internalData;
+    const { elemStore } = ganttViewInternalData;
+    const prefix = "main-chart-";
+    elemStore[`${prefix}now-line`] = _vm.$refs.refNowLineElem;
+    elemStore[`${prefix}task-wrapper`] = _vm.$refs.refTaskWrapperElem;
+    elemStore[`${prefix}before-wrapper`] = _vm.$refs.refChartBeforeWrapperElem;
+    elemStore[`${prefix}after-wrapper`] = _vm.$refs.refChartAfterWrapperElem;
+  },
+  destroyed() {
+    const _vm = this;
+    const $xeGanttView = _vm.$xeGanttView;
+    const ganttViewInternalData = $xeGanttView.internalData;
+    const { elemStore } = ganttViewInternalData;
+    const prefix = "main-chart-";
+    elemStore[`${prefix}now-line`] = null;
+    elemStore[`${prefix}task-wrapper`] = null;
+    elemStore[`${prefix}before-wrapper`] = null;
+    elemStore[`${prefix}after-wrapper`] = null;
+  },
+  render(h) {
+    return this.renderVN(h);
+  }
 });
+export {
+  gantt_chart_default as default
+};