@ives_xxz/framework 2.1.30 → 2.1.31

package/component/FWVirtualViewComponent.ts

@@ -1,11 +1,17 @@
-import FWListItem from '../item/FWVirtualListItem';
+import FWListItem from "../item/FWVirtualListItem";
 
-const { ccclass, property, disallowMultiple, menu, executionOrder, requireComponent } =
-  cc._decorator;
+const {
+  ccclass,
+  property,
+  disallowMultiple,
+  menu,
+  executionOrder,
+  requireComponent,
+} = cc._decorator;
 
 @ccclass
 @disallowMultiple()
-@menu('CustomComponent/FWVirtualViewComponent')
+@menu("CustomComponent/FWVirtualViewComponent")
 @requireComponent(cc.ScrollView)
 //脚本生命周期回调的执行优先级。小于 0 的脚本将优先执行，大于 0 的脚本将最后执行。该优先级只对 onLoad, onEnable, start, update 和 lateUpdate 有效，对 onDisable 和 onDestroy 无效。
 @executionOrder(-5000)
@@ -36,14 +42,14 @@ export default class FWVirtualViewComponent
   //模板类型
   @property({
     type: cc.Enum(FW.SystemDefine.FWScrollViewTemplateType),
-    tooltip: CC_DEV && '模板类型',
+    tooltip: CC_DEV && "模板类型",
   })
   private templateType: FW.SystemDefine.FWScrollViewTemplateType =
     FW.SystemDefine.FWScrollViewTemplateType.PREFAB;
   //模板Item（Node）
   @property({
     type: cc.Node,
-    tooltip: CC_DEV && '模板Item',
+    tooltip: CC_DEV && "模板Item",
     visible() {
       return this.templateType == FW.SystemDefine.FWScrollViewTemplateType.NODE;
     },
@@ -52,9 +58,11 @@ export default class FWVirtualViewComponent
   //模板Item（Prefab）
   @property({
     type: cc.Prefab,
-    tooltip: CC_DEV && '模板Item',
+    tooltip: CC_DEV && "模板Item",
     visible() {
-      return this.templateType == FW.SystemDefine.FWScrollViewTemplateType.PREFAB;
+      return (
+        this.templateType == FW.SystemDefine.FWScrollViewTemplateType.PREFAB
+      );
     },
   })
   tmpPrefab: cc.Prefab = null;
@@ -64,7 +72,7 @@ export default class FWVirtualViewComponent
     FW.SystemDefine.FWScrollViewSlideType.NORMAL;
   @property({
     type: cc.Enum(FW.SystemDefine.FWScrollViewSlideType),
-    tooltip: CC_DEV && '滑动模式',
+    tooltip: CC_DEV && "滑动模式",
   })
   set slideMode(val: FW.SystemDefine.FWScrollViewSlideType) {
     this._slideMode = val;
@@ -76,7 +84,7 @@ export default class FWVirtualViewComponent
   @property({
     type: cc.Float,
     range: [0, 1, 0.1],
-    tooltip: CC_DEV && '翻页作用距离',
+    tooltip: CC_DEV && "翻页作用距离",
     slide: true,
     visible() {
       return this._slideMode == FW.SystemDefine.FWScrollViewSlideType.PAGE;
@@ -89,7 +97,7 @@ export default class FWVirtualViewComponent
   private _virtual: boolean = true;
   @property({
     type: cc.Boolean,
-    tooltip: CC_DEV && '是否为虚拟列表（动态列表）',
+    tooltip: CC_DEV && "是否为虚拟列表（动态列表）",
   })
   set virtual(val: boolean) {
     if (val != null) this._virtual = val;
@@ -102,10 +110,11 @@ export default class FWVirtualViewComponent
   }
   //是否为循环列表
   @property({
-    tooltip: CC_DEV && '是否为循环列表',
+    tooltip: CC_DEV && "是否为循环列表",
     visible() {
       let val: boolean =
-        /*this.virtual &&*/ this.slideMode == FW.SystemDefine.FWScrollViewSlideType.NORMAL;
+        /*this.virtual &&*/ this.slideMode ==
+        FW.SystemDefine.FWScrollViewSlideType.NORMAL;
       if (!val) this.cyclic = false;
       return val;
     },
@@ -113,7 +122,9 @@ export default class FWVirtualViewComponent
   public cyclic: boolean = false;
   //缺省居中
   @property({
-    tooltip: CC_DEV && 'Item数量不足以填满Content时，是否居中显示Item（不支持Grid布局）',
+    tooltip:
+      CC_DEV &&
+      "Item数量不足以填满Content时，是否居中显示Item（不支持Grid布局）",
     visible() {
       return this.virtual;
     },
@@ -121,7 +132,7 @@ export default class FWVirtualViewComponent
   public lackCenter: boolean = false;
   //缺省可滑动
   @property({
-    tooltip: CC_DEV && 'Item数量不足以填满Content时，是否可滑动',
+    tooltip: CC_DEV && "Item数量不足以填满Content时，是否可滑动",
     visible() {
       let val: boolean = this.virtual && !this.lackCenter;
       if (!val) this.lackSlide = false;
@@ -135,7 +146,7 @@ export default class FWVirtualViewComponent
   @property({
     type: cc.Integer,
     range: [0, 6, 1],
-    tooltip: CC_DEV && '刷新频率（值越大刷新频率越低、性能越高）',
+    tooltip: CC_DEV && "刷新频率（值越大刷新频率越低、性能越高）",
     slide: true,
   })
   set updateRate(val: number) {
@@ -150,7 +161,7 @@ export default class FWVirtualViewComponent
   @property({
     type: cc.Integer,
     range: [0, 12, 1],
-    tooltip: CC_DEV && '逐帧渲染时,每帧渲染的Item数量(<=0时关闭分帧渲染)',
+    tooltip: CC_DEV && "逐帧渲染时,每帧渲染的Item数量(<=0时关闭分帧渲染)",
     slide: true,
   })
   public frameByFrameRenderNum: number = 0;
@@ -158,18 +169,20 @@ export default class FWVirtualViewComponent
   //选择模式
   @property({
     type: cc.Enum(FW.SystemDefine.FWScrollViewSelectedType),
-    tooltip: CC_DEV && '选择模式',
+    tooltip: CC_DEV && "选择模式",
   })
   public selectedMode: FW.SystemDefine.FWScrollViewSelectedType = 0;
   @property({
-    tooltip: CC_DEV && '是否重复响应单选事件',
+    tooltip: CC_DEV && "是否重复响应单选事件",
     visible() {
-      return this.selectedMode == FW.SystemDefine.FWScrollViewSelectedType.SINGLE;
+      return (
+        this.selectedMode == FW.SystemDefine.FWScrollViewSelectedType.SINGLE
+      );
     },
   })
   public repeatEventSingle: boolean = false;
 
-  @property({ tooltip: CC_DEV && '是否刷新widget' })
+  @property({ tooltip: CC_DEV && "是否刷新widget" })
   public isUpdateWidget: boolean = true;
 
   //当前选择id
@@ -219,7 +232,9 @@ export default class FWVirtualViewComponent
         t.onSelected?.(
           item,
           val % this._actualNumItems,
-          t._lastSelectedId == null ? null : t._lastSelectedId % this._actualNumItems,
+          t._lastSelectedId == null
+            ? null
+            : t._lastSelectedId % this._actualNumItems,
           bool,
         );
         break;
@@ -253,7 +268,7 @@ export default class FWVirtualViewComponent
     let t = this;
     if (!t.checkInited(false)) return;
     if (val == null || val < 0) {
-      FW.Log.error('numItems set the wrong::', val);
+      FW.Log.error("numItems set the wrong::", val);
       return;
     }
     t._actualNumItems = t._numItems = val;
@@ -265,7 +280,10 @@ export default class FWVirtualViewComponent
         t._numItems = t._cyclicNum * t._numItems;
       }
       t._onScrolling();
-      if (!t.frameByFrameRenderNum && t.slideMode == FW.SystemDefine.FWScrollViewSlideType.PAGE)
+      if (
+        !t.frameByFrameRenderNum &&
+        t.slideMode == FW.SystemDefine.FWScrollViewSlideType.PAGE
+      )
         t.curPageNum = t.nearestListId;
     } else {
       if (t.cyclic) {
@@ -282,7 +300,9 @@ export default class FWVirtualViewComponent
       if (t.frameByFrameRenderNum > 0) {
         //先渲染几个出来
         let len: number =
-          t.frameByFrameRenderNum > t._numItems ? t._numItems : t.frameByFrameRenderNum;
+          t.frameByFrameRenderNum > t._numItems
+            ? t._numItems
+            : t.frameByFrameRenderNum;
         for (let n: number = 0; n < len; n++) {
           t._createOrUpdateItem2(n);
         }
@@ -415,22 +435,22 @@ export default class FWVirtualViewComponent
   _registerEvent() {
     let t: any = this;
     t.node.on(cc.Node.EventType.TOUCH_START, t._onTouchStart, t, true);
-    t.node.on('touch-up', t._onTouchUp, t);
+    t.node.on("touch-up", t._onTouchUp, t);
     t.node.on(cc.Node.EventType.TOUCH_CANCEL, t._onTouchCancelled, t, true);
-    t.node.on('scroll-began', t._onScrollBegan, t, true);
-    t.node.on('scroll-ended', t._onScrollEnded, t, true);
-    t.node.on('scrolling', t._onScrolling, t, true);
+    t.node.on("scroll-began", t._onScrollBegan, t, true);
+    t.node.on("scroll-ended", t._onScrollEnded, t, true);
+    t.node.on("scrolling", t._onScrolling, t, true);
     t.node.on(cc.Node.EventType.SIZE_CHANGED, t._onSizeChanged, t);
   }
   //卸载事件
   _unregisterEvent() {
     let t: any = this;
     t.node.off(cc.Node.EventType.TOUCH_START, t._onTouchStart, t, true);
-    t.node.off('touch-up', t._onTouchUp, t);
+    t.node.off("touch-up", t._onTouchUp, t);
     t.node.off(cc.Node.EventType.TOUCH_CANCEL, t._onTouchCancelled, t, true);
-    t.node.off('scroll-began', t._onScrollBegan, t, true);
-    t.node.off('scroll-ended', t._onScrollEnded, t, true);
-    t.node.off('scrolling', t._onScrolling, t, true);
+    t.node.off("scroll-began", t._onScrollBegan, t, true);
+    t.node.off("scroll-ended", t._onScrollEnded, t, true);
+    t.node.off("scrolling", t._onScrolling, t, true);
     t.node.off(cc.Node.EventType.SIZE_CHANGED, t._onSizeChanged, t);
   }
 
@@ -468,7 +488,9 @@ export default class FWVirtualViewComponent
 
     t.setTemplateItem(
       cc.instantiate(
-        t.templateType == FW.SystemDefine.FWScrollViewTemplateType.PREFAB ? t.tmpPrefab : t.tmpNode,
+        t.templateType == FW.SystemDefine.FWScrollViewTemplateType.PREFAB
+          ? t.tmpPrefab
+          : t.tmpNode,
       ),
     );
 
@@ -569,43 +591,51 @@ export default class FWVirtualViewComponent
    */
   _processAutoScrolling(dt: number) {
     let brakingFactor: number = 1;
-    this._scrollView['_autoScrollAccumulatedTime'] += dt * (1 / brakingFactor);
+    this._scrollView["_autoScrollAccumulatedTime"] += dt * (1 / brakingFactor);
 
     let percentage: number = Math.min(
       1,
-      this._scrollView['_autoScrollAccumulatedTime'] / this._scrollView['_autoScrollTotalTime'],
+      this._scrollView["_autoScrollAccumulatedTime"] /
+        this._scrollView["_autoScrollTotalTime"],
     );
-    if (this._scrollView['_autoScrollAttenuate']) {
+    if (this._scrollView["_autoScrollAttenuate"]) {
       let time: number = percentage - 1;
       percentage = time * time * time * time * time + 1;
     }
 
-    let newPosition: any = this._scrollView['_autoScrollStartPosition'].add(
-      this._scrollView['_autoScrollTargetDelta'].mul(percentage),
+    let newPosition: any = this._scrollView["_autoScrollStartPosition"].add(
+      this._scrollView["_autoScrollTargetDelta"].mul(percentage),
     );
-    let EPSILON: number = this._scrollView['getScrollEndedEventTiming']();
+    let EPSILON: number = this._scrollView["getScrollEndedEventTiming"]();
     let reachedEnd: boolean = Math.abs(percentage - 1) <= EPSILON;
 
     let fireEvent: boolean =
-      Math.abs(percentage - 1) <= this._scrollView['getScrollEndedEventTiming']();
-    if (fireEvent && !this._scrollView['_isScrollEndedWithThresholdEventFired']) {
-      this._scrollView['_dispatchEvent']('scroll-ended-with-threshold');
-      this._scrollView['_isScrollEndedWithThresholdEventFired'] = true;
+      Math.abs(percentage - 1) <=
+      this._scrollView["getScrollEndedEventTiming"]();
+    if (
+      fireEvent &&
+      !this._scrollView["_isScrollEndedWithThresholdEventFired"]
+    ) {
+      this._scrollView["_dispatchEvent"]("scroll-ended-with-threshold");
+      this._scrollView["_isScrollEndedWithThresholdEventFired"] = true;
     }
 
     if (reachedEnd) {
-      this._scrollView['_autoScrolling'] = false;
+      this._scrollView["_autoScrolling"] = false;
     }
 
     let deltaMove: any = newPosition.sub(this._scrollView.getContentPosition());
-    this._scrollView['_moveContent'](this._scrollView['_clampDelta'](deltaMove), reachedEnd);
-    this._scrollView['_dispatchEvent']('scrolling');
+    this._scrollView["_moveContent"](
+      this._scrollView["_clampDelta"](deltaMove),
+      reachedEnd,
+    );
+    this._scrollView["_dispatchEvent"]("scrolling");
 
     // scollTo API controll move
-    if (!this._scrollView['_autoScrolling']) {
-      this._scrollView['_isBouncing'] = false;
-      this._scrollView['_scrolling'] = false;
-      this._scrollView['_dispatchEvent']('scroll-ended');
+    if (!this._scrollView["_autoScrolling"]) {
+      this._scrollView["_isBouncing"] = false;
+      this._scrollView["_scrolling"] = false;
+      this._scrollView["_dispatchEvent"]("scroll-ended");
     }
   }
   //设置模板Item
@@ -614,7 +644,8 @@ export default class FWVirtualViewComponent
     let t: any = this;
     t._itemTmp = item;
 
-    if (t._resizeMode == cc.Layout.ResizeMode.CHILDREN) t._itemSize = t._layout.cellSize;
+    if (t._resizeMode == cc.Layout.ResizeMode.CHILDREN)
+      t._itemSize = t._layout.cellSize;
     else t._itemSize = cc.size(item.width, item.height);
 
     //获取ListItem，如果没有就取消选择模式
@@ -633,7 +664,8 @@ export default class FWVirtualViewComponent
     if (com && com.enabled) {
       t._needUpdateWidget = true;
     }
-    if (t.selectedMode == FW.SystemDefine.FWScrollViewSelectedType.MULTIPLE) t.multSelected = [];
+    if (t.selectedMode == FW.SystemDefine.FWScrollViewSelectedType.MULTIPLE)
+      t.multSelected = [];
 
     t._resetColumn();
   }
@@ -654,13 +686,17 @@ export default class FWVirtualViewComponent
           case cc.Layout.AxisDirection.HORIZONTAL:
             //计算列数
             let trimW: number = t.content.width - t._leftGap - t._rightGap;
-            t._colLineNum = Math.floor((trimW + t._columnGap) / (t._itemSize.width + t._columnGap));
+            t._colLineNum = Math.floor(
+              (trimW + t._columnGap) / (t._itemSize.width + t._columnGap),
+            );
             t._sizeType = true;
             break;
           case cc.Layout.AxisDirection.VERTICAL:
             //计算行数
             let trimH: number = t.content.height - t._topGap - t._bottomGap;
-            t._colLineNum = Math.floor((trimH + t._lineGap) / (t._itemSize.height + t._lineGap));
+            t._colLineNum = Math.floor(
+              (trimH + t._lineGap) / (t._itemSize.height + t._lineGap),
+            );
             t._sizeType = false;
             break;
         }
@@ -675,7 +711,7 @@ export default class FWVirtualViewComponent
    */
   checkInited(printLog: boolean = true) {
     if (!this._inited) {
-      if (printLog) FW.Log.error('List initialization not completed!');
+      if (printLog) FW.Log.error("List initialization not completed!");
       return false;
     }
     return true;
@@ -729,12 +765,18 @@ export default class FWVirtualViewComponent
           case cc.Layout.AxisDirection.HORIZONTAL:
             let lineNum: number = Math.ceil(t._numItems / t._colLineNum);
             result =
-              t._topGap + t._itemSize.height * lineNum + t._lineGap * (lineNum - 1) + t._bottomGap;
+              t._topGap +
+              t._itemSize.height * lineNum +
+              t._lineGap * (lineNum - 1) +
+              t._bottomGap;
             break;
           case cc.Layout.AxisDirection.VERTICAL:
             let colNum: number = Math.ceil(t._numItems / t._colLineNum);
             result =
-              t._leftGap + t._itemSize.width * colNum + t._columnGap * (colNum - 1) + t._rightGap;
+              t._leftGap +
+              t._itemSize.width * colNum +
+              t._columnGap * (colNum - 1) +
+              t._rightGap;
             break;
         }
         break;
@@ -746,7 +788,8 @@ export default class FWVirtualViewComponent
 
     t._allItemSize = result;
     t._allItemSizeNoEdge =
-      t._allItemSize - (t._sizeType ? t._topGap + t._bottomGap : t._leftGap + t._rightGap);
+      t._allItemSize -
+      (t._sizeType ? t._topGap + t._bottomGap : t._leftGap + t._rightGap);
 
     if (t.cyclic) {
       let totalSize: number = t._sizeType ? t.node.height : t.node.width;
@@ -757,20 +800,25 @@ export default class FWVirtualViewComponent
       let spacing: number = t._sizeType ? t._lineGap : t._columnGap;
       t._cyclicPos2 = t._cyclicPos1 + t._allItemSizeNoEdge + spacing;
       t._cyclicAllItemSize =
-        t._allItemSize + t._allItemSizeNoEdge * (t._cyclicNum - 1) + spacing * (t._cyclicNum - 1);
+        t._allItemSize +
+        t._allItemSizeNoEdge * (t._cyclicNum - 1) +
+        spacing * (t._cyclicNum - 1);
       t._cycilcAllItemSizeNoEdge = t._allItemSizeNoEdge * t._cyclicNum;
       t._cycilcAllItemSizeNoEdge += spacing * (t._cyclicNum - 1);
       // cc.log('_cyclicNum ->', t._cyclicNum, t._allItemSizeNoEdge, t._allItemSize, t._cyclicPos1, t._cyclicPos2);
     }
 
-    t._lack = !t.cyclic && t._allItemSize < (t._sizeType ? t.node.height : t.node.width);
-    let slideOffset: number = (!t._lack || !t.lackCenter) && t.lackSlide ? 0 : 0.1;
+    t._lack =
+      !t.cyclic &&
+      t._allItemSize < (t._sizeType ? t.node.height : t.node.width);
+    let slideOffset: number =
+      (!t._lack || !t.lackCenter) && t.lackSlide ? 0 : 0.1;
 
     let targetWH: number = t._lack
       ? (t._sizeType ? t.node.height : t.node.width) - slideOffset
       : t.cyclic
-      ? t._cyclicAllItemSize
-      : t._allItemSize;
+        ? t._cyclicAllItemSize
+        : t._allItemSize;
     if (targetWH < 0) targetWH = 0;
 
     if (t._sizeType) {
@@ -785,7 +833,12 @@ export default class FWVirtualViewComponent
   //滚动进行时...
   _onScrolling(ev: cc.Event = null) {
     if (this.frameCount == null) this.frameCount = this._updateRate;
-    if (!this._forceUpdate && ev && ev.type != 'scroll-ended' && this.frameCount > 0) {
+    if (
+      !this._forceUpdate &&
+      ev &&
+      ev.type != "scroll-ended" &&
+      this.frameCount > 0
+    ) {
       this.frameCount--;
       return;
     } else this.frameCount = this._updateRate;
@@ -797,7 +850,9 @@ export default class FWVirtualViewComponent
       let scrollPos: any = this.content.getPosition();
       scrollPos = this._sizeType ? scrollPos.y : scrollPos.x;
 
-      let addVal = this._allItemSizeNoEdge + (this._sizeType ? this._lineGap : this._columnGap);
+      let addVal =
+        this._allItemSizeNoEdge +
+        (this._sizeType ? this._lineGap : this._columnGap);
       let add: any = this._sizeType ? cc.v2(0, addVal) : cc.v2(addVal, 0);
 
       switch (this._alignCalcType) {
@@ -805,8 +860,8 @@ export default class FWVirtualViewComponent
           if (scrollPos > -this._cyclicPos1) {
             this.content.x = -this._cyclicPos2;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].sub(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].sub(add);
             }
             // if (this._beganPos) {
             //     this._beganPos += add;
@@ -814,8 +869,8 @@ export default class FWVirtualViewComponent
           } else if (scrollPos < -this._cyclicPos2) {
             this.content.x = -this._cyclicPos1;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].add(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].add(add);
             }
             // if (this._beganPos) {
             //     this._beganPos -= add;
@@ -826,14 +881,14 @@ export default class FWVirtualViewComponent
           if (scrollPos < this._cyclicPos1) {
             this.content.x = this._cyclicPos2;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].add(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].add(add);
             }
           } else if (scrollPos > this._cyclicPos2) {
             this.content.x = this._cyclicPos1;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].sub(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].sub(add);
             }
           }
           break;
@@ -841,14 +896,14 @@ export default class FWVirtualViewComponent
           if (scrollPos < this._cyclicPos1) {
             this.content.y = this._cyclicPos2;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].add(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].add(add);
             }
           } else if (scrollPos > this._cyclicPos2) {
             this.content.y = this._cyclicPos1;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].sub(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].sub(add);
             }
           }
           break;
@@ -856,14 +911,14 @@ export default class FWVirtualViewComponent
           if (scrollPos > -this._cyclicPos1) {
             this.content.y = -this._cyclicPos2;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].sub(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].sub(add);
             }
           } else if (scrollPos < -this._cyclicPos2) {
             this.content.y = -this._cyclicPos1;
             if (this._scrollView.isAutoScrolling()) {
-              this._scrollView['_autoScrollStartPosition'] =
-                this._scrollView['_autoScrollStartPosition'].add(add);
+              this._scrollView["_autoScrollStartPosition"] =
+                this._scrollView["_autoScrollStartPosition"].add(add);
             }
           }
           break;
@@ -980,7 +1035,8 @@ export default class FWVirtualViewComponent
         // 因List的显示数据是有序的，所以只需要判断数组长度是否相等，以及头、尾两个元素是否相等即可。
         haveDataChange =
           this.firstListId != this._lastDisplayData[0] ||
-          this.displayData[this.displayItemNum - 1].id != this._lastDisplayData[len - 1];
+          this.displayData[this.displayItemNum - 1].id !=
+            this._lastDisplayData[len - 1];
       }
 
       if (this._forceUpdate || haveDataChange) {
@@ -1023,16 +1079,21 @@ export default class FWVirtualViewComponent
         this.viewLeft = (scrollPos.x < 0 ? -scrollPos.x : 0) - this.elasticLeft;
         this.viewRight = this.viewLeft + this.node.width;
         this.elasticRight =
-          this.viewRight > this.content.width ? Math.abs(this.viewRight - this.content.width) : 0;
+          this.viewRight > this.content.width
+            ? Math.abs(this.viewRight - this.content.width)
+            : 0;
         this.viewRight += this.elasticRight;
         // cc.log(this.elasticLeft, this.elasticRight, this.viewLeft, this.viewRight);
         break;
       case 2: //单行HORIZONTAL（RIGHT_TO_LEFT）、网格VERTICAL（RIGHT_TO_LEFT）
         this.elasticRight = scrollPos.x < 0 ? -scrollPos.x : 0;
-        this.viewRight = (scrollPos.x > 0 ? -scrollPos.x : 0) + this.elasticRight;
+        this.viewRight =
+          (scrollPos.x > 0 ? -scrollPos.x : 0) + this.elasticRight;
         this.viewLeft = this.viewRight - this.node.width;
         this.elasticLeft =
-          this.viewLeft < -this.content.width ? Math.abs(this.viewLeft + this.content.width) : 0;
+          this.viewLeft < -this.content.width
+            ? Math.abs(this.viewLeft + this.content.width)
+            : 0;
         this.viewLeft -= this.elasticLeft;
         // cc.log(this.elasticLeft, this.elasticRight, this.viewLeft, this.viewRight);
         break;
@@ -1049,10 +1110,13 @@ export default class FWVirtualViewComponent
         break;
       case 4: //单列VERTICAL（BOTTOM_TO_TOP）、网格HORIZONTAL（BOTTOM_TO_TOP）
         this.elasticBottom = scrollPos.y > 0 ? Math.abs(scrollPos.y) : 0;
-        this.viewBottom = (scrollPos.y < 0 ? -scrollPos.y : 0) - this.elasticBottom;
+        this.viewBottom =
+          (scrollPos.y < 0 ? -scrollPos.y : 0) - this.elasticBottom;
         this.viewTop = this.viewBottom + this.node.height;
         this.elasticTop =
-          this.viewTop > this.content.height ? Math.abs(this.viewTop - this.content.height) : 0;
+          this.viewTop > this.content.height
+            ? Math.abs(this.viewTop - this.content.height)
+            : 0;
         this.viewTop -= this.elasticTop;
         // cc.log(this.elasticTop, this.elasticBottom, this.viewTop, this.viewBottom);
         break;
@@ -1081,12 +1145,14 @@ export default class FWVirtualViewComponent
               let cs: number = this._customSize[id];
               width = cs > 0 ? cs : this._itemSize.width;
             } else {
-              left = this._leftGap + (this._itemSize.width + this._columnGap) * id;
+              left =
+                this._leftGap + (this._itemSize.width + this._columnGap) * id;
               width = this._itemSize.width;
             }
             if (this.lackCenter) {
               left -= this._leftGap;
-              let offset: number = this.content.width / 2 - this._allItemSizeNoEdge / 2;
+              let offset: number =
+                this.content.width / 2 - this._allItemSizeNoEdge / 2;
               left += offset;
             }
             right = left + width;
@@ -1108,12 +1174,14 @@ export default class FWVirtualViewComponent
               let cs: number = this._customSize[id];
               width = cs > 0 ? cs : this._itemSize.width;
             } else {
-              right = -this._rightGap - (this._itemSize.width + this._columnGap) * id;
+              right =
+                -this._rightGap - (this._itemSize.width + this._columnGap) * id;
               width = this._itemSize.width;
             }
             if (this.lackCenter) {
               right += this._rightGap;
-              let offset: number = this.content.width / 2 - this._allItemSizeNoEdge / 2;
+              let offset: number =
+                this.content.width / 2 - this._allItemSizeNoEdge / 2;
               right -= offset;
             }
             left = right - width;
@@ -1139,12 +1207,14 @@ export default class FWVirtualViewComponent
               let cs: number = this._customSize[id];
               height = cs > 0 ? cs : this._itemSize.height;
             } else {
-              top = -this._topGap - (this._itemSize.height + this._lineGap) * id;
+              top =
+                -this._topGap - (this._itemSize.height + this._lineGap) * id;
               height = this._itemSize.height;
             }
             if (this.lackCenter) {
               top += this._topGap;
-              let offset: number = this.content.height / 2 - this._allItemSizeNoEdge / 2;
+              let offset: number =
+                this.content.height / 2 - this._allItemSizeNoEdge / 2;
               top -= offset;
             }
             bottom = top - height;
@@ -1166,12 +1236,14 @@ export default class FWVirtualViewComponent
               let cs: number = this._customSize[id];
               height = cs > 0 ? cs : this._itemSize.height;
             } else {
-              bottom = this._bottomGap + (this._itemSize.height + this._lineGap) * id;
+              bottom =
+                this._bottomGap + (this._itemSize.height + this._lineGap) * id;
               height = this._itemSize.height;
             }
             if (this.lackCenter) {
               bottom -= this._bottomGap;
-              let offset: number = this.content.height / 2 - this._allItemSizeNoEdge / 2;
+              let offset: number =
+                this.content.height / 2 - this._allItemSizeNoEdge / 2;
               bottom += offset;
             }
             top = bottom + height;
@@ -1192,20 +1264,26 @@ export default class FWVirtualViewComponent
           case cc.Layout.AxisDirection.HORIZONTAL: {
             switch (this._verticalDir) {
               case cc.Layout.VerticalDirection.TOP_TO_BOTTOM: {
-                top = -this._topGap - (this._itemSize.height + this._lineGap) * colLine;
+                top =
+                  -this._topGap -
+                  (this._itemSize.height + this._lineGap) * colLine;
                 bottom = top - this._itemSize.height;
                 itemY = bottom + this._itemTmp.anchorY * this._itemSize.height;
                 break;
               }
               case cc.Layout.VerticalDirection.BOTTOM_TO_TOP: {
-                bottom = this._bottomGap + (this._itemSize.height + this._lineGap) * colLine;
+                bottom =
+                  this._bottomGap +
+                  (this._itemSize.height + this._lineGap) * colLine;
                 top = bottom + this._itemSize.height;
                 itemY = bottom + this._itemTmp.anchorY * this._itemSize.height;
                 break;
               }
             }
             itemX =
-              this._leftGap + (id % this._colLineNum) * (this._itemSize.width + this._columnGap);
+              this._leftGap +
+              (id % this._colLineNum) *
+                (this._itemSize.width + this._columnGap);
             switch (this._horizontalDir) {
               case cc.Layout.HorizontalDirection.LEFT_TO_RIGHT: {
                 itemX += this._itemTmp.anchorX * this._itemSize.width;
@@ -1230,14 +1308,18 @@ export default class FWVirtualViewComponent
           case cc.Layout.AxisDirection.VERTICAL: {
             switch (this._horizontalDir) {
               case cc.Layout.HorizontalDirection.LEFT_TO_RIGHT: {
-                left = this._leftGap + (this._itemSize.width + this._columnGap) * colLine;
+                left =
+                  this._leftGap +
+                  (this._itemSize.width + this._columnGap) * colLine;
                 right = left + this._itemSize.width;
                 itemX = left + this._itemTmp.anchorX * this._itemSize.width;
                 itemX -= this.content.anchorX * this.content.width;
                 break;
               }
               case cc.Layout.HorizontalDirection.RIGHT_TO_LEFT: {
-                right = -this._rightGap - (this._itemSize.width + this._columnGap) * colLine;
+                right =
+                  -this._rightGap -
+                  (this._itemSize.width + this._columnGap) * colLine;
                 left = right - this._itemSize.width;
                 itemX = left + this._itemTmp.anchorX * this._itemSize.width;
                 itemX += (1 - this.content.anchorX) * this.content.width;
@@ -1245,7 +1327,8 @@ export default class FWVirtualViewComponent
               }
             }
             itemY =
-              -this._topGap - (id % this._colLineNum) * (this._itemSize.height + this._lineGap);
+              -this._topGap -
+              (id % this._colLineNum) * (this._itemSize.height + this._lineGap);
             switch (this._verticalDir) {
               case cc.Layout.VerticalDirection.TOP_TO_BOTTOM: {
                 itemY -= (1 - this._itemTmp.anchorY) * this._itemSize.height;
@@ -1332,7 +1415,10 @@ export default class FWVirtualViewComponent
     }
     t._onScrolling();
 
-    if (t._slideMode == FW.SystemDefine.FWScrollViewSlideType.ADHERING && !t.adhering) {
+    if (
+      t._slideMode == FW.SystemDefine.FWScrollViewSlideType.ADHERING &&
+      !t.adhering
+    ) {
       //cc.log(t.adhering, t._scrollView.isAutoScrolling(), t._scrollView.isScrolling());
       t.adhere();
     } else if (t._slideMode == FW.SystemDefine.FWScrollViewSlideType.PAGE) {
@@ -1345,12 +1431,14 @@ export default class FWVirtualViewComponent
   }
   // 触摸时
   _onTouchStart(ev, captureListeners) {
-    if ((this._scrollView['hasNestedViewGroup'] as any)(ev, captureListeners)) return;
+    if ((this._scrollView["hasNestedViewGroup"] as any)(ev, captureListeners))
+      return;
     this.curScrollIsTouch = true;
     let isMe = ev.eventPhase === cc.Event.AT_TARGET && ev.target === this.node;
     if (!isMe) {
       let itemNode: any = ev.target;
-      while (itemNode._listId == null && itemNode.parent) itemNode = itemNode.parent;
+      while (itemNode._listId == null && itemNode.parent)
+        itemNode = itemNode.parent;
       this._scrollItem = itemNode._listId != null ? itemNode : ev.target;
     }
   }
@@ -1373,7 +1461,10 @@ export default class FWVirtualViewComponent
 
   _onTouchCancelled(ev, captureListeners) {
     let t = this;
-    if ((this._scrollView['hasNestedViewGroup'] as any)(ev, captureListeners) || ev.simulate)
+    if (
+      (this._scrollView["hasNestedViewGroup"] as any)(ev, captureListeners) ||
+      ev.simulate
+    )
       return;
 
     t._scrollPos = null;
@@ -1423,7 +1514,10 @@ export default class FWVirtualViewComponent
     let t = this;
     if (
       !t.cyclic &&
-      (t.elasticTop > 0 || t.elasticRight > 0 || t.elasticBottom > 0 || t.elasticLeft > 0)
+      (t.elasticTop > 0 ||
+        t.elasticRight > 0 ||
+        t.elasticBottom > 0 ||
+        t.elasticLeft > 0)
     )
       return;
     let curPos = t._sizeType ? t.viewTop : t.viewLeft;
@@ -1465,11 +1559,18 @@ export default class FWVirtualViewComponent
   adhere() {
     let t: any = this;
     if (!t.checkInited()) return;
-    if (t.elasticTop > 0 || t.elasticRight > 0 || t.elasticBottom > 0 || t.elasticLeft > 0) return;
+    if (
+      t.elasticTop > 0 ||
+      t.elasticRight > 0 ||
+      t.elasticBottom > 0 ||
+      t.elasticLeft > 0
+    )
+      return;
     t.adhering = true;
     t._calcNearestItem();
     let offset: number =
-      (t._sizeType ? t._topGap : t._leftGap) / (t._sizeType ? t.node.height : t.node.width);
+      (t._sizeType ? t._topGap : t._leftGap) /
+      (t._sizeType ? t.node.height : t.node.width);
     let timeInSecond: number = 0.7;
     t.scrollTo(t.nearestListId, timeInSecond, offset);
   }
@@ -1559,7 +1660,7 @@ export default class FWVirtualViewComponent
       item.setSiblingIndex(this.content.childrenCount - 1);
 
       let listItem: FWListItem = item.getComponent(FWListItem);
-      item['listItem'] = listItem;
+      item["listItem"] = listItem;
       if (listItem) {
         listItem.listId = data.id;
         listItem.list = this;
@@ -1588,7 +1689,7 @@ export default class FWVirtualViewComponent
       item._listId = listId;
       this.content.addChild(item);
       listItem = item.getComponent(FWListItem);
-      item['listItem'] = listItem;
+      item["listItem"] = listItem;
       if (listItem) {
         listItem.listId = listId;
         listItem.list = this;
@@ -1628,7 +1729,9 @@ export default class FWVirtualViewComponent
    * @param {Number||Node} listIdOrItem
    */
   _updateItemPos(listIdOrItem: any) {
-    let item: any = isNaN(listIdOrItem) ? listIdOrItem : this.getItemByListId(listIdOrItem);
+    let item: any = isNaN(listIdOrItem)
+      ? listIdOrItem
+      : this.getItemByListId(listIdOrItem);
     let pos: any = this.getItemPos(item._listId);
     item.setPosition(pos.x, pos.y);
   }
@@ -1740,7 +1843,8 @@ export default class FWVirtualViewComponent
       let arr: any[] = this._getOutsideItem();
       for (let n: number = arr.length - 1; n >= 0; n--) {
         let item: any = arr[n];
-        if (this._scrollItem && item._listId == this._scrollItem._listId) continue;
+        if (this._scrollItem && item._listId == this._scrollItem._listId)
+          continue;
         item.isCached = true;
         this._pool.put(item);
         for (let m: number = this._lastDisplayData.length - 1; m >= 0; m--) {
@@ -1753,7 +1857,9 @@ export default class FWVirtualViewComponent
       // cc.log('存入::', str, '    pool.length =', this._pool.length);
     } else {
       while (this.content.childrenCount > this._numItems) {
-        this._delSingleItem(this.content.children[this.content.childrenCount - 1]);
+        this._delSingleItem(
+          this.content.children[this.content.childrenCount - 1],
+        );
       }
     }
   }
@@ -1772,14 +1878,15 @@ export default class FWVirtualViewComponent
     let t: any = this;
 
     if (!t.checkInited() || t.cyclic || !t._virtual)
-      return FW.Log.error('This function is not allowed to be called!');
+      return FW.Log.error("This function is not allowed to be called!");
 
     if (!callFunc)
       return FW.Log.error(
-        'CallFunc are not allowed to be NULL, You need to delete the corresponding index in the data array in the CallFunc!',
+        "CallFunc are not allowed to be NULL, You need to delete the corresponding index in the data array in the CallFunc!",
       );
 
-    if (t._aniDelRuning) return cc.warn('Please wait for the current deletion to finish!');
+    if (t._aniDelRuning)
+      return cc.warn("Please wait for the current deletion to finish!");
 
     let item: any = t.getItemByListId(listId);
     let listItem: FWListItem;
@@ -1838,11 +1945,17 @@ export default class FWVirtualViewComponent
         //后面的Item向前怼的动效
         let sec: number = 0.2333;
         let tween: cc.Tween, haveCB: boolean;
-        for (let n: number = newId != null ? newId : curLastId; n >= listId + 1; n--) {
+        for (
+          let n: number = newId != null ? newId : curLastId;
+          n >= listId + 1;
+          n--
+        ) {
           item = t.getItemByListId(n);
           if (item) {
             let posData: any = t._calcItemPos(n - 1);
-            tween = cc.tween(item).to(sec, { position: cc.v2(posData.x, posData.y) });
+            tween = cc
+              .tween(item)
+              .to(sec, { position: cc.v2(posData.x, posData.y) });
             if (n <= listId + 1) {
               haveCB = true;
               tween.call(() => {
@@ -1890,7 +2003,7 @@ export default class FWVirtualViewComponent
 
     let pos = t.getItemPos(listId);
     if (!pos) {
-      return CC_DEV && FW.Log.error('pos is null', listId);
+      return CC_DEV && FW.Log.error("pos is null", listId);
     }
     let targetX: number, targetY: number;
 
@@ -1924,7 +2037,9 @@ export default class FWVirtualViewComponent
     viewPos = Math.abs(t._sizeType ? viewPos.y : viewPos.x);
 
     let comparePos = t._sizeType ? pos.y : pos.x;
-    let runScroll = Math.abs((t._scrollPos != null ? t._scrollPos : viewPos) - comparePos) > 0.5;
+    let runScroll =
+      Math.abs((t._scrollPos != null ? t._scrollPos : viewPos) - comparePos) >
+      0.5;
     // cc.log(runScroll, t._scrollPos, viewPos, comparePos)
 
     t._scrollView.stopAutoScroll();
@@ -1937,13 +2052,20 @@ export default class FWVirtualViewComponent
         if (!t._adheringBarrier) {
           t.adhering = t._adheringBarrier = false;
         }
-        t._scrollPos = t._scrollToListId = t._scrollToEndTime = t._scrollToSo = null;
+        t._scrollPos =
+          t._scrollToListId =
+          t._scrollToEndTime =
+          t._scrollToSo =
+            null;
         //cc.log('2222222222', t._adheringBarrier)
         if (overStress) {
           // t.scrollToListId = listId;
           let item = t.getItemByListId(listId);
           if (item) {
-            cc.tween(item).to(0.1, { scale: 1.05 }).to(0.1, { scale: 1 }).start();
+            cc.tween(item)
+              .to(0.1, { scale: 1.05 })
+              .to(0.1, { scale: 1 })
+              .start();
           }
         }
       }, timeInSecond + 0.1);
@@ -1970,7 +2092,11 @@ export default class FWVirtualViewComponent
     vLeft = t.viewLeft;
 
     let breakFor: boolean = false;
-    for (let n = 0; n < t.content.childrenCount && !breakFor; n += t._colLineNum) {
+    for (
+      let n = 0;
+      n < t.content.childrenCount && !breakFor;
+      n += t._colLineNum
+    ) {
       data = t._virtual ? t.displayData[n] : t._calcExistItemPos(n);
       if (data) {
         center = t._sizeType
@@ -2009,9 +2135,13 @@ export default class FWVirtualViewComponent
       }
     }
     //判断最后一个Item。。。（哎，这些判断真心恶心，判断了前面的还要判断最后一个。。。一开始呢，就只有一个布局（单列布局），那时候代码才三百行，后来就想着完善啊，艹..这坑真深，现在这行数都一千五了= =||）
-    data = t._virtual ? t.displayData[t.displayItemNum - 1] : t._calcExistItemPos(t._numItems - 1);
+    data = t._virtual
+      ? t.displayData[t.displayItemNum - 1]
+      : t._calcExistItemPos(t._numItems - 1);
     if (data && data.id == t._numItems - 1) {
-      center = t._sizeType ? (data.top + data.bottom) / 2 : (center = (data.left + data.right) / 2);
+      center = t._sizeType
+        ? (data.top + data.bottom) / 2
+        : (center = (data.left + data.right) / 2);
       switch (t._alignCalcType) {
         case 1: //单行HORIZONTAL（LEFT_TO_RIGHT）、网格VERTICAL（LEFT_TO_RIGHT）
           if (vRight > center) t.nearestListId = data.id;
@@ -2046,7 +2176,9 @@ export default class FWVirtualViewComponent
     let t: any = this;
     if (!t.checkInited()) return;
     if (t._slideMode != FW.SystemDefine.FWScrollViewSlideType.PAGE)
-      return FW.Log.error('This function is not allowed to be called, Must SlideMode = PAGE!');
+      return FW.Log.error(
+        "This function is not allowed to be called, Must SlideMode = PAGE!",
+      );
     if (pageNum < 0 || pageNum >= t._numItems) return;
     if (t.curPageNum == pageNum) return;
     // cc.log(pageNum);
@@ -2058,14 +2190,17 @@ export default class FWVirtualViewComponent
   calcCustomSize(numItems: number) {
     let t: any = this;
     if (!t.checkInited()) return;
-    if (!t._itemTmp) return FW.Log.error('Unset template item!');
-    if (!t.renderEvent) return FW.Log.error('Unset Render-Event!');
+    if (!t._itemTmp) return FW.Log.error("Unset template item!");
+    if (!t.renderEvent) return FW.Log.error("Unset Render-Event!");
     t._customSize = {};
     let temp: any = cc.instantiate(t._itemTmp);
     t.content.addChild(temp);
     for (let n: number = 0; n < numItems; n++) {
       cc.Component.EventHandler.emitEvents([t.renderEvent], temp, n);
-      if (temp.height != t._itemSize.height || temp.width != t._itemSize.width) {
+      if (
+        temp.height != t._itemSize.height ||
+        temp.width != t._itemSize.width
+      ) {
         t._customSize[n] = t._sizeType ? temp.height : temp.width;
       }
     }