59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
// This package is the "full-build" that includes both the runtime
|
|
// and the compiler, and supports on-the-fly compilation of the template option.
|
|
import { compile, CompilerOptions } from '@vue/compiler-dom'
|
|
import { registerRuntimeCompiler, RenderFunction, warn } from '@vue/runtime-dom'
|
|
import * as runtimeDom from '@vue/runtime-dom'
|
|
import { isString, NOOP } from '@vue/shared'
|
|
|
|
const compileCache: Record<string, RenderFunction> = Object.create(null)
|
|
|
|
function compileToFunction(
|
|
template: string | HTMLElement,
|
|
options?: CompilerOptions
|
|
): RenderFunction {
|
|
if (!isString(template)) {
|
|
if (template.nodeType) {
|
|
template = template.innerHTML
|
|
} else {
|
|
__DEV__ && warn(`invalid template option: `, template)
|
|
return NOOP
|
|
}
|
|
}
|
|
|
|
const key = template
|
|
const cached = compileCache[key]
|
|
if (cached) {
|
|
return cached
|
|
}
|
|
|
|
if (template[0] === '#') {
|
|
const el = document.querySelector(template)
|
|
if (__DEV__ && !el) {
|
|
warn(`Template element not found or is empty: ${template}`)
|
|
}
|
|
template = el ? el.innerHTML : ``
|
|
}
|
|
|
|
const { code } = compile(template, {
|
|
hoistStatic: true,
|
|
cacheHandlers: true,
|
|
...options
|
|
})
|
|
|
|
const render = new Function('Vue', code)(runtimeDom) as RenderFunction
|
|
render.isRuntimeCompiled = true
|
|
return (compileCache[key] = render)
|
|
}
|
|
|
|
registerRuntimeCompiler(compileToFunction)
|
|
|
|
export { compileToFunction as compile }
|
|
export * from '@vue/runtime-dom'
|
|
|
|
if (__BROWSER__ && __DEV__) {
|
|
console[console.info ? 'info' : 'log'](
|
|
`You are running a development build of Vue.\n` +
|
|
`Make sure to use the production build (*.prod.js) when deploying for production.`
|
|
)
|
|
}
|