@vue/runtime-dom 3.2.45 → 3.2.47

package/dist/runtime-dom.cjs.js

@@ -107,9 +107,6 @@ function patchStyle(el, prev, next) {
     const style = el.style;
     const isCssString = shared.isString(next);
     if (next && !isCssString) {
-        for (const key in next) {
-            setStyle(style, key, next[key]);
-        }
         if (prev && !shared.isString(prev)) {
             for (const key in prev) {
                 if (next[key] == null) {
@@ -117,6 +114,9 @@ function patchStyle(el, prev, next) {
                 }
             }
         }
+        for (const key in next) {
+            setStyle(style, key, next[key]);
+        }
     }
     else {
         const currentDisplay = style.display;
@@ -858,18 +858,10 @@ function normalizeDuration(duration) {
 }
 function NumberOf(val) {
     const res = shared.toNumber(val);
-    validateDuration(res);
-    return res;
-}
-function validateDuration(val) {
-    if (typeof val !== 'number') {
-        runtimeCore.warn(`<transition> explicit duration is not a valid number - ` +
-            `got ${JSON.stringify(val)}.`);
-    }
-    else if (isNaN(val)) {
-        runtimeCore.warn(`<transition> explicit duration is NaN - ` +
-            'the duration expression might be incorrect.');
+    {
+        runtimeCore.assertNumber(res, '<transition> explicit duration');
     }
+    return res;
 }
 function addTransitionClass(el, cls) {
     cls.split(/\s+/).forEach(c => c && el.classList.add(c));
@@ -1066,6 +1058,14 @@ const TransitionGroupImpl = {
         };
     }
 };
+/**
+ * TransitionGroup does not support "mode" so we need to remove it from the
+ * props declarations, but direct delete operation is considered a side effect
+ * and will make the entire transition feature non-tree-shakeable, so we do it
+ * in a function and mark the function's invocation as pure.
+ */
+const removeMode = (props) => delete props.mode;
+/*#__PURE__*/ removeMode(TransitionGroupImpl.props);
 const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(c) {
     const el = c.el;
@@ -1141,7 +1141,7 @@ const vModelText = {
                 domValue = domValue.trim();
             }
             if (castToNumber) {
-                domValue = shared.toNumber(domValue);
+                domValue = shared.looseToNumber(domValue);
             }
             el._assign(domValue);
         });
@@ -1176,7 +1176,8 @@ const vModelText = {
             if (trim && el.value.trim() === value) {
                 return;
             }
-            if ((number || el.type === 'number') && shared.toNumber(el.value) === value) {
+            if ((number || el.type === 'number') &&
+                shared.looseToNumber(el.value) === value) {
                 return;
             }
         }
@@ -1265,7 +1266,7 @@ const vModelSelect = {
         addEventListener(el, 'change', () => {
             const selectedVal = Array.prototype.filter
                 .call(el.options, (o) => o.selected)
-                .map((o) => number ? shared.toNumber(getValue(o)) : getValue(o));
+                .map((o) => number ? shared.looseToNumber(getValue(o)) : getValue(o));
             el._assign(el.multiple
                 ? isSetModel
                     ? new Set(selectedVal)
@@ -1638,9 +1639,6 @@ const initDirectivesForSSR = () => {
     }
     ;
 
-Object.keys(runtimeCore).forEach(function (k) {
-  if (k !== 'default') exports[k] = runtimeCore[k];
-});
 exports.Transition = Transition;
 exports.TransitionGroup = TransitionGroup;
 exports.VueElement = VueElement;
@@ -1661,3 +1659,6 @@ exports.vModelText = vModelText;
 exports.vShow = vShow;
 exports.withKeys = withKeys;
 exports.withModifiers = withModifiers;
+Object.keys(runtimeCore).forEach(function(k) {
+  if (k !== 'default') exports[k] = runtimeCore[k];
+});

package/dist/runtime-dom.cjs.prod.js

@@ -107,9 +107,6 @@ function patchStyle(el, prev, next) {
     const style = el.style;
     const isCssString = shared.isString(next);
     if (next && !isCssString) {
-        for (const key in next) {
-            setStyle(style, key, next[key]);
-        }
         if (prev && !shared.isString(prev)) {
             for (const key in prev) {
                 if (next[key] == null) {
@@ -117,6 +114,9 @@ function patchStyle(el, prev, next) {
                 }
             }
         }
+        for (const key in next) {
+            setStyle(style, key, next[key]);
+        }
     }
     else {
         const currentDisplay = style.display;
@@ -1017,6 +1017,14 @@ const TransitionGroupImpl = {
         };
     }
 };
+/**
+ * TransitionGroup does not support "mode" so we need to remove it from the
+ * props declarations, but direct delete operation is considered a side effect
+ * and will make the entire transition feature non-tree-shakeable, so we do it
+ * in a function and mark the function's invocation as pure.
+ */
+const removeMode = (props) => delete props.mode;
+/*#__PURE__*/ removeMode(TransitionGroupImpl.props);
 const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(c) {
     const el = c.el;
@@ -1092,7 +1100,7 @@ const vModelText = {
                 domValue = domValue.trim();
             }
             if (castToNumber) {
-                domValue = shared.toNumber(domValue);
+                domValue = shared.looseToNumber(domValue);
             }
             el._assign(domValue);
         });
@@ -1127,7 +1135,8 @@ const vModelText = {
             if (trim && el.value.trim() === value) {
                 return;
             }
-            if ((number || el.type === 'number') && shared.toNumber(el.value) === value) {
+            if ((number || el.type === 'number') &&
+                shared.looseToNumber(el.value) === value) {
                 return;
             }
         }
@@ -1216,7 +1225,7 @@ const vModelSelect = {
         addEventListener(el, 'change', () => {
             const selectedVal = Array.prototype.filter
                 .call(el.options, (o) => o.selected)
-                .map((o) => number ? shared.toNumber(getValue(o)) : getValue(o));
+                .map((o) => number ? shared.looseToNumber(getValue(o)) : getValue(o));
             el._assign(el.multiple
                 ? isSetModel
                     ? new Set(selectedVal)
@@ -1531,9 +1540,6 @@ const initDirectivesForSSR = () => {
     }
     ;
 
-Object.keys(runtimeCore).forEach(function (k) {
-  if (k !== 'default') exports[k] = runtimeCore[k];
-});
 exports.Transition = Transition;
 exports.TransitionGroup = TransitionGroup;
 exports.VueElement = VueElement;
@@ -1554,3 +1560,6 @@ exports.vModelText = vModelText;
 exports.vShow = vShow;
 exports.withKeys = withKeys;
 exports.withModifiers = withModifiers;
+Object.keys(runtimeCore).forEach(function(k) {
+  if (k !== 'default') exports[k] = runtimeCore[k];
+});

package/dist/runtime-dom.d.ts

@@ -481,6 +481,17 @@ export interface HTMLAttributes extends AriaAttributes, EventHandlers<Events> {
   is?: string
 }
 
+type HTMLAttributeReferrerPolicy =
+  | ''
+  | 'no-referrer'
+  | 'no-referrer-when-downgrade'
+  | 'origin'
+  | 'origin-when-cross-origin'
+  | 'same-origin'
+  | 'strict-origin'
+  | 'strict-origin-when-cross-origin'
+  | 'unsafe-url'
+
 export interface AnchorHTMLAttributes extends HTMLAttributes {
   download?: any
   href?: string
@@ -490,7 +501,7 @@ export interface AnchorHTMLAttributes extends HTMLAttributes {
   rel?: string
   target?: string
   type?: string
-  referrerpolicy?: string
+  referrerpolicy?: HTMLAttributeReferrerPolicy
 }
 
 export interface AreaHTMLAttributes extends HTMLAttributes {
@@ -500,6 +511,7 @@ export interface AreaHTMLAttributes extends HTMLAttributes {
   href?: string
   hreflang?: string
   media?: string
+  referrerpolicy?: HTMLAttributeReferrerPolicy
   rel?: string
   shape?: string
   target?: string
@@ -598,7 +610,7 @@ export interface IframeHTMLAttributes extends HTMLAttributes {
   marginheight?: Numberish
   marginwidth?: Numberish
   name?: string
-  referrerpolicy?: string
+  referrerpolicy?: HTMLAttributeReferrerPolicy
   sandbox?: string
   scrolling?: string
   seamless?: Booleanish
@@ -612,6 +624,7 @@ export interface ImgHTMLAttributes extends HTMLAttributes {
   crossorigin?: 'anonymous' | 'use-credentials' | ''
   decoding?: 'async' | 'auto' | 'sync'
   height?: Numberish
+  referrerpolicy?: HTMLAttributeReferrerPolicy
   sizes?: string
   src?: string
   srcset?: string
@@ -686,6 +699,7 @@ export interface LinkHTMLAttributes extends HTMLAttributes {
   hreflang?: string
   integrity?: string
   media?: string
+  referrerpolicy?: HTMLAttributeReferrerPolicy
   rel?: string
   sizes?: string
   type?: string
@@ -786,6 +800,7 @@ export interface ScriptHTMLAttributes extends HTMLAttributes {
   defer?: Booleanish
   integrity?: string
   nomodule?: Booleanish
+  referrerpolicy?: HTMLAttributeReferrerPolicy
   nonce?: string
   src?: string
   type?: string
@@ -1473,7 +1488,9 @@ export interface Events {
 }
 
 type EventHandlers<E> = {
-  [K in keyof E]?: E[K] extends (...args: any) => any ? E[K] : (payload: E[K]) => void
+  [K in keyof E]?: E[K] extends (...args: any) => any
+    ? E[K]
+    : (payload: E[K]) => void
 }
 
 // use namespace import to avoid collision with generated types which use