vxe-gantt 4.9.3 → 4.9.6

package/dist/all.esm.js

@@ -11,151 +11,25 @@ __export(components_exports, {
   VxeGantt: () => VxeGantt,
   VxeGanttDependencyType: () => VxeGanttDependencyType,
   VxeGanttTaskType: () => VxeGanttTaskType,
-  VxeUI: () => ui_default,
+  VxeUI: () => VxeUI10,
   install: () => install
 });
-
-// packages_temp/ui/index.ts
-import { VxeUI } from "@vxe-ui/core";
-var { setConfig, setIcon } = VxeUI;
-VxeUI.ganttVersion = "4.9.3";
-var ymdFormat = "yyyy-MM-dd";
-var ymdhmsFormat = "yyyy-MM-dd HH:mm:ss";
-setConfig({
-  gantt: {
-    // size: null,
-    // zoomConfig: {
-    //   escRestore: true
-    // },
-    formConfig: {
-      enabled: true
-    },
-    pagerConfig: {
-      enabled: true
-      // perfect: false
-    },
-    toolbarConfig: {
-      enabled: true
-      // perfect: false
-    },
-    proxyConfig: {
-      enabled: true,
-      autoLoad: true,
-      showLoading: true,
-      showResponseMsg: true,
-      showActionMsg: true,
-      response: {
-        list: null,
-        result: "result",
-        total: "page.total",
-        message: "message"
-      }
-      // beforeItem: null,
-      // beforeColumn: null,
-      // beforeQuery: null,
-      // afterQuery: null,
-      // beforeDelete: null,
-      // afterDelete: null,
-      // beforeSave: null,
-      // afterSave: null
-    },
-    taskBarTooltipConfig: {
-      enterable: true
-    },
-    taskLinkConfig: {
-      enabled: true,
-      isHover: true,
-      showArrow: true
-    },
-    taskViewScaleConfig: {
-      year: {
-        valueFormat: ymdFormat
-      },
-      quarter: {
-        valueFormat: ymdFormat
-      },
-      month: {
-        valueFormat: ymdFormat
-      },
-      week: {
-        startDay: 1,
-        valueFormat: ymdFormat
-      },
-      day: {
-        valueFormat: ymdFormat
-      },
-      date: {
-        valueFormat: ymdFormat
-      },
-      hour: {
-        valueFormat: ymdhmsFormat
-      },
-      minute: {
-        valueFormat: ymdhmsFormat
-      },
-      second: {
-        valueFormat: ymdhmsFormat
-      }
-    },
-    taskViewConfig: {
-      showNowLine: true,
-      gridding: {
-        leftSpacing: 1,
-        rightSpacing: 1
-      }
-    },
-    taskSplitConfig: {
-      enabled: true,
-      resize: true,
-      autoHideCollapseButton: true,
-      showCollapseTableButton: true,
-      showCollapseTaskButton: true
-    },
-    taskBarSubviewConfig: {
-      // showOverview: false
-    },
-    taskBarMoveConfig: {
-      isLimitByLink: true
-    },
-    taskBarResizeConfig: {
-      minWidthSize: 0.5,
-      isLimitByLink: true
-    },
-    taskBarMoveTooltipConfig: {
-      enterable: true,
-      enterDelay: 0
-    },
-    taskBarResizeTooltipConfig: {
-      enterable: true,
-      enterDelay: 0
-    }
-  }
-});
-var iconPrefix = "vxe-icon-";
-setIcon({
-  // gantt
-  GANTT_VIEW_LEFT_OPEN: iconPrefix + "arrow-left",
-  GANTT_VIEW_LEFT_CLOSE: iconPrefix + "arrow-right",
-  GANTT_VIEW_RIGHT_OPEN: iconPrefix + "arrow-right",
-  GANTT_VIEW_RIGHT_CLOSE: iconPrefix + "arrow-left",
-  GANTT_VIEW_TASK_MILESTONE: iconPrefix + "square-fill rotate45"
-});
-var ui_default = VxeUI;
+import { VxeUI as VxeUI10 } from "@vxe-ui/core";
 
 // packages_temp/gantt/index.ts
-import { VxeUI as VxeUI9 } from "@vxe-ui/core";
+import { VxeUI as VxeUI8 } from "@vxe-ui/core";
 
 // packages_temp/ui/src/depend.ts
-import { VxeUI as VxeUI3 } from "@vxe-ui/core";
+import { VxeUI as VxeUI2 } from "@vxe-ui/core";
 
 // packages_temp/ui/src/log.ts
