@vue/runtime-dom
Advanced tools
Comparing version 3.4.27 to 3.4.28
/** | ||
* @vue/runtime-dom v3.4.27 | ||
* @vue/runtime-dom v3.4.28 | ||
* (c) 2018-present Yuxi (Evan) You and Vue contributors | ||
@@ -28,3 +28,3 @@ * @license MIT | ||
createElement: (tag, namespace, is, props) => { | ||
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : doc.createElement(tag, is ? { is } : void 0); | ||
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : is ? doc.createElement(tag, { is }) : doc.createElement(tag); | ||
if (tag === "select" && props && props.multiple != null) { | ||
@@ -58,4 +58,3 @@ el.setAttribute("multiple", props.multiple); | ||
parent.insertBefore(start.cloneNode(true), anchor); | ||
if (start === end || !(start = start.nextSibling)) | ||
break; | ||
if (start === end || !(start = start.nextSibling)) break; | ||
} | ||
@@ -344,4 +343,3 @@ } else { | ||
function toMs(s) { | ||
if (s === "auto") | ||
return 0; | ||
if (s === "auto") return 0; | ||
return Number(s.slice(0, -1).replace(",", ".")) * 1e3; | ||
@@ -384,4 +382,3 @@ } | ||
updated(el, { value, oldValue }, { transition }) { | ||
if (!value === !oldValue) | ||
return; | ||
if (!value === !oldValue) return; | ||
if (transition) { | ||
@@ -480,4 +477,3 @@ if (value) { | ||
} else { | ||
if (val == null) | ||
val = ""; | ||
if (val == null) val = ""; | ||
{ | ||
@@ -528,3 +524,3 @@ if (semicolonRE.test(val)) { | ||
const xlinkNS = "http://www.w3.org/1999/xlink"; | ||
function patchAttr(el, key, value, isSVG, instance) { | ||
function patchAttr(el, key, value, isSVG, instance, isBoolean = shared.isSpecialBooleanAttr(key)) { | ||
if (isSVG && key.startsWith("xlink:")) { | ||
@@ -537,7 +533,6 @@ if (value == null) { | ||
} else { | ||
const isBoolean = shared.isSpecialBooleanAttr(key); | ||
if (value == null || isBoolean && !shared.includeBooleanAttr(value)) { | ||
el.removeAttribute(key); | ||
} else { | ||
el.setAttribute(key, isBoolean ? "" : value); | ||
el.setAttribute(key, isBoolean ? "" : String(value)); | ||
} | ||
@@ -559,3 +554,3 @@ } | ||
const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value; | ||
const newValue = value == null ? "" : value; | ||
const newValue = value == null ? "" : String(value); | ||
if (oldValue !== newValue || !("_value" in el)) { | ||
@@ -704,2 +699,5 @@ el.value = newValue; | ||
); | ||
if (key === "value" || key === "checked" || key === "selected") { | ||
patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value"); | ||
} | ||
} else { | ||
@@ -805,8 +803,8 @@ if (key === "true-value") { | ||
this._connected = false; | ||
if (this._ob) { | ||
this._ob.disconnect(); | ||
this._ob = null; | ||
} | ||
runtimeCore.nextTick(() => { | ||
if (!this._connected) { | ||
if (this._ob) { | ||
this._ob.disconnect(); | ||
this._ob = null; | ||
} | ||
render(null, this.shadowRoot); | ||
@@ -1147,4 +1145,3 @@ this._instance = null; | ||
addEventListener(el, lazy ? "change" : "input", (e) => { | ||
if (e.target.composing) | ||
return; | ||
if (e.target.composing) return; | ||
let domValue = el.value; | ||
@@ -1174,6 +1171,5 @@ if (trim) { | ||
}, | ||
beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { | ||
beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) { | ||
el[assignKey] = getModelAssigner(vnode); | ||
if (el.composing) | ||
return; | ||
if (el.composing) return; | ||
const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? shared.looseToNumber(el.value) : el.value; | ||
@@ -1185,3 +1181,3 @@ const newValue = value == null ? "" : value; | ||
if (document.activeElement === el && el.type !== "range") { | ||
if (lazy) { | ||
if (lazy && value === oldValue) { | ||
return; | ||
@@ -1318,4 +1314,3 @@ } | ||
} else if (shared.looseEqual(getValue(option), value)) { | ||
if (el.selectedIndex !== i) | ||
el.selectedIndex = i; | ||
if (el.selectedIndex !== i) el.selectedIndex = i; | ||
return; | ||
@@ -1429,4 +1424,3 @@ } | ||
const guard = modifierGuards[modifiers[i]]; | ||
if (guard && guard(event, modifiers)) | ||
return; | ||
if (guard && guard(event, modifiers)) return; | ||
} | ||
@@ -1485,4 +1479,3 @@ return fn(event, ...args); | ||
const container = normalizeContainer(containerOrSelector); | ||
if (!container) | ||
return; | ||
if (!container) return; | ||
const component = app._component; | ||
@@ -1489,0 +1482,0 @@ if (!shared.isFunction(component) && !component.render && !component.template) { |
/** | ||
* @vue/runtime-dom v3.4.27 | ||
* @vue/runtime-dom v3.4.28 | ||
* (c) 2018-present Yuxi (Evan) You and Vue contributors | ||
@@ -28,3 +28,3 @@ * @license MIT | ||
createElement: (tag, namespace, is, props) => { | ||
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : doc.createElement(tag, is ? { is } : void 0); | ||
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : is ? doc.createElement(tag, { is }) : doc.createElement(tag); | ||
if (tag === "select" && props && props.multiple != null) { | ||
@@ -58,4 +58,3 @@ el.setAttribute("multiple", props.multiple); | ||
parent.insertBefore(start.cloneNode(true), anchor); | ||
if (start === end || !(start = start.nextSibling)) | ||
break; | ||
if (start === end || !(start = start.nextSibling)) break; | ||
} | ||
@@ -341,4 +340,3 @@ } else { | ||
function toMs(s) { | ||
if (s === "auto") | ||
return 0; | ||
if (s === "auto") return 0; | ||
return Number(s.slice(0, -1).replace(",", ".")) * 1e3; | ||
@@ -381,4 +379,3 @@ } | ||
updated(el, { value, oldValue }, { transition }) { | ||
if (!value === !oldValue) | ||
return; | ||
if (!value === !oldValue) return; | ||
if (transition) { | ||
@@ -473,4 +470,3 @@ if (value) { | ||
} else { | ||
if (val == null) | ||
val = ""; | ||
if (val == null) val = ""; | ||
if (name.startsWith("--")) { | ||
@@ -514,3 +510,3 @@ style.setProperty(name, val); | ||
const xlinkNS = "http://www.w3.org/1999/xlink"; | ||
function patchAttr(el, key, value, isSVG, instance) { | ||
function patchAttr(el, key, value, isSVG, instance, isBoolean = shared.isSpecialBooleanAttr(key)) { | ||
if (isSVG && key.startsWith("xlink:")) { | ||
@@ -523,7 +519,6 @@ if (value == null) { | ||
} else { | ||
const isBoolean = shared.isSpecialBooleanAttr(key); | ||
if (value == null || isBoolean && !shared.includeBooleanAttr(value)) { | ||
el.removeAttribute(key); | ||
} else { | ||
el.setAttribute(key, isBoolean ? "" : value); | ||
el.setAttribute(key, isBoolean ? "" : String(value)); | ||
} | ||
@@ -545,3 +540,3 @@ } | ||
const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value; | ||
const newValue = value == null ? "" : value; | ||
const newValue = value == null ? "" : String(value); | ||
if (oldValue !== newValue || !("_value" in el)) { | ||
@@ -674,2 +669,5 @@ el.value = newValue; | ||
); | ||
if (key === "value" || key === "checked" || key === "selected") { | ||
patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value"); | ||
} | ||
} else { | ||
@@ -770,8 +768,8 @@ if (key === "true-value") { | ||
this._connected = false; | ||
if (this._ob) { | ||
this._ob.disconnect(); | ||
this._ob = null; | ||
} | ||
runtimeCore.nextTick(() => { | ||
if (!this._connected) { | ||
if (this._ob) { | ||
this._ob.disconnect(); | ||
this._ob = null; | ||
} | ||
render(null, this.shadowRoot); | ||
@@ -1093,4 +1091,3 @@ this._instance = null; | ||
addEventListener(el, lazy ? "change" : "input", (e) => { | ||
if (e.target.composing) | ||
return; | ||
if (e.target.composing) return; | ||
let domValue = el.value; | ||
@@ -1120,6 +1117,5 @@ if (trim) { | ||
}, | ||
beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { | ||
beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) { | ||
el[assignKey] = getModelAssigner(vnode); | ||
if (el.composing) | ||
return; | ||
if (el.composing) return; | ||
const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? shared.looseToNumber(el.value) : el.value; | ||
@@ -1131,3 +1127,3 @@ const newValue = value == null ? "" : value; | ||
if (document.activeElement === el && el.type !== "range") { | ||
if (lazy) { | ||
if (lazy && value === oldValue) { | ||
return; | ||
@@ -1261,4 +1257,3 @@ } | ||
} else if (shared.looseEqual(getValue(option), value)) { | ||
if (el.selectedIndex !== i) | ||
el.selectedIndex = i; | ||
if (el.selectedIndex !== i) el.selectedIndex = i; | ||
return; | ||
@@ -1372,4 +1367,3 @@ } | ||
const guard = modifierGuards[modifiers[i]]; | ||
if (guard && guard(event, modifiers)) | ||
return; | ||
if (guard && guard(event, modifiers)) return; | ||
} | ||
@@ -1424,4 +1418,3 @@ return fn(event, ...args); | ||
const container = normalizeContainer(containerOrSelector); | ||
if (!container) | ||
return; | ||
if (!container) return; | ||
const component = app._component; | ||
@@ -1428,0 +1421,0 @@ if (!shared.isFunction(component) && !component.render && !component.template) { |
@@ -444,3 +444,3 @@ 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'; | ||
open?: Booleanish; | ||
onToggle?: Event; | ||
onToggle?: (payload: ToggleEvent) => void; | ||
} | ||
@@ -1298,3 +1298,3 @@ export interface DelHTMLAttributes extends HTMLAttributes { | ||
export type ReservedProps = { | ||
key?: string | number | symbol; | ||
key?: PropertyKey; | ||
ref?: VNodeRef; | ||
@@ -1301,0 +1301,0 @@ ref_for?: boolean; |
/** | ||
* @vue/runtime-dom v3.4.27 | ||
* @vue/runtime-dom v3.4.28 | ||
* (c) 2018-present Yuxi (Evan) You and Vue contributors | ||
@@ -8,3 +8,3 @@ * @license MIT | ||
export * from '@vue/runtime-core'; | ||
import { extend, isObject, toNumber, isArray, isString, hyphenate, capitalize, isSpecialBooleanAttr, includeBooleanAttr, isFunction, NOOP, isOn, isModelListener, camelize as camelize$1, EMPTY_OBJ, looseToNumber, looseIndexOf, isSet, looseEqual, invokeArrayFns, isHTMLTag, isSVGTag, isMathMLTag } from '@vue/shared'; | ||
import { extend, isObject, toNumber, isArray, isString, hyphenate, capitalize, includeBooleanAttr, isSpecialBooleanAttr, isFunction, NOOP, isOn, isModelListener, camelize as camelize$1, EMPTY_OBJ, looseToNumber, looseIndexOf, isSet, looseEqual, invokeArrayFns, isHTMLTag, isSVGTag, isMathMLTag } from '@vue/shared'; | ||
@@ -26,3 +26,3 @@ const svgNS = "http://www.w3.org/2000/svg"; | ||
createElement: (tag, namespace, is, props) => { | ||
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : doc.createElement(tag, is ? { is } : void 0); | ||
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : is ? doc.createElement(tag, { is }) : doc.createElement(tag); | ||
if (tag === "select" && props && props.multiple != null) { | ||
@@ -56,4 +56,3 @@ el.setAttribute("multiple", props.multiple); | ||
parent.insertBefore(start.cloneNode(true), anchor); | ||
if (start === end || !(start = start.nextSibling)) | ||
break; | ||
if (start === end || !(start = start.nextSibling)) break; | ||
} | ||
@@ -342,4 +341,3 @@ } else { | ||
function toMs(s) { | ||
if (s === "auto") | ||
return 0; | ||
if (s === "auto") return 0; | ||
return Number(s.slice(0, -1).replace(",", ".")) * 1e3; | ||
@@ -382,4 +380,3 @@ } | ||
updated(el, { value, oldValue }, { transition }) { | ||
if (!value === !oldValue) | ||
return; | ||
if (!value === !oldValue) return; | ||
if (transition) { | ||
@@ -466,4 +463,3 @@ if (value) { | ||
setVarsOnNode(el, vars); | ||
if (el === anchor) | ||
break; | ||
if (el === anchor) break; | ||
el = el.nextSibling; | ||
@@ -540,4 +536,3 @@ } | ||
} else { | ||
if (val == null) | ||
val = ""; | ||
if (val == null) val = ""; | ||
if (!!(process.env.NODE_ENV !== "production")) { | ||
@@ -588,3 +583,3 @@ if (semicolonRE.test(val)) { | ||
const xlinkNS = "http://www.w3.org/1999/xlink"; | ||
function patchAttr(el, key, value, isSVG, instance) { | ||
function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) { | ||
if (isSVG && key.startsWith("xlink:")) { | ||
@@ -597,7 +592,6 @@ if (value == null) { | ||
} else { | ||
const isBoolean = isSpecialBooleanAttr(key); | ||
if (value == null || isBoolean && !includeBooleanAttr(value)) { | ||
el.removeAttribute(key); | ||
} else { | ||
el.setAttribute(key, isBoolean ? "" : value); | ||
el.setAttribute(key, isBoolean ? "" : String(value)); | ||
} | ||
@@ -619,3 +613,3 @@ } | ||
const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value; | ||
const newValue = value == null ? "" : value; | ||
const newValue = value == null ? "" : String(value); | ||
if (oldValue !== newValue || !("_value" in el)) { | ||
@@ -764,2 +758,5 @@ el.value = newValue; | ||
); | ||
if (key === "value" || key === "checked" || key === "selected") { | ||
patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value"); | ||
} | ||
} else { | ||
@@ -865,8 +862,8 @@ if (key === "true-value") { | ||
this._connected = false; | ||
if (this._ob) { | ||
this._ob.disconnect(); | ||
this._ob = null; | ||
} | ||
nextTick(() => { | ||
if (!this._connected) { | ||
if (this._ob) { | ||
this._ob.disconnect(); | ||
this._ob = null; | ||
} | ||
render(null, this.shadowRoot); | ||
@@ -1207,4 +1204,3 @@ this._instance = null; | ||
addEventListener(el, lazy ? "change" : "input", (e) => { | ||
if (e.target.composing) | ||
return; | ||
if (e.target.composing) return; | ||
let domValue = el.value; | ||
@@ -1234,6 +1230,5 @@ if (trim) { | ||
}, | ||
beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { | ||
beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) { | ||
el[assignKey] = getModelAssigner(vnode); | ||
if (el.composing) | ||
return; | ||
if (el.composing) return; | ||
const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value; | ||
@@ -1245,3 +1240,3 @@ const newValue = value == null ? "" : value; | ||
if (document.activeElement === el && el.type !== "range") { | ||
if (lazy) { | ||
if (lazy && value === oldValue) { | ||
return; | ||
@@ -1378,4 +1373,3 @@ } | ||
} else if (looseEqual(getValue(option), value)) { | ||
if (el.selectedIndex !== i) | ||
el.selectedIndex = i; | ||
if (el.selectedIndex !== i) el.selectedIndex = i; | ||
return; | ||
@@ -1489,4 +1483,3 @@ } | ||
const guard = modifierGuards[modifiers[i]]; | ||
if (guard && guard(event, modifiers)) | ||
return; | ||
if (guard && guard(event, modifiers)) return; | ||
} | ||
@@ -1545,4 +1538,3 @@ return fn(event, ...args); | ||
const container = normalizeContainer(containerOrSelector); | ||
if (!container) | ||
return; | ||
if (!container) return; | ||
const component = app._component; | ||
@@ -1549,0 +1541,0 @@ if (!isFunction(component) && !component.render && !component.template) { |
{ | ||
"name": "@vue/runtime-dom", | ||
"version": "3.4.27", | ||
"version": "3.4.28", | ||
"description": "@vue/runtime-dom", | ||
@@ -53,5 +53,6 @@ "main": "index.js", | ||
"csstype": "^3.1.3", | ||
"@vue/shared": "3.4.27", | ||
"@vue/runtime-core": "3.4.27" | ||
"@vue/shared": "3.4.28", | ||
"@vue/runtime-core": "3.4.28", | ||
"@vue/reactivity": "3.4.28" | ||
} | ||
} |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1061137
28983
4
+ Added@vue/reactivity@3.4.28
+ Added@vue/reactivity@3.4.28(transitive)
+ Added@vue/runtime-core@3.4.28(transitive)
+ Added@vue/shared@3.4.28(transitive)
- Removed@vue/reactivity@3.4.27(transitive)
- Removed@vue/runtime-core@3.4.27(transitive)
- Removed@vue/shared@3.4.27(transitive)
Updated@vue/runtime-core@3.4.28
Updated@vue/shared@3.4.28