@vue/runtime-dom - npm Package Compare versions

Comparing version 3.4.0-alpha.3 to 3.4.0-alpha.4

dist/runtime-dom.cjs.js

@@ -622,3 +622,4 @@ 'use strict';
 
-const nativeOnRE = /^on[a-z]/;
+const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
+key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
@@ -657,3 +658,3 @@ if (key === "class") {
     }
-    if (key in el && nativeOnRE.test(key) && shared.isFunction(value)) {
+    if (key in el && isNativeOn(key) && shared.isFunction(value)) {
       return true;
@@ -675,3 +676,7 @@ }
   }
-  if (nativeOnRE.test(key) && shared.isString(value)) {
+  if (key === "width" || key === "height") {
+    const tag = el.tagName;
+    return !(tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE");
+  }
+  if (isNativeOn(key) && shared.isString(value)) {
     return false;
@@ -1336,3 +1341,3 @@ }
 const withModifiers = (fn, modifiers) => {
-  return (event, ...args) => {
+  return fn._withMods || (fn._withMods = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
@@ -1344,3 +1349,3 @@ const guard = modifierGuards[modifiers[i]];
     return fn(event, ...args);
-  };
+  });
 };
@@ -1357,3 +1362,3 @@ const keyNames = {
 const withKeys = (fn, modifiers) => {
-  return (event) => {
+  return fn._withKeys || (fn._withKeys = (event) => {
     if (!("key" in event)) {
@@ -1366,3 +1371,3 @@ return;
     }
-  };
+  });
 };
@@ -1369,0 +1374,0 @@

dist/runtime-dom.cjs.prod.js

@@ -605,3 +605,4 @@ 'use strict';
 
-const nativeOnRE = /^on[a-z]/;
+const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
+key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
@@ -640,3 +641,3 @@ if (key === "class") {
     }
-    if (key in el && nativeOnRE.test(key) && shared.isFunction(value)) {
+    if (key in el && isNativeOn(key) && shared.isFunction(value)) {
       return true;
@@ -658,3 +659,7 @@ }
   }
-  if (nativeOnRE.test(key) && shared.isString(value)) {
+  if (key === "width" || key === "height") {
+    const tag = el.tagName;
+    return !(tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE");
+  }
+  if (isNativeOn(key) && shared.isString(value)) {
     return false;
@@ -1292,3 +1297,3 @@ }
 const withModifiers = (fn, modifiers) => {
-  return (event, ...args) => {
+  return fn._withMods || (fn._withMods = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
@@ -1300,3 +1305,3 @@ const guard = modifierGuards[modifiers[i]];
     return fn(event, ...args);
-  };
+  });
 };
@@ -1313,3 +1318,3 @@ const keyNames = {
 const withKeys = (fn, modifiers) => {
-  return (event) => {
+  return fn._withKeys || (fn._withKeys = (event) => {
     if (!("key" in event)) {
@@ -1322,3 +1327,3 @@ return;
     }
-  };
+  });
 };
@@ -1325,0 +1330,0 @@

dist/runtime-dom.d.ts

@@ -105,7 +105,11 @@ import { SetupContext, RenderFunction, ComputedOptions, MethodOptions, ComponentOptionsMixin, EmitsOptions, ComponentInjectOptions, SlotsType, ComponentOptionsWithoutProps, ComponentOptionsWithArrayProps, ComponentPropsOptions, ComponentOptionsWithObjectProps, ExtractPropTypes, DefineComponent, RootHydrateFunction, ConcreteComponent, BaseTransitionProps, FunctionalComponent, ObjectDirective, VNodeRef, RootRenderFunction, CreateAppFunction } from '@vue/runtime-core';
  */
-export declare const withModifiers: (fn: Function, modifiers: string[]) => (event: Event, ...args: unknown[]) => any;
+export declare const withModifiers: <T extends (event: Event, ...args: unknown[]) => any>(fn: T & {
+    _withMods?: T | undefined;
+}, modifiers: string[]) => T;
 /**
  * @private
  */
-export declare const withKeys: (fn: Function, modifiers: string[]) => (event: KeyboardEvent) => any;
+export declare const withKeys: <T extends (event: KeyboardEvent) => any>(fn: T & {
+    _withKeys?: T | undefined;
+}, modifiers: string[]) => T;
 
@@ -112,0 +116,0 @@ declare const vShowOldKey: unique symbol;

dist/runtime-dom.esm-bundler.js

@@ -619,3 +619,4 @@ import { h, BaseTransition, BaseTransitionPropsValidators, assertNumber, warn, camelize, callWithAsyncErrorHandling, defineComponent, nextTick, createVNode, getCurrentInstance, watchPostEffect, onMounted, onUnmounted, Fragment, Static, useTransitionState, onUpdated, toRaw, getTransitionRawChildren, setTransitionHooks, resolveTransitionHooks, isRuntimeOnly, createRenderer, createHydrationRenderer } from '@vue/runtime-core';
 
-const nativeOnRE = /^on[a-z]/;
+const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
+key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
@@ -654,3 +655,3 @@ if (key === "class") {
     }
-    if (key in el && nativeOnRE.test(key) && isFunction(value)) {
+    if (key in el && isNativeOn(key) && isFunction(value)) {
       return true;
@@ -672,3 +673,7 @@ }
   }
-  if (nativeOnRE.test(key) && isString(value)) {
+  if (key === "width" || key === "height") {
+    const tag = el.tagName;
+    return !(tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE");
+  }
+  if (isNativeOn(key) && isString(value)) {
     return false;
@@ -1388,3 +1393,3 @@ }
 const withModifiers = (fn, modifiers) => {
-  return (event, ...args) => {
+  return fn._withMods || (fn._withMods = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
@@ -1396,3 +1401,3 @@ const guard = modifierGuards[modifiers[i]];
     return fn(event, ...args);
-  };
+  });
 };
@@ -1409,3 +1414,3 @@ const keyNames = {
 const withKeys = (fn, modifiers) => {
-  return (event) => {
+  return fn._withKeys || (fn._withKeys = (event) => {
     if (!("key" in event)) {
@@ -1418,3 +1423,3 @@ return;
     }
-  };
+  });
 };
@@ -1421,0 +1426,0 @@

package.json

 {
   "name": "@vue/runtime-dom",
-  "version": "3.4.0-alpha.3",
+  "version": "3.4.0-alpha.4",
   "description": "@vue/runtime-dom",
@@ -39,5 +39,5 @@ "main": "index.js",
     "csstype": "^3.1.2",
-    "@vue/shared": "3.4.0-alpha.3",
-    "@vue/runtime-core": "3.4.0-alpha.3"
+    "@vue/shared": "3.4.0-alpha.4",
+    "@vue/runtime-core": "3.4.0-alpha.4"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

1003089

increased by0.59%

Lines of code

27789

increased by0.42%

Dependency changes

• + Added@vue/reactivity@3.4.0-alpha.4(transitive)

• + Added@vue/runtime-core@3.4.0-alpha.4(transitive)

• + Added@vue/shared@3.4.0-alpha.4(transitive)

• - Removed@vue/reactivity@3.4.0-alpha.3(transitive)

• - Removed@vue/runtime-core@3.4.0-alpha.3(transitive)

• - Removed@vue/shared@3.4.0-alpha.3(transitive)

• Updated@vue/runtime-core@3.4.0-alpha.4

• Updated@vue/shared@3.4.0-alpha.4