@vue/compiler-sfc 3.6.0-beta.8 → 3.6.0-beta.9

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-beta.8
+  * @vue/compiler-sfc v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -197,33 +197,33 @@ function genNormalScriptCssVarsCode(cssVars, bindings, id, isProd, defaultVar) {
 	return `\nimport { ${CSS_VARS_HELPER} as _${CSS_VARS_HELPER} } from 'vue'\nconst __injectCSSVars__ = () => {\n${genCssVarsCode(cssVars, bindings, id, isProd)}}\nconst __setup__ = ${defaultVar}.setup\n${defaultVar}.setup = __setup__\n  ? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }\n  : __injectCSSVars__\n`;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/checkPrivateRedeclaration.js
+//#region \0@oxc-project+runtime@0.122.0/helpers/checkPrivateRedeclaration.js
 function _checkPrivateRedeclaration(e, t) {
 	if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/classPrivateMethodInitSpec.js
+//#region \0@oxc-project+runtime@0.122.0/helpers/classPrivateMethodInitSpec.js
 function _classPrivateMethodInitSpec(e, a) {
 	_checkPrivateRedeclaration(e, a), a.add(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/classPrivateFieldInitSpec.js
+//#region \0@oxc-project+runtime@0.122.0/helpers/classPrivateFieldInitSpec.js
 function _classPrivateFieldInitSpec(e, t, a) {
 	_checkPrivateRedeclaration(e, t), t.set(e, a);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/assertClassBrand.js
+//#region \0@oxc-project+runtime@0.122.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw new TypeError("Private element is not present on this object");
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/classPrivateFieldGet2.js
+//#region \0@oxc-project+runtime@0.122.0/helpers/classPrivateFieldGet2.js
 function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/classPrivateFieldSet2.js
+//#region \0@oxc-project+runtime@0.122.0/helpers/classPrivateFieldSet2.js
 function _classPrivateFieldSet2(s, a, r) {
 	return s.set(_assertClassBrand(s, a), r), r;
 }
@@ -1602,7 +1602,7 @@ function dedent(s) {
 //#region packages/compiler-sfc/src/template/templateUtils.ts
 function isRelativeUrl(url$1) {
 	const firstChar = url$1.charAt(0);
-	return firstChar === "." || firstChar === "~" || firstChar === "@";
+	return firstChar === "." || firstChar === "~" || firstChar === "@" || firstChar === "#";
 }
 const externalRE = /^(?:https?:)?\/\//;
 function isExternalUrl(url$2) {
@@ -1612,6 +1612,13 @@ const dataUrlRE = /^\s*data:/i;
 function isDataUrl(url$3) {
 	return dataUrlRE.test(url$3);
 }
+function normalizeDecodedImportPath(source) {
+	try {
+		return decodeURIComponent(source);
+	} catch {
+		return source;
+	}
+}
 /**
 * Parses string url into URL object.
 */
@@ -1705,14 +1712,17 @@ function isTemplateBlock(value) {
 }
 //#endregion
 //#region packages/compiler-sfc/src/template/transformAssetUrl.ts
+const resourceUrlTagConfig = {
+	video: ["src", "poster"],
+	source: ["src"],
+	img: ["src"],
+	image: ["xlink:href", "href"]
+};
 const defaultAssetUrlOptions = {
 	base: null,
 	includeAbsolute: false,
 	tags: {
-		video: ["src", "poster"],
-		source: ["src"],
-		img: ["src"],
-		image: ["xlink:href", "href"],
+		...resourceUrlTagConfig,
 		use: ["xlink:href", "href"]
 	}
 };
@@ -1729,6 +1739,10 @@ const normalizeOptions = (options) => {
 const createAssetUrlTransformWithOptions = (options) => {
 	return (node, context) => transformAssetUrl(node, context, options);
 };
+function canTransformHashImport(tag, attrName) {
+	var _resourceUrlTagConfig;
+	return !!((_resourceUrlTagConfig = resourceUrlTagConfig[tag]) === null || _resourceUrlTagConfig === void 0 ? void 0 : _resourceUrlTagConfig.includes(attrName));
+}
 /**
 * A `@vue/compiler-core` plugin that transforms relative asset urls into
 * either imports or absolute urls.
@@ -1751,9 +1765,12 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
 		if (!attrs && !wildCardAttrs) return;
 		const assetAttrs = (attrs || []).concat(wildCardAttrs || []);
 		node.props.forEach((attr, index) => {
-			if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value || isExternalUrl(attr.value.content) || isDataUrl(attr.value.content) || attr.value.content[0] === "#" || !options.includeAbsolute && !isRelativeUrl(attr.value.content)) return;
-			const url = parseUrl(attr.value.content);
-			if (options.base && attr.value.content[0] === ".") {
+			if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value) return;
+			const urlValue = attr.value.content;
+			const isHashOnlyValue = urlValue[0] === "#";
+			if (isExternalUrl(urlValue) || isDataUrl(urlValue) || isHashOnlyValue && !canTransformHashImport(node.tag, attr.name) || !options.includeAbsolute && !isRelativeUrl(urlValue)) return;
+			const url = parseUrl(urlValue);
+			if (options.base && urlValue[0] === ".") {
 				const base = parseUrl(options.base);
 				const protocol = base.protocol || "";
 				const host = base.host ? protocol + "//" + base.host : "";
@@ -1773,32 +1790,53 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
 		});
 	}
 };
+/**
+* Resolves or registers an import for the given source path
+* @param source - Path to resolve import for
+* @param loc - Source location
+* @param context - Transform context
+* @returns Object containing import name and expression
+*/
+function resolveOrRegisterImport(source, loc, context) {
+	const normalizedSource = normalizeDecodedImportPath(source);
+	const existingIndex = context.imports.findIndex((i) => i.path === normalizedSource);
+	if (existingIndex > -1) return {
+		name: `_imports_${existingIndex}`,
+		exp: context.imports[existingIndex].exp
+	};
+	const name = `_imports_${context.imports.length}`;
+	const exp = (0, _vue_compiler_core.createSimpleExpression)(name, false, loc, 3);
+	context.imports.push({
+		exp,
+		path: normalizedSource
+	});
+	return {
+		name,
+		exp
+	};
+}
+/**
+* Transforms asset URLs into import expressions or string literals
+*/
 function getImportsExpressionExp(path$24, hash, loc, context) {
-	if (path$24) {
-		let name;
-		let exp;
-		const existingIndex = context.imports.findIndex((i) => i.path === path$24);
-		if (existingIndex > -1) {
-			name = `_imports_${existingIndex}`;
-			exp = context.imports[existingIndex].exp;
-		} else {
-			name = `_imports_${context.imports.length}`;
-			exp = (0, _vue_compiler_core.createSimpleExpression)(name, false, loc, 3);
-			context.imports.push({
-				exp,
-				path: decodeURIComponent(path$24)
-			});
-		}
-		if (!hash) return exp;
-		const hashExp = `${name} + '${hash}'`;
-		const finalExp = (0, _vue_compiler_core.createSimpleExpression)(hashExp, false, loc, 3);
-		if (!context.hoistStatic) return finalExp;
-		const existingHoistIndex = context.hoists.findIndex((h) => {
-			return h && h.type === 4 && !h.isStatic && h.content === hashExp;
-		});
-		if (existingHoistIndex > -1) return (0, _vue_compiler_core.createSimpleExpression)(`_hoisted_${existingHoistIndex + 1}`, false, loc, 3);
-		return context.hoist(finalExp);
-	} else return (0, _vue_compiler_core.createSimpleExpression)(`''`, false, loc, 3);
+	if (!path$24 && !hash) return (0, _vue_compiler_core.createSimpleExpression)(`''`, false, loc, 3);
+	if (!path$24 && hash) {
+		const { exp } = resolveOrRegisterImport(hash, loc, context);
+		return exp;
+	}
+	if (path$24 && !hash) {
+		const { exp } = resolveOrRegisterImport(path$24, loc, context);
+		return exp;
+	}
+	const { name } = resolveOrRegisterImport(path$24, loc, context);
+	const hashExp = `${name} + '${hash}'`;
+	const finalExp = (0, _vue_compiler_core.createSimpleExpression)(hashExp, false, loc, 3);
+	if (!context.hoistStatic) return finalExp;
+	const existingHoistIndex = context.hoists.findIndex((h) => {
+		return h && h.type === 4 && !h.isStatic && h.content === hashExp;
+	});
+	if (existingHoistIndex > -1) return (0, _vue_compiler_core.createSimpleExpression)(`_hoisted_${existingHoistIndex + 1}`, false, loc, 3);
+	return context.hoist(finalExp);
 }
 //#endregion
 //#region packages/compiler-sfc/src/template/transformSrcset.ts
@@ -1853,18 +1891,21 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
 				let content = "";
 				imageCandidates.forEach(({ url, descriptor }, index) => {
 					if (shouldProcessUrl(url)) {
-						const { path: path$23 } = parseUrl(url);
-						if (path$23) {
+						const { path: path$23, hash } = parseUrl(url);
+						const source = path$23 ? path$23 : hash;
+						if (source) {
 							let exp = "";
-							const existingImportsIndex = context.imports.findIndex((i) => i.path === path$23);
+							const normalizedSource = normalizeDecodedImportPath(source);
+							const existingImportsIndex = context.imports.findIndex((i) => i.path === normalizedSource);
 							if (existingImportsIndex > -1) exp = `_imports_${existingImportsIndex}`;
 							else {
 								exp = `_imports_${context.imports.length}`;
 								context.imports.push({
 									exp: (0, _vue_compiler_core.createSimpleExpression)(exp, false, attr.loc, 3),
-									path: path$23
+									path: normalizedSource
 								});
 							}
+							if (path$23 && hash) exp = `${exp} + '${hash}'`;
 							content += exp;
 						}
 					} else content += `"${url}"`;
@@ -11861,7 +11902,7 @@ const range = (a, b, str) => {
 	return result;
 };
 //#endregion
-//#region node_modules/.pnpm/brace-expansion@5.0.4/node_modules/brace-expansion/dist/esm/index.js
+//#region node_modules/.pnpm/brace-expansion@5.0.5/node_modules/brace-expansion/dist/esm/index.js
 const escSlash = "\0SLASH" + Math.random() + "\0";
 const escOpen = "\0OPEN" + Math.random() + "\0";
 const escClose = "\0CLOSE" + Math.random() + "\0";
@@ -11964,7 +12005,7 @@ function expand_(str, max, isTop) {
 			const x = numeric(n[0]);
 			const y = numeric(n[1]);
 			const width = Math.max(n[0].length, n[1].length);
-			let incr = n.length === 3 && n[2] !== void 0 ? Math.abs(numeric(n[2])) : 1;
+			let incr = n.length === 3 && n[2] !== void 0 ? Math.max(Math.abs(numeric(n[2])), 1) : 1;
 			let test = lte;
 			if (y < x) {
 				incr *= -1;
@@ -14271,9 +14312,9 @@ function processDefineModel(ctx, node, declId) {
 	let modelName;
 	let options;
 	const arg0 = node.arguments[0] && (0, _vue_compiler_dom.unwrapTSNode)(node.arguments[0]);
-	const hasName = arg0 && arg0.type === "StringLiteral";
+	const hasName = arg0 && (arg0.type === "StringLiteral" || arg0.type === "TemplateLiteral" && arg0.expressions.length === 0);
 	if (hasName) {
-		modelName = arg0.value;
+		modelName = arg0.type === "StringLiteral" ? arg0.value : arg0.quasis[0].value.cooked;
 		options = node.arguments[1];
 	} else {
 		modelName = "modelValue";
@@ -15304,7 +15345,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 }
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
-const version = "3.6.0-beta.8";
+const version = "3.6.0-beta.9";
 const parseCache = parseCache$1;
 const errorMessages = {
 	..._vue_compiler_dom.errorMessages,