diff --git a/zh-cn/application-dev/quick-start/arkts-basic-ui-description.md b/zh-cn/application-dev/quick-start/arkts-basic-ui-description.md
index c16d49076c63b0b8cbe4e9dec50e7411898a1e84..3341be6a8e10e3ac557f06fd1bf7cc961d1d413d 100644
--- a/zh-cn/application-dev/quick-start/arkts-basic-ui-description.md
+++ b/zh-cn/application-dev/quick-start/arkts-basic-ui-description.md
@@ -144,7 +144,7 @@ Text(`count: ${this.count}`)
   ...
 
   Button('add counter')
-    .onClick(this.myClickHandler)
+    .onClick(this.myClickHandler.bind(this))
   ```
 
 ### 子组件配置
diff --git a/zh-cn/application-dev/quick-start/start-with-ets-fa.md b/zh-cn/application-dev/quick-start/start-with-ets-fa.md
index b57284c4d4b4d9c43fb58d345d29adb55c720b1a..c7248ea8c98565038505a58391d26ab9353c7fc9 100644
--- a/zh-cn/application-dev/quick-start/start-with-ets-fa.md
+++ b/zh-cn/application-dev/quick-start/start-with-ets-fa.md
@@ -223,7 +223,7 @@
            .height('5%')
            // 跳转按钮绑定onClick事件，点击时跳转到第二页
            .onClick(() => {
-             router.push({ url: 'pages/second' })
+             router.pushUrl({ url: 'pages/second' })
            })
          }
          .width('100%')
diff --git a/zh-cn/application-dev/quick-start/start-with-ets-stage.md b/zh-cn/application-dev/quick-start/start-with-ets-stage.md
index 95e548d8009c18c20328d6afa904883602499e12..344a02a8034ca201db21f7207006c939a8d4bbc6 100644
--- a/zh-cn/application-dev/quick-start/start-with-ets-stage.md
+++ b/zh-cn/application-dev/quick-start/start-with-ets-stage.md
@@ -216,7 +216,7 @@
            .height('5%')
            // 跳转按钮绑定onClick事件，点击时跳转到第二页
            .onClick(() => {
-             router.push({ url: 'pages/Second' })
+             router.pushUrl({ url: 'pages/Second' })
            })
          }
          .width('100%')
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
index 4921a3c4eb0446567ae16b27aaa994820fd55542..dfc0166cda7736f2bc2ffe55652700e8ca8e61d3 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
@@ -125,16 +125,16 @@
    
    ```js
    // xxx.js
-   import prompt from '@system.prompt'
+   import promptAction from '@ohos.promptAction'
    export default {
      change(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: "value: " + e.value,
          duration: 3000,
        });
      },
      enterkeyClick(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: "enterkey clicked",
          duration: 3000,
        });
@@ -192,10 +192,10 @@
 
    ```js
    // xxx.js
-   import prompt from '@system.prompt'
+   import promptAction from '@ohos.promptAction'
    export default {
      checkboxOnChange(e) {
-       prompt.showToast({
+       promptAction.showToast({
          message:'checked: ' + e.checked,
          duration: 3000,
        });
@@ -227,11 +227,11 @@
 
    ```js
    // xxx.js
