From 4b6775c90e3103a4818f9c7394157feb79367de3 Mon Sep 17 00:00:00 2001
From: "ester.zhou" <ester.zhou@huawei.com>
Date: Wed, 9 Mar 2022 17:12:49 +0800
Subject: [PATCH 1/4] update readme

Signed-off-by: ester.zhou <ester.zhou@huawei.com>
---
 .../reference/arkui-ts/Readme-EN.md           | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/en/application-dev/reference/arkui-ts/Readme-EN.md b/en/application-dev/reference/arkui-ts/Readme-EN.md
index 7924866850f..1d6f1dcd5e0 100644
--- a/en/application-dev/reference/arkui-ts/Readme-EN.md
+++ b/en/application-dev/reference/arkui-ts/Readme-EN.md
@@ -52,17 +52,20 @@
         -   [Gauge](ts-basic-components-gauge.md)
         -   [Image](ts-basic-components-image.md)
         -   [ImageAnimator](ts-basic-components-imageanimator.md)
+        -   [LoadingProgress](ts-basic-components-loadingprogress.md)
         -   [Marquee](ts-basic-components-marquee.md)
         -   [Progress](ts-basic-components-progress.md)
         -   [QRCode](ts-basic-components-qrcode.md)
         -   [Rating](ts-basic-components-rating.md)
-        -   [Span](ts-basic-components-span.md)
+        -   [Select](ts-basic-components-select.md)
         -   [Slider](ts-basic-components-slider.md)
+        -   [Span](ts-basic-components-span.md)
         -   [Text](ts-basic-components-text.md)
         -   [TextArea](ts-basic-components-textarea.md)
-        -   [TextInput](ts-basic-components-textinput.md)
+-   [TextInput](ts-basic-components-textinput.md)
         -   [Toggle](ts-basic-components-toggle.md)
-
+        -   [TextClock](ts-basic-components-textclock.md)
+        
     -   [Container Components](ts-components-container.md)
         -   [AlphabetIndexer](ts-container-alphabet-indexer.md)
         -   [Badge](ts-container-badge.md)
@@ -85,30 +88,30 @@
         -   [Stack](ts-container-stack.md)
         -   [Swiper](ts-container-swiper.md)
         -   [Tabs](ts-container-tabs.md)
-        -   [TabContent](ts-container-tabcontent.md)
+    -   [TabContent](ts-container-tabcontent.md)
         -   [Stepper](ts-container-stepper.md)
         -   [StepperItem](ts-container-stepperitem.md)
-
+    
     -   [Drawing Components](ts-drawing-components.md)
         -   [Circle](ts-drawing-components-circle.md)
         -   [Ellipse](ts-drawing-components-ellipse.md)
         -   [Line](ts-drawing-components-line.md)
         -   [Polyline](ts-drawing-components-polyline.md)
         -   [Polygon](ts-drawing-components-polygon.md)
-        -   [Path](ts-drawing-components-path.md)
+    -   [Path](ts-drawing-components-path.md)
         -   [Rect](ts-drawing-components-rect.md)
         -   [Shape](ts-drawing-components-shape.md)
-
+    
     -   [Canvas Components](ts-components-canvas.md)
         -   [Canvas](ts-components-canvas-canvas.md)
         -   [CanvasRenderingContext2D](ts-canvasrenderingcontext2d.md)
         -   [OffscreenCanvasRenderingConxt2D](ts-offscreencanvasrenderingcontext2d.md)
         -   [Lottie](ts-components-canvas-lottie.md)
         -   [Path2D](ts-components-canvas-path2d.md)
-        -   [CanvasGradient](ts-components-canvas-canvasgradient.md)
+    -   [CanvasGradient](ts-components-canvas-canvasgradient.md)
         -   [ImageBitmap](ts-components-canvas-imagebitmap.md)
         -   [ImageData](ts-components-canvas-imagedata.md)
-
+    
 -   [Animation](ts-animation.md)
     -   [Attribute Animation](ts-animatorproperty.md)
     -   [Explicit Animation](ts-explicit-animation.md)
-- 
Gitee


