fix(runtime): correct alias after removing event listener (#19459)

Co-authored-by: mengda.6364 <mengda.6364@jd.com>

Author: Jarvis636431

packages/taro-runtime/src/dom/element.ts

@@ -386,7 +386,7 @@ export class TaroElement extends TaroNode {
 
     if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
       const componentsAlias = getComponentsAlias()
-      const value = isHasExtractProp(this) ? `static-${name}` : `pure-${name}`
+      const value = name === VIEW && !isHasExtractProp(this) ? PURE_VIEW : `static-${name}`
       const valueAlias = componentsAlias[value]._num
       this.enqueueUpdate({
         path: `${this._path}.${Shortcuts.NodeName}`,

packages/taro-runtime/tests/event.spec.ts

@@ -1,8 +1,10 @@
+import { Shortcuts } from '@tarojs/shared'
 import { afterAll, describe, expect, test, vi } from 'vitest'
 
-import { EVENT_CALLBACK_RESULT } from '../src/constants'
+import { EVENT_CALLBACK_RESULT, PURE_VIEW } from '../src/constants'
 import { eventHandler } from '../src/dom/event'
 import * as runtime from '../src/index'
+import { getComponentsAlias } from '../src/utils'
 
 describe('event', () => {
   const document = runtime.document
@@ -121,6 +123,72 @@ describe('event', () => {
     }).not.toThrow()
   })
 
+  test.each([
+    ['text', 'static-text'],
+    ['image', 'static-image']
+  ])('移除 %s 的最后一个事件监听后切换为 %s', (nodeName, aliasName) => {
+    const element = document.createElement(nodeName)
+    const handler = vi.fn()
+    const enqueueUpdate = vi.spyOn(element, 'enqueueUpdate')
+
+    element.addEventListener('tap', handler)
+    enqueueUpdate.mockClear()
+
+    expect(() => element.removeEventListener('tap', handler)).not.toThrow()
+    expect(enqueueUpdate).toHaveBeenCalledOnce()
+    expect(enqueueUpdate).toHaveBeenCalledWith({
+      path: `${element._path}.${Shortcuts.NodeName}`,
+      value: getComponentsAlias()[aliasName]._num
+    })
+  })
+
+  test('移除无提取属性 view 的最后一个事件监听后切换为 pure-view', () => {
+    const view = document.createElement('view')
+    const handler = vi.fn()
+    const enqueueUpdate = vi.spyOn(view, 'enqueueUpdate')
+
+    view.addEventListener('tap', handler)
+    enqueueUpdate.mockClear()
+    view.removeEventListener('tap', handler)
+
+    expect(enqueueUpdate).toHaveBeenCalledOnce()
+    expect(enqueueUpdate).toHaveBeenCalledWith({
+      path: `${view._path}.${Shortcuts.NodeName}`,
+      value: getComponentsAlias()[PURE_VIEW]._num
+    })
+  })
+
+  test('移除有提取属性 view 的最后一个事件监听后切换为 static-view', () => {
+    const view = document.createElement('view')
+    const handler = vi.fn()
+    const enqueueUpdate = vi.spyOn(view, 'enqueueUpdate')
+
+    view.setAttribute('hover-class', 'hover')
+    view.addEventListener('tap', handler)
+    enqueueUpdate.mockClear()
+    view.removeEventListener('tap', handler)
+
+    expect(enqueueUpdate).toHaveBeenCalledOnce()
+    expect(enqueueUpdate).toHaveBeenCalledWith({
+      path: `${view._path}.${Shortcuts.NodeName}`,
+      value: getComponentsAlias()['static-view']._num
+    })
+  })
+
+  test('移除其中一个事件监听时不会切换节点模板', () => {
+    const text = document.createElement('text')
+    const handler = vi.fn()
+    const anotherHandler = vi.fn()
+    const enqueueUpdate = vi.spyOn(text, 'enqueueUpdate')
+
+    text.addEventListener('tap', handler)
+    text.addEventListener('tap', anotherHandler)
+    enqueueUpdate.mockClear()
+    text.removeEventListener('tap', handler)
+
+    expect(enqueueUpdate).not.toHaveBeenCalled()
+  })
+
   test('可以阻止冒泡', () => {
     const container = document.createElement('container')
     const div = document.createElement('div')