@vue/runtime-dom 3.3.0-alpha.3 → 3.3.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/runtime-dom.cjs.js +1 -1
- package/dist/runtime-dom.cjs.prod.js +1 -1
- package/dist/runtime-dom.esm-browser.js +50 -50
- package/dist/runtime-dom.esm-browser.prod.js +1 -1
- package/dist/runtime-dom.esm-bundler.js +1 -1
- package/dist/runtime-dom.global.js +50 -50
- package/dist/runtime-dom.global.prod.js +1 -1
- package/package.json +3 -3
package/dist/runtime-dom.cjs.js
CHANGED
|
@@ -1400,7 +1400,7 @@ function warn(msg, ...args) {
|
|
|
1400
1400
|
callWithErrorHandling(
|
|
1401
1401
|
appWarnHandler,
|
|
1402
1402
|
instance,
|
|
1403
|
-
|
|
1403
|
+
11,
|
|
1404
1404
|
[
|
|
1405
1405
|
msg + args.join(""),
|
|
1406
1406
|
instance && instance.proxy,
|
|
@@ -1513,21 +1513,21 @@ const ErrorTypeStrings = {
|
|
|
1513
1513
|
["ec"]: "errorCaptured hook",
|
|
1514
1514
|
["rtc"]: "renderTracked hook",
|
|
1515
1515
|
["rtg"]: "renderTriggered hook",
|
|
1516
|
-
[
|
|
1517
|
-
[
|
|
1518
|
-
[
|
|
1519
|
-
[
|
|
1520
|
-
[
|
|
1521
|
-
[
|
|
1522
|
-
[
|
|
1523
|
-
[
|
|
1524
|
-
[
|
|
1525
|
-
[
|
|
1526
|
-
[
|
|
1527
|
-
[
|
|
1528
|
-
[
|
|
1529
|
-
[
|
|
1530
|
-
[
|
|
1516
|
+
[0]: "setup function",
|
|
1517
|
+
[1]: "render function",
|
|
1518
|
+
[2]: "watcher getter",
|
|
1519
|
+
[3]: "watcher callback",
|
|
1520
|
+
[4]: "watcher cleanup function",
|
|
1521
|
+
[5]: "native event handler",
|
|
1522
|
+
[6]: "component event handler",
|
|
1523
|
+
[7]: "vnode hook",
|
|
1524
|
+
[8]: "directive hook",
|
|
1525
|
+
[9]: "transition hook",
|
|
1526
|
+
[10]: "app errorHandler",
|
|
1527
|
+
[11]: "app warnHandler",
|
|
1528
|
+
[12]: "ref function",
|
|
1529
|
+
[13]: "async component loader",
|
|
1530
|
+
[14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"
|
|
1531
1531
|
};
|
|
1532
1532
|
function callWithErrorHandling(fn, instance, type, args) {
|
|
1533
1533
|
let res;
|
|
@@ -1576,7 +1576,7 @@ function handleError(err, instance, type, throwInDev = true) {
|
|
|
1576
1576
|
callWithErrorHandling(
|
|
1577
1577
|
appErrorHandler,
|
|
1578
1578
|
null,
|
|
1579
|
-
|
|
1579
|
+
10,
|
|
1580
1580
|
[err, exposedInstance, errorInfo]
|
|
1581
1581
|
);
|
|
1582
1582
|
return;
|
|
@@ -1729,7 +1729,7 @@ function flushJobs(seen) {
|
|
|
1729
1729
|
if (check(job)) {
|
|
1730
1730
|
continue;
|
|
1731
1731
|
}
|
|
1732
|
-
callWithErrorHandling(job, null,
|
|
1732
|
+
callWithErrorHandling(job, null, 14);
|
|
1733
1733
|
}
|
|
1734
1734
|
}
|
|
1735
1735
|
} finally {
|
|
@@ -2037,7 +2037,7 @@ function emit(instance, event, ...rawArgs) {
|
|
|
2037
2037
|
callWithAsyncErrorHandling(
|
|
2038
2038
|
handler,
|
|
2039
2039
|
instance,
|
|
2040
|
-
|
|
2040
|
+
6,
|
|
2041
2041
|
args
|
|
2042
2042
|
);
|
|
2043
2043
|
}
|
|
@@ -2052,7 +2052,7 @@ function emit(instance, event, ...rawArgs) {
|
|
|
2052
2052
|
callWithAsyncErrorHandling(
|
|
2053
2053
|
onceHandler,
|
|
2054
2054
|
instance,
|
|
2055
|
-
|
|
2055
|
+
6,
|
|
2056
2056
|
args
|
|
2057
2057
|
);
|
|
2058
2058
|
}
|
|
@@ -2223,7 +2223,7 @@ function renderComponentRoot(instance) {
|
|
|
2223
2223
|
}
|
|
2224
2224
|
} catch (err) {
|
|
2225
2225
|
blockStack.length = 0;
|
|
2226
|
-
handleError(err, instance,
|
|
2226
|
+
handleError(err, instance, 1);
|
|
2227
2227
|
result = createVNode(Comment);
|
|
2228
2228
|
}
|
|
2229
2229
|
let root = result;
|
|
@@ -2734,7 +2734,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
|
|
|
2734
2734
|
if (delayEnter) {
|
|
2735
2735
|
activeBranch.transition.afterLeave = () => {
|
|
2736
2736
|
if (pendingId === suspense.pendingId) {
|
|
2737
|
-
move(pendingBranch, container2, anchor2,
|
|
2737
|
+
move(pendingBranch, container2, anchor2, 0);
|
|
2738
2738
|
}
|
|
2739
2739
|
};
|
|
2740
2740
|
}
|
|
@@ -2744,7 +2744,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
|
|
|
2744
2744
|
unmount(activeBranch, parentComponent2, suspense, true);
|
|
2745
2745
|
}
|
|
2746
2746
|
if (!delayEnter) {
|
|
2747
|
-
move(pendingBranch, container2, anchor2,
|
|
2747
|
+
move(pendingBranch, container2, anchor2, 0);
|
|
2748
2748
|
}
|
|
2749
2749
|
}
|
|
2750
2750
|
setActiveBranch(suspense, pendingBranch);
|
|
@@ -2822,7 +2822,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
|
|
|
2822
2822
|
}
|
|
2823
2823
|
const hydratedEl = instance.vnode.el;
|
|
2824
2824
|
instance.asyncDep.catch((err) => {
|
|
2825
|
-
handleError(err, instance,
|
|
2825
|
+
handleError(err, instance, 0);
|
|
2826
2826
|
}).then((asyncSetupResult) => {
|
|
2827
2827
|
if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
|
|
2828
2828
|
return;
|
|
@@ -3066,14 +3066,14 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
|
|
|
3066
3066
|
} else if (isReactive(s)) {
|
|
3067
3067
|
return traverse(s);
|
|
3068
3068
|
} else if (isFunction(s)) {
|
|
3069
|
-
return callWithErrorHandling(s, instance,
|
|
3069
|
+
return callWithErrorHandling(s, instance, 2);
|
|
3070
3070
|
} else {
|
|
3071
3071
|
warnInvalidSource(s);
|
|
3072
3072
|
}
|
|
3073
3073
|
});
|
|
3074
3074
|
} else if (isFunction(source)) {
|
|
3075
3075
|
if (cb) {
|
|
3076
|
-
getter = () => callWithErrorHandling(source, instance,
|
|
3076
|
+
getter = () => callWithErrorHandling(source, instance, 2);
|
|
3077
3077
|
} else {
|
|
3078
3078
|
getter = () => {
|
|
3079
3079
|
if (instance && instance.isUnmounted) {
|
|
@@ -3085,7 +3085,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
|
|
|
3085
3085
|
return callWithAsyncErrorHandling(
|
|
3086
3086
|
source,
|
|
3087
3087
|
instance,
|
|
3088
|
-
|
|
3088
|
+
3,
|
|
3089
3089
|
[onCleanup]
|
|
3090
3090
|
);
|
|
3091
3091
|
};
|
|
@@ -3101,7 +3101,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
|
|
|
3101
3101
|
let cleanup;
|
|
3102
3102
|
let onCleanup = (fn) => {
|
|
3103
3103
|
cleanup = effect.onStop = () => {
|
|
3104
|
-
callWithErrorHandling(fn, instance,
|
|
3104
|
+
callWithErrorHandling(fn, instance, 4);
|
|
3105
3105
|
};
|
|
3106
3106
|
};
|
|
3107
3107
|
let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
|
|
@@ -3117,7 +3117,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
|
|
|
3117
3117
|
if (cleanup) {
|
|
3118
3118
|
cleanup();
|
|
3119
3119
|
}
|
|
3120
|
-
callWithAsyncErrorHandling(cb, instance,
|
|
3120
|
+
callWithAsyncErrorHandling(cb, instance, 3, [
|
|
3121
3121
|
newValue,
|
|
3122
3122
|
// pass undefined as the old value when it's changed for the first time
|
|
3123
3123
|
oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
|
|
@@ -3392,7 +3392,7 @@ function resolveTransitionHooks(vnode, props, state, instance) {
|
|
|
3392
3392
|
hook && callWithAsyncErrorHandling(
|
|
3393
3393
|
hook,
|
|
3394
3394
|
instance,
|
|
3395
|
-
|
|
3395
|
+
9,
|
|
3396
3396
|
args
|
|
3397
3397
|
);
|
|
3398
3398
|
};
|
|
@@ -3624,7 +3624,7 @@ function defineAsyncComponent(source) {
|
|
|
3624
3624
|
handleError(
|
|
3625
3625
|
err,
|
|
3626
3626
|
instance,
|
|
3627
|
-
|
|
3627
|
+
13,
|
|
3628
3628
|
!errorComponent
|
|
3629
3629
|
/* do not throw in dev if user provided error component */
|
|
3630
3630
|
);
|
|
@@ -3723,7 +3723,7 @@ const KeepAliveImpl = {
|
|
|
3723
3723
|
const storageContainer = createElement("div");
|
|
3724
3724
|
sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
|
|
3725
3725
|
const instance2 = vnode.component;
|
|
3726
|
-
move(vnode, container, anchor,
|
|
3726
|
+
move(vnode, container, anchor, 0, parentSuspense);
|
|
3727
3727
|
patch(
|
|
3728
3728
|
instance2.vnode,
|
|
3729
3729
|
vnode,
|
|
@@ -3751,7 +3751,7 @@ const KeepAliveImpl = {
|
|
|
3751
3751
|
};
|
|
3752
3752
|
sharedContext.deactivate = (vnode) => {
|
|
3753
3753
|
const instance2 = vnode.component;
|
|
3754
|
-
move(vnode, storageContainer, null,
|
|
3754
|
+
move(vnode, storageContainer, null, 1, parentSuspense);
|
|
3755
3755
|
queuePostRenderEffect(() => {
|
|
3756
3756
|
if (instance2.da) {
|
|
3757
3757
|
invokeArrayFns(instance2.da);
|
|
@@ -4030,7 +4030,7 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
|
|
|
4030
4030
|
let hook = binding.dir[name];
|
|
4031
4031
|
if (hook) {
|
|
4032
4032
|
pauseTracking();
|
|
4033
|
-
callWithAsyncErrorHandling(hook, instance,
|
|
4033
|
+
callWithAsyncErrorHandling(hook, instance, 8, [
|
|
4034
4034
|
vnode.el,
|
|
4035
4035
|
binding,
|
|
4036
4036
|
vnode,
|
|
@@ -5575,7 +5575,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
|
|
|
5575
5575
|
}
|
|
5576
5576
|
}
|
|
5577
5577
|
if (isFunction(ref)) {
|
|
5578
|
-
callWithErrorHandling(ref, owner,
|
|
5578
|
+
callWithErrorHandling(ref, owner, 12, [value, refs]);
|
|
5579
5579
|
} else {
|
|
5580
5580
|
const _isString = isString(ref);
|
|
5581
5581
|
const _isRef = isRef(ref);
|
|
@@ -7223,7 +7223,7 @@ function baseCreateRenderer(options, createHydrationFns) {
|
|
|
7223
7223
|
);
|
|
7224
7224
|
} else if (moved) {
|
|
7225
7225
|
if (j < 0 || i !== increasingNewIndexSequence[j]) {
|
|
7226
|
-
move(nextChild, container, anchor,
|
|
7226
|
+
move(nextChild, container, anchor, 2);
|
|
7227
7227
|
} else {
|
|
7228
7228
|
j--;
|
|
7229
7229
|
}
|
|
@@ -7257,9 +7257,9 @@ function baseCreateRenderer(options, createHydrationFns) {
|
|
|
7257
7257
|
moveStaticNode(vnode, container, anchor);
|
|
7258
7258
|
return;
|
|
7259
7259
|
}
|
|
7260
|
-
const needTransition = moveType !==
|
|
7260
|
+
const needTransition = moveType !== 2 && shapeFlag & 1 && transition;
|
|
7261
7261
|
if (needTransition) {
|
|
7262
|
-
if (moveType ===
|
|
7262
|
+
if (moveType === 0) {
|
|
7263
7263
|
transition.beforeEnter(el);
|
|
7264
7264
|
hostInsert(el, container, anchor);
|
|
7265
7265
|
queuePostRenderEffect(() => transition.enter(el), parentSuspense);
|
|
@@ -7657,7 +7657,7 @@ const TeleportImpl = {
|
|
|
7657
7657
|
container,
|
|
7658
7658
|
mainAnchor,
|
|
7659
7659
|
internals,
|
|
7660
|
-
|
|
7660
|
+
1
|
|
7661
7661
|
);
|
|
7662
7662
|
}
|
|
7663
7663
|
} else {
|
|
@@ -7672,7 +7672,7 @@ const TeleportImpl = {
|
|
|
7672
7672
|
nextTarget,
|
|
7673
7673
|
null,
|
|
7674
7674
|
internals,
|
|
7675
|
-
|
|
7675
|
+
0
|
|
7676
7676
|
);
|
|
7677
7677
|
} else {
|
|
7678
7678
|
warn(
|
|
@@ -7687,7 +7687,7 @@ const TeleportImpl = {
|
|
|
7687
7687
|
target,
|
|
7688
7688
|
targetAnchor,
|
|
7689
7689
|
internals,
|
|
7690
|
-
|
|
7690
|
+
1
|
|
7691
7691
|
);
|
|
7692
7692
|
}
|
|
7693
7693
|
}
|
|
@@ -7718,12 +7718,12 @@ const TeleportImpl = {
|
|
|
7718
7718
|
move: moveTeleport,
|
|
7719
7719
|
hydrate: hydrateTeleport
|
|
7720
7720
|
};
|
|
7721
|
-
function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType =
|
|
7722
|
-
if (moveType ===
|
|
7721
|
+
function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
|
|
7722
|
+
if (moveType === 0) {
|
|
7723
7723
|
insert(vnode.targetAnchor, container, parentAnchor);
|
|
7724
7724
|
}
|
|
7725
7725
|
const { el, anchor, shapeFlag, children, props } = vnode;
|
|
7726
|
-
const isReorder = moveType ===
|
|
7726
|
+
const isReorder = moveType === 2;
|
|
7727
7727
|
if (isReorder) {
|
|
7728
7728
|
insert(el, container, parentAnchor);
|
|
7729
7729
|
}
|
|
@@ -7734,7 +7734,7 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
|
|
|
7734
7734
|
children[i],
|
|
7735
7735
|
container,
|
|
7736
7736
|
parentAnchor,
|
|
7737
|
-
|
|
7737
|
+
2
|
|
7738
7738
|
);
|
|
7739
7739
|
}
|
|
7740
7740
|
}
|
|
@@ -8162,7 +8162,7 @@ function mergeProps(...args) {
|
|
|
8162
8162
|
return ret;
|
|
8163
8163
|
}
|
|
8164
8164
|
function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
|
|
8165
|
-
callWithAsyncErrorHandling(hook, instance,
|
|
8165
|
+
callWithAsyncErrorHandling(hook, instance, 7, [
|
|
8166
8166
|
vnode,
|
|
8167
8167
|
prevVNode
|
|
8168
8168
|
]);
|
|
@@ -8328,7 +8328,7 @@ function setupStatefulComponent(instance, isSSR) {
|
|
|
8328
8328
|
const setupResult = callWithErrorHandling(
|
|
8329
8329
|
setup,
|
|
8330
8330
|
instance,
|
|
8331
|
-
|
|
8331
|
+
0,
|
|
8332
8332
|
[shallowReadonly(instance.props) , setupContext]
|
|
8333
8333
|
);
|
|
8334
8334
|
resetTracking();
|
|
@@ -8339,7 +8339,7 @@ function setupStatefulComponent(instance, isSSR) {
|
|
|
8339
8339
|
return setupResult.then((resolvedResult) => {
|
|
8340
8340
|
handleSetupResult(instance, resolvedResult, isSSR);
|
|
8341
8341
|
}).catch((e) => {
|
|
8342
|
-
handleError(e, instance,
|
|
8342
|
+
handleError(e, instance, 0);
|
|
8343
8343
|
});
|
|
8344
8344
|
} else {
|
|
8345
8345
|
instance.asyncDep = setupResult;
|
|
@@ -8879,7 +8879,7 @@ function isMemoSame(cached, memo) {
|
|
|
8879
8879
|
return true;
|
|
8880
8880
|
}
|
|
8881
8881
|
|
|
8882
|
-
const version = "3.3.0-alpha.
|
|
8882
|
+
const version = "3.3.0-alpha.4";
|
|
8883
8883
|
const ssrUtils = null;
|
|
8884
8884
|
const resolveFilter = null;
|
|
8885
8885
|
const compatUtils = null;
|
|
@@ -9161,7 +9161,7 @@ function createInvoker(initialValue, instance) {
|
|
|
9161
9161
|
callWithAsyncErrorHandling(
|
|
9162
9162
|
patchStopImmediatePropagation(e, invoker.value),
|
|
9163
9163
|
instance,
|
|
9164
|
-
|
|
9164
|
+
5,
|
|
9165
9165
|
[e]
|
|
9166
9166
|
);
|
|
9167
9167
|
};
|