From 2743cc7eabf01151e39b0a3766ef44216baef0da Mon Sep 17 00:00:00 2001
From: "ester.zhou" <ester.zhou@huawei.com>
Date: Wed, 9 Mar 2022 17:17:40 +0800
Subject: [PATCH 2/4] update readme

Signed-off-by: ester.zhou <ester.zhou@huawei.com>
---
 en/application-dev/reference/arkui-ts/Readme-EN.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/en/application-dev/reference/arkui-ts/Readme-EN.md b/en/application-dev/reference/arkui-ts/Readme-EN.md
index 1d6f1dcd5e0..38d0248e35c 100644
--- a/en/application-dev/reference/arkui-ts/Readme-EN.md
+++ b/en/application-dev/reference/arkui-ts/Readme-EN.md
@@ -62,10 +62,10 @@
         -   [Span](ts-basic-components-span.md)
         -   [Text](ts-basic-components-text.md)
         -   [TextArea](ts-basic-components-textarea.md)
--   [TextInput](ts-basic-components-textinput.md)
+        -   [TextInput](ts-basic-components-textinput.md)
         -   [Toggle](ts-basic-components-toggle.md)
         -   [TextClock](ts-basic-components-textclock.md)
-        
+    
     -   [Container Components](ts-components-container.md)
         -   [AlphabetIndexer](ts-container-alphabet-indexer.md)
         -   [Badge](ts-container-badge.md)
@@ -111,7 +111,6 @@
     -   [CanvasGradient](ts-components-canvas-canvasgradient.md)
         -   [ImageBitmap](ts-components-canvas-imagebitmap.md)
         -   [ImageData](ts-components-canvas-imagedata.md)
-    
 -   [Animation](ts-animation.md)
     -   [Attribute Animation](ts-animatorproperty.md)
     -   [Explicit Animation](ts-explicit-animation.md)
@@ -132,5 +131,6 @@
     -   [List Selection Dialog Box](ts-methods-action-sheet.md)
 
 -   [Appendix](ts-appendix.md)
+    
     -   [Built-in Enums](ts-appendix-enums.md)
 
-- 
Gitee


From 66bedba43dce52e9963f9f6ed44701469fc48fde Mon Sep 17 00:00:00 2001
From: "ester.zhou" <ester.zhou@huawei.com>
Date: Wed, 9 Mar 2022 17:23:56 +0800
Subject: [PATCH 3/4] add docs

Signed-off-by: ester.zhou <ester.zhou@huawei.com>
---
 .../reference/arkui-ts/figures/refresh.gif    | Bin 0 -> 21315 bytes
 .../arkui-ts/ts-container-refresh.md          |  80 ++++++++++++++++++
 2 files changed, 80 insertions(+)
 create mode 100644 en/application-dev/reference/arkui-ts/figures/refresh.gif
 create mode 100644 en/application-dev/reference/arkui-ts/ts-container-refresh.md

diff --git a/en/application-dev/reference/arkui-ts/figures/refresh.gif b/en/application-dev/reference/arkui-ts/figures/refresh.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f7796bdc1286c55b3853d52cf0f81d84cec6e8d4
GIT binary patch
literal 21315
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
S66Iq~JodKiRd__U=YIe>bxU#p

literal 0
HcmV?d00001

