@vue/compat 3.5.34 → 3.5.35

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.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/compat v3.5.34
2
+ * @vue/compat v3.5.35
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -1676,9 +1676,6 @@ function targetTypeMap(rawType) {
1676
1676
  return 0 /* INVALID */;
1677
1677
  }
1678
1678
  }
1679
- function getTargetType(value) {
1680
- return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
1681
- }
1682
1679
  // @__NO_SIDE_EFFECTS__
1683
1680
  function reactive(target) {
1684
1681
  if (/* @__PURE__ */ isReadonly(target)) {
@@ -1736,14 +1733,17 @@ function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandl
1736
1733
  if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
1737
1734
  return target;
1738
1735
  }
1739
- const targetType = getTargetType(target);
1740
- if (targetType === 0 /* INVALID */) {
1736
+ if (target["__v_skip"] || !Object.isExtensible(target)) {
1741
1737
  return target;
1742
1738
  }
1743
1739
  const existingProxy = proxyMap.get(target);
1744
1740
  if (existingProxy) {
1745
1741
  return existingProxy;
1746
1742
  }
1743
+ const targetType = targetTypeMap(toRawType(target));
1744
+ if (targetType === 0 /* INVALID */) {
1745
+ return target;
1746
+ }
1747
1747
  const proxy = new Proxy(
1748
1748
  target,
1749
1749
  targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
@@ -3909,19 +3909,18 @@ const TeleportImpl = {
3909
3909
  target,
3910
3910
  props
3911
3911
  } = vnode;
3912
- let shouldRemove = doRemove || !isTeleportDisabled(props);
3912
+ const shouldRemove = doRemove || !isTeleportDisabled(props);
3913
3913
  const pendingMount = pendingMounts.get(vnode);
3914
3914
  if (pendingMount) {
3915
3915
  pendingMount.flags |= 8;
3916
3916
  pendingMounts.delete(vnode);
3917
- shouldRemove = false;
3918
3917
  }
3919
3918
  if (target) {
3920
3919
  hostRemove(targetStart);
3921
3920
  hostRemove(targetAnchor);
3922
3921
  }
3923
3922
  doRemove && hostRemove(anchor);
3924
- if (shapeFlag & 16) {
3923
+ if (!pendingMount && shapeFlag & 16) {
3925
3924
  for (let i = 0; i < children.length; i++) {
3926
3925
  const child = children[i];
3927
3926
  unmount(
@@ -4893,20 +4892,16 @@ function createHydrationFunctions(rendererInternals) {
4893
4892
  slotScopeIds,
4894
4893
  optimized
4895
4894
  );
4896
- let hasWarned = false;
4897
- while (next) {
4898
- if (!isMismatchAllowed(el, 1 /* CHILDREN */)) {
4899
- if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && !hasWarned) {
4900
- warn$1(
4901
- `Hydration children mismatch on`,
4902
- el,
4903
- `
4895
+ if (next && !isMismatchAllowed(el, 1 /* CHILDREN */)) {
4896
+ (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(
4897
+ `Hydration children mismatch on`,
4898
+ el,
4899
+ `
4904
4900
  Server rendered element contains more child nodes than client vdom.`
4905
- );
4906
- hasWarned = true;
4907
- }
4908
- logMismatchError();
4909
- }
4901
+ );
4902
+ logMismatchError();
4903
+ }
4904
+ while (next) {
4910
4905
  const cur = next;
4911
4906
  next = next.nextSibling;
4912
4907
  remove(cur);
@@ -4980,7 +4975,7 @@ Server rendered element contains more child nodes than client vdom.`
4980
4975
  optimized = optimized || !!parentVNode.dynamicChildren;
4981
4976
  const children = parentVNode.children;
4982
4977
  const l = children.length;
4983
- let hasWarned = false;
4978
+ let hasCheckedMismatch = false;
4984
4979
  for (let i = 0; i < l; i++) {
4985
4980
  const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
4986
4981
  const isText = vnode.type === Text;
@@ -5008,17 +5003,17 @@ Server rendered element contains more child nodes than client vdom.`
5008
5003
  } else if (isText && !vnode.children) {
5009
5004
  insert(vnode.el = createText(""), container);
5010
5005
  } else {
5011
- if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
5012
- if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && !hasWarned) {
5013
- warn$1(
5006
+ if (!hasCheckedMismatch) {
5007
+ hasCheckedMismatch = true;
5008
+ if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
5009
+ (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(
5014
5010
  `Hydration children mismatch on`,
5015
5011
  container,
5016
5012
  `
5017
5013
  Server rendered element contains fewer child nodes than client vdom.`
5018
5014
  );
5019
- hasWarned = true;
5015
+ logMismatchError();
5020
5016
  }
5021
- logMismatchError();
5022
5017
  }
5023
5018
  patch(
5024
5019
  null,
@@ -7506,7 +7501,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
7506
7501
  return vm;
7507
7502
  }
7508
7503
  }
7509
- Vue.version = `2.6.14-compat:${"3.5.34"}`;
7504
+ Vue.version = `2.6.14-compat:${"3.5.35"}`;
7510
7505
  Vue.config = singletonApp.config;
7511
7506
  Vue.use = (plugin, ...options) => {
7512
7507
  if (plugin && isFunction(plugin.install)) {
@@ -10552,9 +10547,13 @@ function baseCreateRenderer(options, createHydrationFns) {
10552
10547
  const needTransition2 = moveType !== 2 && shapeFlag & 1 && transition;
10553
10548
  if (needTransition2) {
10554
10549
  if (moveType === 0) {
10555
- transition.beforeEnter(el);
10556
- hostInsert(el, container, anchor);
10557
- queuePostRenderEffect(() => transition.enter(el), parentSuspense);
10550
+ if (transition.persisted && !el[leaveCbKey]) {
10551
+ hostInsert(el, container, anchor);
10552
+ } else {
10553
+ transition.beforeEnter(el);
10554
+ hostInsert(el, container, anchor);
10555
+ queuePostRenderEffect(() => transition.enter(el), parentSuspense);
10556
+ }
10558
10557
  } else {
10559
10558
  const { leave, delayLeave, afterLeave } = transition;
10560
10559
  const remove2 = () => {
@@ -10565,16 +10564,21 @@ function baseCreateRenderer(options, createHydrationFns) {
10565
10564
  }
10566
10565
  };
10567
10566
  const performLeave = () => {
10567
+ const wasLeaving = el._isLeaving || !!el[leaveCbKey];
10568
10568
  if (el._isLeaving) {
10569
10569
  el[leaveCbKey](
10570
10570
  true
10571
10571
  /* cancelled */
10572
10572
  );
10573
10573
  }
10574
- leave(el, () => {
10574
+ if (transition.persisted && !wasLeaving) {
10575
10575
  remove2();
10576
- afterLeave && afterLeave();
10577
- });
10576
+ } else {
10577
+ leave(el, () => {
10578
+ remove2();
10579
+ afterLeave && afterLeave();
10580
+ });
10581
+ }
10578
10582
  };
10579
10583
  if (delayLeave) {
10580
10584
  delayLeave(el, remove2, performLeave);
@@ -12683,7 +12687,7 @@ function isMemoSame(cached, memo) {
12683
12687
  return true;
12684
12688
  }
12685
12689
 
12686
- const version = "3.5.34";
12690
+ const version = "3.5.35";
12687
12691
  const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
12688
12692
  const ErrorTypeStrings = ErrorTypeStrings$1 ;
12689
12693
  const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -13528,12 +13532,37 @@ function createInvoker(initialValue, instance) {
13528
13532
  } else if (e._vts <= invoker.attached) {
13529
13533
  return;
13530
13534
  }
13531
- callWithAsyncErrorHandling(
13532
- patchStopImmediatePropagation(e, invoker.value),
13533
- instance,
13534
- 5,
13535
- [e]
13536
- );
13535
+ const value = invoker.value;
13536
+ if (isArray(value)) {
13537
+ const originalStop = e.stopImmediatePropagation;
13538
+ e.stopImmediatePropagation = () => {
13539
+ originalStop.call(e);
13540
+ e._stopped = true;
13541
+ };
13542
+ const handlers = value.slice();
13543
+ const args = [e];
13544
+ for (let i = 0; i < handlers.length; i++) {
13545
+ if (e._stopped) {
13546
+ break;
13547
+ }
13548
+ const handler = handlers[i];
13549
+ if (handler) {
13550
+ callWithAsyncErrorHandling(
13551
+ handler,
13552
+ instance,
13553
+ 5,
13554
+ args
13555
+ );
13556
+ }
13557
+ }
13558
+ } else {
13559
+ callWithAsyncErrorHandling(
13560
+ value,
13561
+ instance,
13562
+ 5,
13563
+ [e]
13564
+ );
13565
+ }
13537
13566
  };
13538
13567
  invoker.value = initialValue;
13539
13568
  invoker.attached = getNow();
@@ -13549,20 +13578,6 @@ Expected function or array of functions, received type ${typeof value}.`
13549
13578
  );
13550
13579
  return NOOP;
13551
13580
  }
13552
- function patchStopImmediatePropagation(e, value) {
13553
- if (isArray(value)) {
13554
- const originalStop = e.stopImmediatePropagation;
13555
- e.stopImmediatePropagation = () => {
13556
- originalStop.call(e);
13557
- e._stopped = true;
13558
- };
13559
- return value.map(
13560
- (fn) => (e2) => !e2._stopped && fn && fn(e2)
13561
- );
13562
- } else {
13563
- return value;
13564
- }
13565
- }
13566
13581
 
13567
13582
  const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
13568
13583
  key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/compat v3.5.34
2
+ * @vue/compat v3.5.35
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -1675,9 +1675,6 @@ var Vue = (function () {
1675
1675
  return 0 /* INVALID */;
1676
1676
  }
1677
1677
  }
1678
- function getTargetType(value) {
1679
- return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
1680
- }
1681
1678
  // @__NO_SIDE_EFFECTS__
1682
1679
  function reactive(target) {
1683
1680
  if (/* @__PURE__ */ isReadonly(target)) {
@@ -1735,14 +1732,17 @@ var Vue = (function () {
1735
1732
  if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
1736
1733
  return target;
1737
1734
  }
1738
- const targetType = getTargetType(target);
1739
- if (targetType === 0 /* INVALID */) {
1735
+ if (target["__v_skip"] || !Object.isExtensible(target)) {
1740
1736
  return target;
1741
1737
  }
1742
1738
  const existingProxy = proxyMap.get(target);
1743
1739
  if (existingProxy) {
1744
1740
  return existingProxy;
1745
1741
  }
1742
+ const targetType = targetTypeMap(toRawType(target));
1743
+ if (targetType === 0 /* INVALID */) {
1744
+ return target;
1745
+ }
1746
1746
  const proxy = new Proxy(
1747
1747
  target,
1748
1748
  targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
@@ -3866,19 +3866,18 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
3866
3866
  target,
3867
3867
  props
3868
3868
  } = vnode;
3869
- let shouldRemove = doRemove || !isTeleportDisabled(props);
3869
+ const shouldRemove = doRemove || !isTeleportDisabled(props);
3870
3870
  const pendingMount = pendingMounts.get(vnode);
3871
3871
  if (pendingMount) {
3872
3872
  pendingMount.flags |= 8;
3873
3873
  pendingMounts.delete(vnode);
3874
- shouldRemove = false;
3875
3874
  }
3876
3875
  if (target) {
3877
3876
  hostRemove(targetStart);
3878
3877
  hostRemove(targetAnchor);
3879
3878
  }
3880
3879
  doRemove && hostRemove(anchor);
3881
- if (shapeFlag & 16) {
3880
+ if (!pendingMount && shapeFlag & 16) {
3882
3881
  for (let i = 0; i < children.length; i++) {
3883
3882
  const child = children[i];
3884
3883
  unmount(
@@ -4849,20 +4848,16 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
4849
4848
  slotScopeIds,
4850
4849
  optimized
4851
4850
  );
4852
- let hasWarned = false;
4853
- while (next) {
4854
- if (!isMismatchAllowed(el, 1 /* CHILDREN */)) {
4855
- if (!hasWarned) {
4856
- warn$1(
4857
- `Hydration children mismatch on`,
4858
- el,
4859
- `
4851
+ if (next && !isMismatchAllowed(el, 1 /* CHILDREN */)) {
4852
+ warn$1(
4853
+ `Hydration children mismatch on`,
4854
+ el,
4855
+ `
4860
4856
  Server rendered element contains more child nodes than client vdom.`
4861
- );
4862
- hasWarned = true;
4863
- }
4864
- logMismatchError();
4865
- }
4857
+ );
4858
+ logMismatchError();
4859
+ }
4860
+ while (next) {
4866
4861
  const cur = next;
4867
4862
  next = next.nextSibling;
4868
4863
  remove(cur);
@@ -4925,7 +4920,7 @@ Server rendered element contains more child nodes than client vdom.`
4925
4920
  optimized = optimized || !!parentVNode.dynamicChildren;
4926
4921
  const children = parentVNode.children;
4927
4922
  const l = children.length;
4928
- let hasWarned = false;
4923
+ let hasCheckedMismatch = false;
4929
4924
  for (let i = 0; i < l; i++) {
4930
4925
  const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
4931
4926
  const isText = vnode.type === Text;
@@ -4953,17 +4948,17 @@ Server rendered element contains more child nodes than client vdom.`
4953
4948
  } else if (isText && !vnode.children) {
4954
4949
  insert(vnode.el = createText(""), container);
4955
4950
  } else {
4956
- if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
4957
- if (!hasWarned) {
4951
+ if (!hasCheckedMismatch) {
4952
+ hasCheckedMismatch = true;
4953
+ if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
4958
4954
  warn$1(
4959
4955
  `Hydration children mismatch on`,
4960
4956
  container,
4961
4957
  `
4962
4958
  Server rendered element contains fewer child nodes than client vdom.`
4963
4959
  );
4964
- hasWarned = true;
4960
+ logMismatchError();
4965
4961
  }
4966
- logMismatchError();
4967
4962
  }
4968
4963
  patch(
4969
4964
  null,
@@ -7440,7 +7435,7 @@ If this is a native custom element, make sure to exclude it from component resol
7440
7435
  return vm;
7441
7436
  }
7442
7437
  }
7443
- Vue.version = `2.6.14-compat:${"3.5.34"}`;
7438
+ Vue.version = `2.6.14-compat:${"3.5.35"}`;
7444
7439
  Vue.config = singletonApp.config;
7445
7440
  Vue.use = (plugin, ...options) => {
7446
7441
  if (plugin && isFunction(plugin.install)) {
@@ -10446,9 +10441,13 @@ If you want to remount the same app, move your app creation logic into a factory
10446
10441
  const needTransition2 = moveType !== 2 && shapeFlag & 1 && transition;
10447
10442
  if (needTransition2) {
10448
10443
  if (moveType === 0) {
10449
- transition.beforeEnter(el);
10450
- hostInsert(el, container, anchor);
10451
- queuePostRenderEffect(() => transition.enter(el), parentSuspense);
10444
+ if (transition.persisted && !el[leaveCbKey]) {
10445
+ hostInsert(el, container, anchor);
10446
+ } else {
10447
+ transition.beforeEnter(el);
10448
+ hostInsert(el, container, anchor);
10449
+ queuePostRenderEffect(() => transition.enter(el), parentSuspense);
10450
+ }
10452
10451
  } else {
10453
10452
  const { leave, delayLeave, afterLeave } = transition;
10454
10453
  const remove2 = () => {
@@ -10459,16 +10458,21 @@ If you want to remount the same app, move your app creation logic into a factory
10459
10458
  }
10460
10459
  };
10461
10460
  const performLeave = () => {
10461
+ const wasLeaving = el._isLeaving || !!el[leaveCbKey];
10462
10462
  if (el._isLeaving) {
10463
10463
  el[leaveCbKey](
10464
10464
  true
10465
10465
  /* cancelled */
10466
10466
  );
10467
10467
  }
10468
- leave(el, () => {
10468
+ if (transition.persisted && !wasLeaving) {
10469
10469
  remove2();
10470
- afterLeave && afterLeave();
10471
- });
10470
+ } else {
10471
+ leave(el, () => {
10472
+ remove2();
10473
+ afterLeave && afterLeave();
10474
+ });
10475
+ }
10472
10476
  };
10473
10477
  if (delayLeave) {
10474
10478
  delayLeave(el, remove2, performLeave);
@@ -12549,7 +12553,7 @@ Component that was made reactive: `,
12549
12553
  return true;
12550
12554
  }
12551
12555
 
12552
- const version = "3.5.34";
12556
+ const version = "3.5.35";
12553
12557
  const warn = warn$1 ;
12554
12558
  const ErrorTypeStrings = ErrorTypeStrings$1 ;
12555
12559
  const devtools = devtools$1 ;
@@ -13375,12 +13379,37 @@ Component that was made reactive: `,
13375
13379
  } else if (e._vts <= invoker.attached) {
13376
13380
  return;
13377
13381
  }
13378
- callWithAsyncErrorHandling(
13379
- patchStopImmediatePropagation(e, invoker.value),
13380
- instance,
13381
- 5,
13382
- [e]
13383
- );
13382
+ const value = invoker.value;
13383
+ if (isArray(value)) {
13384
+ const originalStop = e.stopImmediatePropagation;
13385
+ e.stopImmediatePropagation = () => {
13386
+ originalStop.call(e);
13387
+ e._stopped = true;
13388
+ };
13389
+ const handlers = value.slice();
13390
+ const args = [e];
13391
+ for (let i = 0; i < handlers.length; i++) {
13392
+ if (e._stopped) {
13393
+ break;
13394
+ }
13395
+ const handler = handlers[i];
13396
+ if (handler) {
13397
+ callWithAsyncErrorHandling(
13398
+ handler,
13399
+ instance,
13400
+ 5,
13401
+ args
13402
+ );
13403
+ }
13404
+ }
13405
+ } else {
13406
+ callWithAsyncErrorHandling(
13407
+ value,
13408
+ instance,
13409
+ 5,
13410
+ [e]
13411
+ );
13412
+ }
13384
13413
  };
13385
13414
  invoker.value = initialValue;
13386
13415
  invoker.attached = getNow();
@@ -13396,20 +13425,6 @@ Expected function or array of functions, received type ${typeof value}.`
13396
13425
  );
13397
13426
  return NOOP;
13398
13427
  }
13399
- function patchStopImmediatePropagation(e, value) {
13400
- if (isArray(value)) {
13401
- const originalStop = e.stopImmediatePropagation;
13402
- e.stopImmediatePropagation = () => {
13403
- originalStop.call(e);
13404
- e._stopped = true;
13405
- };
13406
- return value.map(
13407
- (fn) => (e2) => !e2._stopped && fn && fn(e2)
13408
- );
13409
- } else {
13410
- return value;
13411
- }
13412
- }
13413
13428
 
13414
13429
  const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
13415
13430
  key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;