diff --git a/zh-cn/application-dev/ui/state-management/arkts-appstorage.md b/zh-cn/application-dev/ui/state-management/arkts-appstorage.md index a7334c66321d2aa8dab4db47c07e83c92d0bcea6..1da83dc92df6c02dd187c08860699356277b3dc7 100644 --- a/zh-cn/application-dev/ui/state-management/arkts-appstorage.md +++ b/zh-cn/application-dev/ui/state-management/arkts-appstorage.md @@ -523,7 +523,7 @@ export struct TapImage { ```ts @Component -struct StorLink { +struct StorageLinkComponent { @StorageLink("LinkA") LinkA: number | null = null; @StorageLink("LinkB") LinkB: number | undefined = undefined; @@ -543,7 +543,7 @@ struct StorLink { } @Component -struct StorProp { +struct StoragePropComponent { @StorageProp("PropA") PropA: number | null = null; @StorageProp("PropB") PropB: number | undefined = undefined; @@ -567,8 +567,8 @@ struct Index { build() { Row() { Column() { - StorLink() - StorProp() + StorageLinkComponent() + StoragePropComponent() } .width('100%') } diff --git a/zh-cn/application-dev/ui/state-management/arkts-builderparam.md b/zh-cn/application-dev/ui/state-management/arkts-builderparam.md index f6d89ee84ceb76972fb0edb3570f6717b7e20875..595f9958851712277b2d2c30b1aa6a0233765536 100755 --- a/zh-cn/application-dev/ui/state-management/arkts-builderparam.md +++ b/zh-cn/application-dev/ui/state-management/arkts-builderparam.md @@ -487,6 +487,8 @@ struct HelloWorldPage { } ``` +**图5** 示例效果图 + ![builderparam-demo7](figures/builderparam-demo7.gif) ### 使用全局和局部\@Builder初始化\@BuilderParam @@ -567,7 +569,7 @@ struct ParentPage { } } ``` -**图5** 示例效果图 +**图6** 示例效果图 ![builderparam-demo5](figures/builderparam-demo5.png) @@ -649,7 +651,7 @@ struct ParentPage { } } ``` -**图6** 示例效果图 +**图7** 示例效果图 ![builderparam-demo6](figures/builderparam-demo6.png) diff --git a/zh-cn/application-dev/ui/state-management/arkts-environment.md b/zh-cn/application-dev/ui/state-management/arkts-environment.md index 81412e2494bfe93ac725faa00dbe0128d6c4f2e6..7f985927990488b5d26d01622a907bee9e96c5cf 100644 --- a/zh-cn/application-dev/ui/state-management/arkts-environment.md +++ b/zh-cn/application-dev/ui/state-management/arkts-environment.md @@ -89,13 +89,13 @@ import { window } from '@kit.ArkUI'; export default class EntryAbility extends UIAbility { onWindowStageCreate(windowStage: window.WindowStage) { windowStage.loadContent('pages/Index'); - let window = windowStage.getMainWindow() + let window = windowStage.getMainWindow(); window.then(window => { - let uicontext = window.getUIContext() - uicontext.runScopedTask(() => { + let uiContext = window.getUIContext(); + uiContext.runScopedTask(() => { Environment.envProp('languageCode', 'en'); - }) - }) + }); + }); } } ``` \ No newline at end of file diff --git a/zh-cn/application-dev/ui/state-management/arkts-localstorage.md b/zh-cn/application-dev/ui/state-management/arkts-localstorage.md index 31dbef8febfcea8cc8944094cc9e08bbafd9a863..e93c02cb7ad99ddf299b9a7d27ea33acc970437f 100644 --- a/zh-cn/application-dev/ui/state-management/arkts-localstorage.md +++ b/zh-cn/application-dev/ui/state-management/arkts-localstorage.md @@ -897,7 +897,7 @@ struct NavigationContentMsgStack { ```ts @Component -struct LocalStorLink { +struct LocalStorageLinkComponent { @LocalStorageLink("LinkA") LinkA: number | null = null; @LocalStorageLink("LinkB") LinkB: number | undefined = undefined; @@ -917,7 +917,7 @@ struct LocalStorLink { } @Component -struct LocalStorProp { +struct LocalStoragePropComponent { @LocalStorageProp("PropA") PropA: number | null = null; @LocalStorageProp("PropB") PropB: number | undefined = undefined; @@ -944,8 +944,8 @@ struct Index { build() { Row() { Column() { - LocalStorLink() - LocalStorProp() + LocalStorageLinkComponent() + LocalStoragePropComponent() } .width('100%') } diff --git a/zh-cn/application-dev/ui/state-management/arkts-new-Computed.md b/zh-cn/application-dev/ui/state-management/arkts-new-Computed.md index 86f564b6a61a5af4240b4c129488ca5c38e3d1b7..bf9156706adf4f8df4120634681acdb2ee23def0 100644 --- a/zh-cn/application-dev/ui/state-management/arkts-new-Computed.md +++ b/zh-cn/application-dev/ui/state-management/arkts-new-Computed.md @@ -89,7 +89,7 @@ struct Page { this.showFullNameRequestCount = this.fullNameRequestCount; }) } - }, + } } ``` diff --git a/zh-cn/application-dev/ui/state-management/arkts-new-monitor.md b/zh-cn/application-dev/ui/state-management/arkts-new-monitor.md index f70be2b79c75f6cb4d1cd6dbad907de984fe20e7..b9084d95344a788b9a543ac48cce42f519b469a2 100644 --- a/zh-cn/application-dev/ui/state-management/arkts-new-monitor.md +++ b/zh-cn/application-dev/ui/state-management/arkts-new-monitor.md @@ -454,31 +454,34 @@ struct Index { ```ts @ObservedV2 -class Frequence { +class Frequency { @Trace count: number = 0; + @Monitor("count") onCountChange(monitor: IMonitor) { console.info(`count change from ${monitor.value()?.before} to ${monitor.value()?.now}`); } } + @Entry @ComponentV2 struct Index { - frequence: Frequence = new Frequence(); + frequency: Frequency = new Frequency(); + build() { Column() { Button("change count to 1000") .onClick(() => { for (let i = 1; i <= 1000; i++) { - this.frequence.count = i; + this.frequency.count = i; } }) Button("change count to 0 then to 1000") .onClick(() => { for (let i = 999; i >= 0; i--) { - this.frequence.count = i; + this.frequency.count = i; } - this.frequence.count = 1000; // 最终不触发onCountChange方法 + this.frequency.count = 1000; // 最终不触发onCountChange方法 }) } } diff --git a/zh-cn/application-dev/ui/state-management/arkts-reusable.md b/zh-cn/application-dev/ui/state-management/arkts-reusable.md index c1b26e1ed1c4ba03a8b583557376bf87c73eac01..f3b37be7800e37bfab86dfe72586ae1ee623e759 100644 --- a/zh-cn/application-dev/ui/state-management/arkts-reusable.md +++ b/zh-cn/application-dev/ui/state-management/arkts-reusable.md @@ -52,7 +52,7 @@ export struct Crash { @Component struct Index { @State message: string = 'Hello World'; - private uicontext = this.getUIContext(); + private uiContext = this.getUIContext(); build() { RelativeContainer() { @@ -65,9 +65,9 @@ struct Index { middle: { anchor: '__container__', align: HorizontalAlign.Center } }) .onClick(() => { - let contentNode = new ComponentContent(this.uicontext, wrapBuilder(buildCreativeLoadingDialog), () => { + let contentNode = new ComponentContent(this.uiContext, wrapBuilder(buildCreativeLoadingDialog), () => { }); - this.uicontext.getPromptAction().openCustomDialog(contentNode); + this.uiContext.getPromptAction().openCustomDialog(contentNode); }) } .height('100%') @@ -282,7 +282,7 @@ export struct Crash { @Component struct Index { @State message: string = 'Hello World'; - private uicontext = this.getUIContext(); + private uiContext = this.getUIContext(); build() { RelativeContainer() { @@ -296,9 +296,9 @@ struct Index { }) .onClick(() => { // ComponentContent底层是buildNode,buildNode不支持传入@Reusable注解的自定义组件。 - let contentNode = new ComponentContent(this.uicontext, wrapBuilder(buildCreativeLoadingDialog), () => { + let contentNode = new ComponentContent(this.uiContext, wrapBuilder(buildCreativeLoadingDialog), () => { }); - this.uicontext.getPromptAction().openCustomDialog(contentNode); + this.uiContext.getPromptAction().openCustomDialog(contentNode); }) } .height('100%')