!20241 【4.0-Beta1】翻译完成 19473+19153 changelogs

Merge pull request !20241 from ester.zhou/C4-19473

en/release-notes/changelogs/v4.0-beta1/Readme-EN.md

@@ -8,5 +8,10 @@
 | Multi-language runtime subsystem| Verification enhanced    | [New alarms are added and existing alarms are enhanced along with the upgrade from LLVM 12 to LLVM 15](changelogs-arkcompiler.md)|
 | Multi-language runtime subsystem| Verification enhanced    | [LLVM emu-tls is changed. If you use both LLVM 12 and LLVM 15, the emu-tls symbol cannot be found in libc++.so.](changelogs-arkcompiler.md)|
 | Multi-language runtime subsystem| Verification enhanced    | [New features and internal interface changes in the official release of LLVM 15 are inherited.](changelogs-arkcompiler.md)|
+| ArkUI          | Behavior changed    | [The stack layout issue is fixed.](changelogs-arkui.md)                    |
+| ArkUI          | Default value changed  | [The default state of the scrollbar in the \<List> and \<Gird> components is changed.](changelogs-arkui.md) |
+| ArkUI          | UX changed      | [The hover effect of the \<Button> component is changed from scale-up by 100% to 105% to overlay of 0% to 5% opacity.](changelogs-arkui.md)|
+| ArkUI          | UX changed      | [The alignment mode of multi-line text in toasts is changed from center-aligned to left-aligned.](changelogs-arkui.md)|
 | Bundle management subsystem        | Mechanism changed    | [The HAP is no longer decompressed during HAP installation.](changelogs-bundlemanager.md)|
+| Web            | Input parameter added | [The input parameter type Resource is added for the setResponseData API.](changelogs-web.md) |
 | Resource scheduler subsystem      | Behavior changed    | [The reminder agent allows you to customize buttons for system applications. Clicking a custom button will redirect you to the specified application page.](changelogs-resourceschedule.md)|

en/release-notes/changelogs/v4.0-beta1/changelogs-arkui.md