-   import prompt from '@system.prompt'
+   import promptAction from '@ohos.promptAction'
    export default {
      onRadioChange(inputValue, e) {
        if (inputValue === e.value) {
-         prompt.showToast({
+         promptAction.showToast({
            message: 'The chosen radio is ' + e.value,
            duration: 3000,
          });
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-menu.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-menu.md
index 8dbbcf2f8a93578bf1089d6d0da5db34e7aba93f..5438d904caeca0d6133b9deebb20063e683ab4a1 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-menu.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-menu.md
@@ -90,10 +90,10 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   onMenuSelected(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: e.value
     })
   },
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-picker.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-picker.md
index ae142ab4eef9c42886d9cf1d52b2f12571376f8a..9d1294593daf417e07abfb38e28f91a0cc5c0b46 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-picker.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-picker.md
@@ -223,8 +223,7 @@ select {
 
 ```js
 // xxx.js
-import router from '@system.router';
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 
 export default {
     data: {
@@ -252,63 +251,63 @@ export default {
     },
     textonchange(e) {
         this.textvalue = e.newValue;
-        prompt.showToast({
+        promptAction.showToast({
             message: "text:" + e.newValue + ",newSelected:" + e.newSelected
         })
     },
     textoncancel(e) {
-        prompt.showToast({
+        promptAction.showToast({
             message: "text: textoncancel"
         })
     },
     dateonchange(e) {
         this.datevalue = e.year + "-" + e.month + "-" + e.day;
-        prompt.showToast({
+        promptAction.showToast({
             message: "date:" + e.year + "-" + (e.month + 1) + "-" + e.day
         })
     },
     dateoncancel() {
-        prompt.showToast({
+        promptAction.showToast({
             message: "date: dateoncancel"
         })
     },
     timeonchange(e) {
         if (this.containsecond) {
             this.timevalue = e.hour + ":" + e.minute + ":" + e.second;
-            prompt.showToast({
+            promptAction.showToast({
                 message: "Time:" + e.hour + ":" + e.minute + ":" + e.second
             })
         } else {
             this.timevalue = e.hour + ":" + e.minute;
-            prompt.showToast({
+            promptAction.showToast({
                 message: "Time:" + e.hour + ":" + e.minute
             })
         }
     },
     timeoncancel() {
-        prompt.showToast({
+        promptAction.showToast({
             message: "timeoncancel"
         })
     },
     datetimeonchange(e) {
         this.datetimevalue = e.year + "-" + e.month + "-" + e.day + " " + e.hour + ":" + e.minute;
-        prompt.showToast({
+        promptAction.showToast({
             message: "Time:" + (e.month + 1) + "-" + e.day + " " + e.hour + ":" + e.minute
         })
     },
     datetimeoncancel() {
-        prompt.showToast({
+        promptAction.showToast({
             message: "datetimeoncancel"
         })
     },
     multitextonchange(e) {
         this.multitextvalue = e.newValue;
-        prompt.showToast({
+        promptAction.showToast({
             message: "Multi-column text change" + e.newValue
         })
     },
     multitextoncancel() {
-        prompt.showToast({
+        promptAction.showToast({
             message: "multitextoncancel"
         })
     },
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md
index 9b5ca80dad91643db51186e612321f9cae815af3..d094414014cb8822e91f9dfe62881007534d459b 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md
@@ -83,10 +83,10 @@ rating {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
     changeRating(e){
-        prompt.showToast({
+        promptAction.showToast({
             message: e.rating
         });
     }
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-switch.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-switch.md
index 85e5663f4fde1e2bcee5926713ccd087516f0202..f6bbf52a6f1bb5fc53d4703b3a0ba6e18a2da134 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-switch.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-switch.md
@@ -91,7 +91,7 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
     data: {
         title: 'World'
@@ -109,11 +109,11 @@ export default {
     },
     normalswitchChange(e) {
         if (e.checked) {
-            prompt.showToast({
+            promptAction.showToast({
                 message: "switch on"
             });
         } else {
-            prompt.showToast({
+            promptAction.showToast({
                 message: "switch off"
             });
         }
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-textarea.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-textarea.md
index 45956db17b2353172c0175151994d1a8e0bd5d47..2285113317b7fe4573342b950a6b3bfa94a166ec 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-textarea.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-textarea.md
@@ -95,10 +95,10 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
 change(e){
-  prompt.showToast({
+  promptAction.showToast({
     message: 'value: ' + e.text + ', lines: ' + e.lines + ', height: ' + e.height,
     duration: 3000,
   });
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagedata.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagedata.md
index 5ef669b46283593485330c7fb41b6bd171cd7406..894a409013ce894e1287baceb83507a8e0e4112d 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagedata.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagedata.md
@@ -26,14 +26,14 @@ ImageData对象可以存储canvas渲染的像素数据。
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   onShow() {
     const el =this.$refs.canvas;
     const ctx = el.getContext('2d');
     ctx.fillRect(0,0,200,200)
     var imageData = ctx.createImageData(1,1)
-    prompt.showToast({
+    promptAction.showToast({
       message:imageData,
       duration:5000
     })
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md
index 9087710e1ac8b5a25fb852c3c17f08b9bf27d111..3d7409df287240e3358c69d842b635dfad2346e1 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md
@@ -138,7 +138,7 @@ button{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default{
   data:{
     animation:'',
@@ -161,19 +161,19 @@ export default{
     this.animation = this.$element('idName').animate(frames, options);
     // handle finish event
     this.animation.onfinish = function(){
-      prompt.showToast({
+      promptAction.showToast({
         message: "The animation is finished."
       });
     };
     // handle cancel event
     this.animation.oncancel = function(){
-      prompt.showToast({
+      promptAction.showToast({
         message: "The animation is canceled."
       });
     };
     // handle repeat event
     this.animation.onrepeat = function(){
-       prompt.showToast({
+       promptAction.showToast({
           message: "The animation is repeated."
        });
     };
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
index 0921eaa35c63df9e8d52346c054c573921438b6c..b519380b9c126ea0255d94c04ebf90881bbabddb 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
@@ -257,7 +257,7 @@ Page1有一个不透明盒子，点击盒子会跳转到Page2，当点击Page2
    </div>
    ```
 
-   ```css
+   ```js
    // xxx.js
    import router from '@ohos.router';
    export default {
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md
index 0841767ae2a054395cef5e0567b88ff60124b6e5..8c386bb728b47e656af744e80d1d72b56baa1456 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md
@@ -130,30 +130,30 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   showDialog() {
     this.$element('simpledialog').show()
   },
   cancelDialog() {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Dialog cancelled'
     })
   },
   cancelSchedule() {
     this.$element('simpledialog').close()
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Successfully cancelled'
     })
   },
   setSchedule() {
     this.$element('simpledialog').close()
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Successfully confirmed'
     })
   },
   doubleclick(){
-    prompt.showToast({
+    promptAction.showToast({
       message: 'doubleclick'
     })
   }
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md
index 47802a8d39e69e77179d7e22df1ea5a2d67a158d..1525f5c29e6112eef50fe60253206e1002fdb4a1 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md
@@ -252,29 +252,29 @@
    ```
 
    ```css
-  /* xxx.css */
-  .container {
+    /* xxx.css */
+    .container {
     flex-direction: column;
     width: 100%;
     height: 100%;
-  }
-  .content {
+    }
+    .content {
     width: 200px;
     height: 200px;
     background-color: red;
-  }
+    }
    ```
 
    ```js
    // xxx.js
-   import prompt from '@system.prompt';
+   import promptAction from '@ohos.promptAction';
    export default {
      data:{
        left:0,
        top:0,
      },
      dragstart(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'Start to be dragged'
        })
      },
@@ -283,7 +283,7 @@
        this.top = e.globalY;
      },
      dragend(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'End Drag'
        })
      }
@@ -320,7 +320,7 @@
 
    ```js
    // xxx.js
-   import prompt from '@system.prompt';
+   import promptAction from '@ohos.promptAction';
    export default {
      data:{
        left:0,
@@ -331,22 +331,22 @@
        this.top = e.globalY;
      },
      dragenter(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'enter'
        })
      },
      dragover(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'over'
        })
      },
      dragleave(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'leave'
        })
      },
      drop(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'drop'
        })
      }
@@ -384,25 +384,25 @@
 
    ```js
    // xxx.js
