From c38a92ad0f1ef4f914a3cdc565add0071e331adc Mon Sep 17 00:00:00 2001
From: shenjunjian <40288193@qq.com>
Date: Sun, 20 Oct 2024 23:30:41 -0700
Subject: [PATCH] fix(notify): fix notify's demos

---
 .../pc/app/notify/basic-usage-composition-api.vue  |  2 +-
 examples/sites/demos/pc/app/notify/basic-usage.vue |  2 +-
 .../app/notify/debounceDelay-composition-api.vue   |  2 +-
 .../sites/demos/pc/app/notify/debounceDelay.vue    |  2 +-
 .../pc/app/notify/duration-composition-api.vue     | 14 ++------------
 .../sites/demos/pc/app/notify/duration.spec.ts     |  4 ----
 examples/sites/demos/pc/app/notify/duration.vue    | 13 ++-----------
 .../pc/app/notify/showClose-composition-api.vue    |  2 +-
 examples/sites/demos/pc/app/notify/showClose.vue   |  2 +-
 .../pc/app/notify/showIcon-composition-api.vue     |  2 +-
 examples/sites/demos/pc/app/notify/showIcon.vue    |  2 +-
 .../demos/pc/app/notify/type-composition-api.vue   |  2 +-
 examples/sites/demos/pc/app/notify/type.vue        |  2 +-
 .../app/notify/verticalOffset-composition-api.vue  |  2 +-
 .../sites/demos/pc/app/notify/verticalOffset.vue   |  2 +-
 15 files changed, 16 insertions(+), 39 deletions(-)

