weapp-tailwindcss 5.3.2 → 5.3.4

package/dist/{component-local-style-CNhEhd2B.cjs → transform-BQjg2T2T.cjs}

@@ -1,6 +1,8 @@
 const require_object = require("./object-DbHtAXRk.cjs");
 const require_wxml = require("./wxml-CQmBCjOR.cjs");
+const require_local_style_matcher = require("./local-style-matcher-DRpFEu1s.cjs");
 let _tailwindcss_mangle_engine = require("@tailwindcss-mangle/engine");
+let _vue_compiler_dom = require("@vue/compiler-dom");
 //#region src/uni-app-x/component-local-style-binding.ts
 const OPTIONS_CLASS_SECTIONS = /* @__PURE__ */ new Set(["computed", "methods"]);
 function readStaticName(path) {
@@ -96,8 +98,6 @@ function isClassBindingLiteralPath(path, roots) {
 //#region src/uni-app-x/component-local-style.ts
 const EXPRESSION_WRAPPER_PREFIX = "(\n";
 const EXPRESSION_WRAPPER_SUFFIX = "\n)";
-const COMPONENT_RE = /(?:^|[/\\])components(?:[/\\].+)?\.(?:uvue|nvue)$/;
-const PAGE_RE = /(?:^|[/\\])pages(?:[/\\].+)?\.(?:uvue|nvue)$/;
 function createStableHash(input) {
 	let hash = 2166136261;
 	for (let i = 0; i < input.length; i++) {
@@ -170,12 +170,6 @@ function hasTopLevelVariant(candidate) {
 	}
 	return false;
 }
-function shouldEnableComponentLocalStyle(id) {
-	return COMPONENT_RE.test(id);
-}
-function shouldEnablePageLocalStyle(id) {
-	return PAGE_RE.test(id);
-}
 var UniAppXComponentLocalStyleCollector = class {
 	constructor(fileId, runtimeSet) {
 		this.fileId = fileId;
@@ -286,15 +280,16 @@ var UniAppXComponentLocalStyleCollector = class {
 	hasStyles() {
 		return this.aliasByUtility.size > 0;
 	}
-	toStyleBlock() {
+	toStyleBlock(options = {}) {
 		if (!this.hasStyles()) return "";
-		return `<style scoped>\n${this.toStyleRules()}</style>\n`;
+		return `<style scoped>\n${this.toStyleRules(options)}</style>\n`;
 	}
-	toStyleRules() {
+	toStyleRules(options = {}) {
 		if (!this.hasStyles()) return "";
 		const lines = [];
 		for (const [utility, alias] of this.aliasByUtility) {
-			const selector = this.deepUtilities.has(utility) ? `.${alias}, :deep(.${alias})` : `.${alias}`;
+			const localSelector = options.web ? `:global(.${alias})` : `.${alias}`;
+			const selector = this.deepUtilities.has(utility) ? `${localSelector}, :deep(.${alias})` : localSelector;
 			lines.push(`${selector} {`);
 			lines.push(`  @apply ${serializeApplyUtility(utility)};`);
 			lines.push("}");
@@ -303,21 +298,200 @@ var UniAppXComponentLocalStyleCollector = class {
 	}
 };
 //#endregion
-Object.defineProperty(exports, "UniAppXComponentLocalStyleCollector", {
-	enumerable: true,
-	get: function() {
-		return UniAppXComponentLocalStyleCollector;
+//#region src/uni-app-x/transform.ts
+function traverse(node, visitor) {
+	visitor(node);
+	if (Array.isArray(node.children)) {
+		for (const child of node.children) if (child && typeof child === "object" && "type" in child) traverse(child, visitor);
 	}
-});
-Object.defineProperty(exports, "shouldEnableComponentLocalStyle", {
-	enumerable: true,
-	get: function() {
-		return shouldEnableComponentLocalStyle;
+}
+function updateStaticAttribute(ms, prop, offset, content = prop.value?.content) {
+	if (!prop.value) return;
+	const start = offset + prop.value.loc.start.offset + 1;
+	const end = offset + prop.value.loc.end.offset - 1;
+	if (start < end) ms.update(start, end, require_wxml.replaceWxml(content ?? ""));
+}
+function updateStaticAttributeWithLocalStyle(ms, prop, offset, collector, deep, content = prop.value?.content) {
+	if (!prop.value) return;
+	const start = offset + prop.value.loc.start.offset + 1;
+	const end = offset + prop.value.loc.end.offset - 1;
+	if (start < end) ms.update(start, end, collector.collectAndRewriteStaticClass(content ?? "", { deep }));
+}
+function updateDirectiveExpression(ms, prop, offset, jsHandler, runtimeSet) {
+	if (prop.exp?.type !== _vue_compiler_dom.NodeTypes.SIMPLE_EXPRESSION) return;
+	const expression = prop.exp.content;
+	const start = offset + prop.exp.loc.start.offset;
+	const end = offset + prop.exp.loc.end.offset;
+	if (start >= end) return;
+	const generated = require_wxml.generateCode(expression, {
+		jsHandler,
+		runtimeSet,
+		wrapExpression: true
+	});
+	ms.update(start, end, generated);
+}
+function updateDirectiveExpressionWithLocalStyle(ms, prop, offset, jsHandler, collector, deep, runtimeSet) {
+	if (prop.exp?.type !== _vue_compiler_dom.NodeTypes.SIMPLE_EXPRESSION) return;
+	const expression = prop.exp.content;
+	const start = offset + prop.exp.loc.start.offset;
+	const end = offset + prop.exp.loc.end.offset;
+	if (start >= end) return;
+	collector.collectRuntimeClasses(expression, {
+		deep,
+		wrapExpression: true
+	});
+	const generated = require_wxml.generateCode(expression, {
+		jsHandler,
+		runtimeSet,
+		wrapExpression: true
+	});
+	ms.update(start, end, collector.rewriteTransformedCode(generated, { wrapExpression: true }));
+}
+function shouldEnableLocalStyle(id, options) {
+	if (options.enableComponentLocalStyle && require_local_style_matcher.shouldEnableComponentLocalStyle(id, options.componentMatcher)) return true;
+	if (options.enablePageLocalStyle && require_local_style_matcher.shouldEnablePageLocalStyle(id, options.pageMatcher)) return true;
+	return false;
+}
+function shouldHandleAttribute(tag, attrName, disabledDefaultTemplateHandler, matchCustomAttribute) {
+	const lowerName = attrName.toLowerCase();
+	const shouldHandleDefault = !disabledDefaultTemplateHandler && lowerName === "class";
+	const shouldHandleCustom = matchCustomAttribute?.(tag, attrName) ?? false;
+	return {
+		shouldHandleDefault,
+		shouldHandleCustom,
+		shouldHandle: shouldHandleDefault || shouldHandleCustom
+	};
+}
+const defaultCreateJsHandlerOptions = { babelParserOptions: { plugins: ["typescript"] } };
+const UVUE_NVUE_RE = /\.(?:uvue|nvue)(?:\?.*)?$/;
+const SFC_BLOCK_RE = /<(template|script|style)\b([^>]*)>/gi;
+const SCRIPT_SETUP_RE = /(?:^|\s)setup(?:\s|=|$)/;
+const STYLE_SCOPED_RE = /(?:^|\s)scoped(?:\s|=|$)/i;
+function findSfcBlockEnd(code, type, contentStart) {
+	const closeTag = new RegExp(`<\\/${type}\\s*>`, "gi");
+	if (type !== "template") {
+		const match = closeTag.exec(code.slice(contentStart));
+		return match ? {
+			blockEnd: contentStart + match.index + match[0].length,
+			contentEnd: contentStart + match.index
+		} : void 0;
+	}
+	const tag = new RegExp(`<\\/?${type}\\b[^>]*>`, "gi");
+	tag.lastIndex = contentStart;
+	let depth = 1;
+	let match = tag.exec(code);
+	while (match) {
+		if (match[0].startsWith("</")) depth -= 1;
+		else if (!match[0].trimEnd().endsWith("/>")) depth += 1;
+		if (depth === 0) return {
+			blockEnd: tag.lastIndex,
+			contentEnd: match.index
+		};
+		match = tag.exec(code);
+	}
+}
+function parseSfc(code) {
+	const descriptor = {
+		errors: [],
+		styles: []
+	};
+	for (const match of code.matchAll(SFC_BLOCK_RE)) {
+		const type = match[1];
+		const attrs = match[2] ?? "";
+		const contentStart = (match.index ?? 0) + match[0].length;
+		const blockBoundary = findSfcBlockEnd(code, type, contentStart);
+		if (!blockBoundary) {
+			descriptor.errors.push(/* @__PURE__ */ new Error(`未闭合的 ${type} SFC 块`));
+			continue;
+		}
+		const { contentEnd } = blockBoundary;
+		const content = code.slice(contentStart, contentEnd);
+		const block = {
+			content,
+			start: contentStart,
+			end: contentEnd,
+			attrs
+		};
+		if (type === "template" && !descriptor.template) {
+			try {
+				descriptor.template = {
+					...block,
+					ast: (0, _vue_compiler_dom.parse)(content)
+				};
+			} catch (error) {
+				descriptor.errors.push(error);
+				descriptor.template = block;
+			}
+			continue;
+		}
+		if (type === "script") {
+			if (SCRIPT_SETUP_RE.test(attrs)) descriptor.scriptSetup ?? (descriptor.scriptSetup = block);
+			else descriptor.script ?? (descriptor.script = block);
+			continue;
+		}
+		if (type === "style") descriptor.styles.push(block);
 	}
-});
-Object.defineProperty(exports, "shouldEnablePageLocalStyle", {
-	enumerable: true,
-	get: function() {
-		return shouldEnablePageLocalStyle;
+	return descriptor;
+}
+function transformUVue(code, id, jsHandler, runtimeSet, options = {}) {
+	if (!UVUE_NVUE_RE.test(id)) return;
+	const { customAttributesEntities, disabledDefaultTemplateHandler = false } = options;
+	const matchCustomAttribute = require_wxml.createAttributeMatcher(customAttributesEntities);
+	const ms = new require_wxml.MagicString(code);
+	const descriptor = parseSfc(code);
+	const localStyleCollector = shouldEnableLocalStyle(id, options) ? new UniAppXComponentLocalStyleCollector(id, runtimeSet) : void 0;
+	if (descriptor.errors.length === 0) {
+		if (descriptor.template?.ast) {
+			const templateOffset = descriptor.template.start;
+			traverse(descriptor.template.ast, (node) => {
+				if (node.type !== _vue_compiler_dom.NodeTypes.ELEMENT) return;
+				const tag = node.tag;
+				for (const prop of node.props) if (prop.type === _vue_compiler_dom.NodeTypes.ATTRIBUTE) {
+					const { shouldHandle, shouldHandleCustom, shouldHandleDefault } = shouldHandleAttribute(tag, prop.name, disabledDefaultTemplateHandler, matchCustomAttribute);
+					if (!shouldHandle) continue;
+					if (localStyleCollector) updateStaticAttributeWithLocalStyle(ms, prop, templateOffset, localStyleCollector, options.webCustomAttributeDeep === true && shouldHandleCustom);
+					else updateStaticAttribute(ms, prop, templateOffset);
+					if (shouldHandleDefault) continue;
+				} else if (prop.type === _vue_compiler_dom.NodeTypes.DIRECTIVE && prop.name === "bind" && prop.arg?.type === _vue_compiler_dom.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic) {
+					const attrName = prop.arg.content;
+					const { shouldHandle, shouldHandleCustom } = shouldHandleAttribute(tag, attrName, disabledDefaultTemplateHandler, matchCustomAttribute);
+					if (!shouldHandle) continue;
+					if (localStyleCollector) updateDirectiveExpressionWithLocalStyle(ms, prop, templateOffset, jsHandler, localStyleCollector, options.webCustomAttributeDeep === true && shouldHandleCustom, runtimeSet);
+					else updateDirectiveExpression(ms, prop, templateOffset, jsHandler, runtimeSet);
+				}
+			});
+		}
+		if (descriptor.script) {
+			localStyleCollector?.collectRuntimeClasses(descriptor.script.content);
+			const { code } = jsHandler(descriptor.script.content, runtimeSet ?? /* @__PURE__ */ new Set(), defaultCreateJsHandlerOptions);
+			ms.update(descriptor.script.start, descriptor.script.end, localStyleCollector ? localStyleCollector.rewriteTransformedCode(code) : code);
+		}
+		if (descriptor.scriptSetup) {
+			localStyleCollector?.collectRuntimeClasses(descriptor.scriptSetup.content);
+			const { code } = jsHandler(descriptor.scriptSetup.content, runtimeSet ?? /* @__PURE__ */ new Set(), defaultCreateJsHandlerOptions);
+			ms.update(descriptor.scriptSetup.start, descriptor.scriptSetup.end, localStyleCollector ? localStyleCollector.rewriteTransformedCode(code) : code);
+		}
+		if (localStyleCollector?.hasStyles()) {
+			const scopedStyle = descriptor.styles.findLast((style) => STYLE_SCOPED_RE.test(style.attrs));
+			if (scopedStyle && options.onWebLocalStyleRules) options.onWebLocalStyleRules(localStyleCollector.toStyleRules({ web: true }));
+			else if (scopedStyle) {
+				const separator = scopedStyle.content.endsWith("\n") ? "" : "\n";
+				ms.appendLeft(scopedStyle.end, `${separator}${localStyleCollector.toStyleRules()}`);
+			} else ms.append(`\n${localStyleCollector.toStyleBlock({ web: Boolean(options.onWebLocalStyleRules) })}`);
+		}
 	}
-});
+	const result = {
+		code: ms.toString(),
+		map: null
+	};
+	Object.defineProperty(result, "map", {
+		configurable: true,
+		enumerable: true,
+		get() {
+			return ms.generateMap();
+		}
+	});
+	return result;
+}
+//#endregion
+exports.transformUVue = transformUVue;

package/dist/{component-local-style-C2wC8o9F.js → transform-Cp4KybBy.js}

@@ -1,7 +1,9 @@
 import { n as _defineProperty } from "./object-B-8IHefx.js";
-import { g as traverse, h as babelParse, i as analyzeSource, o as JsTokenUpdater, p as replaceWxml, u as isClassContextLiteralPath } from "./wxml-B7OAVpXJ.js";
+import { g as traverse$1, h as babelParse, i as analyzeSource, n as generateCode, o as JsTokenUpdater, p as replaceWxml, r as createAttributeMatcher, u as isClassContextLiteralPath } from "./wxml-B7OAVpXJ.js";
+import { n as shouldEnableComponentLocalStyle, r as shouldEnablePageLocalStyle } from "./local-style-matcher-DsiI2wIc.js";
 import { splitCandidateTokens } from "@tailwindcss-mangle/engine";
 import MagicString from "magic-string";
+import { NodeTypes, parse } from "@vue/compiler-dom";
 //#region src/uni-app-x/component-local-style-binding.ts
 const OPTIONS_CLASS_SECTIONS = /* @__PURE__ */ new Set(["computed", "methods"]);
 function readStaticName(path) {
@@ -58,14 +60,14 @@ function isClassAssignmentTarget(path, names) {
 	return object.isThisExpression() && isClassBindingName(property, names);
 }
 function collectClassBindingNames(ast, names) {
-	traverse(ast, { ReferencedIdentifier(path) {
+	traverse$1(ast, { ReferencedIdentifier(path) {
 		names.add(path.node.name);
 	} });
 }
 function collectClassBindingRoots(ast, names) {
 	const roots = /* @__PURE__ */ new WeakSet();
 	if (names.size === 0) return roots;
-	traverse(ast, {
+	traverse$1(ast, {
 		Program(path) {
 			for (const name of names) {
 				const binding = path.scope.getBinding(name);
@@ -97,8 +99,6 @@ function isClassBindingLiteralPath(path, roots) {
 //#region src/uni-app-x/component-local-style.ts
 const EXPRESSION_WRAPPER_PREFIX = "(\n";
 const EXPRESSION_WRAPPER_SUFFIX = "\n)";
-const COMPONENT_RE = /(?:^|[/\\])components(?:[/\\].+)?\.(?:uvue|nvue)$/;
-const PAGE_RE = /(?:^|[/\\])pages(?:[/\\].+)?\.(?:uvue|nvue)$/;
 function createStableHash(input) {
 	let hash = 2166136261;
 	for (let i = 0; i < input.length; i++) {
@@ -171,12 +171,6 @@ function hasTopLevelVariant(candidate) {
 	}
 	return false;
 }
-function shouldEnableComponentLocalStyle(id) {
-	return COMPONENT_RE.test(id);
-}
-function shouldEnablePageLocalStyle(id) {
-	return PAGE_RE.test(id);
-}
 var UniAppXComponentLocalStyleCollector = class {
 	constructor(fileId, runtimeSet) {
 		this.fileId = fileId;
@@ -287,15 +281,16 @@ var UniAppXComponentLocalStyleCollector = class {
 	hasStyles() {
 		return this.aliasByUtility.size > 0;
 	}
-	toStyleBlock() {
+	toStyleBlock(options = {}) {
 		if (!this.hasStyles()) return "";
-		return `<style scoped>\n${this.toStyleRules()}</style>\n`;
+		return `<style scoped>\n${this.toStyleRules(options)}</style>\n`;
 	}
-	toStyleRules() {
+	toStyleRules(options = {}) {
 		if (!this.hasStyles()) return "";
 		const lines = [];
 		for (const [utility, alias] of this.aliasByUtility) {
-			const selector = this.deepUtilities.has(utility) ? `.${alias}, :deep(.${alias})` : `.${alias}`;
+			const localSelector = options.web ? `:global(.${alias})` : `.${alias}`;
+			const selector = this.deepUtilities.has(utility) ? `${localSelector}, :deep(.${alias})` : localSelector;
 			lines.push(`${selector} {`);
 			lines.push(`  @apply ${serializeApplyUtility(utility)};`);
 			lines.push("}");
@@ -304,4 +299,200 @@ var UniAppXComponentLocalStyleCollector = class {
 	}
 };
 //#endregion
-export { shouldEnableComponentLocalStyle as n, shouldEnablePageLocalStyle as r, UniAppXComponentLocalStyleCollector as t };
+//#region src/uni-app-x/transform.ts
+function traverse(node, visitor) {
+	visitor(node);
+	if (Array.isArray(node.children)) {
+		for (const child of node.children) if (child && typeof child === "object" && "type" in child) traverse(child, visitor);
+	}
+}
+function updateStaticAttribute(ms, prop, offset, content = prop.value?.content) {
+	if (!prop.value) return;
+	const start = offset + prop.value.loc.start.offset + 1;
+	const end = offset + prop.value.loc.end.offset - 1;
+	if (start < end) ms.update(start, end, replaceWxml(content ?? ""));
+}
+function updateStaticAttributeWithLocalStyle(ms, prop, offset, collector, deep, content = prop.value?.content) {
+	if (!prop.value) return;
+	const start = offset + prop.value.loc.start.offset + 1;
+	const end = offset + prop.value.loc.end.offset - 1;
+	if (start < end) ms.update(start, end, collector.collectAndRewriteStaticClass(content ?? "", { deep }));
+}
+function updateDirectiveExpression(ms, prop, offset, jsHandler, runtimeSet) {
+	if (prop.exp?.type !== NodeTypes.SIMPLE_EXPRESSION) return;
+	const expression = prop.exp.content;
+	const start = offset + prop.exp.loc.start.offset;
+	const end = offset + prop.exp.loc.end.offset;
+	if (start >= end) return;
+	const generated = generateCode(expression, {
+		jsHandler,
+		runtimeSet,
+		wrapExpression: true
+	});
+	ms.update(start, end, generated);
+}
+function updateDirectiveExpressionWithLocalStyle(ms, prop, offset, jsHandler, collector, deep, runtimeSet) {
+	if (prop.exp?.type !== NodeTypes.SIMPLE_EXPRESSION) return;
+	const expression = prop.exp.content;
+	const start = offset + prop.exp.loc.start.offset;
+	const end = offset + prop.exp.loc.end.offset;
+	if (start >= end) return;
+	collector.collectRuntimeClasses(expression, {
+		deep,
+		wrapExpression: true
+	});
+	const generated = generateCode(expression, {
+		jsHandler,
+		runtimeSet,
+		wrapExpression: true
+	});
+	ms.update(start, end, collector.rewriteTransformedCode(generated, { wrapExpression: true }));
+}
+function shouldEnableLocalStyle(id, options) {
+	if (options.enableComponentLocalStyle && shouldEnableComponentLocalStyle(id, options.componentMatcher)) return true;
+	if (options.enablePageLocalStyle && shouldEnablePageLocalStyle(id, options.pageMatcher)) return true;
+	return false;
+}
+function shouldHandleAttribute(tag, attrName, disabledDefaultTemplateHandler, matchCustomAttribute) {
+	const lowerName = attrName.toLowerCase();
+	const shouldHandleDefault = !disabledDefaultTemplateHandler && lowerName === "class";
+	const shouldHandleCustom = matchCustomAttribute?.(tag, attrName) ?? false;
+	return {
+		shouldHandleDefault,
+		shouldHandleCustom,
+		shouldHandle: shouldHandleDefault || shouldHandleCustom
+	};
+}
+const defaultCreateJsHandlerOptions = { babelParserOptions: { plugins: ["typescript"] } };
+const UVUE_NVUE_RE = /\.(?:uvue|nvue)(?:\?.*)?$/;
+const SFC_BLOCK_RE = /<(template|script|style)\b([^>]*)>/gi;
+const SCRIPT_SETUP_RE = /(?:^|\s)setup(?:\s|=|$)/;
+const STYLE_SCOPED_RE = /(?:^|\s)scoped(?:\s|=|$)/i;
+function findSfcBlockEnd(code, type, contentStart) {
+	const closeTag = new RegExp(`<\\/${type}\\s*>`, "gi");
+	if (type !== "template") {
+		const match = closeTag.exec(code.slice(contentStart));
+		return match ? {
+			blockEnd: contentStart + match.index + match[0].length,
+			contentEnd: contentStart + match.index
+		} : void 0;
+	}
+	const tag = new RegExp(`<\\/?${type}\\b[^>]*>`, "gi");
+	tag.lastIndex = contentStart;
+	let depth = 1;
+	let match = tag.exec(code);
+	while (match) {
+		if (match[0].startsWith("</")) depth -= 1;
+		else if (!match[0].trimEnd().endsWith("/>")) depth += 1;
+		if (depth === 0) return {
+			blockEnd: tag.lastIndex,
+			contentEnd: match.index
+		};
+		match = tag.exec(code);
+	}
+}
+function parseSfc(code) {
+	const descriptor = {
+		errors: [],
+		styles: []
+	};
+	for (const match of code.matchAll(SFC_BLOCK_RE)) {
+		const type = match[1];
+		const attrs = match[2] ?? "";
+		const contentStart = (match.index ?? 0) + match[0].length;
+		const blockBoundary = findSfcBlockEnd(code, type, contentStart);
+		if (!blockBoundary) {
+			descriptor.errors.push(/* @__PURE__ */ new Error(`未闭合的 ${type} SFC 块`));
+			continue;
+		}
+		const { contentEnd } = blockBoundary;
+		const content = code.slice(contentStart, contentEnd);
+		const block = {
+			content,
+			start: contentStart,
+			end: contentEnd,
+			attrs
+		};
+		if (type === "template" && !descriptor.template) {
+			try {
+				descriptor.template = {
+					...block,
+					ast: parse(content)
+				};
+			} catch (error) {
+				descriptor.errors.push(error);
+				descriptor.template = block;
+			}
+			continue;
+		}
+		if (type === "script") {
+			if (SCRIPT_SETUP_RE.test(attrs)) descriptor.scriptSetup ?? (descriptor.scriptSetup = block);
+			else descriptor.script ?? (descriptor.script = block);
+			continue;
+		}
+		if (type === "style") descriptor.styles.push(block);
+	}
+	return descriptor;
+}
+function transformUVue(code, id, jsHandler, runtimeSet, options = {}) {
+	if (!UVUE_NVUE_RE.test(id)) return;
+	const { customAttributesEntities, disabledDefaultTemplateHandler = false } = options;
+	const matchCustomAttribute = createAttributeMatcher(customAttributesEntities);
+	const ms = new MagicString(code);
+	const descriptor = parseSfc(code);
+	const localStyleCollector = shouldEnableLocalStyle(id, options) ? new UniAppXComponentLocalStyleCollector(id, runtimeSet) : void 0;
+	if (descriptor.errors.length === 0) {
+		if (descriptor.template?.ast) {
+			const templateOffset = descriptor.template.start;
+			traverse(descriptor.template.ast, (node) => {
+				if (node.type !== NodeTypes.ELEMENT) return;
+				const tag = node.tag;
+				for (const prop of node.props) if (prop.type === NodeTypes.ATTRIBUTE) {
+					const { shouldHandle, shouldHandleCustom, shouldHandleDefault } = shouldHandleAttribute(tag, prop.name, disabledDefaultTemplateHandler, matchCustomAttribute);
+					if (!shouldHandle) continue;
+					if (localStyleCollector) updateStaticAttributeWithLocalStyle(ms, prop, templateOffset, localStyleCollector, options.webCustomAttributeDeep === true && shouldHandleCustom);
+					else updateStaticAttribute(ms, prop, templateOffset);
+					if (shouldHandleDefault) continue;
+				} else if (prop.type === NodeTypes.DIRECTIVE && prop.name === "bind" && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic) {
+					const attrName = prop.arg.content;
+					const { shouldHandle, shouldHandleCustom } = shouldHandleAttribute(tag, attrName, disabledDefaultTemplateHandler, matchCustomAttribute);
+					if (!shouldHandle) continue;
+					if (localStyleCollector) updateDirectiveExpressionWithLocalStyle(ms, prop, templateOffset, jsHandler, localStyleCollector, options.webCustomAttributeDeep === true && shouldHandleCustom, runtimeSet);
+					else updateDirectiveExpression(ms, prop, templateOffset, jsHandler, runtimeSet);
+				}
+			});
+		}
+		if (descriptor.script) {
+			localStyleCollector?.collectRuntimeClasses(descriptor.script.content);
+			const { code } = jsHandler(descriptor.script.content, runtimeSet ?? /* @__PURE__ */ new Set(), defaultCreateJsHandlerOptions);
+			ms.update(descriptor.script.start, descriptor.script.end, localStyleCollector ? localStyleCollector.rewriteTransformedCode(code) : code);
+		}
+		if (descriptor.scriptSetup) {
+			localStyleCollector?.collectRuntimeClasses(descriptor.scriptSetup.content);
+			const { code } = jsHandler(descriptor.scriptSetup.content, runtimeSet ?? /* @__PURE__ */ new Set(), defaultCreateJsHandlerOptions);
+			ms.update(descriptor.scriptSetup.start, descriptor.scriptSetup.end, localStyleCollector ? localStyleCollector.rewriteTransformedCode(code) : code);
+		}
+		if (localStyleCollector?.hasStyles()) {
+			const scopedStyle = descriptor.styles.findLast((style) => STYLE_SCOPED_RE.test(style.attrs));
+			if (scopedStyle && options.onWebLocalStyleRules) options.onWebLocalStyleRules(localStyleCollector.toStyleRules({ web: true }));
+			else if (scopedStyle) {
+				const separator = scopedStyle.content.endsWith("\n") ? "" : "\n";
+				ms.appendLeft(scopedStyle.end, `${separator}${localStyleCollector.toStyleRules()}`);
+			} else ms.append(`\n${localStyleCollector.toStyleBlock({ web: Boolean(options.onWebLocalStyleRules) })}`);
+		}
+	}
+	const result = {
+		code: ms.toString(),
+		map: null
+	};
+	Object.defineProperty(result, "map", {
+		configurable: true,
+		enumerable: true,
+		get() {
+			return ms.generateMap();
+		}
+	});
+	return result;
+}
+//#endregion
+export { transformUVue };

package/dist/types/user-defined-options/important.d.ts

@@ -2,8 +2,10 @@ import type { CssCalcOptions, CssPreflightOptions, IStyleHandlerOptions, PresetE
 import type { ICustomAttributes } from '../shared.js';
 import type { TailwindCssRuntimeOptions } from '../../tailwindcss/runtime-types.js';
 export interface UniAppXComponentLocalStylesOptions {
+    componentMatcher?: ((id: string) => boolean) | undefined;
     enabled?: boolean | undefined;
     onlyWhenStyleIsolationVersion2?: boolean | undefined;
+    pageMatcher?: ((id: string) => boolean) | undefined;
 }
 export interface UniAppXOptions {
     enabled?: boolean | undefined;

package/dist/uni-app-x/component-local-style.d.ts

@@ -3,8 +3,6 @@ interface RewriteCodeOptions {
     wrapExpression?: boolean;
 }
 export declare function hasTopLevelVariant(candidate: string): boolean;
-export declare function shouldEnableComponentLocalStyle(id: string): boolean;
-export declare function shouldEnablePageLocalStyle(id: string): boolean;
 export declare class UniAppXComponentLocalStyleCollector {
     private readonly fileId;
     private readonly runtimeSet?;
@@ -19,7 +17,11 @@ export declare class UniAppXComponentLocalStyleCollector {
     collectRuntimeClasses(rawSource: string, options?: RewriteCodeOptions): void;
     rewriteTransformedCode(rawSource: string, options?: RewriteCodeOptions): string;
     hasStyles(): boolean;
-    toStyleBlock(): string;
-    toStyleRules(): string;
+    toStyleBlock(options?: {
+        web?: boolean;
+    }): string;
+    toStyleRules(options?: {
+        web?: boolean;
+    }): string;
 }
 export {};

package/dist/uni-app-x/local-style-matcher.d.ts

@@ -0,0 +1,4 @@
+export type UniAppXLocalStyleMatcher = (id: string) => boolean;
+export declare function normalizeUniAppXLocalStyleId(id: string): string;
+export declare function shouldEnableComponentLocalStyle(id: string, matcher?: UniAppXLocalStyleMatcher): boolean;
+export declare function shouldEnablePageLocalStyle(id: string, matcher?: UniAppXLocalStyleMatcher): boolean;

package/dist/uni-app-x/options.d.ts

@@ -1,7 +1,9 @@
 import type { UserDefinedOptions } from '../types/index.js';
 export interface ResolvedUniAppXComponentLocalStylesOptions {
+    componentMatcher?: ((id: string) => boolean) | undefined;
     enabled: boolean;
     onlyWhenStyleIsolationVersion2: boolean;
+    pageMatcher?: ((id: string) => boolean) | undefined;
 }
 export interface ResolvedUniAppXOptions {
     enabled: boolean;

package/dist/uni-app-x/style-asset/harmony-global.d.ts

@@ -1,4 +1,6 @@
+import type { UniAppXLocalStyleMatcher } from '../local-style-matcher.js';
 export interface HarmonyStyleInjectOptions {
+    componentMatcher?: UniAppXLocalStyleMatcher | undefined;
     cssSources?: Iterable<string | undefined> | undefined;
     styleAssetFiles?: Iterable<string | undefined> | ((file: string) => Iterable<string | undefined>) | undefined;
     excludeComponents?: boolean | undefined;

package/dist/uni-app-x/transform.d.ts

@@ -1,10 +1,12 @@
 import type { TransformResult } from 'vite';
 import type { ICustomAttributesEntities, JsHandler } from '../types/index.js';
 interface TransformUVueOptions {
+    componentMatcher?: (id: string) => boolean;
     customAttributesEntities?: ICustomAttributesEntities;
     disabledDefaultTemplateHandler?: boolean;
     enableComponentLocalStyle?: boolean;
     enablePageLocalStyle?: boolean;
+    pageMatcher?: (id: string) => boolean;
     webCustomAttributeDeep?: boolean;
     onWebLocalStyleRules?: (rules: string) => void;
 }

package/dist/uni-app-x/vite/plugin-options.d.ts

@@ -5,6 +5,7 @@ export interface CreateUniAppXPluginsOptions {
     customAttributesEntities: ICustomAttributesEntities;
     disabledDefaultTemplateHandler: boolean | undefined;
     mainCssChunkMatcher: NonNullable<InternalUserDefinedOptions['mainCssChunkMatcher']>;
+    registerModuleGraphCandidates?: ((id: string, source: string) => Promise<Set<string>>) | undefined;
     runtimeState: {
         readyPromise: Promise<unknown>;
     };

package/dist/uni-app-x/vite/style-request.d.ts

@@ -5,7 +5,6 @@ export declare function normalizeRelativeTailwindReferences(code: string, id: st
 interface ResolvePreprocessorTransformOptions {
     isIosPlatform: boolean;
     isNativeAppStyleTarget: boolean;
-    isWebGeneratorTarget: boolean;
 }
 export declare function resolvePreprocessorTransform(code: string, id: string, lang: string | undefined, options: ResolvePreprocessorTransformOptions): {
     result: {