-   import prompt from '@system.prompt';
+   import promptAction from '@ohos.promptAction';
    export default {
      pinchstart(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'pinchstart!!!'
        })
      },
      pinchupdate(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'Two-finger pinch update'
        })
      },
      pinchend(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'Finished with two fingers pinching'
        })
      },
      pinchcancel(e){
-       prompt.showToast({
+       promptAction.showToast({
          message: 'Finger pinching is interrupted'
        })
      }
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md
index f92a9bd39cdd76364373a5ad2b44e127dab709d8..1fdb3cbdc86883d35884ff080e716f66407c777c 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md
@@ -123,7 +123,7 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     direction: 'column',
@@ -157,12 +157,12 @@ export default {
     this.$element('mylist').expandGroup()
   },
   collapse(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Close ' + e.groupid
     })
   },
   expand(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Open ' + e.groupid
     })
   }
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-popup.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-popup.md
index 2e9d58638dcbc075fcec859de6cfc0fa72ac3d0b..4736454e1b2790d00c0c8056bb1ce8f4fe4c76a7 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-container-popup.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-popup.md
@@ -110,10 +110,10 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt'
+import promptAction from '@ohos.promptAction'
 export default {
   visibilitychange(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'visibility change visibility: ' + e.visibility,
         duration: 3000
     }); 
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-refresh.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-refresh.md
index 08011bdf1d4bb1e15445410a74a3b90a1f664f18..24a2bdce9188405a42b4184d37c1932d30499240 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-container-refresh.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-refresh.md
@@ -106,7 +106,7 @@
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     list:[],
@@ -120,7 +120,7 @@ export default {
     }
   },
   refresh: function (e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '刷新中...'
     })
     var that = this;
