From 9dffe41e3fd95a85b64af7bffb1dd7e2ad7adc4c Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Sat, 20 Apr 2024 11:42:30 +0800
Subject: [PATCH] refactor(component instance): nextTick

---
 pages.json                                    |   7 --
 .../nextTick-function/child.uvue              | 100 ------------------
 .../nextTick-function.test.js                 |  39 -------
 .../nextTick-function/nextTick-function.uvue  |  98 -----------------
 4 files changed, 244 deletions(-)
 delete mode 100644 pages/component-instance/nextTick-function/child.uvue
 delete mode 100644 pages/component-instance/nextTick-function/nextTick-function.test.js
 delete mode 100644 pages/component-instance/nextTick-function/nextTick-function.uvue

diff --git a/pages.json b/pages.json
index d6b2ba5..b8fd449 100644
--- a/pages.json
+++ b/pages.json
@@ -377,13 +377,6 @@
         "navigationBarTitleText": "nextTick"
       }
     },
-
-    {
-      "path": "pages/component-instance/nextTick-function/nextTick-function",
-      "style": {
-        "navigationBarTitleText": "$nextTick()"
-      }
-    },
     {
       "path": "pages/component-instance/methods/call-method-uni-element-options",
       "style": {
diff --git a/pages/component-instance/nextTick-function/child.uvue b/pages/component-instance/nextTick-function/child.uvue
deleted file mode 100644
index 1867409..0000000
--- a/pages/component-instance/nextTick-function/child.uvue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <view class="page">
-    <view class="rect" :style="{width: width + 'px', height: height + 'px'}">child component</view>
-    <view class="row"></view>
-    <view class="row">
-      <text ref="text">$nextTick Before Width:</text>
-      <text>{{nextTickBeforeWidth}}</text>
-    </view>
-    <view class="row">
-      <text ref="text">$nextTick Before Height:</text>
-      <text>{{nextTickBeforeHeight}}</text>
-    </view>
-    <view class="row">
-      <text ref="text">$nextTick After Width:</text>
-      <text>{{nextTickAfterWidth}}</text>
-    </view>
-    <view class="row">
-      <text ref="text">$nextTick After Height:</text>
-      <text>{{nextTickAfterHeight}}</text>
-    </view>
-  </view>
-</template>
-
-<script lang="ts">
-  export default {
-    name: "nextTickChild",
-    data() {
-      return {
-        value: 0,
-        width: 100,
-        height: 100,
-
-        nextTickBeforeWidth: 0,
-        nextTickBeforeHeight: 0,
-        nextTickAfterWidth: 0,
-        nextTickAfterHeight: 0,
-      }
-    },
-    mounted() {
-      this.nextTickCallback()
-      this.nextTickPromise()
-    },
-    methods: {
-      nextTickCallback() : void {
-        this.width = 100
-
-        this.$nextTick(() => {
-          uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-            const rect = ret[0] as NodeInfo
-
-            this.width = 200
-            this.$nextTick(() => {
-              uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-                const newRect = ret[0] as NodeInfo
-                this.nextTickAfterWidth = newRect.width!
-              })
-            })
-
-            this.nextTickBeforeWidth = rect.width!
-          });
-        })
-      },
-      nextTickPromise() : void {
-        this.height = 100
-
-        this.$nextTick().then(() => {
-          uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-            const rect = ret[0] as NodeInfo
-
-            this.height = 200
-            this.$nextTick().then(() => {
-              uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-                const newRect = ret[0] as NodeInfo
-                this.nextTickAfterHeight = newRect.height!
-              })
-            })
-
-            this.nextTickBeforeHeight = rect.height!
-          });
-        })
-      }
-    }
-  }
-</script>
-
-<style>
-  .row {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    margin-bottom: 10px;
-  }
-
-  .rect {
-    background-color: blue;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-</style>
\ No newline at end of file
diff --git a/pages/component-instance/nextTick-function/nextTick-function.test.js b/pages/component-instance/nextTick-function/nextTick-function.test.js
deleted file mode 100644
index 4316f67..0000000
--- a/pages/component-instance/nextTick-function/nextTick-function.test.js
+++ /dev/null
@@ -1,39 +0,0 @@
-const PAGE_PATH = '/pages/component-instance/nextTick-function/nextTick-function'
-
-describe('$nextTick()', () => {
-  let page
-  beforeAll(async () => {
-    page = await program.reLaunch(PAGE_PATH)
-    await page.waitFor(500)
-  })
-
-  it('$nextTick() 回调方式', async () => {
-    const data = await page.data()
-
-    expect(data.nextTickBeforeWidth).toBe(100)
-    expect(data.nextTickAfterWidth).toBe(200)
-  });
-
-  it('$nextTick() Promise方式', async () => {
-    const data = await page.data()
-
-    expect(data.nextTickBeforeHeight).toBe(100)
-    expect(data.nextTickAfterHeight).toBe(200)
-  });
-
-  it('子组件 $nextTick() 回调方式', async () => {
-    const comp = await page.$('.next-tick-child')
-    const data = await comp.data()
-
-    expect(data.nextTickBeforeWidth).toBe(100)
-    expect(data.nextTickAfterWidth).toBe(200)
-  });
-
-  it('子组件 $nextTick() Promise方式', async () => {
-    const comp = await page.$('.next-tick-child')
-    const data = await comp.data()
-
-    expect(data.nextTickBeforeHeight).toBe(100)
-    expect(data.nextTickAfterHeight).toBe(200)
-  });
-})
diff --git a/pages/component-instance/nextTick-function/nextTick-function.uvue b/pages/component-instance/nextTick-function/nextTick-function.uvue
deleted file mode 100644
index ce64699..0000000
--- a/pages/component-instance/nextTick-function/nextTick-function.uvue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <!-- #ifdef APP -->
-  <scroll-view style="flex: 1">
-  <!-- #endif -->
-    <view class="page">
-      <view class="rect" :style="{ width: width + 'px', height: height + 'px' }"></view>
-      <view class="row"></view>
-      <view class="row">
-        <text ref="text">$nextTick Before Width:</text>
-        <text>{{ nextTickBeforeWidth }}</text>
-      </view>
-      <view class="row">
-        <text ref="text">$nextTick Before Height:</text>
-        <text>{{ nextTickBeforeHeight }}</text>
-      </view>
-      <view class="row">
-        <text ref="text">$nextTick After Width:</text>
-        <text>{{ nextTickAfterWidth }}</text>
-      </view>
-      <view class="row">
-        <text ref="text">$nextTick After Height:</text>
-        <text>{{ nextTickAfterHeight }}</text>
-      </view>
-      <next-tick-child class="next-tick-child"></next-tick-child>
-    </view>
-  <!-- #ifdef APP -->
-  </scroll-view>
-  <!-- #endif -->
-</template>
-
-<script lang="ts">
-  import child from './child.uvue'
-
-  export default {
-    components: {
-      nextTickChild: child
-    },
-    data() {
-      return {
-        value: 0,
-        width: 100,
-        height: 100,
-
-        nextTickBeforeWidth: 0,
-        nextTickBeforeHeight: 0,
-        nextTickAfterWidth: 0,
-        nextTickAfterHeight: 0,
-      }
-    },
-    mounted() {
-      this.nextTickCallback()
-      this.nextTickPromise()
-    },
-    methods: {
-      nextTickCallback() : void {
-        this.width = 100
-        uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-          const rect = ret[0] as NodeInfo
-          this.width = 200
-          this.$nextTick(() => {
-            uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-              const newRect = ret[0] as NodeInfo
-              this.nextTickAfterWidth = newRect.width!
-            })
-          })
-          this.nextTickBeforeWidth = rect.width!
-        });
-      },
-      nextTickPromise() : void {
-        this.height = 100
-        uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-          const rect = ret[0] as NodeInfo
-          this.height = 200
-          this.$nextTick().then(() => {
-            uni.createSelectorQuery().in(this).select('.rect').boundingClientRect(null).exec((ret : Array<any>) => {
-              const newRect = ret[0] as NodeInfo
-              this.nextTickAfterHeight = newRect.height!
-            })
-          })
-          this.nextTickBeforeHeight = rect.height!
-        });
-      }
-    }
-  }
-</script>
-
-<style>
-  .row {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    margin-bottom: 10px;
-  }
-
-  .rect {
-    background-color: red;
-  }
-</style>
\ No newline at end of file
-- 
GitLab