From d2d2e3d08df9cb41b77905daeb0730ef2881460b Mon Sep 17 00:00:00 2001 From: linzhe141 <1572213544@qq.com> Date: Tue, 18 Mar 2025 14:12:57 +0800 Subject: [PATCH] chore: update --- packages/compiler-core/src/runtimeHelpers.ts | 4 ---- .../transforms/__snapshots__/vOn.spec.ts.snap | 8 ++++---- packages/compiler-dom/src/runtimeHelpers.ts | 4 ++++ packages/compiler-dom/src/transforms/vOn.ts | 11 +++++++---- packages/runtime-core/src/helpers/toHandlers.ts | 8 -------- packages/runtime-core/src/index.ts | 2 +- packages/runtime-dom/src/directives/vOn.ts | 11 +++++++++++ packages/runtime-dom/src/index.ts | 6 +++++- 8 files changed, 32 insertions(+), 22 deletions(-) diff --git a/packages/compiler-core/src/runtimeHelpers.ts b/packages/compiler-core/src/runtimeHelpers.ts index 05684f7ef..7cf3757b2 100644 --- a/packages/compiler-core/src/runtimeHelpers.ts +++ b/packages/compiler-core/src/runtimeHelpers.ts @@ -63,9 +63,6 @@ export const CAPITALIZE: unique symbol = Symbol(__DEV__ ? `capitalize` : ``) export const TO_HANDLER_KEY: unique symbol = Symbol( __DEV__ ? `toHandlerKey` : ``, ) -export const CHECK_DYNAMIC_EVENT: unique symbol = Symbol( - __DEV__ ? `checkDynamicEvent` : ``, -) export const SET_BLOCK_TRACKING: unique symbol = Symbol( __DEV__ ? `setBlockTracking` : ``, ) @@ -118,7 +115,6 @@ export const helperNameMap: Record = { [CAMELIZE]: `camelize`, [CAPITALIZE]: `capitalize`, [TO_HANDLER_KEY]: `toHandlerKey`, - [CHECK_DYNAMIC_EVENT]: `checkDynamicEvent`, [SET_BLOCK_TRACKING]: `setBlockTracking`, [PUSH_SCOPE_ID]: `pushScopeId`, [POP_SCOPE_ID]: `popScopeId`, diff --git a/packages/compiler-dom/__tests__/transforms/__snapshots__/vOn.spec.ts.snap b/packages/compiler-dom/__tests__/transforms/__snapshots__/vOn.spec.ts.snap index 7042b748d..6f4e33635 100644 --- a/packages/compiler-dom/__tests__/transforms/__snapshots__/vOn.spec.ts.snap +++ b/packages/compiler-dom/__tests__/transforms/__snapshots__/vOn.spec.ts.snap @@ -5,12 +5,12 @@ exports[`compiler-dom: transform v-on > should wrap both for dynamic key event w return function render(_ctx, _cache) { with (_ctx) { - const { toHandlerKey: _toHandlerKey, checkDynamicEvent: _checkDynamicEvent, createElementVNode: _createElementVNode, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue + const { toHandlerKey: _toHandlerKey, withDynamicEventModifiers: _withDynamicEventModifiers, createElementVNode: _createElementVNode, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue return (_openBlock(), _createElementBlock(_Fragment, null, [ - _createElementVNode("div", { [_checkDynamicEvent(_toHandlerKey(e),"Once")]: test }, null, 16 /* FULL_PROPS */), - _createElementVNode("div", { [_checkDynamicEvent(_toHandlerKey(e),"Passive")]: test }, null, 16 /* FULL_PROPS */), - _createElementVNode("div", { [_checkDynamicEvent(_toHandlerKey(e),"Capture")]: test }, null, 16 /* FULL_PROPS */) + _createElementVNode("div", { [_withDynamicEventModifiers(_toHandlerKey(e), "Once")]: test }, null, 16 /* FULL_PROPS */), + _createElementVNode("div", { [_withDynamicEventModifiers(_toHandlerKey(e), "Passive")]: test }, null, 16 /* FULL_PROPS */), + _createElementVNode("div", { [_withDynamicEventModifiers(_toHandlerKey(e), "Capture")]: test }, null, 16 /* FULL_PROPS */) ], 64 /* STABLE_FRAGMENT */)) } }" diff --git a/packages/compiler-dom/src/runtimeHelpers.ts b/packages/compiler-dom/src/runtimeHelpers.ts index c5349ad79..1723ca111 100644 --- a/packages/compiler-dom/src/runtimeHelpers.ts +++ b/packages/compiler-dom/src/runtimeHelpers.ts @@ -18,6 +18,9 @@ export const V_ON_WITH_MODIFIERS: unique symbol = Symbol( export const V_ON_WITH_KEYS: unique symbol = Symbol( __DEV__ ? `vOnKeysGuard` : ``, ) +export const V_ON_WITH_DYNAMIC_EVENT_MODIFIERS: unique symbol = Symbol( + __DEV__ ? `vOnDynamicEventModifiers` : ``, +) export const V_SHOW: unique symbol = Symbol(__DEV__ ? `vShow` : ``) @@ -34,6 +37,7 @@ registerRuntimeHelpers({ [V_MODEL_DYNAMIC]: `vModelDynamic`, [V_ON_WITH_MODIFIERS]: `withModifiers`, [V_ON_WITH_KEYS]: `withKeys`, + [V_ON_WITH_DYNAMIC_EVENT_MODIFIERS]: `withDynamicEventModifiers`, [V_SHOW]: `vShow`, [TRANSITION]: `Transition`, [TRANSITION_GROUP]: `TransitionGroup`, diff --git a/packages/compiler-dom/src/transforms/vOn.ts b/packages/compiler-dom/src/transforms/vOn.ts index d4fac6830..6eefff935 100644 --- a/packages/compiler-dom/src/transforms/vOn.ts +++ b/packages/compiler-dom/src/transforms/vOn.ts @@ -1,5 +1,4 @@ import { - CHECK_DYNAMIC_EVENT, CompilerDeprecationTypes, type DirectiveTransform, type ExpressionNode, @@ -15,7 +14,11 @@ import { createSimpleExpression, isStaticExp, } from '@vue/compiler-core' -import { V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS } from '../runtimeHelpers' +import { + V_ON_WITH_DYNAMIC_EVENT_MODIFIERS, + V_ON_WITH_KEYS, + V_ON_WITH_MODIFIERS, +} from '../runtimeHelpers' import { capitalize, makeMap } from '@vue/shared' const isEventOptionModifier = /*@__PURE__*/ makeMap(`passive,once,capture`) @@ -146,9 +149,9 @@ export const transformOn: DirectiveTransform = (dir, node, context) => { key = isStaticExp(key) ? createSimpleExpression(`${key.content}${modifierPostfix}`, true) : createCompoundExpression([ - `${context.helperString(CHECK_DYNAMIC_EVENT)}(`, + `${context.helperString(V_ON_WITH_DYNAMIC_EVENT_MODIFIERS)}(`, key, - `,"${modifierPostfix}")`, + `, "${modifierPostfix}")`, ]) } diff --git a/packages/runtime-core/src/helpers/toHandlers.ts b/packages/runtime-core/src/helpers/toHandlers.ts index 6d2339d6a..3e7dcb327 100644 --- a/packages/runtime-core/src/helpers/toHandlers.ts +++ b/packages/runtime-core/src/helpers/toHandlers.ts @@ -23,11 +23,3 @@ export function toHandlers( } return ret } - -export function checkDynamicEvent( - eventName: string, - modifierPostfix: string, -): string { - if (eventName != null && eventName !== '') return eventName + modifierPostfix - return '' -} diff --git a/packages/runtime-core/src/index.ts b/packages/runtime-core/src/index.ts index eabf3eb6e..9910f8210 100644 --- a/packages/runtime-core/src/index.ts +++ b/packages/runtime-core/src/index.ts @@ -358,7 +358,7 @@ export { withScopeId, } from './componentRenderContext' export { renderList } from './helpers/renderList' -export { toHandlers, checkDynamicEvent } from './helpers/toHandlers' +export { toHandlers } from './helpers/toHandlers' export { renderSlot } from './helpers/renderSlot' export { createSlots } from './helpers/createSlots' export { withMemo, isMemoSame } from './helpers/withMemo' diff --git a/packages/runtime-dom/src/directives/vOn.ts b/packages/runtime-dom/src/directives/vOn.ts index c1a2e182f..11e25a9a5 100644 --- a/packages/runtime-dom/src/directives/vOn.ts +++ b/packages/runtime-dom/src/directives/vOn.ts @@ -160,4 +160,15 @@ export const withKeys = any>( ) } +/** + * @private + */ +export function withDynamicEventModifiers( + eventName: string, + modifierPostfix: string, +): string { + if (eventName != null && eventName !== '') return eventName + modifierPostfix + return '' +} + export type VOnDirective = Directive diff --git a/packages/runtime-dom/src/index.ts b/packages/runtime-dom/src/index.ts index ca9a307dd..9da9c3628 100644 --- a/packages/runtime-dom/src/index.ts +++ b/packages/runtime-dom/src/index.ts @@ -280,7 +280,11 @@ export { vModelSelect, vModelDynamic, } from './directives/vModel' -export { withModifiers, withKeys } from './directives/vOn' +export { + withModifiers, + withKeys, + withDynamicEventModifiers, +} from './directives/vOn' export { vShow } from './directives/vShow' import { initVModelForSSR } from './directives/vModel'