fix(notify): Fix the vertical offset issue of the notify component (#3689)

* fix(notify): 修复notify组件垂直偏移量问题单

* fix(notify): 修复e2e测试用例

Author: chenxi-20

examples/sites/demos/pc/app/notify/manual-close.spec.ts

@@ -12,7 +12,7 @@ test('手动关闭通知', async ({ page }) => {
   await buttons.nth(1).click()
   await buttons.nth(2).click()
 
-  await expect(notifys).toHaveCount(5)
+  await expect(notifys).toHaveCount(3)
   await page.waitForTimeout(4100)
   await expect(notifys).toHaveCount(0)
 })

examples/sites/demos/pc/app/notify/verticalOffset.spec.ts

@@ -3,7 +3,9 @@ import { test, expect } from '@playwright/test'
 test('垂直方向偏离距离', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('notify#verticalOffset')
-  await page.getByRole('button', { name: '弹出提示框' }).click()
+
+  const demo = page.locator('#verticalOffset')
+  await demo.getByRole('button', { name: '弹出提示框' }).click()
   const notify = page.locator('.tiny-notify')
   const offset = await notify.getAttribute('verticalOffset')
   await expect(offset).toEqual('100')

packages/vue/src/notify/index.ts

@@ -175,7 +175,7 @@ Notify.close = function (id: string, userOnClose?: (instance: NotifyInstance) =>
 
   let removedPosition = instance.position
   let copys = instances.slice(index)
-  let verticalOffset = 16
+  let verticalOffset = instance.state.verticalOffset ? Number(instance.state.verticalOffset) : 16
 
   instances
     .filter((item) => item.state.position === removedPosition)