@@ -129,7 +129,7 @@ export default {
       that.fresh = false;
       var addItem = '更新元素';
       that.list.unshift(addItem);
-      prompt.showToast({
+      promptAction.showToast({
         message: '刷新完成!'
       })
     }, 2000)
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-grid-col.md b/zh-cn/application-dev/reference/arkui-js/js-components-grid-col.md
index 639aab73dcb1ebc8484f99377affa6f9b10c5751..71e2d3df5ecccfe112058517f5d0b3c5ca3df0bb 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-grid-col.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-grid-col.md
@@ -92,11 +92,11 @@ grid-col是栅格布局容器grid-row的子容器组件。
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   getCol(e) {
     this.$element('mygrid').getColumns(function (result) {
-      prompt.showToast({
+      promptAction.showToast({
         message: e.target.id + ' result = ' + result,
         duration: 3000,
       });
@@ -104,7 +104,7 @@ export default {
   },
   getColWidth(e) {
     this.$element('mygrid').getColumnWidth(function (result) {
-      prompt.showToast({
+      promptAction.showToast({
         message: e.target.id + ' result = ' + result,
         duration: 3000,
       });
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
index 85cef5202529f9a5fde1ef1ae91390444336fac3..8ea90dafac7218b61f0179769ca01aafcce3a965 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
@@ -354,6 +354,7 @@ struct ImageExample3 {
 
 ```ts
 import fileio from '@ohos.fileio'
+import fs from '@ohos.file.fs'
 import context from '@ohos.application.context'
 
 @Entry
@@ -374,7 +375,7 @@ struct LoadImageExample {
         .onClick(() => {
           this.sandboxPath = this.context.getApplicationContext().filesDir + '/icon.png'
           console.log(`读取沙箱图片=========>${this.sandboxPath}`)
-          let fd = fileio.openSync(this.sandboxPath, 0o100, 0o666)
+          let fd = fs.openSync(this.sandboxPath, 0o100)
           console.log(`create file========>${fd}`)
           let srcPath = this.context.bundleCodeDir + '/entry/resources/base/media/icon.png'
           console.log('mySrcpath' + srcPath)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md
index 22da939eda01d7ba40d4e80a91baddbc9f6739e1..a84c69fc4393a1065f9678c1193406ebfaa1cc16 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md
@@ -19,7 +19,7 @@
 
 ```ts
 // xxx.ets
-import prompt from '@ohos.prompt'
+import promptAction from '@ohos.promptAction'
 
 @Entry
 @Component
@@ -38,14 +38,14 @@ struct AppearExample {
         Text(this.myText).fontSize(26).fontWeight(FontWeight.Bold)
           .onAppear(() => {
             this.changeAppear = 'Hide Text'
-            prompt.showToast({
+            promptAction.showToast({
               message: 'The text is shown',
               duration: 2000
             })
           })
           .onDisAppear(() => {
             this.changeAppear = 'Show Text'
-            prompt.showToast({
+            promptAction.showToast({
               message: 'The text is hidden',
               duration: 2000
             })
diff --git a/zh-cn/application-dev/ui/js-framework-resource-restriction.md b/zh-cn/application-dev/ui/js-framework-resource-restriction.md
index 2d43d44e821c3c9dd81cac82dfc1086eb1ce6fb5..a529a725bddba86631b6c948887f7cf8d8b7a562 100644
--- a/zh-cn/application-dev/ui/js-framework-resource-restriction.md
+++ b/zh-cn/application-dev/ui/js-framework-resource-restriction.md
@@ -45,10 +45,10 @@
 
 **res-defaults.json示例：**<br/>
 
-```
+```json
 {
-    strings: {        
-        hello: 'hello world'    
+    "strings": {        
+        "hello": "hello world"  
     }
 }
 ```
@@ -57,7 +57,7 @@
 
 resources/res-dark.json:
 
-```
+```json
 {
     "image": {
         "clockFace": "common/dark_face.png"
@@ -70,7 +70,7 @@ resources/res-dark.json:
 
 resources/res-defaults.json:
 
-```
+```json
 {
     "image": {
         "clockFace": "common/face.png"
@@ -81,7 +81,7 @@ resources/res-defaults.json:
 }
 ```
 
-```
+```html
 <!-- xxx.hml -->
 <div style="background-color: {{ $r('colors.background') }}">
     <image src="{{ $r('image.clockFace') }}"></image>
diff --git a/zh-cn/application-dev/ui/js-framework-syntax-js.md b/zh-cn/application-dev/ui/js-framework-syntax-js.md
index f2dd1f51f3f802d66ce2811b4585ef57fd4e7f89..efd674d14cf76c6bab52c7deb19aacf385ff20ee 100644
--- a/zh-cn/application-dev/ui/js-framework-syntax-js.md
+++ b/zh-cn/application-dev/ui/js-framework-syntax-js.md
@@ -11,7 +11,7 @@ JS文件用来定义HML页面的业务逻辑，支持ECMA规范的JavaScript语
   使用import方法引入功能模块：
 
   ```js
-  import router from '@system.router';
+  import router from '@ohos.router';
   ```
 
 - 代码引用
diff --git a/zh-cn/application-dev/ui/ui-js-animate-component.md b/zh-cn/application-dev/ui/ui-js-animate-component.md
index 4588277ce58dd416ba31db834e2edf841cbdac51..022320667450cd07ba3a1cb3657ef09878b00187 100644
--- a/zh-cn/application-dev/ui/ui-js-animate-component.md
+++ b/zh-cn/application-dev/ui/ui-js-animate-component.md
@@ -388,7 +388,7 @@ button{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     animation: '',
@@ -427,17 +427,17 @@ export default {
       ];
       this.animation = this.$element('content').animate(frames, options);
       this.animation.onstart = function(){
-        prompt.showToast({
+        promptAction.showToast({
           message: "start"
         });
       };
       this.animation.onrepeat = function(){
-        prompt.showToast({
+        promptAction.showToast({
           message: " repeated"
         });
       };
       this.animation.onfinish = function(){
-        prompt.showToast({
+        promptAction.showToast({
           message: " finished"
       });
     };
diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-routes.md b/zh-cn/application-dev/ui/ui-js-building-ui-routes.md
index 0c1f7da4095e6caaf12416a2aaac76aa03a7fbb8..d6189c4b7fccf76851669f0a6394348439de2fa7 100644
--- a/zh-cn/application-dev/ui/ui-js-building-ui-routes.md
+++ b/zh-cn/application-dev/ui/ui-js-building-ui-routes.md
@@ -48,7 +48,6 @@ index和detail这两个页面均包含一个text组件和button组件：text组
   justify-content: center;
   align-items: center;
 }
-
 .title {
   font-size: 50px;
   margin-bottom: 50px;
diff --git a/zh-cn/application-dev/ui/ui-js-component-tabs.md b/zh-cn/application-dev/ui/ui-js-component-tabs.md
index 78a71ea6ded6be188e0c8b042d34ed29d04470aa..92cd9668914bd4e798ec36d559875b242601cb1d 100644
--- a/zh-cn/application-dev/ui/ui-js-component-tabs.md
+++ b/zh-cn/application-dev/ui/ui-js-component-tabs.md
@@ -181,10 +181,10 @@ tabs默认展示索引为index的标签及内容。通过设置vertical属性使
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   tabChange(e){
-    prompt.showToast({
+    promptAction.showToast({
       message: "Tab index: " + e.index
     })
   }
@@ -271,7 +271,6 @@ background-color:#F1F3F5;
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data() {
     return {
diff --git a/zh-cn/application-dev/ui/ui-js-components-button.md b/zh-cn/application-dev/ui/ui-js-components-button.md
index fd7d0f7ede4b78126efd2cf4ffe48a6a4db92f4b..942673a50a03b73cde7e5ef037681ae6d0051737 100644
--- a/zh-cn/application-dev/ui/ui-js-components-button.md
+++ b/zh-cn/application-dev/ui/ui-js-components-button.md
@@ -81,7 +81,7 @@ button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按
 如果需要添加ohos.permission.INTERNET权限，则在resources文件夹下的config.json文件里进行权限配置。
 
 
-```
+```json
 <!-- config.json -->
 "module": {
   "reqPermissions": [{
@@ -121,7 +121,7 @@ button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     percent: 0,
@@ -135,7 +135,7 @@ export default {
         this.percent += 1;
         this.downloadText = this.percent+ "%";
        } else{
-         prompt.showToast({
+         promptAction.showToast({
             message: "Download succeeded."
          })
          this.paused()
@@ -151,13 +151,13 @@ export default {
   },
  setProgress(e) {
     if(this.isPaused){
-      prompt.showToast({
+      promptAction.showToast({
         message: "Started Downloading"
       })
       this.start();
       this.isPaused = false;
     }else{
-      prompt.showToast({
+      promptAction.showToast({
         message: "Paused."
       })
       this.paused();
diff --git a/zh-cn/application-dev/ui/ui-js-components-canvas.md b/zh-cn/application-dev/ui/ui-js-components-canvas.md
index 06bc9dc1885d03d75e4b0acd345874aaadc4d4e0..b0c99e6d6a3a2d450ca6846b5df14935a856f53a 100644
--- a/zh-cn/application-dev/ui/ui-js-components-canvas.md
+++ b/zh-cn/application-dev/ui/ui-js-components-canvas.md
@@ -9,7 +9,7 @@ Canvas组件提供画布，用于自定义绘制图形。具体用法请参考[C
 在pages/index目录下的hml文件中创建一个Canvas组件。
 
 
-```
+```html
 <!-- xxx.hml -->
 <div class="container">
   <canvas></canvas>
@@ -116,7 +116,7 @@ Canvas添加长按事件，长按后可获取Canvas组件的dataUrl值（toDataU
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     dataURL:null,
@@ -130,7 +130,7 @@ export default {
     let el = this.$refs.canvas1
     let dataUrl = el.toDataURL()
     this.dataURL = dataUrl;
-    prompt.showToast({duration:2000,message:"long press,get dataURL"})
+    promptAction.showToast({duration:2000,message:"long press,get dataURL"})
   }
 }
 ```
diff --git a/zh-cn/application-dev/ui/ui-js-components-canvasrenderingcontext2d.md b/zh-cn/application-dev/ui/ui-js-components-canvasrenderingcontext2d.md
index dc01f3b2b906e931dada6c436f06a95344bf2fb7..99d794a82fa7e05b7b047dd2625cd77bfccdbd77 100644
--- a/zh-cn/application-dev/ui/ui-js-components-canvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/ui/ui-js-components-canvasrenderingcontext2d.md
@@ -51,7 +51,6 @@ select{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     el: null,
@@ -254,7 +253,6 @@ select{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     el: null,
@@ -352,7 +350,6 @@ select{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     el: null,
@@ -478,7 +475,6 @@ select{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     el: null,
@@ -635,7 +631,7 @@ text{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     compositeOperation: 'source-over'
@@ -678,7 +674,7 @@ export default {
     };
     // 图片获取失败触发方法
     img1.onerror = function() {
-      prompt.showToast({message:"error",duration:2000})
+      promptAction.showToast({message:"error",duration:2000})
     };
   },
   rotate(){
@@ -805,7 +801,7 @@ text{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     ctx: '',
@@ -818,7 +814,7 @@ export default {
   save(){
     // 画笔储存
     this.ctx.save();
-    prompt.showToast({message:"save succeed"});
+    promptAction.showToast({message:"save succeed"});
   },
   clear(){ 
     this.ctx.clearRect(0,0,600,500);
diff --git a/zh-cn/application-dev/ui/ui-js-components-dialog.md b/zh-cn/application-dev/ui/ui-js-components-dialog.md
index 05e753c4412eda68a830176306585611241a3314..c56e5aaf909117d02cb1872ceb5238cde7a6a1bb 100644
--- a/zh-cn/application-dev/ui/ui-js-components-dialog.md
+++ b/zh-cn/application-dev/ui/ui-js-components-dialog.md
@@ -119,22 +119,22 @@ button{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   canceldialog(e){
-    prompt.showToast({
+    promptAction.showToast({
       message: 'dialogCancel'
     })
   },
   opendialog(){
     this.$element('dialogId').show()
-     prompt.showToast({
+     promptAction.showToast({
       message: 'dialogShow'
     })
   },
   confirmClick(e) {
     this.$element('dialogId').close()
-    prompt.showToast({
+    promptAction.showToast({
       message: 'dialogClose'
     })
   },
@@ -266,8 +266,8 @@ export default {
 ```js
 // xxx.js
 var info = null;
-import prompt from '@system.prompt';
-import router from '@system.router';
+import promptAction from '@ohos.promptAction';
+
 export default {
   data: {
     curYear:'',
@@ -290,7 +290,7 @@ export default {
     this.$element('datedialog').show()
   },
   canceldialog(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Event setting canceled.'
     })
   },
@@ -299,7 +299,7 @@ export default {
   },
   cancelschedule(e) {
     this.$element('datedialog').close()
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Event setting canceled.'
     })
   },
diff --git a/zh-cn/application-dev/ui/ui-js-components-form.md b/zh-cn/application-dev/ui/ui-js-components-form.md
index 836f46f8fbbfce291ccd8144f8f6098526d0c925..d806365a36d752938516305562ab639d61b8a274 100644
--- a/zh-cn/application-dev/ui/ui-js-components-form.md
+++ b/zh-cn/application-dev/ui/ui-js-components-form.md
@@ -120,15 +120,15 @@ form是一个表单容器，支持容器内[Input](../reference/arkui-js/js-comp
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default{
   onSubmit(result) {
-    prompt.showToast({
+    promptAction.showToast({
       message: result.value.radioGroup
     })
   },
   onReset() {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Reset All'
     })
   }
@@ -201,15 +201,15 @@ label{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   formSubmit() {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Submitted.'
     })
   },
   formReset() {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Reset.'
     })
   }
diff --git a/zh-cn/application-dev/ui/ui-js-components-grid.md b/zh-cn/application-dev/ui/ui-js-components-grid.md
index 1d74d0cb6541165ddf74b309ad4fbaed8ef4a212..3cca78e822db2c734afd9a859e2fd7045aa5fea8 100644
--- a/zh-cn/application-dev/ui/ui-js-components-grid.md
+++ b/zh-cn/application-dev/ui/ui-js-components-grid.md
@@ -77,7 +77,7 @@ grid-container点击组件调用getColumns、getColumnWidth、getGutterWidth方
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     gutterWidth:'',
@@ -95,13 +95,13 @@ export default {
       this.columns= result;
     }) 
     setTimeout(()=>{              
-      prompt.showToast({duration:5000,message:'columnWidth:'+this.columnWidth+',gutterWidth:'+
+      promptAction.showToast({duration:5000,message:'columnWidth:'+this.columnWidth+',gutterWidth:'+
       this.gutterWidth+',getColumns:'+this.columns})
     })
   },
   getSizeType(){
       this.$element('mygrid').getSizeType((result)=>{
-      prompt.showToast({duration:2000,message:'get size type:'+result})
+      promptAction.showToast({duration:2000,message:'get size type:'+result})
     })
   },
 }
@@ -217,7 +217,7 @@ text{
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     list:[
@@ -228,7 +228,7 @@ export default {
     fresh:false
   },
   refresh(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'refreshing'
     })
     var that = this;
@@ -236,7 +236,7 @@ export default {
     setTimeout(function () {
       that.fresh = false;
       that.list.unshift({src: 'common/images/4.png',id:'4'});
-      prompt.showToast({
+      promptAction.showToast({
         message: 'succeed'
       })
     }, 2000)
diff --git a/zh-cn/application-dev/ui/ui-js-components-image-animator.md b/zh-cn/application-dev/ui/ui-js-components-image-animator.md
index 420c989789f43d5db64345c682eb162425d88559..d707239ec2242bd8b5a9c5097bbf48549513101f 100644
--- a/zh-cn/application-dev/ui/ui-js-components-image-animator.md
+++ b/zh-cn/application-dev/ui/ui-js-components-image-animator.md
@@ -177,7 +177,7 @@ export default {
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     imginfo: [
@@ -201,22 +201,22 @@ export default {
     this.$element('img').resume()
   },
   popstart(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '开始'
     })
   },
   poppause(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '暂停'
     })
   },
   popstop(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '停止'
     })
   },
   popresume(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '恢复'
     })
   }
@@ -285,7 +285,7 @@ button{
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     rev:false,
@@ -317,7 +317,7 @@ export default {
     this.$element('img').resume()
   },
   getimgstate(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '当前状态：' + this.$element('img').getState()
     })
   },
diff --git a/zh-cn/application-dev/ui/ui-js-components-images.md b/zh-cn/application-dev/ui/ui-js-components-images.md
index e16e5307bf6e770a34fea37e8141426580787a4e..0b0b7a524a7b71810428c1de8c64ba13152819e8 100644
--- a/zh-cn/application-dev/ui/ui-js-components-images.md
+++ b/zh-cn/application-dev/ui/ui-js-components-images.md
@@ -101,17 +101,17 @@ image{
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   imageComplete(i,e){
-    prompt.showToast({
+    promptAction.showToast({
       message: "image "+i+"'s width"+ e.width+"----image "+i+"'s height"+e.height,
       duration: 3000,
     })
   },
   imageError(i,e){
     setTimeout(()=>{
-      prompt.showToast({
+      promptAction.showToast({
         message: "Failed to load image "+i+".",
         duration: 3000,
       })
@@ -177,7 +177,7 @@ export default {
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     testuri: 'common/images/bg-tv.jpg',
@@ -185,7 +185,7 @@ export default {
     timer: null
   },
   changeopacity: function () {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Touch and hold the image.'
     })
     var opval = this.imageopacity * 20
diff --git a/zh-cn/application-dev/ui/ui-js-components-input.md b/zh-cn/application-dev/ui/ui-js-components-input.md
index 391c88d5da258a50e04a9f1a1a13730b48de5658..f6727d1023eedb1c14dd6aeb98893b727ac50131 100644
--- a/zh-cn/application-dev/ui/ui-js-components-input.md
+++ b/zh-cn/application-dev/ui/ui-js-components-input.md
@@ -145,16 +145,16 @@ text{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt'
+import promptAction from '@ohos.promptAction'
 export default {
   search(e){
-    prompt.showToast({
+    promptAction.showToast({
       message:  e.value,
       duration: 3000,
     });
   },
   translate(e){
-    prompt.showToast({
+    promptAction.showToast({
       message:  e.value,
       duration: 3000,
     });
@@ -200,14 +200,14 @@ export default {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt' 
+import promptAction from '@ohos.promptAction' 
  export default { 
    data:{ 
      value:'', 
    }, 
    change(e){ 
      this.value = e.value; 
-     prompt.showToast({ 
+     promptAction.showToast({ 
      message: "value: " + this.value, 
        duration: 3000, 
       }); 
@@ -222,7 +222,7 @@ import prompt from '@system.prompt'
           error:this.value + 'This field cannot be left empty.'       
         }); 
       }else{ 
-        prompt.showToast({ 
+        promptAction.showToast({ 
           message: "success " 
         }); 
       } 
@@ -302,14 +302,14 @@ label {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {    
   data: {    
   },    
   onInit() { 
   },   
   btnclick(e) {        
-    prompt.showToast({            
+    promptAction.showToast({            
       message:'Saved successfully!'        
     })    
   }
diff --git a/zh-cn/application-dev/ui/ui-js-components-list.md b/zh-cn/application-dev/ui/ui-js-components-list.md
index f12ee8c2112ab5181d2304010e5ad7f8b0e1e1ee..eb4dfa73618046665a2a5314369b968d63c30928 100644
--- a/zh-cn/application-dev/ui/ui-js-components-list.md
+++ b/zh-cn/application-dev/ui/ui-js-components-list.md
@@ -162,7 +162,7 @@ margin-top:30px;
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     direction: 'column',
@@ -179,12 +179,12 @@ export default {
     }
   },
   collapse(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: 'Close ' + e.groupid
     })
   },
   expand(e) {
-    prompt.showToast({
+    promptAction.showToast({
     message: 'Open ' + e.groupid
     })
   }
diff --git a/zh-cn/application-dev/ui/ui-js-components-menu.md b/zh-cn/application-dev/ui/ui-js-components-menu.md
index 0170089d9706b71c1e259d48ffc704eb04920447..c09dfc0825fff5e828dbc8e20781ee283954a76f 100644
--- a/zh-cn/application-dev/ui/ui-js-components-menu.md
+++ b/zh-cn/application-dev/ui/ui-js-components-menu.md
@@ -150,15 +150,15 @@ option{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   select(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: e.value
     })
   },
   cancel(){
-    prompt.showToast({
+    promptAction.showToast({
       message: "cancel"
     })
   },
@@ -242,7 +242,6 @@ option{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     fresh: false,
diff --git a/zh-cn/application-dev/ui/ui-js-components-offscreencanvas.md b/zh-cn/application-dev/ui/ui-js-components-offscreencanvas.md
index 03a50a6e2c1c4a133779f0ae31c5623c976ac832..e79b35c02d0e9b5fad613fb15027a450698ea4d6 100644
--- a/zh-cn/application-dev/ui/ui-js-components-offscreencanvas.md
+++ b/zh-cn/application-dev/ui/ui-js-components-offscreencanvas.md
@@ -49,7 +49,7 @@ select{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     el: null,
@@ -70,7 +70,7 @@ export default {
       _this.offCanvas.drawImage(_this.img, 100, 100, 400, 300);
     };
     this.img.onerror = function() {
-      prompt.showToast({message:"error",duration:2000})
+      promptAction.showToast({message:"error",duration:2000})
     };
     var bitmap = this.offscreen.transferToImageBitmap();    this.ctx.transferFromImageBitmap(bitmap);
   },
diff --git a/zh-cn/application-dev/ui/ui-js-components-path2d.md b/zh-cn/application-dev/ui/ui-js-components-path2d.md
index b1f1bb0c68c88d0734bbdee94d9159982cc84ec0..0262215a7f8519d6e4ee7721667923af2764e2e5 100644
--- a/zh-cn/application-dev/ui/ui-js-components-path2d.md
+++ b/zh-cn/application-dev/ui/ui-js-components-path2d.md
@@ -36,8 +36,6 @@ canvas {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
-
 export default {
     onShow() {
         let ctx = this.$refs.canvas.getContext('2d', {
@@ -139,8 +137,6 @@ text {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
-
 export default {
     data: {
         ctx: null,
diff --git a/zh-cn/application-dev/ui/ui-js-components-picker.md b/zh-cn/application-dev/ui/ui-js-components-picker.md
index 5de524a407561e429b83186790fe03b22423d4b2..f0f0818a3f4e2bc59334d87782cd3e69ed16b880 100644
--- a/zh-cn/application-dev/ui/ui-js-components-picker.md
+++ b/zh-cn/application-dev/ui/ui-js-components-picker.md
@@ -144,7 +144,7 @@ picker的hours属性定义时间的展现格式，可选类型有12小时制和2
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     multitext:[["a", "b", "c"], ["e", "f", "g"], ["h", "i"]],
@@ -153,10 +153,10 @@ export default {
   },
   multitextonchange(e) {
     this.multitextvalue=e.newValue;
-    prompt.showToast({ message:"Multi-column text changed to:" + e.newValue })
+    promptAction.showToast({ message:"Multi-column text changed to:" + e.newValue })
   },
   multitextoncancel() {
-    prompt.showToast({ message:"multitextoncancel" })
+    promptAction.showToast({ message:"multitextoncancel" })
   },
 }
 ```
@@ -246,7 +246,7 @@ export default {
 
 ```js
 // xxx.js
-import pmt from '@system.prompt'
+import promptAction from '@ohos.promptAction'
 export default {
   data: {
     yorn1:'No',
@@ -281,10 +281,10 @@ export default {
   dateonchange(e) {
     e.month=e.month+1;
     this.datevalue = e.year + "-" + e.month + "-" + e.day;
-    pmt.showToast({ message:"date:"+e.year+"-"+e.month+"-"+e.day }) 
+    promptAction.showToast({ message:"date:"+e.year+"-"+e.month+"-"+e.day }) 
   },
   showtoast() {
-    pmt.showToast({
+    promptAction.showToast({
       message: 'Submitted.',
       duration: 2000,
       gravity: 'center'
diff --git a/zh-cn/application-dev/ui/ui-js-components-rating.md b/zh-cn/application-dev/ui/ui-js-components-rating.md
index bb7387651e652e94902e9e925529b2219e0b2f3c..379359f379612cb991438eff61b102077e24983a 100644
--- a/zh-cn/application-dev/ui/ui-js-components-rating.md
+++ b/zh-cn/application-dev/ui/ui-js-components-rating.md
@@ -154,10 +154,10 @@ rating {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   showrating(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '当前评分' + e.rating
     })
   }
@@ -213,7 +213,7 @@ switch{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     backstar: '',
@@ -249,7 +249,7 @@ export default {
     this.rate = e.progress
   },
   showrating(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '当前评分' + e.rating
     })
   }
diff --git a/zh-cn/application-dev/ui/ui-js-components-search.md b/zh-cn/application-dev/ui/ui-js-components-search.md
index 85bd2730eec8c3f7a8391c608f9f42f179407ed4..1e334f17bbf8462ab2291280141490688c87853b 100644
--- a/zh-cn/application-dev/ui/ui-js-components-search.md
+++ b/zh-cn/application-dev/ui/ui-js-components-search.md
@@ -132,34 +132,34 @@ text{
 
 ```js
 // index.js
-import prompt from '@system.prompt'
+import promptAction from '@ohos.promptAction'
 export default {
   search(e){
-    prompt.showToast({
+    promptAction.showToast({
       message:  e.value,
       duration: 3000,
     });
   },
   translate(e){
-    prompt.showToast({
+    promptAction.showToast({
       message:  e.value,
       duration: 3000,
     });
   },
   share(e){
-    prompt.showToast({
+    promptAction.showToast({
       message:  e.value,
       duration: 3000,
     });
   },
   change(e){
-    prompt.showToast({
+    promptAction.showToast({
       message:  e.value,
       duration: 3000,
     });
   },
   submit(e){
-    prompt.showToast({
+    promptAction.showToast({
       message: 'submit',
       duration: 3000,
     });
@@ -218,7 +218,7 @@ export default {
 
 ```js
 // index.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     showsearch: true,
@@ -243,13 +243,13 @@ export default {
     }
   },
   submit(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '搜索！',
       duration: 2000
     })
   },
   change(e) {
-    prompt.showToast({
+    promptAction.showToast({
       message: '内容:' + e.text,
       duration: 2000
     })
diff --git a/zh-cn/application-dev/ui/ui-js-components-stepper.md b/zh-cn/application-dev/ui/ui-js-components-stepper.md
index e85191d8534b7b53bb41d52c0593380ac8a9ee9d..0c26fd3b45929d7eb47e09180f86f673937e1359 100644
--- a/zh-cn/application-dev/ui/ui-js-components-stepper.md
+++ b/zh-cn/application-dev/ui/ui-js-components-stepper.md
@@ -248,7 +248,7 @@ button{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data: {
     index:0,
@@ -261,20 +261,20 @@ export default {
     this.$element('stepperId').setNextButtonStatus({status: 'skip', label: 'SKIP'});
   },
   stepperFinish(){
-    prompt.showToast({
+    promptAction.showToast({
       message: 'All Finished'
     })
   },
   stepperChange(e){
     console.log("stepperChange"+e.index)
-    prompt.showToast({
+    promptAction.showToast({
       // index表示当前步骤的序号
       message: 'Previous step: '+e.prevIndex+"-------Current step:"+e.index
     })
   },
   stepperNext(e){
     console.log("stepperNext"+e.index)
-    prompt.showToast({
+    promptAction.showToast({
       // pendingIndex表示将要跳转的序号
       message: 'Current step:'+e.index+"-------Next step:"+e.pendingIndex
     })
@@ -363,8 +363,6 @@ export default {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
-import router from '@system.router';
 let myset = new Set();
 export default {
   data: {
diff --git a/zh-cn/application-dev/ui/ui-js-components-swiper.md b/zh-cn/application-dev/ui/ui-js-components-swiper.md
index ce1f9fbaf7e233058725596061a857c882f2b92e..efa6cd661ed5b4c0d13e3cbf5b59d1053ea790f0 100644
--- a/zh-cn/application-dev/ui/ui-js-components-swiper.md
+++ b/zh-cn/application-dev/ui/ui-js-components-swiper.md
@@ -261,13 +261,13 @@ select{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default{
   change(e){
-    prompt.showToast({duration:2000,message:"current index:"+e.index});
+    promptAction.showToast({duration:2000,message:"current index:"+e.index});
   },
   finish(){
-    prompt.showToast({duration:2000,message:"切换动作结束"});
+    promptAction.showToast({duration:2000,message:"切换动作结束"});
   },
   selectChange(e){
     this.$element('swiper').swipeTo({index: Number(e.newValue)});
@@ -343,7 +343,6 @@ swiper{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     index: 0,
diff --git a/zh-cn/application-dev/ui/ui-js-components-switch.md b/zh-cn/application-dev/ui/ui-js-components-switch.md
index f9642207ddd97d6f0b40eceb7dcade8a62d96ccd..a335b375f38d85be3298b9c530b1f111d413af85 100644
--- a/zh-cn/application-dev/ui/ui-js-components-switch.md
+++ b/zh-cn/application-dev/ui/ui-js-components-switch.md
@@ -61,15 +61,15 @@ switch {
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   switchChange(e){
     if(e.checked){
-      prompt.showToast({
+      promptAction.showToast({
         message: "open"
       });
     }else{
-      prompt.showToast({
+      promptAction.showToast({
         message: "close"
       });
     }
@@ -167,7 +167,6 @@ switch{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     address: '',
diff --git a/zh-cn/application-dev/ui/ui-js-components-toolbar.md b/zh-cn/application-dev/ui/ui-js-components-toolbar.md
index 0944543b5d6abf1557f9aeda2141c909fecb9537..00503fa7277a1dba1559ac048d809bcd2a802669 100644
--- a/zh-cn/application-dev/ui/ui-js-components-toolbar.md
+++ b/zh-cn/application-dev/ui/ui-js-components-toolbar.md
@@ -153,17 +153,17 @@ toolbar-item{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
+import promptAction from '@ohos.promptAction';
 export default {
   data:{
     itemColor:'black'
   },
   itemClick(){
     this.itemColor= "red";
-    prompt.showToast({duration:2000,message:'item click'});
+    promptAction.showToast({duration:2000,message:'item click'});
   },
   itemLongPress(){
-    prompt.showToast({duration:2000,message:'item long press'});
+    promptAction.showToast({duration:2000,message:'item long press'});
     this.itemColor= "blue";
   },
 }
@@ -210,7 +210,6 @@ toolbar-item{
 
 ```js
 // xxx.js
-import prompt from '@system.prompt';
 export default {
   data:{
     active: 0,
diff --git a/zh-cn/application-dev/ui/ui-ts-animation-feature.md b/zh-cn/application-dev/ui/ui-ts-animation-feature.md
index 115f4f365f715f07e2817044adb0f772785b6ff1..bb6a5b8c7dfc4e5e8810f3f9c855b44ae1c275a8 100644
--- a/zh-cn/application-dev/ui/ui-ts-animation-feature.md
+++ b/zh-cn/application-dev/ui/ui-ts-animation-feature.md
@@ -137,7 +137,7 @@
           delay: 100, 
           onFinish: () => {
             setTimeout(() => {
-              router.replace({ url: "pages/FoodCategoryList" })
+              router.replaceUrl({ url: "pages/FoodCategoryList" })
             }, 1000);
           }
         }, () => {
@@ -201,7 +201,7 @@
              delay: 100,
              onFinish: () => {
                setTimeout(() => {
-                 router.replace({ url: "pages/FoodCategoryList" })
+                 router.replaceUrl({ url: "pages/FoodCategoryList" })
                }, 1000);
              }
            }, () => {
@@ -305,7 +305,7 @@
        .height(184)
        .width('100%')
        .onClick(() => {
-         router.push({ url: 'pages/FoodDetail', params: { foodData: this.foodItem } })
+         router.pushUrl({ url: 'pages/FoodDetail', params: { foodData: this.foodItem } })
        })
      }
    }
diff --git a/zh-cn/application-dev/ui/ui-ts-page-redirection-data-transmission.md b/zh-cn/application-dev/ui/ui-ts-page-redirection-data-transmission.md
index 493f5f60fa0c53a26a34673afa4ee7d7d29f26c3..c5701a8e1470f112a8c9c36bae7efd9aac02f8be 100644
--- a/zh-cn/application-dev/ui/ui-ts-page-redirection-data-transmission.md
+++ b/zh-cn/application-dev/ui/ui-ts-page-redirection-data-transmission.md
@@ -61,7 +61,7 @@
        .height(184)
        .width('100%')
        .onClick(() => {
-         router.push({ url: 'pages/FoodDetail' })
+         router.pushUrl({ url: 'pages/FoodDetail' })
        })
      }
    }
@@ -138,7 +138,7 @@
    FoodGridItem调用的routerAPI同样有携带参数跳转的能力，使用方法和Navigator类似。
 
    ```ts
-   router.push({
+   router.pushUrl({
      url: 'pages/FoodDetail',
      params: { foodData: this.foodItem }
    })