70 lines
1.8 KiB
TypeScript
70 lines
1.8 KiB
TypeScript
import { patchClass } from './modules/class'
|
|
import { patchStyle } from './modules/style'
|
|
import { patchAttr } from './modules/attrs'
|
|
import { patchDOMProp } from './modules/props'
|
|
import { patchEvent } from './modules/events'
|
|
import { isOn } from '@vue/shared'
|
|
import {
|
|
ComponentInternalInstance,
|
|
SuspenseBoundary,
|
|
VNode
|
|
} from '@vue/runtime-core'
|
|
|
|
export function patchProp(
|
|
el: Element,
|
|
key: string,
|
|
nextValue: any,
|
|
prevValue: any,
|
|
isSVG: boolean,
|
|
prevChildren?: VNode[],
|
|
parentComponent?: ComponentInternalInstance,
|
|
parentSuspense?: SuspenseBoundary<Node, Element>,
|
|
unmountChildren?: any
|
|
) {
|
|
switch (key) {
|
|
// special
|
|
case 'class':
|
|
patchClass(el, nextValue, isSVG)
|
|
break
|
|
case 'style':
|
|
patchStyle(el, prevValue, nextValue)
|
|
break
|
|
case 'modelValue':
|
|
case 'onUpdate:modelValue':
|
|
// Do nothing. This is handled by v-model directives.
|
|
break
|
|
default:
|
|
if (isOn(key)) {
|
|
patchEvent(
|
|
el,
|
|
key.slice(2).toLowerCase(),
|
|
prevValue,
|
|
nextValue,
|
|
parentComponent
|
|
)
|
|
} else if (!isSVG && key in el) {
|
|
patchDOMProp(
|
|
el,
|
|
key,
|
|
nextValue,
|
|
prevChildren,
|
|
parentComponent,
|
|
parentSuspense,
|
|
unmountChildren
|
|
)
|
|
} else {
|
|
// special case for <input v-model type="checkbox"> with
|
|
// :true-value & :false-value
|
|
// store value as dom properties since non-string values will be
|
|
// stringified.
|
|
if (key === 'true-value') {
|
|
;(el as any)._trueValue = nextValue
|
|
} else if (key === 'false-value') {
|
|
;(el as any)._falseValue = nextValue
|
|
}
|
|
patchAttr(el, key, nextValue)
|
|
}
|
|
break
|
|
}
|
|
}
|