-import { VxeUI as VxeUI2 } from "@vxe-ui/core";
-var { log } = VxeUI2;
-var ganttVersion = `gantt v${"4.9.3"}`;
+import { VxeUI } from "@vxe-ui/core";
+var { log } = VxeUI;
+var ganttVersion = `gantt v${"4.9.6"}`;
 function createComponentLog(name) {
-  const uiVersion = VxeUI2.uiVersion ? `ui v${VxeUI2.uiVersion}` : "";
-  const tableVersion = VxeUI2.tableVersion ? `table v${VxeUI2.tableVersion}` : "";
-  const designVersion = VxeUI2.designVersion ? `design v${VxeUI2.designVersion}` : "";
+  const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : "";
+  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : "";
+  const designVersion = VxeUI.designVersion ? `design v${VxeUI.designVersion}` : "";
   const versionInfo = [uiVersion, tableVersion, ganttVersion, designVersion].filter((v) => v).join(" ");
   return {
     warnLog: log.create("warn", versionInfo + "] [" + name),
@@ -169,9 +43,9 @@ var errLog = log.create("error", ganttVersion);
 function checkDependVersion() {
   const pVersion = 4;
   const sVersion = 23;
-  if (VxeUI3.checkVersion) {
-    if (!VxeUI3.checkVersion(VxeUI3.tableVersion, pVersion, sVersion)) {
-      errLog("vxe.error.errorVersion", [`vxe-table@${VxeUI3.tableVersion || "?"}`, `vxe-table v${pVersion}.${sVersion}+`]);
+  if (VxeUI2.checkVersion) {
+    if (!VxeUI2.checkVersion(VxeUI2.tableVersion, pVersion, sVersion)) {
+      errLog("vxe.error.errorVersion", [`vxe-table@${VxeUI2.tableVersion || "?"}`, `vxe-table v${pVersion}.${sVersion}+`]);
     }
   } else {
     errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
@@ -190,8 +64,8 @@ import XEUtils8 from "xe-utils";
 
 // packages_temp/ui/src/utils.ts
 import XEUtils from "xe-utils";
-import { VxeUI as VxeUI4 } from "@vxe-ui/core";
-var { zIndex } = VxeUI4;
+import { VxeUI as VxeUI3 } from "@vxe-ui/core";
+var { zIndex } = VxeUI3;
 function isEnableConf(conf) {
   return conf && conf.enabled !== false;
 }
@@ -208,7 +82,7 @@ function getLastZIndex() {
   return zIndex.getLast();
 }
 function formatText(value, placeholder) {
-  return "" + (isEmptyValue(value) ? placeholder ? VxeUI4.getConfig().emptyCell : "" : value);
+  return "" + (isEmptyValue(value) ? placeholder ? VxeUI3.getConfig().emptyCell : "" : value);
 }
 function eqEmptyValue(cellValue) {
   return cellValue === "" || XEUtils.eqNull(cellValue);
@@ -301,7 +175,7 @@ function getSlotVNs(vns) {
 }
 
 // packages_temp/gantt/src/gantt.ts
-import { VxeUI as VxeUI8 } from "@vxe-ui/core";
+import { VxeUI as VxeUI7 } from "@vxe-ui/core";
 
 // packages_temp/gantt/src/table-emits.ts
 var tableEmits = [
@@ -430,21 +304,7 @@ var tableEmits = [
 ];
 
 // packages_temp/gantt/src/grid-emits.ts
-var gridEmits = [
-  ...tableEmits,
-  "page-change",
-  "form-submit",
-  "form-submit-invalid",
-  "form-reset",
-  "form-collapse",
-  "form-toggle-collapse",
-  "proxy-query",
-  "proxy-delete",
-  "proxy-save",
-  "toolbar-button-click",
-  "toolbar-tool-click",
-  "zoom"
-];
+var gridEmits = [...tableEmits, "page-change", "form-submit", "form-submit-invalid", "form-reset", "form-collapse", "form-toggle-collapse", "proxy-query", "proxy-delete", "proxy-save", "toolbar-button-click", "toolbar-tool-click", "zoom"];
 
 // packages_temp/gantt/src/emits.ts
 var ganttEmits = [
@@ -503,7 +363,7 @@ function getTaskType(type) {
 
 // packages_temp/gantt/src/gantt-view.ts
 import { h as h5, ref as ref5, reactive, nextTick, inject as inject5, onBeforeUnmount, watch, provide, computed, onMounted as onMounted5, onUnmounted as onUnmounted5 } from "vue";
-import { VxeUI as VxeUI7, useFns } from "@vxe-ui/core";
+import { VxeUI as VxeUI6, useFns } from "@vxe-ui/core";
 
 // packages_temp/gantt/src/static.ts
 var VxeGanttDependencyType = /* @__PURE__ */ ((VxeGanttDependencyType2) => {
@@ -524,9 +384,9 @@ import XEUtils7 from "xe-utils";
 
 // packages_temp/gantt/src/gantt-header.ts
 import { h, inject, ref, onMounted, onUnmounted } from "vue";
-import { VxeUI as VxeUI5 } from "@vxe-ui/core";
+import { VxeUI as VxeUI4 } from "@vxe-ui/core";
 import XEUtils4 from "xe-utils";
-var { getI18n } = VxeUI5;
+var { getI18n } = VxeUI4;
 var sourceType = "gantt";
 var viewType = "header";
 var gantt_header_default = defineVxeComponent({
@@ -547,111 +407,142 @@ var gantt_header_default = defineVxeComponent({
       const minScale = computeMinScale.value;
       const scaleStep = computeScaleStep.value;
       const { showNowLine } = taskViewOpts;
-      return h("div", {
-        ref: refElem,
-        class: "vxe-gantt-view--header-wrapper"
-      }, [
-        h("div", {
-          ref: refHeaderScroll,
-          class: "vxe-gantt-view--header-inner-wrapper",
-          onScroll: $xeGanttView.triggerHeaderScrollEvent
-        }, [
-          h("div", {
-            ref: refHeaderXSpace,
-            class: "vxe-body--x-space"
-          }),
-          h("table", {
-            ref: refHeaderTable,
-            class: "vxe-gantt-view--header-table"
-          }, [
-            h("colgroup", {}, visibleColumn.map((column, cIndex) => {
-              return h("col", {
-                key: cIndex,
-                style: {
-                  width: `${viewCellWidth}px`
-                }
-              });
-            })),
-            h("thead", {}, headerGroups.map(({ scaleItem, columns }, $rowIndex) => {
-              const { type, titleFormat, titleMethod, headerCellStyle, slots } = scaleItem;
-              const titleSlot = slots ? slots.title : null;
-              const isLast = $rowIndex === headerGroups.length - 1;
-              const todayValue = isLast && showNowLine ? todayDateMaps[type] : null;
-              return h("tr", {
-                key: $rowIndex
-              }, columns.map((column, cIndex) => {
-                const { field, childCount, dateObj, startDateObj, endDateObj } = column;
-                let label = `${column.title}`;
-                if ((isLast || minScale && (minScale.type === "date" || minScale.type === "day") && (type === "date" || type === "day")) && scaleStep > 1) {
-                  label = getI18n(`vxe.gantt.stepFormat.${type}`, {
-                    start: startDateObj,
-                    end: endDateObj,
-                    eStartLabel: getI18n(`vxe.gantt.dayss.w${startDateObj.e}`),
-                    eEndLabel: getI18n(`vxe.gantt.dayss.w${endDateObj.e}`)
-                  });
-                } else {
-                  if (type === "day") {
-                    if ($rowIndex) {
-                      label = getI18n(`vxe.gantt.tSimpleFormat.${type}`, {
-                        eLabel: getI18n(`vxe.gantt.dayss.w${dateObj.e}`)
-                      });
-                    } else {
-                      label = getI18n(`vxe.gantt.tFullFormat.${type}`, {
-                        eLabel: getI18n(`vxe.gantt.dayss.w${dateObj.e}`)
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: "vxe-gantt-view--header-wrapper"
+        },
+        [
+          h(
+            "div",
+            {
+              ref: refHeaderScroll,
+              class: "vxe-gantt-view--header-inner-wrapper",
+              onScroll: $xeGanttView.triggerHeaderScrollEvent
+            },
+            [
+              h("div", {
+                ref: refHeaderXSpace,
+                class: "vxe-body--x-space"
+              }),
+              h(
+                "table",
+                {
+                  ref: refHeaderTable,
+                  class: "vxe-gantt-view--header-table"
+                },
+                [
+                  h(
+                    "colgroup",
+                    {},
+                    visibleColumn.map((column, cIndex) => {
+                      return h("col", {
+                        key: cIndex,
+                        style: {
+                          width: `${viewCellWidth}px`
+                        }
                       });
-                    }
-                  } else {
-                    if ($rowIndex) {
-                      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,
-                  startDateObj,
-                  endDateObj,
-                  $rowIndex
-                };
-                if (titleSlot) {
-                  cellVNs = $xeGantt.callSlot(titleSlot, ctParams);
-                } else if (titleMethod) {
-                  cellVNs = `${titleMethod(ctParams)}`;
-                } else if (titleFormat) {
-                  cellVNs = XEUtils4.toDateString(dateObj.date, titleFormat);
-                }
-                let cellStys = {};
-                if (headerCellStyle) {
-                  if (XEUtils4.isFunction(headerCellStyle)) {
-                    cellStys = headerCellStyle(ctParams) || null;
-                  } else {
-                    cellStys = headerCellStyle;
-                  }
-                }
-                return h("th", {
-                  key: cIndex,
-                  class: ["vxe-gantt-view--header-column", {
-                    "is--now": showNowLine && todayValue && todayValue === field
-                  }],
-                  colspan: childCount || null,
-                  title: titleSlot ? null : label,
-                  style: cellStys || void 0,
-                  onContextmenu(evnt) {
-                    $xeGantt.handleTaskHeaderContextmenuEvent(evnt, ctParams);
-                  }
-                }, cellVNs);
-              }));
-            }))
-          ])
-        ])
-      ]);
+                    })
+                  ),
+                  h(
+                    "thead",
+                    {},
+                    headerGroups.map(({ scaleItem, columns }, $rowIndex) => {
+                      const { type, titleFormat, titleMethod, headerCellStyle, slots } = scaleItem;
+                      const titleSlot = slots ? slots.title : null;
+                      const isLast = $rowIndex === headerGroups.length - 1;
+                      const todayValue = isLast && showNowLine ? todayDateMaps[type] : null;
+                      return h(
+                        "tr",
+                        {
+                          key: $rowIndex
+                        },
+                        columns.map((column, cIndex) => {
+                          const { field, childCount, dateObj, startDateObj, endDateObj } = column;
+                          let label = `${column.title}`;
+                          if ((isLast || minScale && (minScale.type === "date" || minScale.type === "day") && (type === "date" || type === "day")) && scaleStep > 1) {
+                            label = getI18n(`vxe.gantt.stepFormat.${type}`, {
+                              start: startDateObj,
+                              end: endDateObj,
+                              eStartLabel: getI18n(`vxe.gantt.dayss.w${startDateObj.e}`),
+                              eEndLabel: getI18n(`vxe.gantt.dayss.w${endDateObj.e}`)
+                            });
+                          } else {
+                            if (type === "day") {
+                              if ($rowIndex) {
+                                label = getI18n(`vxe.gantt.tSimpleFormat.${type}`, {
+                                  eLabel: getI18n(`vxe.gantt.dayss.w${dateObj.e}`)
+                                });
+                              } else {
+                                label = getI18n(`vxe.gantt.tFullFormat.${type}`, {
+                                  eLabel: getI18n(`vxe.gantt.dayss.w${dateObj.e}`)
+                                });
+                              }
+                            } else {
+                              if ($rowIndex) {
+                                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,
+                            startDateObj,
+                            endDateObj,
+                            $rowIndex
+                          };
+                          if (titleSlot) {
+                            cellVNs = $xeGantt.callSlot(titleSlot, ctParams);
+                          } else if (titleMethod) {
+                            cellVNs = `${titleMethod(ctParams)}`;
+                          } else if (titleFormat) {
+                            cellVNs = XEUtils4.toDateString(dateObj.date, titleFormat);
+                          }
+                          let cellStys = {};
+                          if (headerCellStyle) {
+                            if (XEUtils4.isFunction(headerCellStyle)) {
+                              cellStys = headerCellStyle(ctParams) || null;
+                            } else {
+                              cellStys = headerCellStyle;
+                            }
+                          }
+                          return h(
+                            "th",
+                            {
+                              key: cIndex,
+                              class: [
+                                "vxe-gantt-view--header-column",
+                                {
+                                  "is--now": showNowLine && todayValue && todayValue === field
+                                }
+                              ],
+                              colspan: childCount || null,
+                              title: titleSlot ? null : label,
+                              style: cellStys || void 0,
+                              onContextmenu(evnt) {
+                                $xeGantt.handleTaskHeaderContextmenuEvent(evnt, ctParams);
+                              }
+                            },
+                            cellVNs
+                          );
+                        })
+                      );
+                    })
+                  )
+                ]
+              )
+            ]
+          )
+        ]
+      );
     };
     onMounted(() => {
       const { elemStore } = internalData;
@@ -679,9 +570,9 @@ import XEUtils6 from "xe-utils";
 
 // packages_temp/gantt/src/gantt-chart.ts
 import { h as h2, inject as inject2, ref as ref2, onMounted as onMounted2, onUnmounted as onUnmounted2 } from "vue";
-import { VxeUI as VxeUI6 } from "@vxe-ui/core";
+import { VxeUI as VxeUI5 } from "@vxe-ui/core";
 import XEUtils5 from "xe-utils";
-var { getIcon, renderEmptyElement } = VxeUI6;
+var { getIcon, renderEmptyElement } = VxeUI5;
 var sourceType2 = "gantt";
 var viewType2 = "chart";
 var gantt_chart_default = defineVxeComponent({
@@ -800,242 +691,337 @@ var gantt_chart_default = defineVxeComponent({
           if (isExpandTree) {
             if (showOverview) {
               cbVNs.push(
-                h2("div", {
-                  key: "vcso",
-                  class: "vxe-gantt-view--chart-subview-wrapper is--overview"
-                }, [
-                  h2("div", {
-                    key: rowid,
-                    rowid,
-                    class: ["vxe-gantt-view--chart-subview-row", {
-                      "is--progress": showProgress,
-                      "is--round": barRound,
-                      "is--move": moveable
-                    }]
-                  }, [
-                    h2("div", {
-                      rowid,
-                      class: [taskBarOverviewSlot ? "vxe-gantt-view--chart-subview-custom-bar" : "vxe-gantt-view--chart-subview-bar", `is--${renderTaskType}`]
-                    }, [
-                      taskBarOverviewSlot ? h2("div", {
-                        key: "cbc",
-                        class: "vxe-gantt-view--chart-subview-custom-bar-content-wrapper"
-                      }, $xeGantt.callSlot(taskBarOverviewSlot, barParams)) : h2("div", {
-                        class: "vxe-gantt-view--chart-subview-bar-content-wrapper"
-                      }, [
-                        showContent ? h2("div", {
-                          class: "vxe-gantt-view--chart-content"
-                        }, title) : renderEmptyElement($xeGantt)
-                      ])
-                    ])
-                  ])
-                ])
+                h2(
+                  "div",
+                  {
+                    key: "vcso",
+                    class: "vxe-gantt-view--chart-subview-wrapper is--overview"
+                  },
+                  [
+                    h2(
+                      "div",
+                      {
+                        key: rowid,
+                        rowid,
+                        class: [
+                          "vxe-gantt-view--chart-subview-row",
+                          {
+                            "is--progress": showProgress,
+                            "is--round": barRound,
+                            "is--move": moveable
+                          }
+                        ]
+                      },
+                      [
+                        h2(
+                          "div",
+                          {
+                            rowid,
+                            class: [taskBarOverviewSlot ? "vxe-gantt-view--chart-subview-custom-bar" : "vxe-gantt-view--chart-subview-bar", `is--${renderTaskType}`]
+                          },
+                          [
+                            taskBarOverviewSlot ? h2(
+                              "div",
+                              {
+                                key: "cbc",
+                                class: "vxe-gantt-view--chart-subview-custom-bar-content-wrapper"
+                              },
+                              $xeGantt.callSlot(taskBarOverviewSlot, barParams)
+                            ) : h2(
+                              "div",
+                              {
+                                class: "vxe-gantt-view--chart-subview-bar-content-wrapper"
+                              },
+                              [
+                                showContent ? h2(
+                                  "div",
+                                  {
+                                    class: "vxe-gantt-view--chart-content"
+                                  },
+                                  title
+                                ) : renderEmptyElement($xeGantt)
+                              ]
+                            )
+                          ]
+                        )
+                      ]
+                    )
+                  ]
+                )
               );
             }
           } else {
             const cbcVNs = [];
-            XEUtils5.eachTree(rowChildren, (childRow) => {
-              const childBarParams = {
-                $gantt: $xeGantt,
-                source: sourceType2,
-                type: viewType2,
-                scaleType: scaleUnit,
-                row: childRow,
-                $rowIndex: $xeTable.getRowIndex(childRow),
-                rowIndex: $xeTable.getVMRowIndex(childRow),
-                _rowIndex: $xeTable.getVTRowIndex(childRow)
-              };
-              const isChildBarRowStyle = XEUtils5.isFunction(subBarStyle);
-              const childBarStyObj = XEUtils5.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(XEUtils5.get(childRow, titleField));
-              const childProgressValue = showProgress ? Math.min(100, Math.max(0, XEUtils5.toNumber(XEUtils5.get(childRow, progressField)))) : 0;
-              const childRenderTaskType = getTaskType(XEUtils5.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;
+            XEUtils5.eachTree(
+              rowChildren,
+              (childRow) => {
+                const childBarParams = {
+                  $gantt: $xeGantt,
+                  source: sourceType2,
+                  type: viewType2,
+                  scaleType: scaleUnit,
+                  row: childRow,
+                  $rowIndex: $xeTable.getRowIndex(childRow),
+                  rowIndex: $xeTable.getVMRowIndex(childRow),
+                  _rowIndex: $xeTable.getVTRowIndex(childRow)
+                };
+                const isChildBarRowStyle = XEUtils5.isFunction(subBarStyle);
+                const childBarStyObj = XEUtils5.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(XEUtils5.get(childRow, titleField));
+                const childProgressValue = showProgress ? Math.min(100, Math.max(0, XEUtils5.toNumber(XEUtils5.get(childRow, progressField)))) : 0;
+                const childRenderTaskType = getTaskType(XEUtils5.get(childRow, typeField));
+                const isChildMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(childRenderTaskType));
+                const isChildSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(childRenderTaskType));
+                if (isChildSubview) {
+                  return;
                 }
-                if (childCompletedBgColor) {
-                  childVpStyle["--vxe-ui-gantt-view-task-bar-completed-background-color"] = childCompletedBgColor;
+                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) {
-                XEUtils5.assign(childVbStyle, childBarHtmlStyle);
-              }
-              const childCtParams = { ...childBarParams };
-              if (contentMethod) {
-                childTitle = getStringValue(contentMethod({ row: childRow, title: childTitle, scaleType: scaleUnit }));
-              }
-              cbcVNs.push(
-                h2("div", {
-                  key: childRowid,
-                  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]
-                  }]
-                }, [
-                  h2("div", {
-                    rowid: childRowid,
-                    class: [taskBarSlot ? "vxe-gantt-view--chart-subview-custom-bar" : "vxe-gantt-view--chart-subview-bar", `is--${childRenderTaskType}`],
-                    style: childVbStyle,
-                    onClick(evnt) {
-                      evnt.stopPropagation();
-                      $xeGantt.handleTaskBarClickEvent(evnt, childCtParams);
-                    },
-                    onDblclick(evnt) {
-                      evnt.stopPropagation();
-                      $xeGantt.handleTaskBarDblclickEvent(evnt, childCtParams);
+                if (childBarStyObj.top) {
+                  childVbStyle.top = childBarStyObj.top;
+                }
+                if (childBarHtmlStyle) {
+                  XEUtils5.assign(childVbStyle, childBarHtmlStyle);
+                }
+                const childCtParams = { ...childBarParams };
+                if (contentMethod) {
+                  childTitle = getStringValue(contentMethod({ row: childRow, title: childTitle, scaleType: scaleUnit }));
+                }
+                cbcVNs.push(
+                  h2(
+                    "div",
+                    {
+                      key: childRowid,
+                      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]
+                        }
+                      ]
                     },
-                    onMousedown(evnt) {
-                      evnt.stopPropagation();
-                      if ($xeGantt.handleTaskBarModnEvent) {
-                        $xeGantt.handleTaskBarModnEvent(evnt, childCtParams);
-                      }
-                    }
-                  }, [
-                    taskBarSlot ? h2("div", {
-                      key: "cbc",
-                      class: "vxe-gantt-view--chart-subview-custom-bar-content-wrapper",
-                      ...ctOns
-                    }, $xeGantt.callSlot(taskBarSlot, childCtParams)) : h2("div", {
-                      class: "vxe-gantt-view--chart-subview-bar-content-wrapper",
-                      ...ctOns
-                    }, [
-                      showProgress ? h2("div", {
-                        class: "vxe-gantt-view--chart-progress",
-                        style: childVpStyle
-                      }) : renderEmptyElement($xeGantt),
-                      showContent ? h2("div", {
-                        class: "vxe-gantt-view--chart-content"
-                      }, childTitle) : renderEmptyElement($xeGantt)
-                    ])
-                  ])
-                ])
-              );
-            }, { children: childrenField });
+                    [
+                      h2(
+                        "div",
+                        {
+                          rowid: childRowid,
+                          class: [taskBarSlot ? "vxe-gantt-view--chart-subview-custom-bar" : "vxe-gantt-view--chart-subview-bar", `is--${childRenderTaskType}`],
+                          style: childVbStyle,
+                          onClick(evnt) {
+                            evnt.stopPropagation();
+                            $xeGantt.handleTaskBarClickEvent(evnt, childCtParams);
+                          },
+                          onDblclick(evnt) {
+                            evnt.stopPropagation();
+                            $xeGantt.handleTaskBarDblclickEvent(evnt, childCtParams);
+                          },
+                          onMousedown(evnt) {
+                            evnt.stopPropagation();
+                            if ($xeGantt.handleTaskBarModnEvent) {
+                              $xeGantt.handleTaskBarModnEvent(evnt, childCtParams);
+                            }
+                          }
+                        },
+                        [
+                          taskBarSlot ? h2(
+                            "div",
+                            {
+                              key: "cbc",
+                              class: "vxe-gantt-view--chart-subview-custom-bar-content-wrapper",
+                              ...ctOns
+                            },
+                            $xeGantt.callSlot(taskBarSlot, childCtParams)
+                          ) : h2(
+                            "div",
+                            {
+                              class: "vxe-gantt-view--chart-subview-bar-content-wrapper",
+                              ...ctOns
+                            },
+                            [
+                              showProgress ? h2("div", {
+                                class: "vxe-gantt-view--chart-progress",
+                                style: childVpStyle
+                              }) : renderEmptyElement($xeGantt),
+                              showContent ? h2(
+                                "div",
+                                {
+                                  class: "vxe-gantt-view--chart-content"
+                                },
+                                childTitle
+                              ) : renderEmptyElement($xeGantt)
+                            ]
+                          )
+                        ]
+                      )
+                    ]
+                  )
+                );
+              },
+              { children: childrenField }
+            );
             cbVNs.push(
-              h2("div", {
-                key: "vcsc",
-                class: "vxe-gantt-view--chart-subview-wrapper is--inline"
-              }, cbcVNs)
+              h2(
+                "div",
+                {
+                  key: "vcsc",
+                  class: "vxe-gantt-view--chart-subview-wrapper is--inline"
+                },
+                cbcVNs
+              )
             );
           }
         } else {
           if (taskBarSlot) {
             cbVNs.push(
-              h2("div", {
-                key: "cbc",
-                class: "vxe-gantt-view--chart-custom-bar-content-wrapper",
-                ...ctOns
-              }, $xeGantt.callSlot(taskBarSlot, barParams))
+              h2(
+                "div",
+                {
+                  key: "cbc",
+                  class: "vxe-gantt-view--chart-custom-bar-content-wrapper",
+                  ...ctOns
+                },
+                $xeGantt.callSlot(taskBarSlot, barParams)
+              )
             );
           } else if (isMilestone) {
             const { icon, iconStatus, iconStyle } = taskBarMilestoneOpts;
             const tbmParams = { $gantt: $xeGantt, row };
             cbVNs.push(
-              h2("div", {
-                key: "vcm",
-                class: "vxe-gantt-view--chart-milestone-wrapper",
-                ...ctOns
-              }, [
-                h2("div", {
-                  class: ["vxe-gantt-view--chart-milestone-icon", iconStatus ? `theme--${XEUtils5.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus}` : ""],
-                  style: iconStyle ? Object.assign({}, XEUtils5.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : void 0
-                }, [
-                  h2("i", {
-                    class: (icon ? XEUtils5.isFunction(icon) ? icon(tbmParams) : icon : "") || getIcon().GANTT_VIEW_TASK_MILESTONE
-                  })
-                ]),
-                showContent ? h2("div", {
-                  class: "vxe-gantt-view--chart-milestone-content"
-                }, title) : renderEmptyElement($xeGantt)
-              ])
+              h2(
+                "div",
+                {
+                  key: "vcm",
+                  class: "vxe-gantt-view--chart-milestone-wrapper",
+                  ...ctOns
+                },
+                [
+                  h2(
+                    "div",
+                    {
+                      class: ["vxe-gantt-view--chart-milestone-icon", iconStatus ? `theme--${XEUtils5.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus}` : ""],
+                      style: iconStyle ? Object.assign({}, XEUtils5.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : void 0
+                    },
+                    [
+                      h2("i", {
+                        class: (icon ? XEUtils5.isFunction(icon) ? icon(tbmParams) : icon : "") || getIcon().GANTT_VIEW_TASK_MILESTONE
+                      })
+                    ]
+                  ),
+                  showContent ? h2(
+                    "div",
+                    {
+                      class: "vxe-gantt-view--chart-milestone-content"
+                    },
+                    title
+                  ) : renderEmptyElement($xeGantt)
+                ]
+              )
             );
           } else {
             cbVNs.push(
-              h2("div", {
-                key: "vbc",
-                class: "vxe-gantt-view--chart-bar-content-wrapper",
-                ...ctOns
-              }, [
-                showProgress ? h2("div", {
-                  class: "vxe-gantt-view--chart-progress",
-                  style: vpStyle
-                }) : renderEmptyElement($xeGantt),
-                showContent ? h2("div", {
-                  class: "vxe-gantt-view--chart-content"
-                }, title) : renderEmptyElement($xeGantt)
-              ])
+              h2(
+                "div",
+                {
+                  key: "vbc",
+                  class: "vxe-gantt-view--chart-bar-content-wrapper",
+                  ...ctOns
+                },
+                [
+                  showProgress ? h2("div", {
+                    class: "vxe-gantt-view--chart-progress",
+                    style: vpStyle
+                  }) : renderEmptyElement($xeGantt),
+                  showContent ? h2(
+                    "div",
+                    {
+                      class: "vxe-gantt-view--chart-content"
+                    },
+                    title
+                  ) : renderEmptyElement($xeGantt)
+                ]
+              )
             );
           }
         }
       }
-      return h2("div", {
-        key: rowid,
-        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`
-        },
-        onDragstart(evnt) {
-          if (ganttInternalData.dragBarRow) {
-            evnt.preventDefault();
-          }
-        },
-        onContextmenu(evnt) {
-          $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
-        }
-      }, [
-        h2("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,
+      return h2(
+        "div",
+        {
+          key: rowid,
           rowid,
-          onClick(evnt) {
-            $xeGantt.handleTaskBarClickEvent(evnt, barParams);
-          },
-          onDblclick(evnt) {
-            $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+          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`
           },
-          onMousedown(evnt) {
-            if ($xeGantt.handleTaskBarModnEvent) {
-              $xeGantt.handleTaskBarModnEvent(evnt, barParams);
+          onDragstart(evnt) {
+            if (ganttInternalData.dragBarRow) {
+              evnt.preventDefault();
             }
+          },
+          onContextmenu(evnt) {
+            $xeGantt.handleTaskBarContextmenuEvent(evnt, ctParams);
           }
-        }, cbVNs)
-      ]);
+        },
+        [
+          h2(
+            "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,
+              rowid,
+              onClick(evnt) {
+                $xeGantt.handleTaskBarClickEvent(evnt, barParams);
+              },
+              onDblclick(evnt) {
+                $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+              },
+              onMousedown(evnt) {
+                if ($xeGantt.handleTaskBarModnEvent) {
+                  $xeGantt.handleTaskBarModnEvent(evnt, barParams);
+                }
+              }
+            },
+            cbVNs
+          )
+        ]
+      );
     };
     const renderTaskRows = ($xeTable, tableData) => {
       const tableProps2 = $xeTable.props;
@@ -1083,38 +1069,67 @@ var gantt_chart_default = defineVxeComponent({
       const { isCurrent, isHover } = taskLinkOpts;
       const { linkCreatable } = taskBarOpts;
       const taskNowLineSlot = ganttSlots.taskNowLine || ganttSlots["task-now-line"];
-      return h2("div", {
-        ref: refElem,
-        class: ["vxe-gantt-view--chart-wrapper", {
-          "is--cl-drag": dragLinkFromStore.rowid
-        }]
-      }, [
-        nowLineLeft > 0 ? h2("div", {
-          ref: refNowLineElem,
-          class: "vxe-gantt-view--chart-now-line",
-          style: {
-            left: nowLineLeft + "px"
-          }
-        }, taskNowLineSlot ? taskNowLineSlot({}) : []) : renderEmptyElement($xeGantt),
-        $xeGantt.renderGanttTaskChartBefores ? h2("div", {
-          ref: refChartBeforeWrapperElem,
-          class: ["vxe-gantt-view--chart-before-wrapper", {
-            "link--current": isCurrent,
-            "link--hover": isHover
-          }]
-        }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartBefores() : []) : renderEmptyElement($xeGantt),
-        h2("div", {
-          ref: refTaskWrapperElem,
-          class: ["vxe-gantt-view--chart-task-wrapper", {
-            "link--current": isCurrent,
-            "link--create": linkCreatable
-          }]
-        }, $xeTable ? renderTaskRows($xeTable, tableData) : []),
-        $xeGantt.renderGanttTaskChartAfters ? h2("div", {
-          ref: refChartAfterWrapperElem,
-          class: "vxe-gantt-view--chart-after-wrapper"
-        }, $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartAfters() : []) : renderEmptyElement($xeGantt)
-      ]);
+      return h2(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-gantt-view--chart-wrapper",
+            {
+              "is--cl-drag": dragLinkFromStore.rowid
+            }
+          ]
+        },
+        [
+          nowLineLeft > 0 ? h2(
+            "div",
+            {
+              ref: refNowLineElem,
+              class: "vxe-gantt-view--chart-now-line",
+              style: {
+                left: nowLineLeft + "px"
+              }
+            },
+            taskNowLineSlot ? taskNowLineSlot({}) : []
+          ) : renderEmptyElement($xeGantt),
+          $xeGantt.renderGanttTaskChartBefores ? h2(
+            "div",
+            {
+              ref: refChartBeforeWrapperElem,
+              class: [
+                "vxe-gantt-view--chart-before-wrapper",
+                {
+                  "link--current": isCurrent,
+                  "link--hover": isHover
+                }
+              ]
+            },
+            $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartBefores() : []
+          ) : renderEmptyElement($xeGantt),
+          h2(
+            "div",
+            {
+              ref: refTaskWrapperElem,
+              class: [
+                "vxe-gantt-view--chart-task-wrapper",
+                {
+                  "link--current": isCurrent,
+                  "link--create": linkCreatable
+                }
+              ]
+            },
+            $xeTable ? renderTaskRows($xeTable, tableData) : []
+          ),
+          $xeGantt.renderGanttTaskChartAfters ? h2(
+            "div",
+            {
+              ref: refChartAfterWrapperElem,
+              class: "vxe-gantt-view--chart-after-wrapper"
+            },
+            $xeTable && isEnableConf(taskLinkOpts) ? $xeGantt.renderGanttTaskChartAfters() : []
+          ) : renderEmptyElement($xeGantt)
+        ]
+      );
     };
     onMounted2(() => {
       const { elemStore } = ganttViewInternalData;
@@ -1222,30 +1237,34 @@ var gantt_body_default = defineVxeComponent({
         rowIndex,
         _rowIndex
       };
-      return h3("td", {
-        key: cellClassName || cellStyle ? field : $columnIndex,
-        class: [
-          "vxe-gantt-view--body-column",
-          {
-            "is--now": showNowLine && todayValue === field
+      return h3(
+        "td",
+        {
+          key: cellClassName || cellStyle ? field : $columnIndex,
+          class: [
+            "vxe-gantt-view--body-column",
+            {
+              "is--now": showNowLine && todayValue === field
+            },
+            getClass(cellClassName, ctParams)
+          ],
+          style: cellStyle ? Object.assign({}, XEUtils6.isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
+            height: `${cellHeight}px`
+          }) : {
+            height: `${cellHeight}px`
           },
-          getClass(cellClassName, ctParams)
-        ],
-        style: cellStyle ? Object.assign({}, XEUtils6.isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
-          height: `${cellHeight}px`
-        }) : {
-          height: `${cellHeight}px`
-        },
-        onClick(evnt) {
-          $xeGantt.handleTaskCellClickEvent(evnt, { row, column });
-        },
-        onDblclick(evnt) {
-          $xeGantt.handleTaskCellDblclickEvent(evnt, { row, column });
+          onClick(evnt) {
+            $xeGantt.handleTaskCellClickEvent(evnt, { row, column });
+          },
+          onDblclick(evnt) {
+            $xeGantt.handleTaskCellDblclickEvent(evnt, { row, column });
+          },
+          onContextmenu(evnt) {
+            $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
+          }
         },
-        onContextmenu(evnt) {
-          $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
-        }
-      }, tdVNs);
+        tdVNs
+      );
     };
     const renderRows = ($xeTable, tableData) => {
       const tableProps2 = $xeTable.props;
@@ -1305,23 +1324,27 @@ var gantt_body_default = defineVxeComponent({
           _rowIndex
         };
         trVNs.push(
-          h3("tr", {
-            key: rowClassName || rowStyle || cellClassName || cellStyle ? rowid : $rowIndex,
-            class: [
-              "vxe-gantt-view--body-row",
-              {
-                "row--stripe": stripe && (_rowIndex + 1) % 2 === 0,
-                "is--new": isNewRow,
-                "row--radio": radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
-                "row--checked": checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
-                "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid]
-              },
-              getClass(rowClassName, rowParams)
-            ],
-            rowid,
-            style: rowStyle ? XEUtils6.isFunction(rowStyle) ? rowStyle(rowParams) || void 0 : rowStyle : void 0,
-            ...trOns
-          }, tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex)))
+          h3(
+            "tr",
+            {
+              key: rowClassName || rowStyle || cellClassName || cellStyle ? rowid : $rowIndex,
+              class: [
+                "vxe-gantt-view--body-row",
+                {
+                  "row--stripe": stripe && (_rowIndex + 1) % 2 === 0,
+                  "is--new": isNewRow,
+                  "row--radio": radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
+                  "row--checked": checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
+                  "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid]
+                },
+                getClass(rowClassName, rowParams)
+              ],
+              rowid,
+              style: rowStyle ? XEUtils6.isFunction(rowStyle) ? rowStyle(rowParams) || void 0 : rowStyle : void 0,
+              ...trOns
+            },
+            tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex))
+          )
         );
         let isExpandTree = false;
         let rowChildren = [];
@@ -1338,43 +1361,59 @@ var gantt_body_default = defineVxeComponent({
     const renderVN = () => {
       const $xeTable = $xeGanttView.internalData.xeTable;
       const { tableData, tableColumn, viewCellWidth } = reactData;
-      return h3("div", {
-        ref: refElem,
-        class: "vxe-gantt-view--body-wrapper"
-      }, [
-        h3("div", {
-          ref: refBodyScroll,
-          class: "vxe-gantt-view--body-inner-wrapper",
-          onScroll: $xeGanttView.triggerBodyScrollEvent,
-          onContextmenu(evnt) {
-            $xeGantt.handleTaskBodyContextmenuEvent(evnt, { source: sourceType3, type: viewType3, rowIndex: -1, $rowIndex: -1, _rowIndex: -1 });
-          }
-        }, [
-          h3("div", {
-            ref: refBodyXSpace,
-            class: "vxe-body--x-space"
-          }),
-          h3("div", {
-            ref: refBodyYSpace,
-            class: "vxe-body--y-space"
-          }),
-          h3("table", {
-            ref: refBodyTable,
-            class: "vxe-gantt-view--body-table"
-          }, [
-            h3("colgroup", {}, tableColumn.map((column, cIndex) => {
-              return h3("col", {
-                key: cIndex,
-                style: {
-                  width: `${viewCellWidth}px`
-                }
-              });
-            })),
-            h3("tbody", {}, $xeTable ? renderRows($xeTable, tableData) : [])
-          ]),
-          h3(gantt_chart_default)
-        ])
-      ]);
+      return h3(
+        "div",
+        {
+          ref: refElem,
+          class: "vxe-gantt-view--body-wrapper"
+        },
+        [
+          h3(
+            "div",
+            {
+              ref: refBodyScroll,
+              class: "vxe-gantt-view--body-inner-wrapper",
+              onScroll: $xeGanttView.triggerBodyScrollEvent,
+              onContextmenu(evnt) {
+                $xeGantt.handleTaskBodyContextmenuEvent(evnt, { source: sourceType3, type: viewType3, rowIndex: -1, $rowIndex: -1, _rowIndex: -1 });
+              }
+            },
+            [
+              h3("div", {
+                ref: refBodyXSpace,
+                class: "vxe-body--x-space"
+              }),
+              h3("div", {
+                ref: refBodyYSpace,
+                class: "vxe-body--y-space"
+              }),
+              h3(
+                "table",
+                {
+                  ref: refBodyTable,
+                  class: "vxe-gantt-view--body-table"
+                },
+                [
+                  h3(
+                    "colgroup",
+                    {},
+                    tableColumn.map((column, cIndex) => {
+                      return h3("col", {
+                        key: cIndex,
+                        style: {
+                          width: `${viewCellWidth}px`
+                        }
+                      });
+                    })
+                  ),
+                  h3("tbody", {}, $xeTable ? renderRows($xeTable, tableData) : [])
+                ]
+              ),
+              h3(gantt_chart_default)
+            ]
+          )
+        ]
+      );
     };
     onMounted3(() => {
       const { elemStore } = internalData;
@@ -1411,18 +1450,22 @@ var gantt_footer_default = defineVxeComponent({
     const refElem = ref4();
     const refHeaderScroll = ref4();
     const renderVN = () => {
-      return h4("div", {
-        ref: refElem,
-        class: "vxe-gantt-view--footer-wrapper",
-        onContextmenu(evnt) {
-          $xeGantt.handleTaskFooterContextmenuEvent(evnt, { source: sourceType4, type: viewType4, $rowIndex: -1 });
-        }
-      }, [
-        h4("div", {
-          ref: refHeaderScroll,
-          class: "vxe-gantt-view--footer-inner-wrapper"
-        })
-      ]);
+      return h4(
+        "div",
+        {
+          ref: refElem,
+          class: "vxe-gantt-view--footer-wrapper",
+          onContextmenu(evnt) {
+            $xeGantt.handleTaskFooterContextmenuEvent(evnt, { source: sourceType4, type: viewType4, $rowIndex: -1 });
+          }
+        },
+        [
+          h4("div", {
+            ref: refHeaderScroll,
+            class: "vxe-gantt-view--footer-inner-wrapper"
+          })
+        ]
+      );
     };
     onMounted4(() => {
       const { elemStore } = internalData;
@@ -1441,7 +1484,7 @@ var gantt_footer_default = defineVxeComponent({
 });
 
 // packages_temp/gantt/src/gantt-view.ts
-var { getConfig, domUtils, globalResize, globalEvents, renderEmptyElement: renderEmptyElement2 } = VxeUI7;
+var { getConfig, domUtils, globalResize, globalEvents, renderEmptyElement: renderEmptyElement2 } = VxeUI6;
 var { FinishToStart, StartToFinish, StartToStart, FinishToFinish } = VxeGanttDependencyType;
 var sourceType5 = "gantt";
 var secondMs = 1e3;
@@ -1625,17 +1668,20 @@ var gantt_view_default = defineVxeComponent({
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollXVisible = computeScrollXVisible.value;
       const scrollYVisible = computeScrollYVisible.value;
-      return domUtils.buildClass([
-        "vxe-scrollbar is--virtual",
-        scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
-        `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
-        `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
-        `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
-        `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
-      ], {
-        "overflow-y": yThumbHeight,
-        "overflow-x": xThumbWidth
-      });
+      return domUtils.buildClass(
+        [
+          "vxe-scrollbar is--virtual",
+          scrollbarOpts.fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
+          `ov-x--${scrollXVisible === false ? "hidden" : "visible"}`,
+          `ov-y--${scrollYVisible === false ? "hidden" : "visible"}`,
+          `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+          `sy-pos--${scrollbarYToLeft ? "left" : "right"}`
+        ],
+        {
+          "overflow-y": yThumbHeight,
+          "overflow-x": xThumbWidth
+        }
+      );
     });
     const computeScaleDateList = computed(() => {
       const { minViewDate, maxViewDate } = reactData;
@@ -1800,21 +1846,7 @@ var gantt_view_default = defineVxeComponent({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
-    const {
-      refTrackXElem,
-      refTrackYElem,
-      refThumbXElem,
-      refThumbYElem,
-      updateThumbSize,
-      updateThumbOffset,
-      clickTrackXEvent,
-      clickTrackYEvent,
-      pointerdownThumbXEvent,
-      pointermoveThumbXEvent,
-      cleatPointerThumbEvent,
-      pointerdownThumbYEvent,
-      pointermoveThumbYEvent
-    } = useFns.useInitVScrollbar($xeGanttView);
+    const { refTrackXElem, refTrackYElem, refThumbXElem, refThumbYElem, updateThumbSize, updateThumbOffset, clickTrackXEvent, clickTrackYEvent, pointerdownThumbXEvent, pointermoveThumbXEvent, cleatPointerThumbEvent, pointerdownThumbYEvent, pointermoveThumbYEvent } = useFns.useInitVScrollbar($xeGanttView);
     const parseStringDate = (dateValue) => {
       const dateFormat = computeDateFormat.value;
       return XEUtils7.toStringDate(dateValue, dateFormat);
@@ -2796,18 +2828,22 @@ var gantt_view_default = defineVxeComponent({
       const typeField = computeTypeField.value;
       let minChildLeftSize = 0;
       let maxChildLeftSize = 0;
-      XEUtils7.eachTree(list, (childRow) => {
-        const childRowid = $xeTable.getRowid(childRow);
-        const renderTaskType = XEUtils7.get(childRow, typeField);
-        if (hasSubviewTask(renderTaskType)) {
-          return;
-        }
-        const childChartRest = childRowid ? chartMaps[childRowid] : null;
-        if (childChartRest) {
-          maxChildLeftSize = Math.max(maxChildLeftSize, childChartRest.oLeftSize + childChartRest.oWidthSize);
-          minChildLeftSize = minChildLeftSize ? Math.min(minChildLeftSize, childChartRest.oLeftSize) : childChartRest.oLeftSize;
-        }
-      }, { children: childrenField });
+      XEUtils7.eachTree(
+        list,
+        (childRow) => {
+          const childRowid = $xeTable.getRowid(childRow);
+          const renderTaskType = XEUtils7.get(childRow, typeField);
+          if (hasSubviewTask(renderTaskType)) {
+            return;
+          }
+          const childChartRest = childRowid ? chartMaps[childRowid] : null;
+          if (childChartRest) {
+            maxChildLeftSize = Math.max(maxChildLeftSize, childChartRest.oLeftSize + childChartRest.oWidthSize);
+            minChildLeftSize = minChildLeftSize ? Math.min(minChildLeftSize, childChartRest.oLeftSize) : childChartRest.oLeftSize;
+          }
+        },
+        { children: childrenField }
+      );
       return {
         minSize: minChildLeftSize,
         maxSize: maxChildLeftSize
@@ -2993,10 +3029,7 @@ var gantt_view_default = defineVxeComponent({
         bodyTableElem.style.width = `${vmTableWidth}px`;
       }
       reactData.scrollXWidth = viewTableWidth;
-      return Promise.all([
-        updateTaskChartStyle(),
-        $xeGantt.handleUpTaskLinkStyle ? $xeGantt.handleUpTaskLinkStyle($xeGanttView) : null
-      ]);
+      return Promise.all([updateTaskChartStyle(), $xeGantt.handleUpTaskLinkStyle ? $xeGantt.handleUpTaskLinkStyle($xeGanttView) : null]);
     };
     const handleRecalculateStyle = () => {
       const el = refElem.value;
@@ -3025,18 +3058,14 @@ var gantt_view_default = defineVxeComponent({
         if (rceTimeout) {
           clearTimeout(rceTimeout);
           if (rceRunTime && rceRunTime + (refreshDelay - 5) < Date.now()) {
-            resolve(
-              handleRecalculateStyle()
-            );
+            resolve(handleRecalculateStyle());
           } else {
             nextTick(() => {
               resolve();
             });
           }
         } else {
-          resolve(
-            handleRecalculateStyle()
-          );
+          resolve(handleRecalculateStyle());
         }
         internalData.rceTimeout = setTimeout(() => {
           internalData.rceTimeout = void 0;
@@ -3597,95 +3626,117 @@ var gantt_view_default = defineVxeComponent({
     };
     Object.assign($xeGanttView, ganttViewMethods, ganttViewPrivateMethods);
     const renderScrollX = () => {
-      return h5("div", {
-        key: "vsx",
-        ref: refScrollXVirtualElem,
-        class: "vxe-gantt-view--scroll-x-virtual"
-      }, [
-        h5("div", {
-          ref: refScrollXLeftCornerElem,
-          class: "vxe-gantt-view--scroll-x-left-corner"
-        }),
-        h5("div", {
-          ref: refScrollXWrapperElem,
-          class: "vxe-gantt-view--scroll-x-wrapper"
-        }, [
+      return h5(
+        "div",
+        {
+          key: "vsx",
+          ref: refScrollXVirtualElem,
+          class: "vxe-gantt-view--scroll-x-virtual"
+        },
+        [
           h5("div", {
-            ref: refScrollXHandleElem,
-            class: "vxe-gantt-view--scroll-x-handle",
-            onScroll: $xeGanttView.triggerVirtualScrollXEvent
-          }, [
-            h5("div", {
-              ref: refScrollXSpaceElem,
-              class: "vxe-gantt-view--scroll-x-space"
-            })
-          ]),
+            ref: refScrollXLeftCornerElem,
+            class: "vxe-gantt-view--scroll-x-left-corner"
+          }),
+          h5(
+            "div",
+            {
+              ref: refScrollXWrapperElem,
+              class: "vxe-gantt-view--scroll-x-wrapper"
+            },
+            [
+              h5(
+                "div",
+                {
+                  ref: refScrollXHandleElem,
+                  class: "vxe-gantt-view--scroll-x-handle",
+                  onScroll: $xeGanttView.triggerVirtualScrollXEvent
+                },
+                [
+                  h5("div", {
+                    ref: refScrollXSpaceElem,
+                    class: "vxe-gantt-view--scroll-x-space"
+                  })
+                ]
+              ),
+              h5("div", {
+                class: "vxe-gantt-view--scroll-x-handle-appearance"
+              })
+            ]
+          ),
           h5("div", {
-            class: "vxe-gantt-view--scroll-x-handle-appearance"
+            ref: refScrollXRightCornerElem,
+            class: "vxe-gantt-view--scroll-x-right-corner"
           })
-        ]),
-        h5("div", {
-          ref: refScrollXRightCornerElem,
-          class: "vxe-gantt-view--scroll-x-right-corner"
-        })
-      ]);
+        ]
+      );
     };
     const renderScrollY = () => {
-      return h5("div", {
-        key: "vsy",
-        ref: refScrollYVirtualElem,
-        class: "vxe-gantt-view--scroll-y-virtual"
-      }, [
-        h5("div", {
-          ref: refScrollYTopCornerElem,
-          class: "vxe-gantt-view--scroll-y-top-corner"
-        }),
-        h5("div", {
-          ref: refScrollYWrapperElem,
-          class: "vxe-gantt-view--scroll-y-wrapper"
-        }, [
+      return h5(
+        "div",
+        {
+          key: "vsy",
+          ref: refScrollYVirtualElem,
+          class: "vxe-gantt-view--scroll-y-virtual"
+        },
+        [
           h5("div", {
-            ref: refScrollYHandleElem,
-            class: "vxe-gantt-view--scroll-y-handle",
-            onScroll: $xeGanttView.triggerVirtualScrollYEvent
-          }, [
-            h5("div", {
-              ref: refScrollYSpaceElem,
-              class: "vxe-gantt-view--scroll-y-space"
-            })
-          ]),
+            ref: refScrollYTopCornerElem,
+            class: "vxe-gantt-view--scroll-y-top-corner"
+          }),
+          h5(
+            "div",
+            {
+              ref: refScrollYWrapperElem,
+              class: "vxe-gantt-view--scroll-y-wrapper"
+            },
+            [
+              h5(
+                "div",
+                {
+                  ref: refScrollYHandleElem,
+                  class: "vxe-gantt-view--scroll-y-handle",
+                  onScroll: $xeGanttView.triggerVirtualScrollYEvent
+                },
+                [
+                  h5("div", {
+                    ref: refScrollYSpaceElem,
+                    class: "vxe-gantt-view--scroll-y-space"
+                  })
+                ]
+              ),
+              h5("div", {
+                class: "vxe-gantt-view--scroll-y-handle-appearance"
+              })
+            ]
+          ),
           h5("div", {
-            class: "vxe-gantt-view--scroll-y-handle-appearance"
+            ref: refScrollYBottomCornerElem,
+            class: "vxe-gantt-view--scroll-y-bottom-corner"
           })
-        ]),
-        h5("div", {
-          ref: refScrollYBottomCornerElem,
-          class: "vxe-gantt-view--scroll-y-bottom-corner"
-        })
-      ]);
+        ]
+      );
     };
     const renderViewport = () => {
-      return h5("div", {
-        key: "tvw",
-        class: "vxe-gantt-view--viewport-wrapper"
-      }, [
-        h5(gantt_header_default),
-        h5(gantt_body_default),
-        h5(gantt_footer_default)
-      ]);
+      return h5(
+        "div",
+        {
+          key: "tvw",
+          class: "vxe-gantt-view--viewport-wrapper"
+        },
+        [h5(gantt_header_default), h5(gantt_body_default), h5(gantt_footer_default)]
+      );
     };
     const renderNativeBody = () => {
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
-      return h5("div", {
-        key: "lnb",
-        class: "vxe-gantt-view--layout-wrapper"
-      }, scrollbarYToLeft ? [
-        renderScrollY(),
-        renderViewport()
-      ] : [
-        renderViewport(),
-        renderScrollY()
-      ]);
+      return h5(
+        "div",
+        {
+          key: "lnb",
+          class: "vxe-gantt-view--layout-wrapper"
+        },
+        scrollbarYToLeft ? [renderScrollY(), renderViewport()] : [renderViewport(), renderScrollY()]
+      );
     };
     const renderVirtualBody = () => {
       const { showLeftView } = ganttReactData;
@@ -3699,89 +3750,115 @@ var gantt_view_default = defineVxeComponent({
       const scrollbarXToTop = computeScrollbarXToTop.value;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
       const scrollbarWrapperClss = computeScrollbarWrapperClss.value;
-      return h5("div", {
-        key: "lvb",
-        class: ["vxe-gantt--layout-wrapper", `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`, `sy-pos--${scrollbarYToLeft ? "left" : "right"}`, {
-          "is--virtual-scrollbar": isVScrollbar,
-          "ov-padding": isVScrollbar && scrollbarOpts.padding,
-          "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
-          "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
-          "overflow-y": yThumbHeight,
-          "overflow-x": xThumbWidth
-        }]
-      }, [
-        renderViewport(),
-        h5("div", {
-          class: scrollbarWrapperClss
-        }, [
-          scrollXVisible === false ? renderEmptyElement2($xeGantt) : h5("div", {
-            ref: refTrackXElem,
-            class: "vxe-scrollbar--track-x",
-            onClick: clickTrackXEvent
-          }, [
-            h5("div", {
-              ref: refThumbXElem,
-              class: "vxe-scrollbar--thumb-x",
-              onPointerdown: pointerdownThumbXEvent,
-              onPointermove: pointermoveThumbXEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ]),
-          scrollbarYToLeft && showLeftView || scrollYVisible === false ? renderEmptyElement2($xeGantt) : h5("div", {
-            ref: refTrackYElem,
-            class: "vxe-scrollbar--track-y",
-            onClick: clickTrackYEvent
-          }, [
-            h5("div", {
-              ref: refThumbYElem,
-              class: "vxe-scrollbar--thumb-y",
-              onPointerdown: pointerdownThumbYEvent,
-              onPointermove: pointermoveThumbYEvent,
-              onPointerup: cleatPointerThumbEvent,
-              onPointercancel: cleatPointerThumbEvent,
-              onLostpointercapture: cleatPointerThumbEvent
-            })
-          ])
-        ])
-      ]);
+      return h5(
+        "div",
+        {
+          key: "lvb",
+          class: [
+            "vxe-gantt--layout-wrapper",
+            `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+            `sy-pos--${scrollbarYToLeft ? "left" : "right"}`,
+            {
+              "is--virtual-scrollbar": isVScrollbar,
+              "ov-padding": isVScrollbar && scrollbarOpts.padding,
+              "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
+              "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
+              "overflow-y": yThumbHeight,
+              "overflow-x": xThumbWidth
+            }
+          ]
+        },
+        [
+          renderViewport(),
+          h5(
+            "div",
+            {
+              class: scrollbarWrapperClss
+            },
+            [
+              scrollXVisible === false ? renderEmptyElement2($xeGantt) : h5(
+                "div",
+                {
+                  ref: refTrackXElem,
+                  class: "vxe-scrollbar--track-x",
+                  onClick: clickTrackXEvent
+                },
+                [
+                  h5("div", {
+                    ref: refThumbXElem,
+                    class: "vxe-scrollbar--thumb-x",
+                    onPointerdown: pointerdownThumbXEvent,
+                    onPointermove: pointermoveThumbXEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              ),
+              scrollbarYToLeft && showLeftView || scrollYVisible === false ? renderEmptyElement2($xeGantt) : h5(
+                "div",
+                {
+                  ref: refTrackYElem,
+                  class: "vxe-scrollbar--track-y",
+                  onClick: clickTrackYEvent
+                },
+                [
+                  h5("div", {
+                    ref: refThumbYElem,
+                    class: "vxe-scrollbar--thumb-y",
+                    onPointerdown: pointerdownThumbYEvent,
+                    onPointermove: pointermoveThumbYEvent,
+                    onPointerup: cleatPointerThumbEvent,
+                    onPointercancel: cleatPointerThumbEvent,
+                    onLostpointercapture: cleatPointerThumbEvent
+                  })
+                ]
+              )
+            ]
+          )
+        ]
+      );
     };
     const renderVN = () => {
       const { overflowX, overflowY, scrollXLoad, scrollYLoad } = reactData;
       const isVScrollbar = computeGanttIsVScrollbar.value;
       const scrollbarXToTop = computeScrollbarXToTop.value;
-      return h5("div", {
-        ref: refElem,
-        class: ["vxe-gantt-view", {
-          "is--scroll-y": overflowY,
-          "is--scroll-x": overflowX,
-          "is--virtual-x": scrollXLoad,
-          "is--virtual-y": scrollYLoad
-        }]
-      }, [
-        h5(
-          "div",
-          {
-            class: "vxe-gantt-view--render-wrapper"
-          },
-          isVScrollbar ? [renderVirtualBody()] : scrollbarXToTop ? [
-            renderScrollX(),
-            renderNativeBody()
-          ] : [
-            renderNativeBody(),
-            renderScrollX()
+      return h5(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-gantt-view",
+            {
+              "is--scroll-y": overflowY,
+              "is--scroll-x": overflowX,
+              "is--virtual-x": scrollXLoad,
+              "is--virtual-y": scrollYLoad
+            }
           ]
-        ),
-        h5("div", {
-          class: "vxe-gantt-view--render-vars"
-        }, [
-          h5("div", {
-            ref: refColInfoElem,
-            class: "vxe-gantt-view--column-info"
-          })
-        ])
-      ]);
+        },
+        [
+          h5(
+            "div",
+            {
+              class: "vxe-gantt-view--render-wrapper"
+            },
+            isVScrollbar ? [renderVirtualBody()] : scrollbarXToTop ? [renderScrollX(), renderNativeBody()] : [renderNativeBody(), renderScrollX()]
+          ),
+          h5(
+            "div",
+            {
+              class: "vxe-gantt-view--render-vars"
+            },
+            [
+              h5("div", {
+                ref: refColInfoElem,
+                class: "vxe-gantt-view--column-info"
+              })
+            ]
+          )
+        ]
+      );
     };
     const reScrollFlag = ref5(0);
     watch(computeGanttIsVScrollbar, () => {
@@ -3847,10 +3924,180 @@ var gantt_view_default = defineVxeComponent({
 // packages_temp/gantt/src/gantt.ts
 import { VxeTable as VxeTableComponent } from "vxe-table";
 var { warnLog: warnLog2, errLog: errLog2 } = createComponentLog("gantt");
-var { getConfig: getConfig2, getIcon: getIcon2, getI18n: getI18n2, commands, hooks, useFns: useFns2, createEvent, globalEvents: globalEvents2, GLOBAL_EVENT_KEYS, renderEmptyElement: renderEmptyElement3 } = VxeUI8;
+var { getConfig: getConfig2, getIcon: getIcon2, getI18n: getI18n2, commands, hooks, useFns: useFns2, createEvent, globalEvents: globalEvents2, GLOBAL_EVENT_KEYS, renderEmptyElement: renderEmptyElement3 } = VxeUI7;
 var tableProps = VxeTableComponent.props;
 var tableComponentPropKeys = Object.keys(tableProps);
-var tableComponentMethodKeys = ["clearAll", "syncData", "updateData", "loadData", "reloadData", "reloadRow", "loadColumn", "reloadColumn", "getRowNode", "getColumnNode", "getRowIndex", "getVTRowIndex", "getVMRowIndex", "getColumnIndex", "getVTColumnIndex", "getVMColumnIndex", "setRow", "createData", "createRow", "revertData", "clearData", "isRemoveByRow", "isInsertByRow", "isUpdateByRow", "getColumns", "getColumnById", "getColumnByField", "getTableColumn", "getFullColumns", "getData", "getCheckboxRecords", "getParentRow", "getTreeRowChildren", "getTreeRowLevel", "getTreeParentRow", "getRowSeq", "getRowById", "getRowid", "getTableData", "getFullData", "setColumnFixed", "clearColumnFixed", "setColumnWidth", "getColumnWidth", "recalcRowHeight", "setRowHeightConf", "getRowHeightConf", "setRowHeight", "getRowHeight", "hideColumn", "showColumn", "resetColumn", "refreshColumn", "refreshScroll", "recalculate", "closeTooltip", "isAllCheckboxChecked", "isAllCheckboxIndeterminate", "getCheckboxIndeterminateRecords", "setCheckboxRow", "setCheckboxRowKey", "isCheckedByCheckboxRow", "isCheckedByCheckboxRowKey", "isIndeterminateByCheckboxRow", "isIndeterminateByCheckboxRowKey", "toggleCheckboxRow", "setAllCheckboxRow", "getRadioReserveRecord", "clearRadioReserve", "getCheckboxReserveRecords", "clearCheckboxReserve", "toggleAllCheckboxRow", "clearCheckboxRow", "setCurrentRow", "isCheckedByRadioRow", "isCheckedByRadioRowKey", "setRadioRow", "setRadioRowKey", "clearCurrentRow", "clearRadioRow", "getCurrentRecord", "getRadioRecord", "getCurrentColumn", "setCurrentColumn", "clearCurrentColumn", "setPendingRow", "togglePendingRow", "hasPendingByRow", "isPendingByRow", "getPendingRecords", "clearPendingRow", "setFilterByEvent", "sort", "setSort", "setSortByEvent", "clearSort", "clearSortByEvent", "isSort", "getSortColumns", "closeFilter", "isFilter", "clearFilterByEvent", "isActiveFilterByColumn", "isRowExpandLoaded", "clearRowExpandLoaded", "reloadRowExpand", "reloadRowExpand", "toggleRowExpand", "setAllRowExpand", "setRowExpand", "isExpandByRow", "isRowExpandByRow", "clearRowExpand", "clearRowExpandReserve", "getRowExpandRecords", "getTreeExpandRecords", "isTreeExpandLoaded", "clearTreeExpandLoaded", "reloadTreeExpand", "reloadTreeChilds", "toggleTreeExpand", "setAllTreeExpand", "setTreeExpand", "isTreeExpandByRow", "clearTreeExpand", "clearTreeExpandReserve", "getScroll", "scrollTo", "scrollToStartRow", "scrollToEndRow", "scrollToRow", "scrollToStartColumn", "scrollToEndColumn", "scrollToColumn", "clearScroll", "updateFooter", "updateStatus", "setMergeCells", "removeInsertRow", "removeMergeCells", "getMergeCells", "clearMergeCells", "setMergeFooterItems", "removeMergeFooterItems", "getMergeFooterItems", "clearMergeFooterItems", "getCustomStoreData", "setRowGroupExpand", "setRowGroupExpandByField", "setAllRowGroupExpand", "clearRowGroupExpand", "isRowGroupExpandByRow", "isRowGroupRecord", "isAggregateRecord", "isAggregateExpandByRow", "getAggregateContentByRow", "getAggregateRowChildren", "setRowGroups", "clearRowGroups", "openTooltip", "moveColumnTo", "moveRowTo", "getCellLabel", "undo", "redo", "getCellElement", "focus", "blur", "connect"];
+var tableComponentMethodKeys = [
+  "clearAll",
+  "syncData",
+  "updateData",
+  "loadData",
+  "reloadData",
+  "reloadRow",
+  "loadColumn",
+  "reloadColumn",
+  "getRowNode",
+  "getColumnNode",
+  "getRowIndex",
+  "getVTRowIndex",
+  "getVMRowIndex",
+  "getColumnIndex",
+  "getVTColumnIndex",
+  "getVMColumnIndex",
+  "setRow",
+  "createData",
+  "createRow",
+  "revertData",
+  "clearData",
+  "isRemoveByRow",
+  "isInsertByRow",
+  "isUpdateByRow",
+  "getColumns",
+  "getColumnById",
+  "getColumnByField",
+  "getTableColumn",
+  "getFullColumns",
+  "getData",
+  "getCheckboxRecords",
+  "getParentRow",
+  "getTreeRowChildren",
+  "getTreeRowLevel",
+  "getTreeParentRow",
+  "getRowSeq",
+  "getRowById",
+  "getRowid",
+  "getTableData",
+  "getFullData",
+  "setColumnFixed",
+  "clearColumnFixed",
+  "setColumnWidth",
+  "getColumnWidth",
+  "recalcRowHeight",
+  "setRowHeightConf",
+  "getRowHeightConf",
+  "setRowHeight",
+  "getRowHeight",
+  "hideColumn",
+  "showColumn",
+  "resetColumn",
+  "refreshColumn",
+  "refreshScroll",
+  "recalculate",
+  "closeTooltip",
+  "isAllCheckboxChecked",
+  "isAllCheckboxIndeterminate",
+  "getCheckboxIndeterminateRecords",
+  "setCheckboxRow",
+  "setCheckboxRowKey",
+  "isCheckedByCheckboxRow",
+  "isCheckedByCheckboxRowKey",
+  "isIndeterminateByCheckboxRow",
+  "isIndeterminateByCheckboxRowKey",
+  "toggleCheckboxRow",
+  "setAllCheckboxRow",
+  "getRadioReserveRecord",
+  "clearRadioReserve",
+  "getCheckboxReserveRecords",
+  "clearCheckboxReserve",
+  "toggleAllCheckboxRow",
+  "clearCheckboxRow",
+  "setCurrentRow",
+  "isCheckedByRadioRow",
+  "isCheckedByRadioRowKey",
+  "setRadioRow",
+  "setRadioRowKey",
+  "clearCurrentRow",
+  "clearRadioRow",
+  "getCurrentRecord",
+  "getRadioRecord",
+  "getCurrentColumn",
+  "setCurrentColumn",
+  "clearCurrentColumn",
+  "setPendingRow",
+  "togglePendingRow",
+  "hasPendingByRow",
+  "isPendingByRow",
+  "getPendingRecords",
+  "clearPendingRow",
+  "setFilterByEvent",
+  "sort",
+  "setSort",
+  "setSortByEvent",
+  "clearSort",
+  "clearSortByEvent",
+  "isSort",
+  "getSortColumns",
+  "closeFilter",
+  "isFilter",
+  "clearFilterByEvent",
+  "isActiveFilterByColumn",
+  "isRowExpandLoaded",
+  "clearRowExpandLoaded",
+  "reloadRowExpand",
+  "reloadRowExpand",
+  "toggleRowExpand",
+  "setAllRowExpand",
+  "setRowExpand",
+  "isExpandByRow",
+  "isRowExpandByRow",
+  "clearRowExpand",
+  "clearRowExpandReserve",
+  "getRowExpandRecords",
+  "getTreeExpandRecords",
+  "isTreeExpandLoaded",
+  "clearTreeExpandLoaded",
+  "reloadTreeExpand",
+  "reloadTreeChilds",
+  "toggleTreeExpand",
+  "setAllTreeExpand",
+  "setTreeExpand",
+  "isTreeExpandByRow",
+  "clearTreeExpand",
+  "clearTreeExpandReserve",
+  "getScroll",
+  "scrollTo",
+  "scrollToStartRow",
+  "scrollToEndRow",
+  "scrollToRow",
+  "scrollToStartColumn",
+  "scrollToEndColumn",
+  "scrollToColumn",
+  "clearScroll",
+  "updateFooter",
+  "updateStatus",
+  "setMergeCells",
+  "removeInsertRow",
+  "removeMergeCells",
+  "getMergeCells",
+  "clearMergeCells",
+  "setMergeFooterItems",
+  "removeMergeFooterItems",
+  "getMergeFooterItems",
+  "clearMergeFooterItems",
+  "getCustomStoreData",
+  "setRowGroupExpand",
+  "setRowGroupExpandByField",
+  "setAllRowGroupExpand",
+  "clearRowGroupExpand",
+  "isRowGroupExpandByRow",
+  "isRowGroupRecord",
+  "isAggregateRecord",
+  "isAggregateExpandByRow",
+  "getAggregateContentByRow",
+  "getAggregateRowChildren",
+  "setRowGroups",
+  "clearRowGroups",
+  "openTooltip",
+  "moveColumnTo",
+  "moveRowTo",
+  "getCellLabel",
+  "undo",
+  "redo",
+  "getCellElement",
+  "focus",
+  "blur",
+  "connect"
+];
 var defaultLayouts = [["Form"], ["Toolbar", "Top", "Gantt", "Bottom", "Pager"]];
 function createInternalData2() {
   return {
@@ -3977,11 +4224,11 @@ var gantt_default = defineVxeComponent({
   setup(props, context) {
     const { slots, emit } = context;
     const xID = XEUtils8.uniqueId();
-    const VxeUIFormComponent = VxeUI8.getComponent("VxeForm");
-    const VxeUIPagerComponent = VxeUI8.getComponent("VxePager");
-    const VxeTableComponent2 = VxeUI8.getComponent("VxeTable");
-    const VxeToolbarComponent = VxeUI8.getComponent("VxeToolbar");
-    const VxeUITooltipComponent = VxeUI8.getComponent("VxeTooltip");
+    const VxeUIFormComponent = VxeUI7.getComponent("VxeForm");
+    const VxeUIPagerComponent = VxeUI7.getComponent("VxePager");
+    const VxeTableComponent2 = VxeUI7.getComponent("VxeTable");
+    const VxeToolbarComponent = VxeUI7.getComponent("VxeToolbar");
+    const VxeUITooltipComponent = VxeUI7.getComponent("VxeTooltip");
     const scrollDefaultConf = Object.assign({}, getConfig2().scrollbar);
     const { computeSize } = useFns2.useSize(props);
     const { computeIsVScrollbar } = useFns2.useVScrollbar(props);
@@ -4523,8 +4770,8 @@ var gantt_default = defineVxeComponent({
         $xeGantt.clearCheckboxRow();
       } else {
         if (isActiveMsg) {
-          if (VxeUI8.modal) {
-            VxeUI8.modal.message({ id: code, content: getI18n2("vxe.grid.selectOneRecord"), status: "warning" });
+          if (VxeUI7.modal) {
+            VxeUI7.modal.message({ id: code, content: getI18n2("vxe.grid.selectOneRecord"), status: "warning" });
           }
         }
       }
@@ -4545,16 +4792,16 @@ var gantt_default = defineVxeComponent({
       const selectRecords = $xeGantt.getCheckboxRecords();
       if (isActiveMsg) {
         if (selectRecords.length) {
-          if (VxeUI8.modal) {
-            return VxeUI8.modal.confirm({ id: `cfm_${code}`, content: getI18n2(alertKey), escClosable: true }).then((type) => {
+          if (VxeUI7.modal) {
+            return VxeUI7.modal.confirm({ id: `cfm_${code}`, content: getI18n2(alertKey), escClosable: true }).then((type) => {
               if (type === "confirm") {
                 return callback();
               }
             });
           }
         } else {
-          if (VxeUI8.modal) {
-            VxeUI8.modal.message({ id: `msg_${code}`, content: getI18n2("vxe.grid.selectOneRecord"), status: "warning" });
+          if (VxeUI7.modal) {
+            VxeUI7.modal.message({ id: `msg_${code}`, content: getI18n2("vxe.grid.selectOneRecord"), status: "warning" });
           }
         }
       } else {
@@ -5058,10 +5305,7 @@ var gantt_default = defineVxeComponent({
                 reactData.sortData = sortList;
                 reactData.filterData = filterList;
                 reactData.tableLoading = true;
-                return Promise.all([
-                  Promise.resolve((oldBeforeQuery || qMethod)(commitParams, ...args)),
-                  operPromise
-                ]).then(([rest]) => {
+                return Promise.all([Promise.resolve((oldBeforeQuery || qMethod)(commitParams, ...args)), operPromise]).then(([rest]) => {
                   reactData.tableLoading = false;
                   if (aqMethod) {
                     aqMethod({ ...commitParams, response: rest, status: "success" }, ...args);
@@ -5236,8 +5480,8 @@ var gantt_default = defineVxeComponent({
                       } else {
                         $xeTable.setPendingRow(removeRecords, false);
                         if (isRespMsg) {
-                          if (VxeUI8.modal) {
-                            VxeUI8.modal.message({ content: getRespMsg(rest, "vxe.grid.delSuccess"), status: "success" });
+                          if (VxeUI7.modal) {
+                            VxeUI7.modal.message({ content: getRespMsg(rest, "vxe.grid.delSuccess"), status: "success" });
                           }
                         }
                         if (oldAfterDelete) {
@@ -5259,8 +5503,8 @@ var gantt_default = defineVxeComponent({
                         adMethod({ ...commitParams, response: rest, status: "error" }, ...args);
                       } else {
                         if (isRespMsg) {
-                          if (VxeUI8.modal) {
-                            VxeUI8.modal.message({ id: code, content: getRespMsg(rest, "vxe.grid.operError"), status: "error" });
+                          if (VxeUI7.modal) {
+                            VxeUI7.modal.message({ id: code, content: getRespMsg(rest, "vxe.grid.operError"), status: "error" });
                           }
                         }
                       }
@@ -5281,8 +5525,8 @@ var gantt_default = defineVxeComponent({
                 });
               } else {
                 if (isActiveMsg) {
-                  if (VxeUI8.modal) {
-                    VxeUI8.modal.message({ id: code, content: getI18n2("vxe.grid.selectOneRecord"), status: "warning" });
+                  if (VxeUI7.modal) {
+                    VxeUI7.modal.message({ id: code, content: getI18n2("vxe.grid.selectOneRecord"), status: "warning" });
                   }
                 }
               }
@@ -5334,8 +5578,8 @@ var gantt_default = defineVxeComponent({
                       } else {
                         $xeTable.clearPendingRow();
                         if (isRespMsg) {
-                          if (VxeUI8.modal) {
-                            VxeUI8.modal.message({ content: getRespMsg(rest, "vxe.grid.saveSuccess"), status: "success" });
+                          if (VxeUI7.modal) {
+                            VxeUI7.modal.message({ content: getRespMsg(rest, "vxe.grid.saveSuccess"), status: "success" });
                           }
                         }
                         if (oldAfterSave) {
@@ -5357,8 +5601,8 @@ var gantt_default = defineVxeComponent({
                         aSaveMethod({ ...commitParams, response: rest, status: "error" }, ...args);
                       } else {
                         if (isRespMsg) {
-                          if (VxeUI8.modal) {
-                            VxeUI8.modal.message({ id: code, content: getRespMsg(rest, "vxe.grid.operError"), status: "error" });
+                          if (VxeUI7.modal) {
+                            VxeUI7.modal.message({ id: code, content: getRespMsg(rest, "vxe.grid.operError"), status: "error" });
                           }
                         }
                       }
@@ -5378,8 +5622,8 @@ var gantt_default = defineVxeComponent({
                   return handleSave();
                 } else {
                   if (isActiveMsg) {
-                    if (VxeUI8.modal) {
-                      VxeUI8.modal.message({ id: code, content: getI18n2("vxe.grid.dataUnchanged"), status: "info" });
+                    if (VxeUI7.modal) {
+                      VxeUI7.modal.message({ id: code, content: getI18n2("vxe.grid.dataUnchanged"), status: "info" });
                     }
                   }
                 }
@@ -5431,9 +5675,13 @@ var gantt_default = defineVxeComponent({
         const { formConfig } = props;
         const { items } = formOpts;
         const itemList = [];
-        XEUtils8.eachTree(formConfig && isEnableConf(formOpts) && items ? items : [], (item) => {
-          itemList.push(item);
-        }, { children: "children" });
+        XEUtils8.eachTree(
+          formConfig && isEnableConf(formOpts) && items ? items : [],
+          (item) => {
+            itemList.push(item);
+          },
+          { children: "children" }
+        );
         return XEUtils8.isUndefined(itemIndex) ? itemList : itemList[itemIndex];
       },
       getFormFlatItems() {
@@ -5787,11 +6035,17 @@ var gantt_default = defineVxeComponent({
           const rowOpts = computeRowOpts.value;
           const { row } = params;
           if (rowOpts.isCurrent || highlightCurrentRow) {
-            $xeTable.triggerCurrentRowEvent(evnt, Object.assign({
-              $table: $xeTable,
-              rowIndex: $xeTable.getRowIndex(row),
-              $rowIndex: $xeTable.getVMRowIndex(row)
-            }, params));
+            $xeTable.triggerCurrentRowEvent(
+              evnt,
+              Object.assign(
+                {
+                  $table: $xeTable,
+                  rowIndex: $xeTable.getRowIndex(row),
+                  $rowIndex: $xeTable.getVMRowIndex(row)
+                },
+                params
+              )
+            );
           }
           if (radioColumn && radioOpts.trigger === "row") {
             $xeTable.triggerRadioRowEvent(evnt, params);
@@ -5969,6 +6223,7 @@ var gantt_default = defineVxeComponent({
           if (formOpts.items) {
             const formSlots = {};
             if (!formOpts.inited) {
+              ;
               formOpts.inited = true;
               const beforeItem = proxyOpts.beforeItem;
               if (proxyOpts && beforeItem) {
@@ -5988,25 +6243,33 @@ var gantt_default = defineVxeComponent({
             });
             if (VxeUIFormComponent) {
               slotVNs.push(
-                h6(VxeUIFormComponent, {
-                  ref: refForm,
-                  ...Object.assign({}, formOpts, {
-                    data: proxyConfig && isEnableConf(proxyOpts) && proxyOpts.form ? formData : formOpts.data
-                  }),
-                  onSubmit: submitFormEvent,
-                  onReset: resetFormEvent,
-                  onSubmitInvalid: submitInvalidEvent,
-                  onCollapse: collapseEvent
-                }, formSlots)
+                h6(
+                  VxeUIFormComponent,
+                  {
+                    ref: refForm,
+                    ...Object.assign({}, formOpts, {
+                      data: proxyConfig && isEnableConf(proxyOpts) && proxyOpts.form ? formData : formOpts.data
+                    }),
+                    onSubmit: submitFormEvent,
+                    onReset: resetFormEvent,
+                    onSubmitInvalid: submitInvalidEvent,
+                    onCollapse: collapseEvent
+                  },
+                  formSlots
+                )
               );
             }
           }
         }
-        return h6("div", {
-          ref: refFormWrapper,
-          key: "form",
-          class: "vxe-gantt--form-wrapper"
-        }, slotVNs);
+        return h6(
+          "div",
+          {
+            ref: refFormWrapper,
+            key: "form",
+            class: "vxe-gantt--form-wrapper"
+          },
+          slotVNs
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
@@ -6048,47 +6311,67 @@ var gantt_default = defineVxeComponent({
             }
           }
           slotVNs.push(
-            h6(VxeToolbarComponent, {
-              ref: refToolbar,
-              ...toolbarOpts,
-              slots: void 0
-            }, toolbarSlots)
+            h6(
+              VxeToolbarComponent,
+              {
+                ref: refToolbar,
+                ...toolbarOpts,
+                slots: void 0
+              },
+              toolbarSlots
+            )
           );
         }
-        return h6("div", {
-          ref: refToolbarWrapper,
-          key: "toolbar",
-          class: "vxe-gantt--toolbar-wrapper"
-        }, slotVNs);
+        return h6(
+          "div",
+          {
+            ref: refToolbarWrapper,
+            key: "toolbar",
+            class: "vxe-gantt--toolbar-wrapper"
+          },
+          slotVNs
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
     const renderTop = () => {
       const topSlot = slots.top;
       if (topSlot) {
-        return h6("div", {
-          ref: refTopWrapper,
-          key: "top",
-          class: "vxe-gantt--top-wrapper"
-        }, topSlot({ $grid: null, $gantt: $xeGantt }));
+        return h6(
+          "div",
+          {
+            ref: refTopWrapper,
+            key: "top",
+            class: "vxe-gantt--top-wrapper"
+          },
+          topSlot({ $grid: null, $gantt: $xeGantt })
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
     const renderTableLeft = () => {
       const leftSlot = slots.left;
       if (leftSlot) {
-        return h6("div", {
-          class: "vxe-gantt--left-wrapper"
-        }, leftSlot({ $grid: null, $gantt: $xeGantt }));
+        return h6(
+          "div",
+          {
+            class: "vxe-gantt--left-wrapper"
+          },
+          leftSlot({ $grid: null, $gantt: $xeGantt })
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
     const renderTableRight = () => {
       const rightSlot = slots.right;
       if (rightSlot) {
-        return h6("div", {
-          class: "vxe-gantt--right-wrapper"
-        }, rightSlot({ $grid: null, $gantt: $xeGantt }));
+        return h6(
+          "div",
+          {
+            class: "vxe-gantt--right-wrapper"
+          },
+          rightSlot({ $grid: null, $gantt: $xeGantt })
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
@@ -6136,24 +6419,36 @@ var gantt_default = defineVxeComponent({
       if (footerTooltipSlot) {
         slotObj.footerTooltip = footerTooltipSlot;
       }
-      return h6("div", {
-        ref: refTableWrapper,
-        class: "vxe-gantt--table-wrapper"
-      }, [
-        h6(VxeTableComponent2, {
-          ref: refTable,
-          ...tableProps2,
-          ...tableOns
-        }, slotObj)
-      ]);
+      return h6(
+        "div",
+        {
+          ref: refTableWrapper,
+          class: "vxe-gantt--table-wrapper"
+        },
+        [
+          h6(
+            VxeTableComponent2,
+            {
+              ref: refTable,
+              ...tableProps2,
+              ...tableOns
+            },
+            slotObj
+          )
+        ]
+      );
     };
     const renderBottom = () => {
       if (slots.bottom) {
-        return h6("div", {
-          ref: refBottomWrapper,
-          key: "bottom",
-          class: "vxe-gantt--bottom-wrapper"
-        }, slots.bottom({ $grid: null, $gantt: $xeGantt }));
+        return h6(
+          "div",
+          {
+            ref: refBottomWrapper,
+            key: "bottom",
+            class: "vxe-gantt--bottom-wrapper"
+          },
+          slots.bottom({ $grid: null, $gantt: $xeGantt })
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
@@ -6163,30 +6458,42 @@ var gantt_default = defineVxeComponent({
       const pagerOpts = computePagerOpts.value;
       const pagerSlot = slots.pager;
       if (pagerConfig && isEnableConf(pagerOpts) || slots.pager) {
-        return h6("div", {
-          ref: refPagerWrapper,
-          key: "pager",
-          class: "vxe-gantt--pager-wrapper"
-        }, pagerSlot ? pagerSlot({ $grid: null, $gantt: $xeGantt }) : [
-          VxeUIPagerComponent ? h6(VxeUIPagerComponent, {
-            ref: refPager,
-            ...pagerOpts,
-            ...proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {},
-            onPageChange: pageChangeEvent
-          }, getConfigSlot(pagerOpts.slots)) : renderEmptyElement3($xeGantt)
-        ]);
+        return h6(
+          "div",
+          {
+            ref: refPagerWrapper,
+            key: "pager",
+            class: "vxe-gantt--pager-wrapper"
+          },
+          pagerSlot ? pagerSlot({ $grid: null, $gantt: $xeGantt }) : [
+            VxeUIPagerComponent ? h6(
+              VxeUIPagerComponent,
+              {
+                ref: refPager,
+                ...pagerOpts,
+                ...proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {},
+                onPageChange: pageChangeEvent
+              },
+              getConfigSlot(pagerOpts.slots)
+            ) : renderEmptyElement3($xeGantt)
+          ]
+        );
       }
       return renderEmptyElement3($xeGantt);
     };
     const renderTaskView = () => {
-      return h6("div", {
-        ref: refGanttWrapper,
-        class: "vxe-gantt--view-wrapper"
-      }, [
-        h6(gantt_view_default, {
-          ref: refGanttView
-        })
-      ]);
+      return h6(
+        "div",
+        {
+          ref: refGanttWrapper,
+          class: "vxe-gantt--view-wrapper"
+        },
+        [
+          h6(gantt_view_default, {
+            ref: refGanttView
+          })
+        ]
+      );
     };
     const renderSplitBar = () => {
       const { showLeftView, showRightView } = reactData;
@@ -6200,36 +6507,55 @@ var gantt_default = defineVxeComponent({
       if (isResize) {
         ons.onMousedown = dragSplitEvent;
       }
-      return h6("div", {
-        class: ["vxe-gantt--view-split-bar", {
-          "is--resize": isResize
-        }]
-      }, [
-        h6("div", {
-          class: "vxe-gantt--view-split-bar-handle",
-          ...ons
-        }),
-        showCollapseTableButton || showCollapseTaskButton ? h6("div", {
-          class: "vxe-gantt--view-split-bar-btn-wrapper"
-        }, [
-          showCollapseTableButton && showRightView ? h6("div", {
-            class: ["vxe-gantt--view-split-bar-action-btn", showLeftView ? "is--prev" : "is--next"],
-            onClick: handleSplitLeftViewEvent
-          }, [
-            h6("i", {
-              class: showLeftView ? getIcon2().GANTT_VIEW_LEFT_OPEN : getIcon2().GANTT_VIEW_LEFT_CLOSE
-            })
-          ]) : renderEmptyElement3($xeGantt),
-          showCollapseTaskButton && showLeftView ? h6("div", {
-            class: ["vxe-gantt--view-split-bar-action-btn", showRightView ? "is--next" : "is--prev"],
-            onClick: handleSplitRightViewEvent
-          }, [
-            h6("i", {
-              class: showRightView ? getIcon2().GANTT_VIEW_RIGHT_OPEN : getIcon2().GANTT_VIEW_RIGHT_CLOSE
-            })
-          ]) : renderEmptyElement3($xeGantt)
-        ]) : renderEmptyElement3($xeGantt)
-      ]);
+      return h6(
+        "div",
+        {
+          class: [
+            "vxe-gantt--view-split-bar",
+            {
+              "is--resize": isResize
+            }
+          ]
+        },
+        [
+          h6("div", {
+            class: "vxe-gantt--view-split-bar-handle",
+            ...ons
+          }),
+          showCollapseTableButton || showCollapseTaskButton ? h6(
+            "div",
+            {
+              class: "vxe-gantt--view-split-bar-btn-wrapper"
+            },
+            [
+              showCollapseTableButton && showRightView ? h6(
+                "div",
+                {
+                  class: ["vxe-gantt--view-split-bar-action-btn", showLeftView ? "is--prev" : "is--next"],
+                  onClick: handleSplitLeftViewEvent
+                },
+                [
+                  h6("i", {
+                    class: showLeftView ? getIcon2().GANTT_VIEW_LEFT_OPEN : getIcon2().GANTT_VIEW_LEFT_CLOSE
+                  })
+                ]
+              ) : renderEmptyElement3($xeGantt),
+              showCollapseTaskButton && showLeftView ? h6(
+                "div",
+                {
+                  class: ["vxe-gantt--view-split-bar-action-btn", showRightView ? "is--next" : "is--prev"],
+                  onClick: handleSplitRightViewEvent
+                },
+                [
+                  h6("i", {
+                    class: showRightView ? getIcon2().GANTT_VIEW_RIGHT_OPEN : getIcon2().GANTT_VIEW_RIGHT_CLOSE
+                  })
+                ]
+              ) : renderEmptyElement3($xeGantt)
+            ]
+          ) : renderEmptyElement3($xeGantt)
+        ]
+      );
     };
     const renderChildLayout = (layoutKeys) => {
       const { showLeftView, showRightView } = reactData;
@@ -6254,47 +6580,64 @@ var gantt_default = defineVxeComponent({
             break;
           case "Gantt":
             childVNs.push(
-              h6("div", {
-                ref: refGanttContainerElem,
-                key: "tv",
-                class: ["vxe-gantt--gantt-container", `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`, `sy-pos--${scrollbarYToLeft ? "left" : "right"}`, {
-                  "is--virtual-scrollbar": isVScrollbar,
-                  "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
-                  "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
-                  "show--left": showLeftView,
-                  "hide--left": !showLeftView,
-                  "show--right": showRightView,
-                  "hide--right": !showRightView,
-                  "is--ah-split-btn": autoHideCollapseButton
-                }]
-              }, [
-                renderTableLeft(),
-                renderTable(),
-                renderSplitBar(),
-                renderTaskView(),
-                renderTableRight(),
-                h6("div", {
-                  ref: refClassifyWrapperElem
-                }),
-                h6("div", {
-                  ref: refResizableSplitTip,
-                  class: "vxe-gantt--resizable-split-tip"
-                }, [
+              h6(
+                "div",
+                {
+                  ref: refGanttContainerElem,
+                  key: "tv",
+                  class: [
+                    "vxe-gantt--gantt-container",
+                    `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+                    `sy-pos--${scrollbarYToLeft ? "left" : "right"}`,
+                    {
+                      "is--virtual-scrollbar": isVScrollbar,
+                      "ov-x--auto-hide": isVScrollbar && scrollXAutoHide,
+                      "ov-y--auto-hide": isVScrollbar && scrollYAutoHide,
+                      "show--left": showLeftView,
+                      "hide--left": !showLeftView,
+                      "show--right": showRightView,
+                      "hide--right": !showRightView,
+                      "is--ah-split-btn": autoHideCollapseButton
+                    }
+                  ]
+                },
+                [
+                  renderTableLeft(),
+                  renderTable(),
+                  renderSplitBar(),
+                  renderTaskView(),
+                  renderTableRight(),
                   h6("div", {
-                    class: "vxe-gantt--resizable-split-tip-number"
-                  }, [
-                    h6("div", {
-                      class: "vxe-gantt--resizable-split-number-left"
-                    }),
-                    h6("div", {
-                      class: "vxe-gantt--resizable-split-number-right"
-                    })
-                  ])
-                ]),
-                h6("div", {
-                  class: "vxe-gantt--border-line"
-                })
-              ])
+                    ref: refClassifyWrapperElem
+                  }),
+                  h6(
+                    "div",
+                    {
+                      ref: refResizableSplitTip,
+                      class: "vxe-gantt--resizable-split-tip"
+                    },
+                    [
+                      h6(
+                        "div",
+                        {
+                          class: "vxe-gantt--resizable-split-tip-number"
+                        },
+                        [
+                          h6("div", {
+                            class: "vxe-gantt--resizable-split-number-left"
+                          }),
+                          h6("div", {
+                            class: "vxe-gantt--resizable-split-number-right"
+                          })
+                        ]
+                      )
+                    ]
+                  ),
+                  h6("div", {
+                    class: "vxe-gantt--border-line"
+                  })
+                ]
+              )
             );
             break;
           case "Bottom":
@@ -6319,56 +6662,84 @@ var gantt_default = defineVxeComponent({
       const asideRightSlot = slots.asideRight || slots["aside-right"];
       const taskBarTooltipSlot = slots.taskBarTooltip || slots["task-bar-tooltip"];
       return [
-        h6("div", {
-          class: "vxe-gantt--layout-header-wrapper"
-        }, renderChildLayout(headKeys)),
-        h6("div", {
-          class: "vxe-gantt--layout-body-wrapper"
-        }, [
-          asideLeftSlot ? h6("div", {
-            class: "vxe-gantt--layout-aside-left-wrapper"
-          }, asideLeftSlot({})) : renderEmptyElement3($xeGantt),
-          h6("div", {
-            class: "vxe-gantt--layout-body-content-wrapper"
-          }, renderChildLayout(bodyKeys)),
-          asideRightSlot ? h6("div", {
-            class: "vxe-gantt--layout-aside-right-wrapper"
-          }, asideRightSlot({})) : renderEmptyElement3($xeGantt)
-        ]),
-        h6("div", {
-          class: "vxe-gantt--layout-footer-wrapper"
-        }, renderChildLayout(footKeys)),
+        h6(
+          "div",
+          {
+            class: "vxe-gantt--layout-header-wrapper"
+          },
+          renderChildLayout(headKeys)
+        ),
+        h6(
+          "div",
+          {
+            class: "vxe-gantt--layout-body-wrapper"
+          },
+          [
+            asideLeftSlot ? h6(
+              "div",
+              {
+                class: "vxe-gantt--layout-aside-left-wrapper"
+              },
+              asideLeftSlot({})
+            ) : renderEmptyElement3($xeGantt),
+            h6(
+              "div",
+              {
+                class: "vxe-gantt--layout-body-content-wrapper"
+              },
+              renderChildLayout(bodyKeys)
+            ),
+            asideRightSlot ? h6(
+              "div",
+              {
+                class: "vxe-gantt--layout-aside-right-wrapper"
+              },
+              asideRightSlot({})
+            ) : renderEmptyElement3($xeGantt)
+          ]
+        ),
+        h6(
+          "div",
+          {
+            class: "vxe-gantt--layout-footer-wrapper"
+          },
+          renderChildLayout(footKeys)
+        ),
         h6("div", {
           ref: refPopupContainerElem
         }),
         h6("div", {}, [
           /**
-            * 任务条提示
-            */
-          h6(VxeUITooltipComponent, {
-            key: "gtp",
-            ref: refTooltip,
-            theme: taskBarTooltipOpts.theme,
-            enterable: taskBarTooltipOpts.enterable,
-            enterDelay: taskBarTooltipOpts.enterDelay,
-            leaveDelay: taskBarTooltipOpts.leaveDelay,
-            useHtml: XEUtils8.isBoolean(taskBarTooltipOpts.useHtml) ? taskBarTooltipOpts.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 h6("div", {}, taskBarTooltipSlot(Object.assign({ tooltipContent, $gantt: $xeGantt }, barTipStore.params)));
+           * 任务条提示
+           */
+          h6(
+            VxeUITooltipComponent,
+            {
+              key: "gtp",
+              ref: refTooltip,
+              theme: taskBarTooltipOpts.theme,
+              enterable: taskBarTooltipOpts.enterable,
+              enterDelay: taskBarTooltipOpts.enterDelay,
+              leaveDelay: taskBarTooltipOpts.leaveDelay,
+              useHtml: XEUtils8.isBoolean(taskBarTooltipOpts.useHtml) ? taskBarTooltipOpts.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 h6("div", {}, taskBarTooltipSlot(Object.assign({ tooltipContent, $gantt: $xeGantt }, barTipStore.params)));
+                }
+                return renderEmptyElement3($xeGantt);
               }
-              return renderEmptyElement3($xeGantt);
-            }
-          } : {})
+            } : {}
+          )
         ])
       ];
     };
@@ -6382,39 +6753,58 @@ var gantt_default = defineVxeComponent({
       const tableBorder = computeTableBorder.value;
       const scrollbarXToTop = computeScrollbarXToTop.value;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
-      return h6("div", {
-        ref: refElem,
-        class: ["vxe-gantt", `border--${tableBorder}`, `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`, `sy-pos--${scrollbarYToLeft ? "left" : "right"}`, {
-          [`size--${vSize}`]: vSize,
-          "is--virtual-scrollbar": isVScrollbar,
-          "is--round": props.round,
-          "show--animat": taskSplitOpts.animation,
-          "is--maximize": reactData.isZMax,
-          "is--loading": isLoading,
-          "is--animat": showSplitAnimat,
-          "show--left": showLeftView,
-          "hide--left": !showLeftView,
-          "show--right": showRightView,
-          "hide--right": !showRightView,
-          "is--scroll-y": overflowY,
-          "is--scroll-x": overflowX
-        }],
-        style: wrapperStyle
-      }, renderLayout());
+      return h6(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-gantt",
+            `border--${tableBorder}`,
+            `sx-pos--${scrollbarXToTop ? "top" : "bottom"}`,
+            `sy-pos--${scrollbarYToLeft ? "left" : "right"}`,
+            {
+              [`size--${vSize}`]: vSize,
+              "is--virtual-scrollbar": isVScrollbar,
+              "is--round": props.round,
+              "show--animat": taskSplitOpts.animation,
+              "is--maximize": reactData.isZMax,
+              "is--loading": isLoading,
+              "is--animat": showSplitAnimat,
+              "show--left": showLeftView,
+              "hide--left": !showLeftView,
+              "show--right": showRightView,
+              "hide--right": !showRightView,
+              "is--scroll-y": overflowY,
+              "is--scroll-x": overflowX
+            }
+          ],
+          style: wrapperStyle
+        },
+        renderLayout()
+      );
     };
     const columnFlag = ref6(0);
-    watch2(() => props.columns ? props.columns.length : -1, () => {
-      columnFlag.value++;
-    });
-    watch2(() => props.columns, () => {
-      columnFlag.value++;
-    });
+    watch2(
+      () => props.columns ? props.columns.length : -1,
+      () => {
+        columnFlag.value++;
+      }
+    );
+    watch2(
+      () => props.columns,
+      () => {
+        columnFlag.value++;
+      }
+    );
     watch2(columnFlag, () => {
       nextTick2(() => $xeGantt.loadColumn(props.columns || []));
     });
-    watch2(() => props.toolbarConfig, () => {
-      initToolbar();
-    });
+    watch2(
+      () => props.toolbarConfig,
+      () => {
+        initToolbar();
+      }
+    );
     watch2(computeCustomCurrentPageFlag, () => {
       initPages("currentPage");
     });
@@ -6424,9 +6814,12 @@ var gantt_default = defineVxeComponent({
     watch2(computeCustomTotalFlag, () => {
       initPages("total");
     });
-    watch2(() => props.proxyConfig, () => {
-      initProxy();
-    });
+    watch2(
+      () => props.proxyConfig,
+      () => {
+        initProxy();
+      }
+    );
     const reViewFlag = ref6(0);
     watch2(computeTaskViewScales, () => {
       handleTaskScaleConfig();
@@ -6540,18 +6933,142 @@ var VxeGantt = Object.assign({}, gantt_default, {
     app.component(gantt_default.name, gantt_default);
   }
 });
-if (VxeUI9.dynamicApp) {
-  VxeUI9.dynamicApp.use(VxeGantt);
+if (VxeUI8.dynamicApp) {
+  VxeUI8.dynamicApp.use(VxeGantt);
 }
-VxeUI9.component(gantt_default);
+VxeUI8.component(gantt_default);
 var Gantt = VxeGantt;
 var gantt_default2 = VxeGantt;
 
+// packages_temp/ui/index.ts
+import { VxeUI as VxeUI9 } from "@vxe-ui/core";
+var { setConfig, setIcon } = VxeUI9;
+VxeUI9.ganttVersion = "4.9.6";
+var ymdFormat = "yyyy-MM-dd";
+var ymdhmsFormat = "yyyy-MM-dd HH:mm:ss";
+setConfig({
+  gantt: {
+    // size: null,
+    // zoomConfig: {
+    //   escRestore: true
+    // },
+    formConfig: {
+      enabled: true
+    },
+    pagerConfig: {
+      enabled: true
+      // perfect: false
+    },
+    toolbarConfig: {
+      enabled: true
+      // perfect: false
+    },
+    proxyConfig: {
+      enabled: true,
+      autoLoad: true,
+      showLoading: true,
+      showResponseMsg: true,
+      showActionMsg: true,
+      response: {
+        list: null,
+        result: "result",
+        total: "page.total",
+        message: "message"
+      }
+      // beforeItem: null,
+      // beforeColumn: null,
+      // beforeQuery: null,
+      // afterQuery: null,
+      // beforeDelete: null,
+      // afterDelete: null,
+      // beforeSave: null,
+      // afterSave: null
+    },
+    taskBarTooltipConfig: {
+      enterable: true
+    },
+    taskLinkConfig: {
+      enabled: true,
+      isHover: true,
+      showArrow: true
+    },
+    taskViewScaleConfig: {
+      year: {
+        valueFormat: ymdFormat
+      },
+      quarter: {
+        valueFormat: ymdFormat
+      },
+      month: {
+        valueFormat: ymdFormat
+      },
+      week: {
+        startDay: 1,
+        valueFormat: ymdFormat
+      },
+      day: {
+        valueFormat: ymdFormat
+      },
+      date: {
+        valueFormat: ymdFormat
+      },
+      hour: {
+        valueFormat: ymdhmsFormat
+      },
+      minute: {
+        valueFormat: ymdhmsFormat
+      },
+      second: {
+        valueFormat: ymdhmsFormat
+      }
+    },
+    taskViewConfig: {
+      showNowLine: true,
+      gridding: {
+        leftSpacing: 1,
+        rightSpacing: 1
+      }
+    },
+    taskSplitConfig: {
+      enabled: true,
+      resize: true,
+      autoHideCollapseButton: true,
+      showCollapseTableButton: true,
+      showCollapseTaskButton: true
+    },
+    taskBarSubviewConfig: {
+      // showOverview: false
+    },
+    taskBarMoveConfig: {
+      isLimitByLink: true
+    },
+    taskBarResizeConfig: {
+      minWidthSize: 0.5,
+      isLimitByLink: true
+    },
+    taskBarMoveTooltipConfig: {
+      enterable: true,
+      enterDelay: 0
+    },
+    taskBarResizeTooltipConfig: {
+      enterable: true,
+      enterDelay: 0
+    }
+  }
+});
+var iconPrefix = "vxe-icon-";
+setIcon({
+  // gantt
+  GANTT_VIEW_LEFT_OPEN: iconPrefix + "arrow-left",
+  GANTT_VIEW_LEFT_CLOSE: iconPrefix + "arrow-right",
+  GANTT_VIEW_RIGHT_OPEN: iconPrefix + "arrow-right",
+  GANTT_VIEW_RIGHT_CLOSE: iconPrefix + "arrow-left",
+  GANTT_VIEW_TASK_MILESTONE: iconPrefix + "square-fill rotate45"
+});
+
 // packages_temp/components.ts
-var { setConfig: setConfig2 } = ui_default;
-var components = [
-  gantt_default2
-];
+var { setConfig: setConfig2 } = VxeUI10;
+var components = [gantt_default2];
 function install(app, options) {
   setConfig2(options);
   components.forEach((component) => app.use(component));
@@ -6564,7 +7081,7 @@ export {
   VxeGantt,
   VxeGanttDependencyType,
   VxeGanttTaskType,
-  ui_default as VxeUI,
+  VxeUI10 as VxeUI,
   index_default as default,
   install
 };