@visactor/vtable-gantt 1.26.3-alpha.0 → 1.26.3

package/dist/vtable-gantt.js

@@ -43213,13 +43213,20 @@
       return parse$2(font);
     }
 
-    function getQuadProps(paddingOrigin) {
+    function normalizeQuadArray(values) {
+      return 0 === values.length ? [0, 0, 0, 0] : 1 === values.length ? [values[0], values[0], values[0], values[0]] : 2 === values.length ? [values[0], values[1], values[0], values[1]] : 3 === values.length ? [values[0], values[1], values[2], values[1]] : [values[0], values[1], values[2], values[3]];
+    }
+    function parseStringQuad(padding) {
+      const tokens = padding.trim().split(/\s+/),
+        values = tokens.map(token => Number.parseFloat(token)).filter(value => Number.isFinite(value));
+      return values.length === tokens.length && values.length > 0 ? normalizeQuadArray(values) : [padding, padding, padding, padding];
+    }
+    function normalizePaddingObject(paddingOrigin) {
       var _a, _b, _c, _d;
-      if (isNumber$2(paddingOrigin) || isString$2(paddingOrigin) || isArray$5(paddingOrigin)) {
-        let padding = parsePadding(paddingOrigin);
-        return "number" == typeof padding || "string" == typeof padding ? padding = [padding, padding, padding, padding] : Array.isArray(padding) && (padding = padding.slice(0)), padding;
-      }
-      return paddingOrigin && (isFinite(paddingOrigin.bottom) || isFinite(paddingOrigin.left) || isFinite(paddingOrigin.right) || isFinite(paddingOrigin.top)) ? [null !== (_a = paddingOrigin.top) && void 0 !== _a ? _a : 0, null !== (_b = paddingOrigin.right) && void 0 !== _b ? _b : 0, null !== (_c = paddingOrigin.bottom) && void 0 !== _c ? _c : 0, null !== (_d = paddingOrigin.left) && void 0 !== _d ? _d : 0] : [0, 0, 0, 0];
+      return Number.isFinite(paddingOrigin.bottom) || Number.isFinite(paddingOrigin.left) || Number.isFinite(paddingOrigin.right) || Number.isFinite(paddingOrigin.top) ? [null !== (_a = paddingOrigin.top) && void 0 !== _a ? _a : 0, null !== (_b = paddingOrigin.right) && void 0 !== _b ? _b : 0, null !== (_c = paddingOrigin.bottom) && void 0 !== _c ? _c : 0, null !== (_d = paddingOrigin.left) && void 0 !== _d ? _d : 0] : [0, 0, 0, 0];
+    }
+    function getQuadProps(paddingOrigin) {
+      return Array.isArray(paddingOrigin) ? normalizeQuadArray(paddingOrigin.slice(0, 4)) : "number" == typeof paddingOrigin && Number.isFinite(paddingOrigin) ? [paddingOrigin, paddingOrigin, paddingOrigin, paddingOrigin] : "string" == typeof paddingOrigin ? parseStringQuad(paddingOrigin) : paddingOrigin && "object" == typeof paddingOrigin ? normalizePaddingObject(paddingOrigin) : [0, 0, 0, 0];
     }
 
     const TYPE_PAREN = 0,
@@ -44246,7 +44253,7 @@
           col: null !== (_b = null == range ? void 0 : range.start.col) && void 0 !== _b ? _b : col,
           row: null !== (_c = null == range ? void 0 : range.start.row) && void 0 !== _c ? _c : row,
           dataValue: table.getCellOriginValue(col, row),
-          value: table.getCellValue(col, row) || "",
+          value: table.getCellValue(col, row),
           rect: {
             left: 0,
             top: 0,
@@ -44268,7 +44275,7 @@
           col: col,
           row: row,
           dataValue: table.getCellOriginValue(col, row),
-          value: table.getCellValue(col, row) || "",
+          value: table.getCellValue(col, row),
           rect: {
             left: 0,
             top: 0,
@@ -46257,7 +46264,7 @@
           col: null !== (_b = null == cellRange ? void 0 : cellRange.start.col) && void 0 !== _b ? _b : col,
           row: null !== (_c = null == cellRange ? void 0 : cellRange.start.row) && void 0 !== _c ? _c : row,
           dataValue: table.getCellOriginValue(col, row),
-          value: table.getCellValue(col, row) || "",
+          value: table.getCellValue(col, row),
           rect: getCellRect$1(col, row, table),
           table: table,
           originCol: col,
@@ -50438,7 +50445,7 @@
           col: null !== (_b = null == cellRange ? void 0 : cellRange.start.col) && void 0 !== _b ? _b : col,
           row: null !== (_c = null == cellRange ? void 0 : cellRange.start.row) && void 0 !== _c ? _c : row,
           dataValue: table.getCellOriginValue(col, row),
-          value: table.getCellValue(col, row) || "",
+          value: table.getCellValue(col, row),
           rect: getCellRect(col, row, table),
           table: table,
           originCol: col,
@@ -52685,7 +52692,8 @@
         for (let col = table.colCount - currentRightFrozenCol - 1; col >= table.colCount - distRightFrozenCol; col--) {
           insertBefore(rightFrozenGroup, scene.getColGroup(col), rightFrozenGroup.firstChild);
           insertBefore(rightTopCornerGroup, scene.getColGroup(col, !0), rightTopCornerGroup.firstChild);
-          insertBefore(rightBottomCornerGroup, scene.getColGroupInBottom(col), rightBottomCornerGroup.firstChild);
+          const bottomColGroup = scene.getColGroupInBottom(col);
+          bottomColGroup && insertBefore(rightBottomCornerGroup, bottomColGroup, rightBottomCornerGroup.firstChild);
         }
         let x = 0;
         rightFrozenGroup.forEachChildren(columnGroup => {
@@ -52702,7 +52710,10 @@
           const headerColGroup = scene.getColGroupInRightTopCorner(col);
           headerColGroup.setAttribute("x", colHeaderGroup.lastChild.attribute.x + table.getColWidth(colHeaderGroup.lastChild.col)), colHeaderGroup.appendChild(headerColGroup);
           const bottomColGroup = scene.getColGroupInRightBottomCorner(col);
-          bottomColGroup.setAttribute("x", bottomFrozenGroup.lastChild.attribute.x + table.getColWidth(bottomFrozenGroup.lastChild.col)), bottomFrozenGroup.appendChild(bottomColGroup);
+          if (bottomColGroup) {
+            const lastBottomColGroup = bottomFrozenGroup.lastChild;
+            bottomColGroup.setAttribute("x", lastBottomColGroup ? lastBottomColGroup.attribute.x + table.getColWidth(lastBottomColGroup.col) : 0), bottomFrozenGroup.appendChild(bottomColGroup);
+          }
         }
         let x = 0;
         rightFrozenGroup.forEachChildren(columnGroup => {
@@ -57191,70 +57202,73 @@
         });
       }), table.scenegraph.tableGroup.addEventListener("pointerup", e => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (0 === e.button) {
-          if ("grabing" === stateManager.interactionState) {
-            if (stateManager.updateInteractionState(InteractionState.default), stateManager.isResizeCol()) endResizeCol(table);else if (stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
-              const endMoveColSuccess = table.stateManager.endMoveCol();
-              fireMoveColEventListeners(table, endMoveColSuccess, e.nativeEvent);
-            } else if (stateManager.isSelecting()) {
-              table.stateManager.endSelectCells(), table.stateManager.isFillHandle() && table.stateManager.endFillSelect();
-              const eventArgsSet = getEventArgsSet(e);
-              if (table.eventManager.isDraging && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
-                const cellsEvent = {
-                  event: e.nativeEvent,
-                  cells: [],
-                  col: eventArgsSet.eventArgs.target.col,
-                  row: eventArgsSet.eventArgs.target.row,
-                  scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
-                  target: null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target,
-                  mergeCellInfo: null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.mergeInfo
-                };
-                cellsEvent.cells = table.getSelectedCellInfos(), table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
-              }
-            }
-          } else stateManager.interactionState === InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.default);
-          if (!table.eventManager.isDraging) {
+        if (0 !== e.button) return;
+        const endedResizeCol = stateManager.isResizeCol(),
+          endedResizeRow = stateManager.isResizeRow(),
+          endedMoveCol = stateManager.isMoveCol(),
+          shouldSkipClickCell = endedResizeCol || endedResizeRow;
+        if ("grabing" === stateManager.interactionState) {
+          if (stateManager.updateInteractionState(InteractionState.default), endedResizeCol) endResizeCol(table);else if (endedResizeRow) endResizeRow(table);else if (endedMoveCol) {
+            const endMoveColSuccess = table.stateManager.endMoveCol();
+            fireMoveColEventListeners(table, endMoveColSuccess, e.nativeEvent);
+          } else if (stateManager.isSelecting()) {
+            table.stateManager.endSelectCells(), table.stateManager.isFillHandle() && table.stateManager.endFillSelect();
             const eventArgsSet = getEventArgsSet(e);
-            if (!eventManager.isTouchMove && 0 === e.button && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
-              const {
-                  col: col,
-                  row: row
-                } = eventArgsSet.eventArgs,
-                cellInfo = table.getCellInfo(col, row);
-              let icon, position;
-              if (null === (_c = eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target) {
-                const iconInfo = getIconAndPositionFromTarget(null === (_d = eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target);
-                iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
-              }
-              const cellsEvent = Object.assign(Object.assign({}, cellInfo), {
+            if (table.eventManager.isDraging && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
+              const cellsEvent = {
                 event: e.nativeEvent,
-                federatedEvent: e,
                 cells: [],
-                targetIcon: icon ? {
-                  name: icon.name,
-                  position: position,
-                  funcType: icon.attribute.funcType
-                } : void 0,
-                target: null === (_e = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.target,
-                mergeCellInfo: null === (_f = eventArgsSet.eventArgs) || void 0 === _f ? void 0 : _f.mergeInfo
-              });
-              table.fireListeners(TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
+                col: eventArgsSet.eventArgs.target.col,
+                row: eventArgsSet.eventArgs.target.row,
+                scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth,
+                target: null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target,
+                mergeCellInfo: null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.mergeInfo
+              };
+              cellsEvent.cells = table.getSelectedCellInfos(), table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
             }
           }
-          if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL)) {
-            const eventArgsSet = getEventArgsSet(e);
-            eventArgsSet.eventArgs && table.fireListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL, {
-              col: eventArgsSet.eventArgs.col,
-              row: eventArgsSet.eventArgs.row,
+        } else stateManager.interactionState === InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.default);
+        if (!table.eventManager.isDraging && !shouldSkipClickCell) {
+          const eventArgsSet = getEventArgsSet(e);
+          if (!eventManager.isTouchMove && 0 === e.button && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
+            const {
+                col: col,
+                row: row
+              } = eventArgsSet.eventArgs,
+              cellInfo = table.getCellInfo(col, row);
+            let icon, position;
+            if (null === (_c = eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target) {
+              const iconInfo = getIconAndPositionFromTarget(null === (_d = eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target);
+              iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
+            }
+            const cellsEvent = Object.assign(Object.assign({}, cellInfo), {
               event: e.nativeEvent,
-              target: null === (_g = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _g ? void 0 : _g.target,
-              mergeCellInfo: null === (_h = eventArgsSet.eventArgs) || void 0 === _h ? void 0 : _h.mergeInfo
+              federatedEvent: e,
+              cells: [],
+              targetIcon: icon ? {
+                name: icon.name,
+                position: position,
+                funcType: icon.attribute.funcType
+              } : void 0,
+              target: null === (_e = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.target,
+              mergeCellInfo: null === (_f = eventArgsSet.eventArgs) || void 0 === _f ? void 0 : _f.mergeInfo
             });
+            table.fireListeners(TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
           }
-          setTimeout(() => {
-            eventManager.isDown = !1, eventManager.isTouchdown = !1, eventManager.isTouchMove = !1, eventManager.isDraging = !1, eventManager.touchMovePoints = [];
-          }, 0);
         }
+        if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL)) {
+          const eventArgsSet = getEventArgsSet(e);
+          eventArgsSet.eventArgs && table.fireListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL, {
+            col: eventArgsSet.eventArgs.col,
+            row: eventArgsSet.eventArgs.row,
+            event: e.nativeEvent,
+            target: null === (_g = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _g ? void 0 : _g.target,
+            mergeCellInfo: null === (_h = eventArgsSet.eventArgs) || void 0 === _h ? void 0 : _h.mergeInfo
+          });
+        }
+        setTimeout(() => {
+          eventManager.isDown = !1, eventManager.isTouchdown = !1, eventManager.isTouchMove = !1, eventManager.isDraging = !1, eventManager.touchMovePoints = [];
+        }, 0);
       }), table.scenegraph.tableGroup.addEventListener("rightdown", e => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         const eventArgsSet = getEventArgsSet(e);
@@ -61072,7 +61086,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
+        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
           const g = window;
           g[this.id] = this;
           const registry = g.__vtable__ || (g.__vtable__ = {
@@ -63285,16 +63299,17 @@
       }
       scrollToRow(row, animationOption) {
         var _a;
-        const targetRow = Math.min(Math.max(Math.floor(row), 0), this.rowCount - 1);
+        const targetRow = Math.min(Math.max(row, 0), this.rowCount - 1),
+          targetRowInt = Math.floor(targetRow);
         if (this.clearCorrectTimer(), !animationOption) return this.scrollToCell({
-          row: targetRow
-        }), void this._scheduleScrollToRowCorrect(targetRow);
+          row: targetRowInt
+        }), void this._scheduleScrollToRowCorrect(targetRowInt);
         const duration = isBoolean$2(animationOption) ? 3e3 : null !== (_a = null == animationOption ? void 0 : animationOption.duration) && void 0 !== _a ? _a : 3e3;
         this.animationManager.scrollTo({
           row: targetRow
-        }, animationOption), this._scrollToRowCorrectTimer = setTimeout(() => {
-          this.scrollToRow(targetRow, !1);
-        }, duration);
+        }, animationOption), targetRowInt === targetRow && (this._scrollToRowCorrectTimer = setTimeout(() => {
+          this.scrollToRow(targetRowInt, !1);
+        }, duration));
       }
       scrollToCol(col, animationOption) {
         animationOption ? this.animationManager.scrollTo({
@@ -74391,7 +74406,8 @@
                 return false;
             });
             if (downBarNode) {
-                const taskRecord = downBarNode.record;
+                const taskRecord = scene._gantt.getRecordByIndex(downBarNode.task_index, downBarNode.sub_task_index);
+                downBarNode.record = taskRecord;
                 const isProjectTask = taskRecord?.type === TaskType.PROJECT;
                 if (!isProjectTask) {
                     if (e.target.name === 'task-bar-hover-shadow-left-icon') {
@@ -75128,12 +75144,43 @@
         });
     }
     function syncSortFromTable(gantt) {
-        gantt.taskListTableInstance?.on('after_sort', (args) => {
+        const taskListTableInstance = gantt.taskListTableInstance;
+        if (!taskListTableInstance || taskListTableInstance._vtableGanttSortSyncPatched) {
+            return;
+        }
+        const syncTaskBarsAfterSort = (attempt = 0) => {
             gantt.scenegraph.refreshTaskBars();
+            const taskCount = Math.min(gantt.itemCount ?? 0, 10);
+            const taskKeyField = gantt.parsedOptions.taskKeyField;
+            let taskBarsSynced = true;
+            for (let index = 0; index < taskCount; index++) {
+                const taskBarNode = gantt.scenegraph.taskBar.getTaskBarNodeByIndex(index);
+                const visibleRecord = gantt.getRecordByIndex(index);
+                if (taskBarNode && taskBarNode.record?.[taskKeyField] !== visibleRecord?.[taskKeyField]) {
+                    taskBarsSynced = false;
+                    break;
+                }
+            }
+            if (!taskBarsSynced && attempt < 10) {
+                setTimeout(() => syncTaskBarsAfterSort(attempt + 1), 16);
+                return;
+            }
             const left = gantt.stateManager.scroll.horizontalBarPos;
             const top = gantt.stateManager.scroll.verticalBarPos;
             gantt.scenegraph.setX(-left);
             gantt.scenegraph.setY(-top);
+        };
+        const originalUpdateSortState = taskListTableInstance.updateSortState?.bind(taskListTableInstance);
+        if (originalUpdateSortState) {
+            taskListTableInstance.updateSortState = (...args) => {
+                const result = originalUpdateSortState(...args);
+                syncTaskBarsAfterSort();
+                return result;
+            };
+        }
+        taskListTableInstance._vtableGanttSortSyncPatched = true;
+        taskListTableInstance.on('after_sort', () => {
+            syncTaskBarsAfterSort();
         });
     }
     function syncDragOrderFromTable(gantt) {
@@ -75381,6 +75428,7 @@
             if (target.name === 'task-bar-hover-shadow') {
                 target = target.parent;
             }
+            syncTaskBarNodeRecord(target, this._gantt);
             this.moveTaskBar.moving = true;
             this.moveTaskBar.target = target;
             this.moveTaskBar.targetStartX = target.attribute.x;
@@ -75419,10 +75467,12 @@
                 const newEndDate = new Date(newStartDate.getTime() +
                     (createDateAtMidnight(oldEndDate).getTime() - createDateAtMidnight(oldStartDate).getTime()));
                 let dateChanged;
+                let reorderedTaskShowIndex;
                 if (createDateAtMidnight(oldStartDate).getTime() !== newStartDate.getTime()) {
                     dateChanged = createDateAtMidnight(oldStartDate).getTime() > newStartDate.getTime() ? 'left' : 'right';
                     this._gantt._updateStartEndDateToTaskRecord(newStartDate, newEndDate, taskIndex, sub_task_index);
-                    const newRecord = this._gantt.getRecordByIndex(taskIndex, sub_task_index);
+                    const newRecord = target.record;
+                    reorderedTaskShowIndex = getTaskShowIndexByTaskRecord(newRecord, this._gantt);
                     if (this._gantt.hasListeners(GANTT_EVENT_TYPE.CHANGE_DATE_RANGE)) {
                         this._gantt.fireListeners(GANTT_EVENT_TYPE.CHANGE_DATE_RANGE, {
                             startDate: newRecord[this._gantt.parsedOptions.startDateField],
@@ -75434,7 +75484,7 @@
                         });
                     }
                     const indexs = getTaskIndexsByTaskY(targetEndY, this._gantt);
-                    const newRowIndex = indexs.task_index;
+                    const newRowIndex = isValid$1(reorderedTaskShowIndex) ? reorderedTaskShowIndex : indexs.task_index;
                     if (this._gantt.hasListeners(GANTT_EVENT_TYPE.MOVE_END_TASK_BAR)) {
                         this._gantt.fireListeners(GANTT_EVENT_TYPE.MOVE_END_TASK_BAR, {
                             startDate: newRecord[this._gantt.parsedOptions.startDateField],
@@ -75489,34 +75539,44 @@
                         }
                     }
                     else {
-                        let newX = startDateColIndex >= 1 ? this._gantt.getDateColsWidth(0, startDateColIndex - 1) : 0;
-                        if (target.record.type === TaskType.MILESTONE) {
-                            const milestoneTaskbarHeight = this._gantt.parsedOptions.taskBarMilestoneStyle.width;
-                            newX -= milestoneTaskbarHeight / 2;
+                        if (dateChanged && isValid$1(reorderedTaskShowIndex) && reorderedTaskShowIndex !== taskIndex) {
+                            this._gantt._syncPropsFromTable();
+                            this._gantt.scenegraph.refreshTaskBarsAndGrid();
+                            const left = this._gantt.stateManager.scroll.horizontalBarPos;
+                            const top = this._gantt.stateManager.scroll.verticalBarPos;
+                            this._gantt.scenegraph.setX(-left);
+                            this._gantt.scenegraph.setY(-top);
                         }
-                        moveTaskBar(target, newX - target.attribute.x, targetEndY - target.attribute.y, this);
-                        if (dateChanged === 'right') {
-                            let insertAfterNode = target;
-                            while (insertAfterNode.nextSibling &&
-                                insertAfterNode.nextSibling.attribute.y === target.attribute.y &&
-                                insertAfterNode.nextSibling.record[this._gantt.parsedOptions.startDateField] <=
-                                    target.record[this._gantt.parsedOptions.startDateField]) {
-                                insertAfterNode = insertAfterNode.nextSibling;
-                            }
-                            if (insertAfterNode !== target) {
-                                insertAfterNode.parent.insertAfter(target, insertAfterNode);
+                        else {
+                            let newX = startDateColIndex >= 1 ? this._gantt.getDateColsWidth(0, startDateColIndex - 1) : 0;
+                            if (target.record.type === TaskType.MILESTONE) {
+                                const milestoneTaskbarHeight = this._gantt.parsedOptions.taskBarMilestoneStyle.width;
+                                newX -= milestoneTaskbarHeight / 2;
                             }
-                        }
-                        else if (dateChanged === 'left') {
-                            let insertBeforeNode = target;
-                            while (insertBeforeNode.previousSibling &&
-                                insertBeforeNode.previousSibling.attribute.y === target.attribute.y &&
-                                insertBeforeNode.previousSibling.record[this._gantt.parsedOptions.startDateField] >=
-                                    target.record[this._gantt.parsedOptions.startDateField]) {
-                                insertBeforeNode = insertBeforeNode.previousSibling;
+                            moveTaskBar(target, newX - target.attribute.x, targetEndY - target.attribute.y, this);
+                            if (dateChanged === 'right') {
+                                let insertAfterNode = target;
+                                while (insertAfterNode.nextSibling &&
+                                    insertAfterNode.nextSibling.attribute.y === target.attribute.y &&
+                                    insertAfterNode.nextSibling.record[this._gantt.parsedOptions.startDateField] <=
+                                        target.record[this._gantt.parsedOptions.startDateField]) {
+                                    insertAfterNode = insertAfterNode.nextSibling;
+                                }
+                                if (insertAfterNode !== target) {
+                                    insertAfterNode.parent.insertAfter(target, insertAfterNode);
+                                }
                             }
-                            if (insertBeforeNode !== target) {
-                                insertBeforeNode.parent.insertBefore(target, insertBeforeNode);
+                            else if (dateChanged === 'left') {
+                                let insertBeforeNode = target;
+                                while (insertBeforeNode.previousSibling &&
+                                    insertBeforeNode.previousSibling.attribute.y === target.attribute.y &&
+                                    insertBeforeNode.previousSibling.record[this._gantt.parsedOptions.startDateField] >=
+                                        target.record[this._gantt.parsedOptions.startDateField]) {
+                                    insertBeforeNode = insertBeforeNode.previousSibling;
+                                }
+                                if (insertBeforeNode !== target) {
+                                    insertBeforeNode.parent.insertBefore(target, insertBeforeNode);
+                                }
                             }
                         }
                     }
@@ -75632,6 +75692,7 @@
             gantt.scenegraph.updateNextFrame();
         }
         startResizeTaskBar(target, x, y, startOffsetY, onIconName) {
+            syncTaskBarNodeRecord(target, this._gantt);
             this.resizeTaskBar.onIconName = onIconName;
             this.resizeTaskBar.resizing = true;
             this.resizeTaskBar.target = target;
@@ -75733,6 +75794,7 @@
             this._gantt.scenegraph.updateNextFrame();
         }
         startAdjustProgressBar(target, x, y) {
+            syncTaskBarNodeRecord(target, this._gantt);
             if (!target || !target.record) {
                 return;
             }
@@ -76164,6 +76226,27 @@
             }
         }
     }
+    function syncTaskBarNodeRecord(target, gantt) {
+        if (!target) {
+            return;
+        }
+        target.record = gantt.getRecordByIndex(target.task_index, target.sub_task_index);
+    }
+    function getTaskShowIndexByTaskRecord(record, gantt) {
+        if (!record) {
+            return undefined;
+        }
+        const taskKeyField = gantt.parsedOptions.taskKeyField;
+        const taskKey = record?.[taskKeyField];
+        if (!isValid$1(taskKey)) {
+            return undefined;
+        }
+        const matchedRecord = findRecordByTaskKey(gantt.records, taskKeyField, taskKey);
+        if (!matchedRecord) {
+            return undefined;
+        }
+        return gantt.getTaskShowIndexByRecordIndex(matchedRecord.index);
+    }
     function moveTaskBar(target, dx, dy, state) {
         const taskIndex = target.task_index;
         const sub_task_index = target.sub_task_index;
@@ -78052,6 +78135,23 @@
         _updateRecordToListTable(record, index) {
             this.taskListTableInstance.updateRecords([record], [index]);
         }
+        _refreshSortedTaskBarsAfterRecordUpdate(recordIndex, taskShowIndex) {
+            const sortState = this.taskListTableInstance?.sortState;
+            if (!sortState || (Array.isArray(sortState) && sortState.length === 0)) {
+                return false;
+            }
+            const nextTaskShowIndex = this.getTaskShowIndexByRecordIndex(recordIndex);
+            if (!isValid$1(nextTaskShowIndex) || nextTaskShowIndex === taskShowIndex) {
+                return false;
+            }
+            this._syncPropsFromTable();
+            this.scenegraph.refreshTaskBarsAndGrid();
+            const left = this.stateManager.scroll.horizontalBarPos;
+            const top = this.stateManager.scroll.verticalBarPos;
+            this.scenegraph.setX(-left);
+            this.scenegraph.setY(-top);
+            return true;
+        }
         getTaskInfoByTaskListIndex(taskShowIndex, sub_task_index) {
             const taskRecord = this.getRecordByIndex(taskShowIndex, sub_task_index);
             const isMilestone = taskRecord?.type;
@@ -78154,11 +78254,12 @@
             const newStartDate = formatDate(startDate, dateFormat);
             taskRecord[startDateField] = newStartDate;
             if (!isValid$1(sub_task_index)) {
-                const indexs = this.getRecordIndexByTaskShowIndex(index);
-                this._updateRecordToListTable(taskRecord, indexs);
-                if (Array.isArray(indexs)) {
-                    this.stateManager.updateProjectTaskTimes(indexs);
+                const recordIndex = this.getRecordIndexByTaskShowIndex(index);
+                this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index);
+                if (Array.isArray(recordIndex)) {
+                    this.stateManager.updateProjectTaskTimes(recordIndex);
                 }
+                this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index);
             }
             else if (Array.isArray(sub_task_index)) {
                 this.stateManager.updateProjectTaskTimes(sub_task_index);
@@ -78171,11 +78272,12 @@
             const newEndDate = formatDate(endDate, dateFormat);
             taskRecord[endDateField] = newEndDate;
             if (!isValid$1(sub_task_index)) {
-                const indexs = this.getRecordIndexByTaskShowIndex(index);
-                this._updateRecordToListTable(taskRecord, indexs);
-                if (Array.isArray(indexs)) {
-                    this.stateManager.updateProjectTaskTimes(indexs);
+                const recordIndex = this.getRecordIndexByTaskShowIndex(index);
+                this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index);
+                if (Array.isArray(recordIndex)) {
+                    this.stateManager.updateProjectTaskTimes(recordIndex);
                 }
+                this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index);
             }
             else if (Array.isArray(sub_task_index)) {
                 this.stateManager.updateProjectTaskTimes(sub_task_index);
@@ -78191,11 +78293,12 @@
             const newEndDate = formatDate(endDate, dateFormat);
             taskRecord[endDateField] = newEndDate;
             if (!isValid$1(sub_task_index)) {
-                const indexs = this.getRecordIndexByTaskShowIndex(index);
-                this._updateRecordToListTable(taskRecord, indexs);
-                if (Array.isArray(indexs)) {
-                    this.stateManager.updateProjectTaskTimes(indexs);
+                const recordIndex = this.getRecordIndexByTaskShowIndex(index);
+                this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index);
+                if (Array.isArray(recordIndex)) {
+                    this.stateManager.updateProjectTaskTimes(recordIndex);
                 }
+                this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index);
             }
             else if (Array.isArray(sub_task_index)) {
                 this.stateManager.updateProjectTaskTimes(sub_task_index);
@@ -78206,9 +78309,11 @@
             const progressField = this.parsedOptions.progressField;
             if (progressField) {
                 taskRecord[progressField] = progress;
-                const indexs = this.getRecordIndexByTaskShowIndex(index);
-                this._updateRecordToListTable(taskRecord, indexs);
-                this._refreshTaskBar(index, sub_task_index);
+                const recordIndex = this.getRecordIndexByTaskShowIndex(index);
+                this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index);
+                if (!this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index)) {
+                    this._refreshTaskBar(index, sub_task_index);
+                }
             }
         }
         _dragOrderTaskRecord(source_index, source_sub_task_index, target_index, target_sub_task_index) {
@@ -78603,7 +78708,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.26.2";
+    const version = "1.26.3";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$4;