+# ArkUI Subsystem Changelog
+
+
+## cl.arkui.1 Change in the Default Scrollbar State of \<List> and \<Gird> Components
+
+Changed the default state of the scrollbar in the **\<List>** and **\<Gird>** components from **BarState.Off** to **BarState.Auto**.
+
+**Change Impact**
+
+In the scenario where the scrollbar status is not set in the **\<List>** and **\<Gird>** components:
+
+Before change:
+
+The scrollbar is not displayed.
+
+After change:
+
+The scrollbar is displayed during scrolling and is hidden 2 seconds after the scrolling stops.
+
+**Key API/Component Changes**
+
+**scrollBar** attribute of the **\<List>** and **\<Gird>** components:
+- [List](../../../application-dev/reference/arkui-ts/ts-container-list.md#attributes)
+- [Grid](../../../application-dev/reference/arkui-ts/ts-container-grid.md#attributes)
+
+**Adaptation Guide**
+
+In scenarios where the scrollbar is not required, set the **scrollBar** attribute of the **\<List>** and **\<Gird>** components to **BarState.Off**.
+
+The code snippet is as follows:
+```ts
+// xxx.ets
+@Entry
+@Component
+struct ListItemExample {
+  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+
+  build() {
+    Column() {
+      List({ space: 20, initialIndex: 0 }) {
+        ForEach(this.arr, (item) => {
+          ListItem() {
+            Text('' + item)
+              .width('100%').height(100).fontSize(16)
+              .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)
+          }
+        }, item => item)
+      }
+      .width('90%')
+      .scrollBar(BarState.Off)
+    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
+  }
+}
+```
+
+## cl.arkui.2 Fixing of the Stack Layout Issue
+
+Fixed the issue where child components in the [\<Stack>](../../../application-dev/reference/arkui-ts/ts-container-stack.md) container does not follow the **alignContent** settings when the child components stretch beyond the container.
+Example:
+
+```ts
+@Entry
+@Component
+struct StackExample {
+  build() {
+    Stack({alignContent:Alignment.TopEnd}){
+      Text('First child, show in bottom')
+        .width(200).height(200).backgroundColor(0xd2cab3).margin(10)
+    }.width(150).height(150).backgroundColor(Color.Pink).margin(100)
+  }
+}
+```
+Before: Child components are not arranged based on **alignContent:Alignment.TopEnd**.
+![stack](figures/stack_before.jpg)
+
+After: Child components are arranged based on **alignContent:Alignment.TopEnd**.
+![stack](figures/stack_after.jpg)
+
+
+**Change Impact**
+
+1. When the **\<Stack>** component contains a child component larger than itself, adaptation to the application is required.
+2. The previous workaround – **Offset** and **translate** settings for the child component – must be removed.
+
+**Adaptation Guide**
+
+Remove the **Offset** and **translate** settings for the child component.
+
+##  cl.arkui.3 Change in the \<Button> Component Hover Effect
+
+Changed the hover effect of the **\<Button>** component from scale-up by 100% to 105% to overlay of 0% to 5% opacity. Changed the pressed effect of the component to overlay of 5% to 10% opacity.
+
+**Change Impact**
+
+The visual effect of the **\<Button>** is affected.

en/release-notes/changelogs/v4.0-beta1/changelogs-web.md

+#  Web Subsystem Changelog
+
+Compared with earlier versions, OpenHarmony 4.0.7.3 has the following API changes in its web subsystem:
+
+## cl.web.1 New Input Parameter Type of the setResponseData API
+
+Added the input parameter type **Resource** for the **setResponseData** API.
+
+**Change Impact**
+
+In the scenario where a HAP file is not decompressed, the file path in the HAP does not exist. Under this scenario, to access resources in the HAP file, you must use the input parameter **data:Resource** instead of **data:number**.
+
+**Key API/Component Changes**
+
+- Involved APIs:
+
+  setResponseData
+
+- Before change: 
+
+  ```
+  setResponseData(data: string | number)
+  ```
+
+- After change:
+
+  ```
+  setResponseData(data: string | number | Resource)
+  ```
+
+**Adaptation Guide**
+
+When a HAP file is decompressed, open the hold the FD of the target resource file, and then transfer the resource response data to the kernel through **setResponseData(data:number)**.
+
+```
+// xxx.ets
+import web_webview from '@ohos.web.webview'
+import fileio from '@ohos.fileio';
+
+@Entry
+@Component
+struct WebComponent {
+  controller: web_webview.WebviewController = new web_webview.WebviewController()
+  responseweb: WebResourceResponse = new WebResourceResponse()
+  heads: Header[] = new Array()
+
+  build() {
+    Column() {
+      Web({ src: 'www.example.com', controller: this.controller })
+        .onInterceptRequest((event) => {
+          console.log('url:' + event.request.getRequestUrl())
+          var head1:Header = {
+            headerKey:"Connection",
+            headerValue:"keep-alive"
+          }
+          var head2:Header = {
+            headerKey:"Cache-Control",
+            headerValue:"no-cache"
+          }
+          var length = this.heads.push(head1)
+          length = this.heads.push(head2)
+          this.responseweb.setResponseHeader(this.heads)
+          this.responseweb.setResponseEncoding('utf-8')
+          this.responseweb.setResponseMimeType('text/html')
+          this.responseweb.setResponseCode(200)
+          this.responseweb.setReasonMessage('OK')
+
+          //// fd scheme --start
+          // '/xxx/.../test.html' is the local path of the file.
+          // @ts-ignore
+          let fd = fileio.openSync('/xxx/.../test.html', 0o102, 0o666)
+          this.responseweb.setResponseData(fd)
+          //// fd scheme --end
+
+          return this.responseweb
+        })
+    }
+  }
+}
+```
+
+When a HAP file is decompressed, the file path in the HAP does not exist. In this case, transfer the resource response data to the kernel through **setResponseData(data:Resource)**.
+
+```
+// xxx.ets
+import web_webview from '@ohos.web.webview'
+
+@Entry
+@Component
+struct WebComponent {
+  controller: web_webview.WebviewController = new web_webview.WebviewController()
+  responseweb: WebResourceResponse = new WebResourceResponse()
+  heads: Header[] = new Array()
+
+  build() {
+    Column() {
+      Web({ src: 'www.example.com', controller: this.controller })
+        .onInterceptRequest((event) => {
+          console.log('url:' + event.request.getRequestUrl())
+          var head1:Header = {
+            headerKey:"Connection",
+            headerValue:"keep-alive"
+          }
+          var head2:Header = {
+            headerKey:"Cache-Control",
+            headerValue:"no-cache"
+          }
+          var length = this.heads.push(head1)
+          length = this.heads.push(head2)
+          this.responseweb.setResponseHeader(this.heads)
+          this.responseweb.setResponseEncoding('utf-8')
+          this.responseweb.setResponseMimeType('text/html')
+          this.responseweb.setResponseCode(200)
+          this.responseweb.setReasonMessage('OK')
+          
+          //// Resource scheme --start
+          // Specify the target file in the rawfile directory of the HAP file.
+          this.responseweb.setResponseData($rawfile('test.html'))
+          //// Resource scheme --end
+
+          return this.responseweb
+        })
+    }
+  }
+}
+```