diff --git a/en/application-dev/reference/arkui-ts/ts-container-refresh.md b/en/application-dev/reference/arkui-ts/ts-container-refresh.md
new file mode 100644
index 00000000000..fefd46e33b5
--- /dev/null
+++ b/en/application-dev/reference/arkui-ts/ts-container-refresh.md
@@ -0,0 +1,80 @@
+# Refresh
+
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.
+
+The **<Refresh\>** component is used to refresh a page through a pull-down gesture.
+
+## Required Permissions
+
+None
+
+## Child Components
+
+This component supports only one child component.
+
+## APIs
+
+Refresh\(value: \{refreshing: boolean, offset?: Length, friction?: number\}\)
+
+- Parameters
+
+  | Name| Value Type| Mandatory| Default Value| Description|
+  | -------- | -------- | -------- | -------- | -------- |
+  | refreshing | boolean | Yes| - | Whether the current component is being refreshed.|
+  | offset | Length | No| 16 | Distance to the top of the parent component from the **<Refresh\>** component that comes to rest after a successful pull-down gesture.|
+  | friction | number | No| 62 | Coefficient of friction, which indicates the **<Refresh\>** component's sensitivity to the pull-down gesture. The value ranges from 0 to 100. <br/>-&nbsp;**0** indicates that the **<Refresh\>** component is not sensitive to the pull-down gesture. <br/>-&nbsp;**100** indicates that the **<Refresh\>** component is highly sensitive to the pull-down gesture. <br/>-&nbsp;A larger value indicates a more sensitive response of the **<Refresh\>** component to the pull-down gesture.|
+
+
+
+## Events
+
+
+| Name| Description|
+| -------- | -------- |
+| onStateChange(callback: (state: RefreshStatus) => void)| Triggered when the refresh status changes. <br/>**state** indicates the refresh status.|
+| onRefreshing(callback: () => void)| Triggered when the component enters the refresh state.|
+
+- RefreshStatus enums
+
+  | Name| Description|
+  | -------- | -------- |
+  | Inactive | The component is not pulled down. This is the default value.|
+  | Drag | The component is being pulled down, but the pulled distance is shorter than the minimum length required to trigger the refresh.|
+  | OverDrag | The component is being pulled down, and the pulled distance exceeds the minimum length required to trigger the refresh.|
+  | Refresh | The pull-down ends, and the component rebounds to the minimum length required to trigger the refresh and enters the refresh state.|
+  | Done | The refresh is complete, and the component returns to the initial state (top).|
+
+
+## Example
+
+```
+@Entry
+@Component
+struct RefreshExample {
+  @State isRefreshing: boolean = false
+  @State counter: number = 0
+
+  build() {
+    Column() {
+      Refresh({refreshing: this.isRefreshing, offset: 120, friction: 100}) {
+        Text('Pull Down and refresh: ' + this.counter)
+          .fontSize(30)
+          .margin(10)
+      }
+      .onStateChange((refreshStatus: RefreshStatus) => {
+        console.info('Refresh onStatueChange state is ' + refreshStatus)
+      })
+      .onRefreshing(() => {
+        setTimeout(() => {
+          this.counter++
+          this.isRefreshing = false
+        }, 1000)
+        console.log('onRefreshing test')
+      })
+    }
+  }
+}
+```
+
+![](figures/refresh.gif)
-- 
Gitee


From 4813c95e2e28c4b88378bc70a9412e3c47b33ca1 Mon Sep 17 00:00:00 2001
From: "ester.zhou" <ester.zhou@huawei.com>
Date: Wed, 9 Mar 2022 17:30:34 +0800
Subject: [PATCH 4/4] update readme

Signed-off-by: ester.zhou <ester.zhou@huawei.com>
---
 en/application-dev/reference/arkui-ts/Readme-EN.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/application-dev/reference/arkui-ts/Readme-EN.md b/en/application-dev/reference/arkui-ts/Readme-EN.md
index 38d0248e35c..775bd3d067c 100644
--- a/en/application-dev/reference/arkui-ts/Readme-EN.md
+++ b/en/application-dev/reference/arkui-ts/Readme-EN.md
@@ -88,11 +88,11 @@
         -   [Stack](ts-container-stack.md)
         -   [Swiper](ts-container-swiper.md)
         -   [Tabs](ts-container-tabs.md)
-    -   [TabContent](ts-container-tabcontent.md)
-        -   [Stepper](ts-container-stepper.md)
-        -   [StepperItem](ts-container-stepperitem.md)
-    
+        -   [TabContent](ts-container-tabcontent.md)
+        
+        -   [Refresh](ts-container-refresh.md)
     -   [Drawing Components](ts-drawing-components.md)
+        
         -   [Circle](ts-drawing-components-circle.md)
         -   [Ellipse](ts-drawing-components-ellipse.md)
         -   [Line](ts-drawing-components-line.md)
-- 
Gitee