You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.8 KiB
72 lines
2.8 KiB
import * as runtimeDom from '@vue/runtime-dom';
|
|
import { setDevtoolsHook, initCustomFormatter, warn, registerRuntimeCompiler } from '@vue/runtime-dom';
|
|
export * from '@vue/runtime-dom';
|
|
import { getGlobalThis, isString, NOOP, extend, generateCodeFrame } from '@vue/shared';
|
|
import { compile } from '@vue/compiler-dom';
|
|
|
|
function initDev() {
|
|
const target = getGlobalThis();
|
|
target.__VUE__ = true;
|
|
setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__);
|
|
{
|
|
console.info(`You are running a development build of Vue.\n` +
|
|
`Make sure to use the production build (*.prod.js) when deploying for production.`);
|
|
initCustomFormatter();
|
|
}
|
|
}
|
|
|
|
// This entry is the "full-build" that includes both the runtime
|
|
(process.env.NODE_ENV !== 'production') && initDev();
|
|
const compileCache = Object.create(null);
|
|
function compileToFunction(template, options) {
|
|
if (!isString(template)) {
|
|
if (template.nodeType) {
|
|
template = template.innerHTML;
|
|
}
|
|
else {
|
|
(process.env.NODE_ENV !== 'production') && 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 ((process.env.NODE_ENV !== 'production') && !el) {
|
|
warn(`Template element not found or is empty: ${template}`);
|
|
}
|
|
// __UNSAFE__
|
|
// Reason: potential execution of JS expressions in in-DOM template.
|
|
// The user must make sure the in-DOM template is trusted. If it's rendered
|
|
// by the server, the template should not contain any user data.
|
|
template = el ? el.innerHTML : ``;
|
|
}
|
|
const { code } = compile(template, extend({
|
|
hoistStatic: true,
|
|
onError(err) {
|
|
if ((process.env.NODE_ENV !== 'production')) {
|
|
const message = `Template compilation error: ${err.message}`;
|
|
const codeFrame = err.loc &&
|
|
generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset);
|
|
warn(codeFrame ? `${message}\n${codeFrame}` : message);
|
|
}
|
|
else {
|
|
/* istanbul ignore next */
|
|
throw err;
|
|
}
|
|
}
|
|
}, options));
|
|
// The wildcard import results in a huge object with every export
|
|
// with keys that cannot be mangled, and can be quite heavy size-wise.
|
|
// In the global build we know `Vue` is available globally so we can avoid
|
|
// the wildcard object.
|
|
const render = ( new Function('Vue', code)(runtimeDom));
|
|
render._rc = true;
|
|
return (compileCache[key] = render);
|
|
}
|
|
registerRuntimeCompiler(compileToFunction);
|
|
|
|
export { compileToFunction as compile };
|
|
|