diff --git a/examples/sites/demos/pc/app/notify/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/notify/basic-usage-composition-api.vue
index ccd29933fd..f95257b018 100644
--- a/examples/sites/demos/pc/app/notify/basic-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/basic-usage-composition-api.vue
@@ -22,7 +22,7 @@ function handleClick() {
 function handleClickJxs() {
   Notify({
     type: 'info',
-    title: () => <h4>通知消息的标题</h4>,
+    title: () => <h4 style="margin:0">通知消息的标题</h4>,
     message: () => (
       <span>通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文</span>
     ),
diff --git a/examples/sites/demos/pc/app/notify/basic-usage.vue b/examples/sites/demos/pc/app/notify/basic-usage.vue
index d6bc6ef047..e89b701d57 100644
--- a/examples/sites/demos/pc/app/notify/basic-usage.vue
+++ b/examples/sites/demos/pc/app/notify/basic-usage.vue
@@ -26,7 +26,7 @@ export default {
     handleClickJxs() {
       Notify({
         type: 'info',
-        title: () => <h4>通知消息的标题</h4>,
+        title: () => <h4 style="margin:0">通知消息的标题</h4>,
         message: () => (
           <span>通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文</span>
         ),
diff --git a/examples/sites/demos/pc/app/notify/debounceDelay-composition-api.vue b/examples/sites/demos/pc/app/notify/debounceDelay-composition-api.vue
index 58c37f2cbe..47487235db 100644
--- a/examples/sites/demos/pc/app/notify/debounceDelay-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/debounceDelay-composition-api.vue
@@ -11,7 +11,7 @@ import { Notify, Button as TinyButton } from '@opentiny/vue'
 const handleClick = ref(
   Notify({
     type: 'info',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
     position: 'top-right',
     duration: 1000,
diff --git a/examples/sites/demos/pc/app/notify/debounceDelay.vue b/examples/sites/demos/pc/app/notify/debounceDelay.vue
index 733d28484a..2148a39f1c 100644
--- a/examples/sites/demos/pc/app/notify/debounceDelay.vue
+++ b/examples/sites/demos/pc/app/notify/debounceDelay.vue
@@ -15,7 +15,7 @@ export default {
     return {
       handleClick: Notify({
         type: 'info',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
         position: 'top-right',
         duration: 1000,
diff --git a/examples/sites/demos/pc/app/notify/duration-composition-api.vue b/examples/sites/demos/pc/app/notify/duration-composition-api.vue
index ee4382594d..868b4f28ec 100644
--- a/examples/sites/demos/pc/app/notify/duration-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/duration-composition-api.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="content">
-    <tiny-button @click="baseClick" :reset-time="0">默认4500 ms后自动关闭提示框</tiny-button>
     <tiny-button @click="successClick" :reset-time="0">500ms后自动关闭提示框</tiny-button>
     <tiny-button @click="errorClick" :reset-time="0">5000ms后自动关闭提示框</tiny-button>
   </div>
@@ -9,19 +8,10 @@
 <script setup lang="jsx">
 import { Button as TinyButton, Notify } from '@opentiny/vue'
 
-function baseClick() {
-  Notify({
-    type: 'info',
-    title: (h, params) => <h4>通知消息的标题</h4>,
-    message: '默认 4500ms 后自动关闭提示框',
-    position: 'top-right'
-  })
-}
-
 function successClick() {
   Notify({
     type: 'success',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '500ms 后自动关闭提示框',
     position: 'top-right',
     duration: 500
@@ -31,7 +21,7 @@ function successClick() {
 function errorClick() {
   Notify({
     type: 'error',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '5000ms 后自动关闭提示框',
     position: 'top-right',
     duration: 5000
diff --git a/examples/sites/demos/pc/app/notify/duration.spec.ts b/examples/sites/demos/pc/app/notify/duration.spec.ts
index c926200007..cb7d1be5f6 100644
--- a/examples/sites/demos/pc/app/notify/duration.spec.ts
+++ b/examples/sites/demos/pc/app/notify/duration.spec.ts
@@ -3,10 +3,6 @@ import { test, expect } from '@playwright/test'
 test('自动关闭延时', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('notify#duration')
-  await page.getByRole('button', { name: '默认4500 ms后自动关闭提示框' }).click()
-  await page.waitForSelector('.tiny-notify')
-  await page.waitForTimeout(4500)
-  await page.waitForSelector('.tiny-notify', { state: 'hidden' })
 
   await page.getByRole('button', { name: '500ms后自动关闭提示框' }).click()
   await page.waitForSelector('.tiny-notify')
diff --git a/examples/sites/demos/pc/app/notify/duration.vue b/examples/sites/demos/pc/app/notify/duration.vue
index 04396be80d..68aa160b31 100644
--- a/examples/sites/demos/pc/app/notify/duration.vue
+++ b/examples/sites/demos/pc/app/notify/duration.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="content">
-    <tiny-button @click="baseClick" :reset-time="0">默认4500 ms后自动关闭提示框</tiny-button>
     <tiny-button @click="successClick" :reset-time="0">500ms后自动关闭提示框</tiny-button>
     <tiny-button @click="errorClick" :reset-time="0">5000ms后自动关闭提示框</tiny-button>
   </div>
@@ -14,18 +13,10 @@ export default {
     TinyButton: Button
   },
   methods: {
-    baseClick() {
-      Notify({
-        type: 'info',
-        title: (h, params) => <h4>通知消息的标题</h4>,
-        message: '默认 4500ms 后自动关闭提示框',
-        position: 'top-right'
-      })
-    },
     successClick() {
       Notify({
         type: 'success',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '500ms 后自动关闭提示框',
         position: 'top-right',
         duration: 500
@@ -34,7 +25,7 @@ export default {
     errorClick() {
       Notify({
         type: 'error',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '5000ms 后自动关闭提示框',
         position: 'top-right',
         duration: 5000
diff --git a/examples/sites/demos/pc/app/notify/showClose-composition-api.vue b/examples/sites/demos/pc/app/notify/showClose-composition-api.vue
index fe94a34f97..36ebe6bcea 100644
--- a/examples/sites/demos/pc/app/notify/showClose-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/showClose-composition-api.vue
@@ -10,7 +10,7 @@ import { Notify, Button as TinyButton } from '@opentiny/vue'
 function baseClick() {
   Notify({
     type: 'info',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
     showClose: false,
     position: 'top-right'
diff --git a/examples/sites/demos/pc/app/notify/showClose.vue b/examples/sites/demos/pc/app/notify/showClose.vue
index e04d3640cf..d11eb437cd 100644
--- a/examples/sites/demos/pc/app/notify/showClose.vue
+++ b/examples/sites/demos/pc/app/notify/showClose.vue
@@ -15,7 +15,7 @@ export default {
     baseClick() {
       Notify({
         type: 'info',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
         showClose: false,
         position: 'top-right'
diff --git a/examples/sites/demos/pc/app/notify/showIcon-composition-api.vue b/examples/sites/demos/pc/app/notify/showIcon-composition-api.vue
index cbecc000b0..728b73f460 100644
--- a/examples/sites/demos/pc/app/notify/showIcon-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/showIcon-composition-api.vue
@@ -10,7 +10,7 @@ import { Notify, Button as TinyButton } from '@opentiny/vue'
 function baseClick() {
   Notify({
     type: 'info',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
     showIcon: false,
     position: 'top-right'
diff --git a/examples/sites/demos/pc/app/notify/showIcon.vue b/examples/sites/demos/pc/app/notify/showIcon.vue
index 11fcb55acd..e365750891 100644
--- a/examples/sites/demos/pc/app/notify/showIcon.vue
+++ b/examples/sites/demos/pc/app/notify/showIcon.vue
@@ -15,7 +15,7 @@ export default {
     baseClick() {
       Notify({
         type: 'info',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
         showIcon: false,
         position: 'top-right'
diff --git a/examples/sites/demos/pc/app/notify/type-composition-api.vue b/examples/sites/demos/pc/app/notify/type-composition-api.vue
index 4922577ff1..73908eb0a5 100644
--- a/examples/sites/demos/pc/app/notify/type-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/type-composition-api.vue
@@ -13,7 +13,7 @@ import { Notify, Button as TinyButton } from '@opentiny/vue'
 function infoClick() {
   Notify({
     type: 'info',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
     position: 'top-right',
     customClass: 'my-custom-cls'
diff --git a/examples/sites/demos/pc/app/notify/type.vue b/examples/sites/demos/pc/app/notify/type.vue
index 9e56d9d878..5f84ac4244 100644
--- a/examples/sites/demos/pc/app/notify/type.vue
+++ b/examples/sites/demos/pc/app/notify/type.vue
@@ -18,7 +18,7 @@ export default {
     infoClick() {
       Notify({
         type: 'info',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
         position: 'top-right',
         customClass: 'my-custom-cls'
diff --git a/examples/sites/demos/pc/app/notify/verticalOffset-composition-api.vue b/examples/sites/demos/pc/app/notify/verticalOffset-composition-api.vue
index 0b1479301e..d2a0a373f1 100644
--- a/examples/sites/demos/pc/app/notify/verticalOffset-composition-api.vue
+++ b/examples/sites/demos/pc/app/notify/verticalOffset-composition-api.vue
@@ -10,7 +10,7 @@ import { Notify, Button as TinyButton } from '@opentiny/vue'
 function handleClick() {
   Notify({
     type: 'info',
-    title: (h, params) => <h4>通知消息的标题</h4>,
+    title: '通知消息的标题',
     message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
     position: 'top-right',
     customClass: 'my-custom-cls',
diff --git a/examples/sites/demos/pc/app/notify/verticalOffset.vue b/examples/sites/demos/pc/app/notify/verticalOffset.vue
index b8d47aec12..92388f3ea9 100644
--- a/examples/sites/demos/pc/app/notify/verticalOffset.vue
+++ b/examples/sites/demos/pc/app/notify/verticalOffset.vue
@@ -15,7 +15,7 @@ export default {
     handleClick() {
       Notify({
         type: 'info',
-        title: (h, params) => <h4>通知消息的标题</h4>,
+        title: '通知消息的标题',
         message: '通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文，通知消息的正文',
         position: 'top-right',
         customClass: 'my-custom-cls',