@shijiu/jsview-vue 2.3.151-test.0 → 3.0.0

package/utils/JsViewEngineWidget/TemplateParser/CommonMetroTemplate.ts

@@ -1,5 +1,5 @@
 import { Fence, GapInfo } from "./Fence";
-import { MetroTemplate, TemplateItem, MeasureInfo } from "./MetroTemplate"
+import { MetroTemplate, TemplateItem, MeasureInfo } from "./MetroTemplate";
 import { RangesModel, SingleRangeModel } from "../RangeModel";
 import { VERTICAL, HORIZONTAL, FocusMoveType } from "../WidgetCommon";
 
@@ -7,29 +7,29 @@ const TAG = "CommonTemplateParser";
 
 /** neighbor related interface  */
 interface Edge {
-  position: number,
-  range: RangesModel,
+  position: number;
+  range: RangesModel;
 }
 
 interface EdgeInfo {
-  index: number,
+  index: number;
   edgeObj: {
-    leftEdge: Edge | null,
-    rightEdge: Edge | null,
-    topEdge: Edge | null,
-    bottomEdge: Edge | null,
-  }
+    leftEdge: Edge | null;
+    rightEdge: Edge | null;
+    topEdge: Edge | null;
+    bottomEdge: Edge | null;
+  };
 }
 
 /** get visible list related interface */
 interface VisibleSearchConfigCommon {
-  resultStartIdx: number,
-  resultEndIdx: number,
-  enableBackwardSearching: boolean,
-  enableForwardSearching: boolean,
-  checkingStartLinePos: number,
-  checkingEndLinePos: number,
-};
+  resultStartIdx: number;
+  resultEndIdx: number;
+  enableBackwardSearching: boolean;
+  enableForwardSearching: boolean;
+  checkingStartLinePos: number;
+  checkingEndLinePos: number;
+}
 
 interface VisibleSearchConfig {
   searchDirect: number;
@@ -45,8 +45,7 @@ interface VisibleSearchConfig {
   firstEndLineBlockIdx: number;
   searchToBorder: boolean;
   common: VisibleSearchConfigCommon;
-};
-
+}
 
 function left(item: TemplateItem) {
   return item.left;
@@ -63,16 +62,28 @@ function bottom(item: TemplateItem) {
 
 class CommonMetroTemplate extends MetroTemplate {
   private _FenceStack: Array<Fence>;
-  private _FenceEdge: { StartX: number, StartY: number };
+  private _FenceEdge: { StartX: number; StartY: number };
   private _NotOccupiedEdgeList: Array<EdgeInfo>;
 
-  constructor(direction: Symbol, lineMax: number, pageSize: number,
-    layoutType: string, supportHistoryPath: boolean) {
-    super(direction, lineMax, pageSize, layoutType, supportHistoryPath);
+  constructor(
+    direction: Symbol,
+    lineMax: number,
+    pageSize: number,
+    layoutType: string,
+    supportHistoryPath: boolean,
+    errorLogger: Function
+  ) {
+    super(
+      direction,
+      lineMax,
+      pageSize,
+      layoutType,
+      supportHistoryPath,
+      errorLogger
+    );
     this._FenceStack = [new Fence(0, 0, this.lineMax, 0)];
     this._FenceEdge = { StartX: 0, StartY: 0 }; // 新的未占用边列表生成
     this._NotOccupiedEdgeList = []; // 未占用边列表
-
   }
 
   public calculateNeighborWhenAddStop(): void {
@@ -140,8 +151,11 @@ class CommonMetroTemplate extends MetroTemplate {
     return found;
   }
 
-
-  private _GetValidNeighborIndex(srcItemId: number, lastItemId: number, neighborDirection: string) {
+  private _GetValidNeighborIndex(
+    srcItemId: number,
+    lastItemId: number,
+    neighborDirection: string
+  ) {
     const templateList = this.templateList;
     let validId = -1;
     const item = templateList[lastItemId];
@@ -203,10 +217,9 @@ class CommonMetroTemplate extends MetroTemplate {
       (item.neighborIndexList as any)[direction].length > 0 &&
       !this._CheckIdsHasFocusable((item.neighborIndexList as any)[direction])
     ) {
-      const lastItemId =
-        (item.neighborIndexList as any)[direction][
+      const lastItemId = (item.neighborIndexList as any)[direction][
         (item.neighborIndexList as any)[direction].length - 1
-        ];
+      ];
       const idx = this._GetValidNeighborIndex(item.id, lastItemId, direction); // 查找其左右邻居
       if (idx !== -1) {
         (item.neighborIndexList as any)[direction] = []; // 清除无效项
@@ -216,7 +229,7 @@ class CommonMetroTemplate extends MetroTemplate {
   }
 
   public addItemInner(itemObj: MeasureInfo): TemplateItem {
-    const templateItem: any = MetroTemplate.getTemplateItem(itemObj);
+    const templateItem: any = this.getTemplateItem(itemObj);
     // Layout template items
     const fenceStack = this._FenceStack;
     const itemWidth = templateItem.width;
@@ -263,6 +276,7 @@ class CommonMetroTemplate extends MetroTemplate {
         itemKeyPos = gapInfo.GapStart;
         itemSecondPos = topFence.AheadOffset;
       } else {
+        this.errorLogger(TAG, "parse template error");
         throw new Error(
           `${TAG} item size ${itemWidth}x${itemHeight} is greater than widget line max ${this.lineMax}`
         );
@@ -305,8 +319,9 @@ class CommonMetroTemplate extends MetroTemplate {
         positionKey = "top";
         sizeKey = "height";
       }
-      const curPageStart =
-        (this.templateList as any)[curPageHeadIndex][positionKey];
+      const curPageStart = (this.templateList as any)[curPageHeadIndex][
+        positionKey
+      ];
       if (
         templateItem[positionKey] + templateItem[sizeKey] >
         curPageStart + this.pageSize
@@ -328,10 +343,14 @@ class CommonMetroTemplate extends MetroTemplate {
       let pre: number, cur: number;
       if (this.direction === VERTICAL) {
         cur = templateItem.height + templateItem.top;
-        pre = this.templateList[this.tailItemIndex].height + this.templateList[this.tailItemIndex].top;
+        pre =
+          this.templateList[this.tailItemIndex].height +
+          this.templateList[this.tailItemIndex].top;
       } else {
         cur = templateItem.width + templateItem.left;
-        pre = this.templateList[this.tailItemIndex].width + this.templateList[this.tailItemIndex].left;
+        pre =
+          this.templateList[this.tailItemIndex].width +
+          this.templateList[this.tailItemIndex].left;
       }
       if (cur >= pre) {
         this.tailItemIndex = templateItem.index;
@@ -407,8 +426,12 @@ class CommonMetroTemplate extends MetroTemplate {
   }
 
   /** get next item functions */
-  public getNextItem(baseId: number, vOffset: number,
-    hOffset: number, moveType: number): TemplateItem | null {
+  public getNextItem(
+    baseId: number,
+    vOffset: number,
+    hOffset: number,
+    moveType: number
+  ): TemplateItem | null {
     if (vOffset === 0 && hOffset === 0)
       console.log("GetNextItem(): offset is 0");
     // Forge.ThrowError("GetNextItem(): offset is 0");
@@ -436,11 +459,7 @@ class CommonMetroTemplate extends MetroTemplate {
 
     if (nextTemplateItem === null) {
       // 在次方向的焦点移动才会loop
-      if (
-        isVertical &&
-        moveType & FocusMoveType.ROW_LOOP &&
-        hOffset != 0
-      ) {
+      if (isVertical && moveType & FocusMoveType.ROW_LOOP && hOffset != 0) {
         nextTemplateItem = this._GetNextLoopItem(
           itemIndex,
           hOffset,
@@ -459,19 +478,19 @@ class CommonMetroTemplate extends MetroTemplate {
       }
     }
 
-    if (
-      vOffset != 0 &&
-      moveType & FocusMoveType.ROW_FIND_NEAR
-    ) {
-      let rowNear = this._GetDirectionNearItem(itemIndex, vOffset > 0 ? "bottom" : "top");
+    if (vOffset != 0 && moveType & FocusMoveType.ROW_FIND_NEAR) {
+      let rowNear = this._GetDirectionNearItem(
+        itemIndex,
+        vOffset > 0 ? "bottom" : "top"
+      );
       if (rowNear) {
         nextTemplateItem = rowNear;
       }
-    } else if (
-      hOffset != 0 &&
-      moveType & FocusMoveType.COLUMN_FIND_NEAR
-    ) {
-      let colNear = this._GetDirectionNearItem(itemIndex, hOffset > 0 ? "right" : "left");
+    } else if (hOffset != 0 && moveType & FocusMoveType.COLUMN_FIND_NEAR) {
+      let colNear = this._GetDirectionNearItem(
+        itemIndex,
+        hOffset > 0 ? "right" : "left"
+      );
       if (colNear) {
         nextTemplateItem = colNear;
       }
@@ -480,25 +499,36 @@ class CommonMetroTemplate extends MetroTemplate {
     return nextTemplateItem;
   }
 
-  private _GetDirectionNearItem(index: number, direction: string, mustFocusable: boolean = true) {
+  private _GetDirectionNearItem(
+    index: number,
+    direction: string,
+    mustFocusable: boolean = true
+  ) {
     const SEARCH_RANGE = 100;
     let searchMin = Math.max(0, index - SEARCH_RANGE);
-    let searchMax = Math.min(this.templateList.length - 1, index + SEARCH_RANGE);
+    let searchMax = Math.min(
+      this.templateList.length - 1,
+      index + SEARCH_RANGE
+    );
     let targetItem = this.templateList[index];
     let tl = left(targetItem);
     let tr = right(targetItem);
     let tt = top(targetItem);
     let tb = bottom(targetItem);
     let info: {
-      item: TemplateItem | null,
-      minMainDistance: number,
-      minSubDistance: number,
+      item: TemplateItem | null;
+      minMainDistance: number;
+      minSubDistance: number;
     } = {
       item: null,
       minMainDistance: -1,
       minSubDistance: -1,
     };
-    const compare = (item: TemplateItem, getMainDistance: (i: TemplateItem) => number, getSubDistance: (i: TemplateItem) => number) => {
+    const compare = (
+      item: TemplateItem,
+      getMainDistance: (i: TemplateItem) => number,
+      getSubDistance: (i: TemplateItem) => number
+    ) => {
       if (mustFocusable && !item.focusable) return;
       const mainDistance = getMainDistance(item);
       if (mainDistance <= 0) return;
@@ -507,11 +537,14 @@ class CommonMetroTemplate extends MetroTemplate {
         info.minMainDistance = mainDistance;
         info.minSubDistance = subDistance;
         info.item = item;
-      } else if (mainDistance === info.minMainDistance && subDistance < info.minSubDistance) {
+      } else if (
+        mainDistance === info.minMainDistance &&
+        subDistance < info.minSubDistance
+      ) {
         info.minSubDistance = subDistance;
         info.item = item;
       }
-    }
+    };
 
     for (let i = searchMin; i <= searchMax; i++) {
       const item = this.templateList[i];
@@ -519,37 +552,83 @@ class CommonMetroTemplate extends MetroTemplate {
       let ir = right(item);
       let it = top(item);
       let ib = bottom(item);
-      switch(direction) {
+      switch (direction) {
         case "left":
-          compare(item, 
-            (item) => {return tl - il}, 
+          compare(
+            item,
+            (item) => {
+              return tl - il;
+            },
             (item) => {
-              return Math.min(Math.abs(tt - it), Math.abs(tb - ib), Math.abs(tt - ib), Math.abs(tb - it));
-            });
+              return Math.min(
+                Math.abs(tt - it),
+                Math.abs(tb - ib),
+                Math.abs(tt - ib),
+                Math.abs(tb - it)
+              );
+            }
+          );
           break;
         case "right":
-          compare(item, 
-            (item) => {return ir - tr}, 
-            (item) => {return Math.min(Math.abs(tt - it), Math.abs(tb - ib), Math.abs(tt - ib), Math.abs(tb - it));});
+          compare(
+            item,
+            (item) => {
+              return ir - tr;
+            },
+            (item) => {
+              return Math.min(
+                Math.abs(tt - it),
+                Math.abs(tb - ib),
+                Math.abs(tt - ib),
+                Math.abs(tb - it)
+              );
+            }
+          );
           break;
         case "top":
-          compare(item, 
-            (item) => {return tt - it}, 
-            (item) => {return Math.min(Math.abs(tl - il), Math.abs(tr - ir), Math.abs(tl - ir), Math.abs(tr - il));});
+          compare(
+            item,
+            (item) => {
+              return tt - it;
+            },
+            (item) => {
+              return Math.min(
+                Math.abs(tl - il),
+                Math.abs(tr - ir),
+                Math.abs(tl - ir),
+                Math.abs(tr - il)
+              );
+            }
+          );
           break;
         case "bottom":
-          compare(item, 
-            (item) => {return ib - tb}, 
-            (item) => {return Math.min(Math.abs(tl - il), Math.abs(tr - ir), Math.abs(tl - ir), Math.abs(tr - il));});
+          compare(
+            item,
+            (item) => {
+              return ib - tb;
+            },
+            (item) => {
+              return Math.min(
+                Math.abs(tl - il),
+                Math.abs(tr - ir),
+                Math.abs(tl - ir),
+                Math.abs(tr - il)
+              );
+            }
+          );
           break;
       }
     }
     return info.item;
   }
 
-
-  private getNextItemInner(index: number, offset: number,
-    vertical: boolean, useHistory: boolean, checkAnchor: number = -1): any {
+  private getNextItemInner(
+    index: number,
+    offset: number,
+    vertical: boolean,
+    useHistory: boolean,
+    checkAnchor: number = -1
+  ): any {
     const templateList: any = this.templateList;
     const baseItem = templateList[index];
     if (checkAnchor < 0) {
@@ -563,14 +642,14 @@ class CommonMetroTemplate extends MetroTemplate {
               checkAnchor =
                 baseItem.left +
                 baseItem.findNextAnchor.bottom *
-                (baseItem.width + baseItem.marginRight);
+                  (baseItem.width + baseItem.marginRight);
             }
           } else {
             if (baseItem.findNextAnchor.top) {
               checkAnchor =
                 baseItem.left +
                 baseItem.findNextAnchor.top *
-                (baseItem.width + baseItem.marginRight);
+                  (baseItem.width + baseItem.marginRight);
             }
           }
         } else {
@@ -579,14 +658,14 @@ class CommonMetroTemplate extends MetroTemplate {
               checkAnchor =
                 baseItem.top +
                 baseItem.findNextAnchor.right *
-                (baseItem.height + baseItem.marginBottom);
+                  (baseItem.height + baseItem.marginBottom);
             }
           } else {
             if (baseItem.findNextAnchor.left) {
               checkAnchor =
                 baseItem.top +
                 baseItem.findNextAnchor.left *
-                (baseItem.height + baseItem.marginBottom);
+                  (baseItem.height + baseItem.marginBottom);
             }
           }
         }
@@ -597,9 +676,15 @@ class CommonMetroTemplate extends MetroTemplate {
     } else {
       // checkAncher可能在baseItem的范围之外, 将其调整至自身范围内
       if (vertical) {
-        checkAnchor = Math.max(Math.min(checkAnchor, baseItem.left + baseItem.width - 1), baseItem.left)
+        checkAnchor = Math.max(
+          Math.min(checkAnchor, baseItem.left + baseItem.width - 1),
+          baseItem.left
+        );
       } else {
-        checkAnchor = Math.max(Math.min(checkAnchor, baseItem.top + baseItem.height - 1), baseItem.top)
+        checkAnchor = Math.max(
+          Math.min(checkAnchor, baseItem.top + baseItem.height - 1),
+          baseItem.top
+        );
       }
     }
 
@@ -656,8 +741,7 @@ class CommonMetroTemplate extends MetroTemplate {
           nextIndex = neighborList[i];
           const checkingItem = templateList[nextIndex];
           if (
-            checkAnchor <=
-            checkingItem[posKey] + checkingItem[sizeKey] - 1 &&
+            checkAnchor <= checkingItem[posKey] + checkingItem[sizeKey] - 1 &&
             checkAnchor >= checkingItem[posKey]
           ) {
             if (
@@ -667,8 +751,7 @@ class CommonMetroTemplate extends MetroTemplate {
             ) {
               // horizontal lastItemIndex bottom 不记历史路径
               templateList[index].pathHistory[direction] = nextIndex; // 更新历史路径
-              templateList[nextIndex].pathHistory[pathHistoryDirection] =
-                index; // 更新历史路径
+              templateList[nextIndex].pathHistory[pathHistoryDirection] = index; // 更新历史路径
             }
             found = true;
             break;
@@ -715,7 +798,13 @@ class CommonMetroTemplate extends MetroTemplate {
     if (found) {
       if (!templateList[nextIndex].focusable) {
         // 如果是占位符，则查找占位符的下一个
-        return this.getNextItemInner(nextIndex, offset, vertical, false, checkAnchor);
+        return this.getNextItemInner(
+          nextIndex,
+          offset,
+          vertical,
+          false,
+          checkAnchor
+        );
       }
       return templateList[nextIndex];
     }
@@ -736,7 +825,10 @@ class CommonMetroTemplate extends MetroTemplate {
     );
   }
 
-  private _GetNearestItem(targetItemIndex: number, itemIndexList: Array<number>) {
+  private _GetNearestItem(
+    targetItemIndex: number,
+    itemIndexList: Array<number>
+  ) {
     let nearestIndex = -1,
       minDistance = Number.POSITIVE_INFINITY;
     let targetItem = this.templateList[targetItemIndex];
@@ -750,23 +842,34 @@ class CommonMetroTemplate extends MetroTemplate {
     return nearestIndex;
   }
 
-  private _FindNearestByDirection(itemIndexList: Array<number>, direction: string) {
+  private _FindNearestByDirection(
+    itemIndexList: Array<number>,
+    direction: string
+  ) {
     return itemIndexList.reduce((acc, cur) => {
       const curItem = this.templateList[cur];
       const accItem = this.templateList[acc];
-      if(direction == "left") {
+      if (direction == "left") {
         return curItem.left < accItem.left ? cur : acc;
       } else if (direction == "right") {
-        return curItem.left + curItem.width > accItem.left + accItem.width ? cur : acc;
+        return curItem.left + curItem.width > accItem.left + accItem.width
+          ? cur
+          : acc;
       } else if (direction == "top") {
         return curItem.top < accItem.top ? cur : acc;
       } else {
-        return curItem.top + curItem.height > accItem.top + accItem.height ? cur : acc;
+        return curItem.top + curItem.height > accItem.top + accItem.height
+          ? cur
+          : acc;
       }
     }, itemIndexList[0]);
   }
 
-  private _GetNextLoopItem(index: number, offset: number, isVertical: boolean): TemplateItem | null {
+  private _GetNextLoopItem(
+    index: number,
+    offset: number,
+    isVertical: boolean
+  ): TemplateItem | null {
     const templateList = this.templateList;
     const baseItem = templateList[index];
     let searchDirection = isVertical ? "right" : "bottom";
@@ -782,7 +885,10 @@ class CommonMetroTemplate extends MetroTemplate {
     //目前的算法针对规整的列表, 瀑布流这种不对齐, 以及列表中存在非focusable项, 行为不可控
 
     let curIndex = index;
-    let nextLevelNeighborList = this._GetTotalNeighbor(curIndex, startDirection);
+    let nextLevelNeighborList = this._GetTotalNeighbor(
+      curIndex,
+      startDirection
+    );
     while (!nextLevelNeighborList || nextLevelNeighborList.length == 0) {
       //查询同级的邻居
       const sameLevelList = this._GetTotalNeighbor(curIndex, searchDirection);
@@ -821,8 +927,11 @@ class CommonMetroTemplate extends MetroTemplate {
     return focusableTarget >= 0 ? templateList[focusableTarget] : null;
   }
 
-  public updateItemSize(index: number, newSize: { width: number, height: number }): void {
-    console.error(TAG, "updateItemSize is not supported.");
+  public updateItemSize(
+    index: number,
+    newSize: { width: number; height: number }
+  ): void {
+    this.errorLogger(TAG, "updateItemSize is not supported.");
   }
 
   static intersects(s0: number, e0: number, s1: number, e1: number): boolean {
@@ -835,7 +944,8 @@ class CommonMetroTemplate extends MetroTemplate {
   public getVisibleItemList(
     visibleStart: number,
     visibleEnd: number,
-    baseId: number): [number, number] {
+    baseId: number
+  ): [number, number] {
     if (visibleStart > visibleEnd || this.templateList.length == 0) {
       // No visible item
       return [-1, -1];
@@ -843,22 +953,30 @@ class CommonMetroTemplate extends MetroTemplate {
 
     visibleStart = Math.round(visibleStart);
     visibleEnd = Math.round(visibleEnd);
-    let searchBaseItemIdx = this.id2Index(baseId);
+    let searchBaseItemIdx =
+      typeof baseId == "number" ? this.id2Index(baseId) : 0;
     if (searchBaseItemIdx < 0) searchBaseItemIdx = 0;
     const vertical = this.direction === VERTICAL;
     const sizeKey = vertical ? "height" : "width";
-    const posKey = vertical ? "top" : "left"
+    const posKey = vertical ? "top" : "left";
 
     const visible = (s: number, e: number) => {
       return CommonMetroTemplate.intersects(visibleStart, visibleEnd, s, e);
-    }
+    };
 
     let baseItem = this.templateList[searchBaseItemIdx];
+    if (!baseItem) {
+      baseItem = this.templateList[0];
+    }
 
     //寻找首个在范围内的item
-    let startIndex = 0, endIndex = this.templateList.length - 1;
+    let startIndex = 0,
+      endIndex = this.templateList.length - 1;
 
-    while (baseItem && !visible(baseItem[posKey], baseItem[posKey] + baseItem[sizeKey])) {
+    while (
+      baseItem &&
+      !visible(baseItem[posKey], baseItem[posKey] + baseItem[sizeKey])
+    ) {
       if (baseItem[posKey] < visibleStart) {
         startIndex = baseItem.index;
       } else {
@@ -867,10 +985,14 @@ class CommonMetroTemplate extends MetroTemplate {
       if (Math.abs(startIndex - endIndex) <= 1) {
         const startItem = this.templateList[startIndex];
         const endItem = this.templateList[endIndex];
-        if (visible(startItem[posKey], startItem[posKey] + startItem[sizeKey])) {
+        if (
+          visible(startItem[posKey], startItem[posKey] + startItem[sizeKey])
+        ) {
           baseItem = startItem;
           break;
-        } else if (visible(endItem[posKey], endItem[posKey] + endItem[sizeKey])) {
+        } else if (
+          visible(endItem[posKey], endItem[posKey] + endItem[sizeKey])
+        ) {
           baseItem = endItem;
           break;
         } else {
@@ -882,9 +1004,14 @@ class CommonMetroTemplate extends MetroTemplate {
               top: tailItem.top,
               width: tailItem.width,
               height: tailItem.height,
-            }
+            };
           }
-          console.log("MetroWidget: can not find visible item", visibleStart, visibleEnd, tailInfo);
+          console.log(
+            "MetroWidget: can not find visible item",
+            visibleStart,
+            visibleEnd,
+            tailInfo
+          );
           return [-1, -1];
         }
       } else {
@@ -903,23 +1030,29 @@ class CommonMetroTemplate extends MetroTemplate {
         if (n && n.length > 0) {
           for (let i of n) {
             let item = this.templateList[i];
-            if (visible(item[posKey], item[posKey] + item[sizeKey]) && !visibleItem.has(i)) {
+            if (
+              visible(item[posKey], item[posKey] + item[sizeKey]) &&
+              !visibleItem.has(i)
+            ) {
               visibleItem.add(i);
               addVisibleNeighbor(item);
             }
           }
         }
       }
-    }
+    };
     addVisibleNeighbor(baseItem);
-    return [
-      Math.min(...visibleItem),
-      Math.max(...visibleItem),
-    ]
+    return [Math.min(...visibleItem), Math.max(...visibleItem)];
   }
 
   /** neighbor calculate functions */
-  private _TryCalculateNeighborItem(index: number, xPos: number, yPos: number, width: number, height: number) {
+  private _TryCalculateNeighborItem(
+    index: number,
+    xPos: number,
+    yPos: number,
+    width: number,
+    height: number
+  ) {
     const curNotOccupiedEdge: EdgeInfo = {
       index,
       edgeObj: {
@@ -1011,7 +1144,8 @@ class CommonMetroTemplate extends MetroTemplate {
         // 临时邻居不触发fence edge
         // 超过fenceedge范围，不作为对比相
         if (
-          !tmpNeighbor && crossEdgeObj.bottomEdge != null &&
+          !tmpNeighbor &&
+          crossEdgeObj.bottomEdge != null &&
           crossEdgeObj.bottomEdge.position > this._FenceEdge.StartY
         ) {
           continue;
@@ -1026,7 +1160,8 @@ class CommonMetroTemplate extends MetroTemplate {
         // 临时邻居不触发fence edge
         // 超过fenceedge范围，不作为对比相
         if (
-          !tmpNeighbor && crossEdgeObj.rightEdge &&
+          !tmpNeighbor &&
+          crossEdgeObj.rightEdge &&
           crossEdgeObj.rightEdge.position > this._FenceEdge.StartX
         ) {
           continue;
@@ -1051,18 +1186,17 @@ class CommonMetroTemplate extends MetroTemplate {
         //更新每个方向找到的邻居
         if (neighbor[key] !== -1) {
           const targetItem = this._NotOccupiedEdgeList[neighbor[key]];
-          this._TryUpdateItemNeighbor(
-            tmpNeighbor,
-            key,
-            crossItem,
-            targetItem
-          );
+          this._TryUpdateItemNeighbor(tmpNeighbor, key, crossItem, targetItem);
         }
       }
     }
   }
 
-  private _IfBlockedByOtherNeighbor(direction: string, crossItem: EdgeInfo, targetItem: EdgeInfo) {
+  private _IfBlockedByOtherNeighbor(
+    direction: string,
+    crossItem: EdgeInfo,
+    targetItem: EdgeInfo
+  ) {
     //检查是否被其他neighbor遮挡
     let positionKey = "top";
     let sizeKey = "height";
@@ -1091,8 +1225,7 @@ class CommonMetroTemplate extends MetroTemplate {
 
     let valid = true;
     if (crossTemplateItem && targetTemplateItem) {
-      const crossNeighborList =
-        crossTemplateItem.neighborIndexList[direction];
+      const crossNeighborList = crossTemplateItem.neighborIndexList[direction];
       const targetStart = targetTemplateItem[positionKey];
       const targetEnd = targetStart + targetTemplateItem[sizeKey] - 1;
       for (let i = crossNeighborList.length - 1; i >= 0; i--) {
@@ -1105,12 +1238,10 @@ class CommonMetroTemplate extends MetroTemplate {
         if (itemStart <= targetEnd && itemEnd >= targetStart) {
           //有重叠, 检查两个item那个离 cross item 更近
           if (
-            Math.abs(
-              item[subPositionKey] - crossTemplateItem[subPositionKey]
-            ) <
+            Math.abs(item[subPositionKey] - crossTemplateItem[subPositionKey]) <
             Math.abs(
               targetTemplateItem[subPositionKey] -
-              crossTemplateItem[subPositionKey]
+                crossTemplateItem[subPositionKey]
             )
           ) {
             //已有的neighbor更近
@@ -1126,7 +1257,11 @@ class CommonMetroTemplate extends MetroTemplate {
     return valid;
   }
 
-  private _CheckNeighborItemMatching(direction: string, crossItem: EdgeInfo, targetItem: EdgeInfo) {
+  private _CheckNeighborItemMatching(
+    direction: string,
+    crossItem: EdgeInfo,
+    targetItem: EdgeInfo
+  ) {
     const crossEdgeObj: any = crossItem.edgeObj;
     const targetEdgeObj: any = targetItem.edgeObj;
     let targetEdgeName = "rightEdge";
@@ -1164,14 +1299,11 @@ class CommonMetroTemplate extends MetroTemplate {
     //   targetEdgeObj[targetEdgeName].range.Clone().Ranges
     // );
 
-    const targetEdgeRangeClone =
-      targetEdgeObj[targetEdgeName].range.Clone();
+    const targetEdgeRangeClone = targetEdgeObj[targetEdgeName].range.Clone();
     targetEdgeObj[targetEdgeName].range.ExcludeRanges(
       crossEdgeObj[crossEdgeName].range
     );
-    crossEdgeObj[crossEdgeName].range.ExcludeRanges(
-      targetEdgeRangeClone
-    );
+    crossEdgeObj[crossEdgeName].range.ExcludeRanges(targetEdgeRangeClone);
 
     // console.log(
     //   "cchtest after exclude",
@@ -1209,15 +1341,10 @@ class CommonMetroTemplate extends MetroTemplate {
         continue;
       }
       // 左边最近项
-      if (
-        crossEdgeObj.leftEdge !== null &&
-        targetEdgeObj.rightEdge !== null
-      ) {
+      if (crossEdgeObj.leftEdge !== null && targetEdgeObj.rightEdge !== null) {
         if (
           crossEdgeObj.leftEdge.position >= targetEdgeObj.rightEdge.position &&
-          crossEdgeObj.leftEdge.range.IsInterAct(
-            targetEdgeObj.rightEdge.range
-          )
+          crossEdgeObj.leftEdge.range.IsInterAct(targetEdgeObj.rightEdge.range)
         ) {
           // 在其左侧，且有交叉，才为neighbor
           // 计算最短距离
@@ -1238,15 +1365,10 @@ class CommonMetroTemplate extends MetroTemplate {
         }
       }
       // 右边最近项
-      if (
-        crossEdgeObj.rightEdge !== null &&
-        targetEdgeObj.leftEdge !== null
-      ) {
+      if (crossEdgeObj.rightEdge !== null && targetEdgeObj.leftEdge !== null) {
         if (
           crossEdgeObj.rightEdge.position <= targetEdgeObj.leftEdge.position &&
-          crossEdgeObj.rightEdge.range.IsInterAct(
-            targetEdgeObj.leftEdge.range
-          )
+          crossEdgeObj.rightEdge.range.IsInterAct(targetEdgeObj.leftEdge.range)
         ) {
           // 在其左侧，且有交叉，才为neighbor
           // 计算最短距离
@@ -1268,15 +1390,10 @@ class CommonMetroTemplate extends MetroTemplate {
       }
 
       // 上边最近项
-      if (
-        crossEdgeObj.topEdge !== null &&
-        targetEdgeObj.bottomEdge !== null
-      ) {
+      if (crossEdgeObj.topEdge !== null && targetEdgeObj.bottomEdge !== null) {
         if (
           crossEdgeObj.topEdge.position >= targetEdgeObj.bottomEdge.position &&
-          crossEdgeObj.topEdge.range.IsInterAct(
-            targetEdgeObj.bottomEdge.range
-          )
+          crossEdgeObj.topEdge.range.IsInterAct(targetEdgeObj.bottomEdge.range)
         ) {
           // 在其左侧，且有交叉，才为neighbor
           // 计算最短距离
@@ -1297,15 +1414,10 @@ class CommonMetroTemplate extends MetroTemplate {
         }
       }
       // 下边的最近项
-      if (
-        crossEdgeObj.bottomEdge !== null &&
-        targetEdgeObj.topEdge !== null
-      ) {
+      if (crossEdgeObj.bottomEdge !== null && targetEdgeObj.topEdge !== null) {
         if (
           crossEdgeObj.bottomEdge.position <= targetEdgeObj.topEdge.position &&
-          crossEdgeObj.bottomEdge.range.IsInterAct(
-            targetEdgeObj.topEdge.range
-          )
+          crossEdgeObj.bottomEdge.range.IsInterAct(targetEdgeObj.topEdge.range)
         ) {
           // 在其左侧，且有交叉，才为neighbor
           // 计算最短距离
@@ -1335,7 +1447,12 @@ class CommonMetroTemplate extends MetroTemplate {
     };
   }
 
-  private _TryUpdateItemNeighbor(tmpNeighbor: boolean, direction: string, crossItem: EdgeInfo, targetItem: EdgeInfo) {
+  private _TryUpdateItemNeighbor(
+    tmpNeighbor: boolean,
+    direction: string,
+    crossItem: EdgeInfo,
+    targetItem: EdgeInfo
+  ) {
     const keyMap: any = {
       target: {
         left: "right",
@@ -1353,7 +1470,10 @@ class CommonMetroTemplate extends MetroTemplate {
     let crossNeighborKey = keyMap.cross[direction];
     let targetNeighborKey = keyMap.target[direction];
     if (!crossNeighborKey || !targetNeighborKey) {
-      console.error("_TryUpdateItemNeighbor: undefined direction", direction);
+      this.errorLogger(
+        "_TryUpdateItemNeighbor: undefined direction",
+        direction
+      );
     }
 
     const targetIndex = targetItem.index;
@@ -1366,24 +1486,72 @@ class CommonMetroTemplate extends MetroTemplate {
         templateList[targetIndex].neighborIndexList[targetNeighborKey].push(
           crossItemIndex
         );
-        templateList[crossItemIndex].neighborIndexList[
-          crossNeighborKey
-        ].push(targetIndex);
-        templateList[targetIndex].tmpNeighborIndexList[targetNeighborKey] =
+        templateList[crossItemIndex].neighborIndexList[crossNeighborKey].push(
+          targetIndex
+        );
+        templateList[targetIndex].tmpNeighborIndexList[targetNeighborKey] = [];
+        templateList[crossItemIndex].tmpNeighborIndexList[crossNeighborKey] =
           [];
-        templateList[crossItemIndex].tmpNeighborIndexList[
-          crossNeighborKey
-        ] = [];
       } else {
-        templateList[targetIndex].tmpNeighborIndexList[
-          targetNeighborKey
-        ].push(crossItemIndex);
+        templateList[targetIndex].tmpNeighborIndexList[targetNeighborKey].push(
+          crossItemIndex
+        );
         templateList[crossItemIndex].tmpNeighborIndexList[
           crossNeighborKey
         ].push(targetIndex);
       }
     }
   }
+
+  public removeItemTo(index: number): void {
+    if (index < 0 || index >= this.templateList.length) {
+      return;
+    }
+    this.templateList.splice(index);
+    //TODO 删除时需要计算fence和neighbor，这里通过一个新的对象重新计算来实现
+    const tmpMetroTemplate = new CommonMetroTemplate(
+      this.direction,
+      this.lineMax,
+      this.pageSize,
+      this.layoutType,
+      this.supportHistoryPath,
+      this.errorLogger
+    );
+    for (let i of this.templateList) {
+      tmpMetroTemplate.addItemInner(i);
+    }
+    tmpMetroTemplate.calculateNeighborWhenAddStop();
+
+    this._FenceStack = tmpMetroTemplate._FenceStack;
+    this._FenceEdge = tmpMetroTemplate._FenceEdge;
+    this._NotOccupiedEdgeList = tmpMetroTemplate._NotOccupiedEdgeList;
+    //更新邻居信息
+    for (let i of this.templateList) {
+      i.neighborIndexList =
+        tmpMetroTemplate.templateList[i.index].neighborIndexList;
+      i.tmpNeighborIndexList =
+        tmpMetroTemplate.templateList[i.index].tmpNeighborIndexList;
+      i.pathHistory.left =
+        i.pathHistory.left >= index ? -1 : i.pathHistory.left;
+      i.pathHistory.right =
+        i.pathHistory.right >= index ? -1 : i.pathHistory.right;
+      i.pathHistory.top = i.pathHistory.top >= index ? -1 : i.pathHistory.top;
+      i.pathHistory.bottom =
+        i.pathHistory.bottom >= index ? -1 : i.pathHistory.bottom;
+    }
+    //更新idsMap
+    for (let i = this.idsMap.length - 1; i >= 0; --i) {
+      if (this.idsMap[i] >= index) {
+        this.idsMap.splice(i, 1);
+      }
+    }
+    this.tailItemIndex = this.templateList.length - 1;
+    for (let uid in this.uidMap) {
+      if ((this.uidMap as any)[uid].index >= index) {
+        delete (this.uidMap as any)[uid];
+      }
+    }
+  }
 }
 
-export { CommonMetroTemplate };
+export { CommonMetroTemplate };