@vue/runtime-dom 3.5.19 → 3.5.21

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.
Files changed (9) hide show
  1. package/dist/runtime-dom.cjs.js +8 -11
  2. package/dist/runtime-dom.cjs.prod.js +8 -8
  3. package/dist/runtime-dom.d.ts +635 -636
  4. package/dist/runtime-dom.esm-browser.js +88 -54
  5. package/dist/runtime-dom.esm-browser.prod.js +3 -3
  6. package/dist/runtime-dom.esm-bundler.js +8 -11
  7. package/dist/runtime-dom.global.js +88 -54
  8. package/dist/runtime-dom.global.prod.js +3 -3
  9. package/package.json +4 -4
package/dist/runtime-dom.cjs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/runtime-dom v3.5.19
2
+ * @vue/runtime-dom v3.5.21
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -347,7 +347,7 @@ function getTransitionInfo(el, expectedType) {
347
347
  type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
348
348
  propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
349
349
  }
350
- const hasTransform = type === TRANSITION && /\b(transform|all)(,|$)/.test(
350
+ const hasTransform = type === TRANSITION && /\b(?:transform|all)(?:,|$)/.test(
351
351
  getStyleProperties(`${TRANSITION}Property`).toString()
352
352
  );
353
353
  return {
@@ -388,6 +388,8 @@ function patchClass(el, value, isSVG) {
388
388
  const vShowOriginalDisplay = Symbol("_vod");
389
389
  const vShowHidden = Symbol("_vsh");
390
390
  const vShow = {
391
+ // used for prop mismatch check during hydration
392
+ name: "show",
391
393
  beforeMount(el, { value }, { transition }) {
392
394
  el[vShowOriginalDisplay] = el.style.display === "none" ? "" : el.style.display;
393
395
  if (transition && value) {
@@ -421,9 +423,6 @@ const vShow = {
421
423
  setDisplay(el, value);
422
424
  }
423
425
  };
424
- {
425
- vShow.name = "show";
426
- }
427
426
  function setDisplay(el, value) {
428
427
  el.style.display = value ? el[vShowOriginalDisplay] : "none";
429
428
  el[vShowHidden] = !value;
@@ -441,7 +440,7 @@ function useCssVars(getter) {
441
440
  return;
442
441
  }
443
442
 
444
- const displayRE = /(^|;)\s*display\s*:/;
443
+ const displayRE = /(?:^|;)\s*display\s*:/;
445
444
  function patchStyle(el, prev, next) {
446
445
  const style = el.style;
447
446
  const isCssString = shared.isString(next);
@@ -764,11 +763,10 @@ function shouldSetAsProp(el, key, value, isSVG) {
764
763
  }
765
764
 
766
765
  const REMOVAL = {};
767
- /*! #__NO_SIDE_EFFECTS__ */
768
766
  // @__NO_SIDE_EFFECTS__
769
767
  function defineCustomElement(options, extraOptions, _createApp) {
770
- const Comp = runtimeCore.defineComponent(options, extraOptions);
771
- if (shared.isPlainObject(Comp)) shared.extend(Comp, extraOptions);
768
+ let Comp = runtimeCore.defineComponent(options, extraOptions);
769
+ if (shared.isPlainObject(Comp)) Comp = shared.extend({}, Comp, extraOptions);
772
770
  class VueCustomElement extends VueElement {
773
771
  constructor(initialProps) {
774
772
  super(Comp, initialProps, _createApp);
@@ -777,7 +775,6 @@ function defineCustomElement(options, extraOptions, _createApp) {
777
775
  VueCustomElement.def = Comp;
778
776
  return VueCustomElement;
779
777
  }
780
-
781
778
  const defineSSRCustomElement = (/* @__NO_SIDE_EFFECTS__ */ (options, extraOptions) => {
782
779
  return /* @__PURE__ */ defineCustomElement(options, extraOptions, createSSRApp);
783
780
  });
@@ -1250,7 +1247,7 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
1250
1247
  if (e && e.target !== el) {
1251
1248
  return;
1252
1249
  }
1253
- if (!e || /transform$/.test(e.propertyName)) {
1250
+ if (!e || e.propertyName.endsWith("transform")) {
1254
1251
  el.removeEventListener("transitionend", cb);
1255
1252
  el[moveCbKey] = null;
1256
1253
  removeTransitionClass(el, moveClass);
package/dist/runtime-dom.cjs.prod.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/runtime-dom v3.5.19
2
+ * @vue/runtime-dom v3.5.21
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -343,7 +343,7 @@ function getTransitionInfo(el, expectedType) {
343
343
  type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
344
344
  propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
345
345
  }
346
- const hasTransform = type === TRANSITION && /\b(transform|all)(,|$)/.test(
346
+ const hasTransform = type === TRANSITION && /\b(?:transform|all)(?:,|$)/.test(
347
347
  getStyleProperties(`${TRANSITION}Property`).toString()
348
348
  );
349
349
  return {
@@ -384,6 +384,8 @@ function patchClass(el, value, isSVG) {
384
384
  const vShowOriginalDisplay = Symbol("_vod");
385
385
  const vShowHidden = Symbol("_vsh");
386
386
  const vShow = {
387
+ // used for prop mismatch check during hydration
388
+ name: "show",
387
389
  beforeMount(el, { value }, { transition }) {
388
390
  el[vShowOriginalDisplay] = el.style.display === "none" ? "" : el.style.display;
389
391
  if (transition && value) {
@@ -434,7 +436,7 @@ function useCssVars(getter) {
434
436
  return;
435
437
  }
436
438
 
437
- const displayRE = /(^|;)\s*display\s*:/;
439
+ const displayRE = /(?:^|;)\s*display\s*:/;
438
440
  function patchStyle(el, prev, next) {
439
441
  const style = el.style;
440
442
  const isCssString = shared.isString(next);
@@ -733,11 +735,10 @@ function shouldSetAsProp(el, key, value, isSVG) {
733
735
  }
734
736
 
735
737
  const REMOVAL = {};
736
- /*! #__NO_SIDE_EFFECTS__ */
737
738
  // @__NO_SIDE_EFFECTS__
738
739
  function defineCustomElement(options, extraOptions, _createApp) {
739
- const Comp = runtimeCore.defineComponent(options, extraOptions);
740
- if (shared.isPlainObject(Comp)) shared.extend(Comp, extraOptions);
740
+ let Comp = runtimeCore.defineComponent(options, extraOptions);
741
+ if (shared.isPlainObject(Comp)) Comp = shared.extend({}, Comp, extraOptions);
741
742
  class VueCustomElement extends VueElement {
742
743
  constructor(initialProps) {
743
744
  super(Comp, initialProps, _createApp);
@@ -746,7 +747,6 @@ function defineCustomElement(options, extraOptions, _createApp) {
746
747
  VueCustomElement.def = Comp;
747
748
  return VueCustomElement;
748
749
  }
749
-
750
750
  const defineSSRCustomElement = (/* @__NO_SIDE_EFFECTS__ */ (options, extraOptions) => {
751
751
  return /* @__PURE__ */ defineCustomElement(options, extraOptions, createSSRApp);
752
752
  });
@@ -1157,7 +1157,7 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
1157
1157
  if (e && e.target !== el) {
1158
1158
  return;
1159
1159
  }
1160
- if (!e || /transform$/.test(e.propertyName)) {
1160
+ if (!e || e.propertyName.endsWith("transform")) {
1161
1161
  el.removeEventListener("transitionend", cb);
1162
1162
  el[moveCbKey] = null;
1163
1163
  removeTransitionClass(el, moveClass);