@wevu/compiler 6.19.4 → 6.20.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { createRequire } from "node:module";
-import { WEAPP_VITE_RUNTIME_REACTIVITY_VIRTUAL_ID, WEAPP_VITE_RUNTIME_TEMPLATE_VIRTUAL_ID, WEAPP_VITE_RUNTIME_VIRTUAL_ID, WEVU_CLASS_STYLE_RUNTIME_FILE, WEVU_CLASS_STYLE_RUNTIME_MODULE, WEVU_EXPRESSION_ERROR_IDENTIFIER, WEVU_FUNCTION_PROP_PATHS_KEY, WEVU_INLINE_HANDLER, WEVU_INLINE_MAP_KEY, WEVU_IS_PAGE_KEY, WEVU_LAYOUT_HOSTS_KEY, WEVU_LAYOUT_HOST_ID_PREFIX, WEVU_LAYOUT_HOST_REF_PREFIX, WEVU_MODEL_HANDLER, WEVU_OWNER_HANDLER, WEVU_PROPS_ALIASES_KEY, WEVU_PROPS_DERIVED_KEYS_KEY, WEVU_PROPS_KEY, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_BASE, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_TAG_NAME, WEVU_SLOT_FUNCTION_TOKEN, WEVU_SLOT_NAMES_ATTR, WEVU_SLOT_NAMES_PROP, WEVU_SLOT_OWNER_ID_ATTR, WEVU_SLOT_OWNER_ID_KEY, WEVU_SLOT_OWNER_ID_PROP, WEVU_SLOT_OWNER_KEY, WEVU_SLOT_OWNER_PROXY_KEY, WEVU_SLOT_PROPS_ATTR, WEVU_SLOT_PROPS_DATA_KEY, WEVU_SLOT_PROPS_KEY, WEVU_SLOT_SCOPE_ATTR, WEVU_SLOT_SCOPE_KEY, WEVU_TEMPLATE_REFS_KEY, WEVU_TEMPLATE_REF_CLASS_PREFIX } from "@weapp-core/constants";
+import { WEAPP_VITE_RUNTIME_REACTIVITY_VIRTUAL_ID, WEAPP_VITE_RUNTIME_TEMPLATE_VIRTUAL_ID, WEAPP_VITE_RUNTIME_VIRTUAL_ID, WEVU_CLASS_STYLE_RUNTIME_FILE, WEVU_CLASS_STYLE_RUNTIME_MODULE, WEVU_EXPRESSION_ERROR_IDENTIFIER, WEVU_FUNCTION_PROP_PATHS_KEY, WEVU_INLINE_HANDLER, WEVU_INLINE_MAP_KEY, WEVU_IS_PAGE_KEY, WEVU_JSX_ISLAND_DATA_KEY, WEVU_JSX_ISLAND_HANDLER, WEVU_JSX_ISLAND_TEMPLATE_NAME, WEVU_LAYOUT_HOSTS_KEY, WEVU_LAYOUT_HOST_ID_PREFIX, WEVU_LAYOUT_HOST_REF_PREFIX, WEVU_MODEL_HANDLER, WEVU_OWNER_HANDLER, WEVU_PROPS_ALIASES_KEY, WEVU_PROPS_DERIVED_KEYS_KEY, WEVU_PROPS_KEY, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_BASE, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_TAG_NAME, WEVU_SLOT_FUNCTION_TOKEN, WEVU_SLOT_NAMES_ATTR, WEVU_SLOT_NAMES_PROP, WEVU_SLOT_OWNER_ID_ATTR, WEVU_SLOT_OWNER_ID_KEY, WEVU_SLOT_OWNER_ID_PROP, WEVU_SLOT_OWNER_KEY, WEVU_SLOT_OWNER_PROXY_KEY, WEVU_SLOT_PROPS_ATTR, WEVU_SLOT_PROPS_DATA_KEY, WEVU_SLOT_PROPS_KEY, WEVU_SLOT_SCOPE_ATTR, WEVU_SLOT_SCOPE_KEY, WEVU_TEMPLATE_REFS_KEY, WEVU_TEMPLATE_REF_CLASS_PREFIX } from "@weapp-core/constants";
 import { getMiniProgramRuntimeGlobalKeys, getMiniProgramTemplatePreset, removeExtensionDeep } from "@weapp-core/shared";
 import path from "pathe";
 import { NodeTypes, baseParse } from "@vue/compiler-core";
@@ -10,11 +10,14 @@ import { recursive } from "merge";
 import { bundleRequire } from "rolldown-require";
 import { access, mkdir, readFile as readFile$1, rm, stat, writeFile } from "node:fs/promises";
 import { BABEL_TS_MODULE_PARSER_OPTIONS, BABEL_TS_MODULE_PLUGINS, generate, parse as parse$3, parseJsLike, traverse } from "@weapp-vite/ast/babel";
-import fs from "node:fs";
+import path$1 from "node:path";
+import fs, { readFileSync } from "node:fs";
 import os from "node:os";
 import process from "node:process";
 import { LRUCache } from "lru-cache";
-import { collectJsxImportedComponentsAndDefaultExportFromBabelAst, collectJsxTemplateTagsFromBabelExpression, getRenderPropertyFromComponentOptions, parseJsLikeWithEngine, resolveRenderExpressionFromComponentOptions, toStaticObjectKey, unwrapTypeScriptExpression } from "@weapp-vite/ast";
+import { collectJsxImportedComponentsAndDefaultExportFromBabelAst, collectJsxTemplateTagsFromBabelExpression, getObjectPropertyByKey, getRenderPropertyFromComponentOptions, parseJsLikeWithEngine, resolveRenderExpressionFromComponentOptions, toStaticObjectKey, unwrapTypeScriptExpression } from "@weapp-vite/ast";
+import vueJsxPlugin from "@vue/babel-plugin-jsx";
+import { transformSync } from "@weapp-vite/ast/babelCore";
 import { compileScript, parse } from "vue/compiler-sfc";
 import { fileURLToPath } from "node:url";
 import postcss from "postcss";
@@ -895,7 +898,7 @@ function isStaticObjectKeyMatch$1(key, expected) {
 	if (t.isStringLiteral(key)) return key.value === expected;
 	return false;
 }
-function getObjectPropertyByKey$2(node, key) {
+function getObjectPropertyByKey$3(node, key) {
 	for (const prop of node.properties) {
 		if (!t.isObjectProperty(prop) || prop.computed) continue;
 		if (isStaticObjectKeyMatch$1(prop.key, key)) return prop;
@@ -979,7 +982,7 @@ function collectWevuPageFeatureFlags(ast) {
 function injectWevuPageFeatureFlagsIntoOptionsObject(optionsObject, enabled) {
 	if (!enabled.size) return false;
 	const expectedKeys = [...enabled];
-	const existingFeaturesProp = getObjectPropertyByKey$2(optionsObject, "features");
+	const existingFeaturesProp = getObjectPropertyByKey$3(optionsObject, "features");
 	let changed = false;
 	if (!existingFeaturesProp) {
 		const featuresObject = buildInjectedFeaturesObject(enabled);
@@ -991,7 +994,7 @@ function injectWevuPageFeatureFlagsIntoOptionsObject(optionsObject, enabled) {
 		const featuresObject = existingFeaturesProp.value;
 		const injectedProps = [];
 		for (const key of expectedKeys) {
-			if (getObjectPropertyByKey$2(featuresObject, key)) continue;
+			if (getObjectPropertyByKey$3(featuresObject, key)) continue;
 			injectedProps.push(t.objectProperty(t.identifier(key), t.booleanLiteral(true)));
 		}
 		if (injectedProps.length) {
@@ -2371,6 +2374,8 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"addMutationRecorder",
 	"batch",
 	"computed",
+	"createTextVNode",
+	"createVNode",
 	"createApp",
 	"createWevuComponent",
 	"createWevuScopedSlotComponent",
@@ -2385,6 +2390,7 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"getCurrentScope",
 	"getCurrentSetupContext",
 	"getDeepWatchStrategy",
+	"Fragment",
 	"getNavigationBarMetrics",
 	"getReactiveVersion",
 	"hasInjectionContext",
@@ -2398,12 +2404,15 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"isRef",
 	"isShallowReactive",
 	"isShallowRef",
+	"isVNode",
 	"markNoSetData",
 	"markRaw",
 	"mergeModels",
+	"mergeProps",
 	"mountRuntimeInstance",
 	"nextTick",
 	"normalizeClass",
+	"normalizeJsxIsland",
 	"normalizeStyle",
 	"onActivated",
 	"onAddToFavorites",
@@ -2444,6 +2453,8 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"provide",
 	"provideGlobal",
 	"reactive",
+	"resolveDirective",
+	"resolveComponent",
 	"readonly",
 	"ref",
 	"registerApp",
@@ -2474,6 +2485,7 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"toRef",
 	"toRefs",
 	"toValue",
+	"transformOn",
 	"touchReactive",
 	"traverse",
 	"triggerRef",
@@ -2503,6 +2515,12 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"useTemplateRef",
 	"useUpdatePerformanceListener",
 	"version",
+	"vModelCheckbox",
+	"vModelRadio",
+	"vModelSelect",
+	"vModelText",
+	"vShow",
+	"withDirectives",
 	"waitForLayoutHost",
 	"watch",
 	"watchEffect",
@@ -2536,13 +2554,35 @@ function splitWevuNamedImportsToInternalRuntime(path, program, state) {
 }
 function createImportVisitors(program, state) {
 	return { ImportDeclaration(path) {
+		if (path.node.source.value === "@vue/babel-helper-vue-transform-on") {
+			const defaultImport = path.node.specifiers.find((specifier) => t.isImportDefaultSpecifier(specifier));
+			if (defaultImport) {
+				ensureRuntimeImport(program, "transformOn", defaultImport.local.name);
+				state.transformed = true;
+				path.remove();
+				return;
+			}
+		}
 		if (path.node.source.value === "vue") {
 			const movedVueRuntimeAPIs = /* @__PURE__ */ new Set([
+				"createTextVNode",
+				"createVNode",
+				"Fragment",
+				"isVNode",
+				"mergeProps",
+				"resolveComponent",
+				"resolveDirective",
 				"useAttrs",
 				"useSlots",
 				"useModel",
 				"mergeModels",
-				"useTemplateRef"
+				"useTemplateRef",
+				"vModelCheckbox",
+				"vModelRadio",
+				"vModelSelect",
+				"vModelText",
+				"vShow",
+				"withDirectives"
 			]);
 			const movedSpecifiers = [];
 			const remaining = path.node.specifiers.filter((specifier) => {
@@ -2615,7 +2655,7 @@ function isStaticObjectKeyMatch(key, expected) {
 	if (t.isStringLiteral(key)) return key.value === expected;
 	return false;
 }
-function getObjectPropertyByKey$1(node, key) {
+function getObjectPropertyByKey$2(node, key) {
 	for (const prop of node.properties) {
 		if (!t.isObjectProperty(prop) || prop.computed) continue;
 		if (isStaticObjectKeyMatch(prop.key, key)) return prop;
@@ -3077,7 +3117,7 @@ function injectClassStyleComputed(optionsObject, bindings, propsAliases, warn) {
 		resolvePropValue: t.identifier("__wevuResolvePropValue")
 	}, propsAliases);
 	if (!entries.length) return false;
-	const computedProp = getObjectPropertyByKey$1(optionsObject, "computed");
+	const computedProp = getObjectPropertyByKey$2(optionsObject, "computed");
 	if (!computedProp) {
 		optionsObject.properties.splice(0, 0, t.objectProperty(createStaticObjectKey$1("computed"), t.objectExpression(entries)));
 		return true;
@@ -3107,7 +3147,7 @@ function mergePlainDefaultsIntoObjectExpression(target, defaults) {
 	let changed = false;
 	const injectedProps = [];
 	for (const [key, value] of entries) {
-		if (getObjectPropertyByKey$1(target, key)) continue;
+		if (getObjectPropertyByKey$2(target, key)) continue;
 		injectedProps.push(t.objectProperty(createStaticObjectKey$1(key), t.valueToNode(value)));
 	}
 	if (!injectedProps.length) return false;
@@ -3118,11 +3158,11 @@ function mergePlainDefaultsIntoObjectExpression(target, defaults) {
 function mergeNestedDefaults(optionsObject, key, defaultsValue) {
 	if (!isPlainRecord(defaultsValue)) {
 		if (defaultsValue === void 0) return false;
-		if (getObjectPropertyByKey$1(optionsObject, key)) return false;
+		if (getObjectPropertyByKey$2(optionsObject, key)) return false;
 		optionsObject.properties.splice(0, 0, t.objectProperty(createStaticObjectKey$1(key), t.valueToNode(defaultsValue)));
 		return true;
 	}
-	const existing = getObjectPropertyByKey$1(optionsObject, key);
+	const existing = getObjectPropertyByKey$2(optionsObject, key);
 	if (!existing) {
 		optionsObject.properties.splice(0, 0, t.objectProperty(createStaticObjectKey$1(key), t.valueToNode(defaultsValue)));
 		return true;
@@ -3145,21 +3185,21 @@ function applyWevuDefaultsToOptionsObject(optionsObject, defaults) {
 			changed = mergeNestedDefaults(optionsObject, key, value) || changed;
 			continue;
 		}
-		if (value === void 0 || getObjectPropertyByKey$1(optionsObject, key)) continue;
+		if (value === void 0 || getObjectPropertyByKey$2(optionsObject, key)) continue;
 		optionsObject.properties.splice(0, 0, t.objectProperty(createStaticObjectKey$1(key), t.valueToNode(value)));
 		changed = true;
 	}
 	return changed;
 }
 function ensureNestedOptionValue(optionsObject, key, nestedKey, value) {
-	const existing = getObjectPropertyByKey$1(optionsObject, key);
+	const existing = getObjectPropertyByKey$2(optionsObject, key);
 	if (!existing) {
 		const nested = t.objectExpression([t.objectProperty(createStaticObjectKey$1(nestedKey), t.valueToNode(value))]);
 		optionsObject.properties.splice(0, 0, t.objectProperty(createStaticObjectKey$1(key), nested));
 		return true;
 	}
 	if (t.isObjectExpression(existing.value)) {
-		if (getObjectPropertyByKey$1(existing.value, nestedKey)) return false;
+		if (getObjectPropertyByKey$2(existing.value, nestedKey)) return false;
 		existing.value.properties.splice(0, 0, t.objectProperty(createStaticObjectKey$1(nestedKey), t.valueToNode(value)));
 		return true;
 	}
@@ -3374,7 +3414,7 @@ function buildMethodsMergeFromSpreadSources(componentExpr, inlineMapExpr) {
 function injectInlineExpressions(componentExpr, inlineExpressions) {
 	if (!inlineExpressions.length) return false;
 	const inlineMapExpr = buildInlineMapExpression(inlineExpressions);
-	const methodsProp = getObjectPropertyByKey$1(componentExpr, "methods");
+	const methodsProp = getObjectPropertyByKey$2(componentExpr, "methods");
 	if (!methodsProp) {
 		const mergedMethods = buildMethodsMergeFromSpreadSources(componentExpr, inlineMapExpr);
 		if (mergedMethods) {
@@ -3385,7 +3425,7 @@ function injectInlineExpressions(componentExpr, inlineExpressions) {
 		return true;
 	}
 	if (!t.isObjectExpression(methodsProp.value)) return false;
-	const mapProp = getObjectPropertyByKey$1(methodsProp.value, WEVU_INLINE_MAP_KEY);
+	const mapProp = getObjectPropertyByKey$2(methodsProp.value, WEVU_INLINE_MAP_KEY);
 	if (!mapProp) {
 		methodsProp.value.properties.push(t.objectProperty(createStaticObjectKey$1(WEVU_INLINE_MAP_KEY), inlineMapExpr));
 		return true;
@@ -3411,7 +3451,7 @@ function injectLayoutHosts(optionsObject, bindings, warn) {
 	const entries = bindings.map((binding) => buildLayoutHostEntry(binding));
 	const hostsArray = t.arrayExpression(entries);
 	const key = createStaticObjectKey$1(WEVU_LAYOUT_HOSTS_KEY);
-	const existing = getObjectPropertyByKey$1(optionsObject, WEVU_LAYOUT_HOSTS_KEY);
+	const existing = getObjectPropertyByKey$2(optionsObject, WEVU_LAYOUT_HOSTS_KEY);
 	if (!existing) {
 		optionsObject.properties.push(t.objectProperty(key, hostsArray));
 		return true;
@@ -3434,14 +3474,14 @@ function injectPropsAliases(optionsObject, propsAliases) {
 		return t.objectProperty(createStaticObjectKey$1(alias), t.stringLiteral(propName));
 	});
 	if (!entries.length) return false;
-	if (getObjectPropertyByKey$1(optionsObject, WEVU_PROPS_ALIASES_KEY)) return false;
+	if (getObjectPropertyByKey$2(optionsObject, WEVU_PROPS_ALIASES_KEY)) return false;
 	optionsObject.properties.push(t.objectProperty(createStaticObjectKey$1(WEVU_PROPS_ALIASES_KEY), t.objectExpression(entries)));
 	return true;
 }
 function injectPropsDerivedKeys(optionsObject, propsDerivedKeys) {
 	const keys = [...new Set(propsDerivedKeys ?? [])].filter(Boolean);
 	if (!keys.length) return false;
-	if (getObjectPropertyByKey$1(optionsObject, WEVU_PROPS_DERIVED_KEYS_KEY)) return false;
+	if (getObjectPropertyByKey$2(optionsObject, WEVU_PROPS_DERIVED_KEYS_KEY)) return false;
 	optionsObject.properties.push(t.objectProperty(createStaticObjectKey$1(WEVU_PROPS_DERIVED_KEYS_KEY), t.arrayExpression(keys.map((key) => t.stringLiteral(key)))));
 	return true;
 }
@@ -3525,7 +3565,7 @@ function resolvePropertyName(node) {
 	return null;
 }
 function injectSetupInitialData(componentOptionsObject) {
-	if (getObjectPropertyByKey$1(componentOptionsObject, "data")) return false;
+	if (getObjectPropertyByKey$2(componentOptionsObject, "data")) return false;
 	const setupFn = resolveSetupFunction(componentOptionsObject);
 	if (!setupFn || !t.isBlockStatement(setupFn.body)) return false;
 	const initializers = collectSetupInitializers(setupFn.body);
@@ -3567,7 +3607,7 @@ function injectTemplateRefs(optionsObject, bindings, warn) {
 	const entries = bindings.map((binding) => buildTemplateRefEntry(binding));
 	const refsArray = t.arrayExpression(entries);
 	const key = createStaticObjectKey$1(WEVU_TEMPLATE_REFS_KEY);
-	const existing = getObjectPropertyByKey$1(optionsObject, WEVU_TEMPLATE_REFS_KEY);
+	const existing = getObjectPropertyByKey$2(optionsObject, WEVU_TEMPLATE_REFS_KEY);
 	if (!existing) {
 		optionsObject.properties.push(t.objectProperty(key, refsArray));
 		return true;
@@ -3612,7 +3652,7 @@ function createScopedSlotHostProperties() {
 	];
 }
 function injectScopedSlotHostProperties(componentOptionsObject) {
-	const propertiesProp = getObjectPropertyByKey$1(componentOptionsObject, "properties");
+	const propertiesProp = getObjectPropertyByKey$2(componentOptionsObject, "properties");
 	if (!propertiesProp) {
 		componentOptionsObject.properties.splice(0, 0, t.objectProperty(t.identifier("properties"), t.objectExpression(createScopedSlotHostProperties())));
 		return true;
@@ -3621,7 +3661,7 @@ function injectScopedSlotHostProperties(componentOptionsObject) {
 	let changed = false;
 	for (const prop of createScopedSlotHostProperties().reverse()) {
 		const key = t.isIdentifier(prop.key) ? prop.key.name : void 0;
-		if (!key || getObjectPropertyByKey$1(propertiesProp.value, key)) continue;
+		if (!key || getObjectPropertyByKey$2(propertiesProp.value, key)) continue;
 		propertiesProp.value.properties.unshift(prop);
 		changed = true;
 	}
@@ -3645,7 +3685,7 @@ function shouldRelaxStructuredPropType(node) {
 	});
 }
 function relaxStructuredTypeOnlyProps(componentOptionsObject) {
-	const propsProp = getObjectPropertyByKey$1(componentOptionsObject, "props");
+	const propsProp = getObjectPropertyByKey$2(componentOptionsObject, "props");
 	if (!propsProp || !t.isExpression(propsProp.value)) return false;
 	const propsValue = unwrapTypeLikeExpression(propsProp.value);
 	if (!t.isObjectExpression(propsValue)) return false;
@@ -3654,7 +3694,7 @@ function relaxStructuredTypeOnlyProps(componentOptionsObject) {
 		if (!t.isObjectProperty(prop) || prop.computed || !t.isExpression(prop.value)) continue;
 		const definition = unwrapTypeLikeExpression(prop.value);
 		if (!t.isObjectExpression(definition)) continue;
-		const typeProp = getObjectPropertyByKey$1(definition, "type");
+		const typeProp = getObjectPropertyByKey$2(definition, "type");
 		if (!typeProp || !t.isExpression(typeProp.value)) continue;
 		if (!shouldRelaxStructuredPropType(typeProp.value)) continue;
 		typeProp.value = t.nullLiteral();
@@ -3954,7 +3994,8 @@ function rewriteVueSlotsExpression(ast) {
 function normalizeWxmlExpression(exp) {
 	const hasTypeScriptSyntax = /\s(?:as|satisfies)\s/.test(exp) || /[\w$)\]]!(?=[.[\s,);:?]|$)/.test(exp) || /^\s*<[^>]+>/.test(exp);
 	const needsVueSlotsRewrite = exp.includes("$slots");
-	if (!exp.includes("`") && !exp.includes("??") && !exp.includes("?.") && !hasTypeScriptSyntax && !needsVueSlotsRewrite) return exp;
+	const needsThisRewrite = /\bthis\./.test(exp);
+	if (!exp.includes("`") && !exp.includes("??") && !exp.includes("?.") && !hasTypeScriptSyntax && !needsVueSlotsRewrite && !needsThisRewrite) return exp;
 	try {
 		const ast = parse$3(`(${exp})`, {
 			sourceType: "module",
@@ -3964,6 +4005,12 @@ function normalizeWxmlExpression(exp) {
 		if (!stmt || !("expression" in stmt)) return exp;
 		if (needsVueSlotsRewrite) rewriteVueSlotsExpression(ast);
 		traverse(ast, {
+			MemberExpression: { exit(path) {
+				const node = path.node;
+				if (!t.isThisExpression(node.object) || node.computed || !t.isIdentifier(node.property)) return;
+				path.replaceWith(t.identifier(node.property.name));
+				path.skip();
+			} },
 			TSAsExpression(path) {
 				path.replaceWith(path.node.expression);
 			},
@@ -4012,6 +4059,13 @@ function normalizeWxmlExpression(exp) {
 //#region src/plugins/jsx/compileJsx/ast.ts
 const ESCAPED_TEXT_RE = /[&<>]/g;
 const ESCAPED_ATTR_RE = /[&"<>]/g;
+const WXML_EXPRESSION_GENERATE_OPTIONS = {
+	compact: true,
+	jsescOption: {
+		quotes: "single",
+		minimal: true
+	}
+};
 const ESCAPED_TEXT_MAP = {
 	"&": "&amp;",
 	"<": "&lt;",
@@ -4034,7 +4088,11 @@ function normalizeJsxText(value) {
 	return value.replace(WHITESPACE_RE, " ");
 }
 function printExpression(exp) {
-	return generate(exp).code;
+	const normalized = t.cloneNode(exp, true);
+	t.traverseFast(normalized, (node) => {
+		if (t.isStringLiteral(node)) node.extra = void 0;
+	});
+	return generate(normalized, WXML_EXPRESSION_GENERATE_OPTIONS).code;
 }
 function unwrapTsExpression$2(exp) {
 	return unwrapTypeScriptExpression(exp);
@@ -4087,8 +4145,70 @@ function registerInlineExpression$1(exp, context) {
 function toJsxTagName(name, context) {
 	if (t.isJSXIdentifier(name)) return name.name;
 	if (t.isJSXNamespacedName(name)) return `${name.namespace.name}:${name.name.name}`;
-	context.warnings.push("暂不支持 JSX 成员标签（如 <Foo.Bar />），已回退为 <view />。");
-	return "view";
+	context.warnings.push("JSX 成员标签（如 <Foo.Bar />）无法映射为小程序 WXML 组件标签，已生成 dynamic island。");
+	return "block";
+}
+//#endregion
+//#region src/plugins/jsx/compileJsx/islandScript.ts
+function parseIslandExpression(expression) {
+	const statement = parse$3(`const __wevuIsland = (${expression})`, BABEL_TS_MODULE_PARSER_OPTIONS).program.body[0];
+	if (!t.isVariableDeclaration(statement)) return;
+	const init = statement.declarations[0]?.init;
+	return init && t.isExpression(init) ? init : void 0;
+}
+function injectIslandComputed(optionsObject, islands) {
+	const entries = islands.flatMap((island) => {
+		const expression = parseIslandExpression(island.expression);
+		if (!expression) return [];
+		const normalized = t.callExpression(t.memberExpression(t.identifier("__wevuNormalizeJsxIsland"), t.identifier("call")), [
+			t.thisExpression(),
+			expression,
+			t.stringLiteral(island.id),
+			t.objectExpression([t.objectProperty(t.identifier("normalizeClass"), t.identifier("__wevuNormalizeClass")), t.objectProperty(t.identifier("normalizeStyle"), t.identifier("__wevuNormalizeStyle"))])
+		]);
+		return [t.objectProperty(t.stringLiteral(island.id), normalized)];
+	});
+	if (!entries.length) return false;
+	const islandGetter = t.objectMethod("method", t.identifier(WEVU_JSX_ISLAND_DATA_KEY), [], t.blockStatement([t.returnStatement(t.objectExpression(entries))]));
+	const computed = optionsObject.properties.find((property) => (t.isObjectProperty(property) || t.isObjectMethod(property)) && toStaticObjectKey(property.key) === "computed");
+	if (computed && t.isObjectProperty(computed) && t.isObjectExpression(computed.value)) computed.value.properties.push(islandGetter);
+	else optionsObject.properties.unshift(t.objectProperty(t.identifier("computed"), t.objectExpression([islandGetter])));
+	return true;
+}
+function injectDynamicIslandRuntime(source, islands) {
+	if (!islands?.length) return source;
+	const ast = parse$3(source, BABEL_TS_MODULE_PARSER_OPTIONS);
+	const defineComponentAliases = /* @__PURE__ */ new Set(["defineComponent", "_defineComponent"]);
+	const declarations = /* @__PURE__ */ new Map();
+	let injected = false;
+	traverse(ast, {
+		ImportDeclaration(path) {
+			if (path.node.source.value !== "wevu" && path.node.source.value !== "vue") return;
+			for (const specifier of path.node.specifiers) if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported, { name: "defineComponent" })) defineComponentAliases.add(specifier.local.name);
+		},
+		VariableDeclarator(path) {
+			if (!t.isIdentifier(path.node.id) || !path.node.init) return;
+			if (t.isObjectExpression(path.node.init)) declarations.set(path.node.id.name, path.node.init);
+			if (t.isCallExpression(path.node.init) && t.isIdentifier(path.node.init.callee) && defineComponentAliases.has(path.node.init.callee.name)) {
+				const first = path.node.init.arguments[0];
+				if (t.isObjectExpression(first)) declarations.set(path.node.id.name, first);
+			}
+		},
+		ExportDefaultDeclaration(path) {
+			const declaration = path.node.declaration;
+			let optionsObject;
+			if (t.isObjectExpression(declaration)) optionsObject = declaration;
+			else if (t.isCallExpression(declaration) && t.isIdentifier(declaration.callee) && defineComponentAliases.has(declaration.callee.name)) {
+				const first = declaration.arguments[0];
+				if (t.isObjectExpression(first)) optionsObject = first;
+			} else if (t.isIdentifier(declaration)) optionsObject = declarations.get(declaration.name);
+			if (optionsObject) injected = injectIslandComputed(optionsObject, islands) || injected;
+		}
+	});
+	if (!injected) return source;
+	ast.program.body.unshift(t.importDeclaration([t.importSpecifier(t.identifier("__wevuNormalizeJsxIsland"), t.identifier("normalizeJsxIsland"))], t.stringLiteral("wevu")));
+	ast.program.body.unshift(t.importDeclaration([t.importSpecifier(t.identifier("__wevuNormalizeClass"), t.identifier("normalizeClass")), t.importSpecifier(t.identifier("__wevuNormalizeStyle"), t.identifier("normalizeStyle"))], t.stringLiteral("wevu/internal-template")));
+	return generate(ast).code;
 }
 //#endregion
 //#region src/plugins/jsx/compileJsx/script.ts
@@ -4102,6 +4222,39 @@ function removeRenderOptionFromObjectExpression(node) {
 	if (removed) node.properties = nextProps;
 	return removed;
 }
+function resolveReturnedJsxClosureExpression(expression) {
+	if (!t.isArrowFunctionExpression(expression) && !t.isFunctionExpression(expression)) return;
+	if (t.isJSXElement(expression.body) || t.isJSXFragment(expression.body)) return expression.body;
+	if (!t.isBlockStatement(expression.body)) return;
+	const returned = expression.body.body.find((statement) => t.isReturnStatement(statement) && statement.argument);
+	if (!returned || !t.isReturnStatement(returned)) return;
+	return returned.argument && (t.isJSXElement(returned.argument) || t.isJSXFragment(returned.argument)) ? returned.argument : void 0;
+}
+function rewriteSetupRenderClosure(node) {
+	const setup = node.properties.find((property) => {
+		if (!t.isObjectMethod(property) && !t.isObjectProperty(property)) return false;
+		return toStaticObjectKey(property.key) === "setup";
+	});
+	if (!setup || !t.isObjectMethod(setup)) return false;
+	const localNames = /* @__PURE__ */ new Set();
+	for (const param of setup.params) if (t.isIdentifier(param)) localNames.add(param.name);
+	for (const statement of setup.body.body) if (t.isVariableDeclaration(statement)) {
+		for (const declaration of statement.declarations) if (t.isIdentifier(declaration.id)) localNames.add(declaration.id.name);
+	} else if (t.isFunctionDeclaration(statement) && statement.id) localNames.add(statement.id.name);
+	for (const statement of setup.body.body) {
+		if (!t.isReturnStatement(statement) || !statement.argument || !t.isExpression(statement.argument)) continue;
+		const jsx = resolveReturnedJsxClosureExpression(statement.argument);
+		if (!jsx) continue;
+		const captures = /* @__PURE__ */ new Set();
+		const file = t.file(t.program([t.expressionStatement(t.cloneNode(jsx, true))]));
+		traverse(file, { ReferencedIdentifier(path) {
+			if (localNames.has(path.node.name)) captures.add(path.node.name);
+		} });
+		statement.argument = t.objectExpression([...captures].map((name) => t.objectProperty(t.identifier(name), t.identifier(name), false, true)));
+		return true;
+	}
+	return false;
+}
 function stripRenderOptionFromScript(source, filename, warn) {
 	let ast;
 	try {
@@ -4111,6 +4264,7 @@ function stripRenderOptionFromScript(source, filename, warn) {
 	}
 	const defineComponentAliases = /* @__PURE__ */ new Set(["defineComponent", "_defineComponent"]);
 	const defineComponentDecls = /* @__PURE__ */ new Map();
+	let hasDefaultExport = false;
 	let removedRender = false;
 	let removedJsonMacroImport = false;
 	traverse(ast, {
@@ -4145,26 +4299,27 @@ function stripRenderOptionFromScript(source, filename, warn) {
 			if (t.isObjectExpression(first)) defineComponentDecls.set(path.node.id.name, first);
 		},
 		ExportDefaultDeclaration(path) {
+			hasDefaultExport = true;
 			const declaration = path.node.declaration;
 			if (t.isDeclaration(declaration)) return;
 			if (t.isObjectExpression(declaration)) {
-				removedRender = removeRenderOptionFromObjectExpression(declaration) || removedRender;
+				removedRender = removeRenderOptionFromObjectExpression(declaration) || rewriteSetupRenderClosure(declaration) || removedRender;
 				return;
 			}
 			if (t.isCallExpression(declaration)) {
 				const callee = declaration.callee;
 				if (!t.isIdentifier(callee) || !defineComponentAliases.has(callee.name)) return;
 				const first = declaration.arguments[0];
-				if (t.isObjectExpression(first)) removedRender = removeRenderOptionFromObjectExpression(first) || removedRender;
+				if (t.isObjectExpression(first)) removedRender = removeRenderOptionFromObjectExpression(first) || rewriteSetupRenderClosure(first) || removedRender;
 				return;
 			}
 			if (t.isIdentifier(declaration)) {
 				const target = defineComponentDecls.get(declaration.name);
-				if (target) removedRender = removeRenderOptionFromObjectExpression(target) || removedRender;
+				if (target) removedRender = removeRenderOptionFromObjectExpression(target) || rewriteSetupRenderClosure(target) || removedRender;
 			}
 		}
 	});
-	if (!removedRender) warn?.(`[JSX 编译] 未在 ${filename} 中移除 render 选项，输出脚本可能包含 JSX。`);
+	if (hasDefaultExport && !removedRender) warn?.(`[JSX 编译] 未在 ${filename} 中移除 render 选项，输出脚本可能包含 JSX。`);
 	if (!removedRender && !removedJsonMacroImport) return source;
 	return generate(ast).code;
 }
@@ -4662,15 +4817,26 @@ function resolveRenderExpression(componentExpr, context) {
 		return null;
 	}
 	const renderExpression = resolveRenderExpressionFromComponentOptions(componentExpr);
-	if (!renderExpression) {
-		if (!getRenderPropertyFromComponentOptions(componentExpr)) {
-			context.warnings.push("未找到 render()，请在默认导出组件中声明 render 函数。");
-			return null;
-		}
+	if (renderExpression) return renderExpression;
+	if (getRenderPropertyFromComponentOptions(componentExpr)) {
 		context.warnings.push("render 不是可执行函数。");
 		return null;
 	}
-	return renderExpression;
+	const setup = getObjectPropertyByKey(componentExpr, "setup");
+	if (setup && (t.isObjectMethod(setup) || t.isObjectProperty(setup))) {
+		const body = t.isObjectMethod(setup) ? setup.body : setup.value;
+		if (t.isBlockStatement(body)) for (const statement of body.body) {
+			if (!t.isReturnStatement(statement) || !statement.argument) continue;
+			if (t.isArrowFunctionExpression(statement.argument) || t.isFunctionExpression(statement.argument)) {
+				const renderBody = statement.argument.body;
+				if (t.isExpression(renderBody)) return renderBody;
+				const returned = renderBody.body.find((item) => t.isReturnStatement(item) && item.argument);
+				if (returned && t.isReturnStatement(returned) && returned.argument) return returned.argument;
+			}
+		}
+	}
+	context.warnings.push("未找到 render() 或 setup() 返回的 render closure。");
+	return null;
 }
 function isCollectableJsxTemplateTag(tag) {
 	if (!tag) return false;
@@ -4703,12 +4869,154 @@ function analyzeJsxAst(ast, context) {
 	};
 }
 //#endregion
+//#region src/plugins/jsx/compileJsx/moduleResolver.ts
+const EXTENSIONS = [
+	"",
+	".tsx",
+	".jsx",
+	".ts",
+	".js"
+];
+function resolveFile(source, importer) {
+	if (!source.startsWith(".")) return;
+	const base = path$1.resolve(path$1.dirname(importer), source);
+	for (const extension of EXTENSIONS) {
+		const candidate = `${base}${extension}`;
+		try {
+			if (readFileSync(candidate, "utf8") !== void 0) return candidate;
+		} catch {
+			continue;
+		}
+	}
+	for (const extension of EXTENSIONS) {
+		const candidate = path$1.join(base, `index${extension}`);
+		try {
+			if (readFileSync(candidate, "utf8") !== void 0) return candidate;
+		} catch {
+			continue;
+		}
+	}
+}
+function expressionFromDeclaration(node) {
+	if (!node) return;
+	if (t.isJSXElement(node) || t.isJSXFragment(node)) return {
+		expression: node,
+		params: []
+	};
+	if (t.isArrowFunctionExpression(node) || t.isFunctionExpression(node)) {
+		let body;
+		if (t.isBlockStatement(node.body)) {
+			const returned = node.body.body.find((statement) => t.isReturnStatement(statement) && !!statement.argument);
+			if (returned && t.isReturnStatement(returned) && returned.argument && t.isExpression(returned.argument)) body = returned.argument;
+		} else body = node.body;
+		if (body) return {
+			expression: body,
+			params: node.params.filter(t.isIdentifier).map((param) => param.name)
+		};
+	}
+	if (t.isFunctionDeclaration(node)) {
+		const body = node.body.body.find((statement) => t.isReturnStatement(statement) && !!statement.argument);
+		if (body && t.isReturnStatement(body) && body.argument && t.isExpression(body.argument)) return {
+			expression: body.argument,
+			params: node.params.filter(t.isIdentifier).map((param) => param.name)
+		};
+	}
+}
+function collectExports(ast) {
+	const locals = /* @__PURE__ */ new Map();
+	const exports = /* @__PURE__ */ new Map();
+	const reexports = /* @__PURE__ */ new Map();
+	for (const statement of ast.program.body) {
+		if (t.isVariableDeclaration(statement)) {
+			for (const declaration of statement.declarations) if (t.isIdentifier(declaration.id) && declaration.init && t.isExpression(declaration.init)) locals.set(declaration.id.name, declaration.init);
+		}
+		if (t.isFunctionDeclaration(statement) && statement.id) locals.set(statement.id.name, statement);
+		if (t.isExportNamedDeclaration(statement)) {
+			if (statement.declaration) {
+				if (t.isVariableDeclaration(statement.declaration)) {
+					for (const declaration of statement.declaration.declarations) if (t.isIdentifier(declaration.id) && declaration.init && t.isExpression(declaration.init)) {
+						locals.set(declaration.id.name, declaration.init);
+						exports.set(declaration.id.name, declaration.id.name);
+					}
+				}
+				if (t.isFunctionDeclaration(statement.declaration) && statement.declaration.id) {
+					locals.set(statement.declaration.id.name, statement.declaration);
+					exports.set(statement.declaration.id.name, statement.declaration.id.name);
+				}
+			}
+			for (const specifier of statement.specifiers) if (t.isExportSpecifier(specifier) && t.isIdentifier(specifier.local) && t.isIdentifier(specifier.exported)) {
+				exports.set(specifier.exported.name, specifier.local.name);
+				if (statement.source) reexports.set(specifier.exported.name, {
+					source: statement.source.value,
+					importedName: specifier.local.name
+				});
+			}
+		}
+		if (t.isExportDefaultDeclaration(statement) && statement.declaration) {
+			if (t.isFunctionDeclaration(statement.declaration) && statement.declaration.id) locals.set("default", statement.declaration);
+			else if (t.isExpression(statement.declaration)) locals.set("default", statement.declaration);
+		}
+	}
+	return {
+		locals,
+		exports,
+		reexports
+	};
+}
+function createJsxModuleResolver(warn) {
+	const cache = /* @__PURE__ */ new Map();
+	const active = /* @__PURE__ */ new Set();
+	const dependencies = /* @__PURE__ */ new Set();
+	function read(filename) {
+		const code = readFileSync(filename, "utf8");
+		const cached = cache.get(filename);
+		if (cached?.code === code) return cached.exports;
+		const collected = collectExports(parse$3(code, BABEL_TS_MODULE_PARSER_OPTIONS));
+		cache.set(filename, {
+			code,
+			exports: collected
+		});
+		return collected;
+	}
+	function resolveExport(filename, localName) {
+		if (active.has(filename)) {
+			warn?.(`[JSX 编译] 检测到跨文件 JSX 循环引用：${filename}`);
+			return;
+		}
+		active.add(filename);
+		try {
+			const { locals, reexports } = read(filename);
+			const direct = expressionFromDeclaration(locals.get(localName) ?? null);
+			if (direct) return direct;
+			const forwarded = reexports.get(localName);
+			if (!forwarded) return;
+			const target = resolveFile(forwarded.source, filename);
+			if (target) dependencies.add(target);
+			return target ? resolveExport(target, forwarded.importedName) : void 0;
+		} finally {
+			active.delete(filename);
+		}
+	}
+	function resolveImport(filename, source, importedName) {
+		const target = resolveFile(source, filename);
+		if (!target) return;
+		dependencies.add(target);
+		return resolveExport(target, importedName === "default" ? "default" : importedName);
+	}
+	return {
+		getDependencies: () => [...dependencies],
+		resolveExport,
+		resolveImport
+	};
+}
+//#endregion
 //#region src/plugins/jsx/compileJsx/attributes.ts
 const ON_EVENT_RE = /^on[A-Z]/;
 const CATCH_EVENT_RE = /^catch[A-Z]/;
 const CAPTURE_BIND_EVENT_RE = /^captureBind[A-Z]/;
 const CAPTURE_CATCH_EVENT_RE = /^captureCatch[A-Z]/;
 const MUT_BIND_EVENT_RE = /^mutBind[A-Z]/;
+const UPPERCASE_STYLE_RE = /[A-Z]/g;
 function isEventBinding(name) {
 	return ON_EVENT_RE.test(name) || CATCH_EVENT_RE.test(name) || CAPTURE_BIND_EVENT_RE.test(name) || CAPTURE_CATCH_EVENT_RE.test(name) || MUT_BIND_EVENT_RE.test(name);
 }
@@ -4773,35 +5081,248 @@ function compileNormalAttribute(name, value, context) {
 	if (!exp) return null;
 	if (t.isStringLiteral(exp)) return `${normalizedName}="${escapeAttr(exp.value)}"`;
 	if (t.isBooleanLiteral(exp)) return `${normalizedName}="${renderMustache$1(String(exp.value), context)}"`;
+	if (normalizedName === "class") {
+		const value = resolveStaticClass(exp);
+		if (value != null) return `class="${escapeAttr(value)}"`;
+	}
+	if (normalizedName === "style") {
+		const value = resolveStaticStyle(exp);
+		if (value != null) return `style="${escapeAttr(value)}"`;
+	}
 	return `${normalizedName}="${renderMustache$1(normalizeInterpolationExpression(exp), context)}"`;
 }
+function compileNamedAttribute(name, value, context) {
+	if (name === "key") return [];
+	if (name === "v-html") {
+		context.warnings.push("小程序不支持 JSX v-html，请使用 rich-text 组件替代。");
+		return [];
+	}
+	if (name === "v-if" || name === "v-show" || name === "v-text" || name === "v-for") return [];
+	if (name === "v-slots" || name === "v-model" || name === "v-models") {
+		context.warnings.push(`JSX ${name} 需要 Wevu runtime 语义，已生成确定性诊断。`);
+		return [];
+	}
+	if (name.startsWith("v-")) {
+		context.warnings.push(`小程序不支持 JSX 自定义指令 ${name}，已移除该指令。`);
+		return [];
+	}
+	if (name === "innerHTML" || name.startsWith("domProps")) {
+		context.warnings.push(`小程序不支持 JSX DOM property ${name}，已移除该属性。`);
+		return [];
+	}
+	if (isEventBinding(name)) return compileEventAttribute(name, value, context);
+	const normalAttr = compileNormalAttribute(name, value, context);
+	return normalAttr ? [normalAttr] : [];
+}
 function compileJsxAttributes(attributes, context) {
 	const output = [];
 	for (const attr of attributes) {
 		if (t.isJSXSpreadAttribute(attr)) {
-			context.warnings.push("暂不支持 JSX spread attributes，已忽略。");
+			const argument = unwrapTsExpression$2(attr.argument);
+			if (t.isObjectExpression(argument)) for (const property of argument.properties) if (t.isObjectProperty(property) && !property.computed && (t.isIdentifier(property.key) || t.isStringLiteral(property.key))) {
+				const value = property.value;
+				if (t.isExpression(value)) {
+					const name = t.isIdentifier(property.key) ? property.key.name : property.key.value;
+					output.push(...compileNamedAttribute(name, t.jsxExpressionContainer(value), context));
+				}
+			} else context.warnings.push("JSX spread attributes 包含无法静态展开的属性，已保留为 dynamic island。");
+			else context.warnings.push("动态 JSX spread attributes 无法映射为静态 WXML，已生成确定性诊断。");
 			continue;
 		}
-		if (!t.isJSXIdentifier(attr.name)) {
-			context.warnings.push("暂不支持 JSX 动态属性名，已忽略。");
+		if (t.isJSXNamespacedName(attr.name)) {
+			const namespace = attr.name.namespace.name;
+			const name = attr.name.name.name;
+			if (namespace.startsWith("v-")) context.warnings.push(`小程序不支持 JSX 自定义指令 ${namespace}:${name}，已移除该指令。`);
+			else context.warnings.push(`小程序不支持 JSX 命名属性 ${namespace}:${name}，已移除该属性。`);
 			continue;
 		}
-		const name = attr.name.name;
-		if (name === "key") continue;
-		if (isEventBinding(name)) {
-			output.push(...compileEventAttribute(name, attr.value, context));
+		if (!t.isJSXIdentifier(attr.name)) {
+			context.warnings.push("小程序不支持 JSX 动态属性名，已移除该属性。");
 			continue;
 		}
-		const normalAttr = compileNormalAttribute(name, attr.value, context);
-		if (normalAttr) output.push(normalAttr);
+		const name = attr.name.name;
+		output.push(...compileNamedAttribute(name, attr.value, context));
 	}
 	return output;
 }
+function staticObjectKey(node) {
+	if (t.isIdentifier(node)) return node.name;
+	if (t.isStringLiteral(node)) return node.value;
+}
+function resolveStaticClass(exp) {
+	if (t.isStringLiteral(exp) || t.isNumericLiteral(exp)) return String(exp.value);
+	if (t.isArrayExpression(exp)) {
+		const values = exp.elements.map((element) => {
+			if (!element || !t.isExpression(element)) return "";
+			return resolveStaticClass(element);
+		});
+		return values.some((value) => value == null) ? void 0 : values.filter(Boolean).join(" ");
+	}
+	if (t.isObjectExpression(exp)) {
+		const values = [];
+		for (const property of exp.properties) {
+			if (!t.isObjectProperty(property) || property.computed || !t.isBooleanLiteral(property.value)) return;
+			const key = staticObjectKey(property.key);
+			if (key == null) return;
+			if (property.value.value) values.push(key);
+		}
+		return values.join(" ");
+	}
+}
+function resolveStaticStyle(exp) {
+	if (t.isStringLiteral(exp)) return exp.value;
+	if (t.isArrayExpression(exp)) {
+		const values = exp.elements.map((element) => {
+			if (!element || !t.isExpression(element)) return "";
+			return resolveStaticStyle(element);
+		});
+		return values.some((value) => value == null) ? void 0 : values.filter(Boolean).join(";");
+	}
+	if (!t.isObjectExpression(exp)) return;
+	const values = [];
+	for (const property of exp.properties) {
+		if (!t.isObjectProperty(property) || property.computed) return;
+		const key = staticObjectKey(property.key)?.replace(UPPERCASE_STYLE_RE, (char) => `-${char.toLowerCase()}`);
+		if (!key || !t.isStringLiteral(property.value) && !t.isNumericLiteral(property.value)) return;
+		values.push(`${key}:${property.value.value}`);
+	}
+	return values.join(";");
+}
+function isStaticClassStyleExpression(exp) {
+	return resolveStaticClass(exp) != null || resolveStaticStyle(exp) != null;
+}
 //#endregion
 //#region src/plugins/jsx/compileJsx/render.ts
+const DYNAMIC_ISLAND_TEMPLATE_DEPTH = 8;
+function resolveDynamicIslandTemplateName(depth) {
+	return depth === 0 ? WEVU_JSX_ISLAND_TEMPLATE_NAME : `${WEVU_JSX_ISLAND_TEMPLATE_NAME}_${depth}`;
+}
 function compileListExpression(exp) {
 	return normalizeInterpolationExpression(exp);
 }
+function registerDynamicIsland(exp, context, reason) {
+	if (context.dynamicIslandMode === "static") {
+		context.warnings.push(`[JSX 编译] static 模式不允许 dynamic island（${reason}）。`);
+		return "";
+	}
+	const id = `i${context.dynamicIslandSeed ?? 0}`;
+	context.dynamicIslandSeed = (context.dynamicIslandSeed ?? 0) + 1;
+	const expression = normalizeInterpolationExpression(exp);
+	const captures = /* @__PURE__ */ new Set();
+	const file = t.file(t.program([t.expressionStatement(t.cloneNode(exp, true))]));
+	traverse(file, {
+		ReferencedIdentifier(path) {
+			if (path.scope.hasBinding(path.node.name)) return;
+			if (context.importedBindings?.has(path.node.name)) return;
+			captures.add(path.node.name);
+		},
+		ThisExpression() {
+			captures.add("this");
+		}
+	});
+	context.dynamicIslands?.push({
+		id,
+		expression,
+		reason,
+		captures: [...captures]
+	});
+	return `<template is="${WEVU_JSX_ISLAND_TEMPLATE_NAME}" data-wv-jsx-island="${id}" data="{{node:${WEVU_JSX_ISLAND_DATA_KEY}.${id},islandId:'${id}'}}" />`;
+}
+function renderDynamicIslandSupportTemplate(context) {
+	const { directives } = context.platform;
+	const bindTap = context.platform.eventBindingAttr("bind:tap");
+	const bindInput = context.platform.eventBindingAttr("bind:input");
+	const bindChange = context.platform.eventBindingAttr("bind:change");
+	const attrs = `id="{{node.props.id}}" class="{{node.props.class}}" style="{{node.props.style}}" hidden="{{node.props.hidden}}"`;
+	const tapAttrs = `${attrs} data-wv-jsx-handler="{{node.events.tap}}" ${bindTap}="${WEVU_JSX_ISLAND_HANDLER}"`;
+	return Array.from({ length: DYNAMIC_ISLAND_TEMPLATE_DEPTH }, (_, depth) => {
+		const templateName = resolveDynamicIslandTemplateName(depth);
+		const childTemplateName = resolveDynamicIslandTemplateName(depth + 1);
+		const childTemplate = depth + 1 < DYNAMIC_ISLAND_TEMPLATE_DEPTH ? `<block ${directives.forAttr}="{{node.children}}" ${directives.forItemAttr}="child" ${directives.keyAttr}="index"><template is="${childTemplateName}" data="{{node:child,islandId:islandId}}" /></block>` : "";
+		return `<template name="${templateName}"><block ${directives.ifAttr}="{{node.kind=='text'}}">{{node.text}}</block><block ${directives.elifAttr}="{{node.kind=='fragment'}}">${childTemplate}</block><view ${directives.elifAttr}="{{node.tag=='view'}}" ${tapAttrs}>${childTemplate}</view><text ${directives.elifAttr}="{{node.tag=='text'}}" ${tapAttrs}>${childTemplate}</text><button ${directives.elifAttr}="{{node.tag=='button'}}" ${tapAttrs}>${childTemplate}</button><input ${directives.elifAttr}="{{node.tag=='input'}}" ${attrs} value="{{node.props.value}}" data-wv-jsx-handler="{{node.events.input||node.events.change}}" ${bindInput}="${WEVU_JSX_ISLAND_HANDLER}" ${bindChange}="${WEVU_JSX_ISLAND_HANDLER}" /><image ${directives.elifAttr}="{{node.tag=='image'}}" ${tapAttrs} src="{{node.props.src}}" /><block ${directives.elseAttr}>${childTemplate}</block></template>`;
+	}).join("");
+}
+function resolveImportedExpression(node, context) {
+	if (!context.filename || !context.moduleResolver) return;
+	let localName;
+	let importedName;
+	if (t.isIdentifier(node)) localName = node.name;
+	else if (t.isMemberExpression(node) && !node.computed && t.isIdentifier(node.object) && t.isIdentifier(node.property)) {
+		localName = node.object.name;
+		importedName = node.property.name;
+	}
+	if (!localName) return;
+	const binding = context.importedBindings?.get(localName);
+	if (!binding) return;
+	if (binding.importedName !== "*" && importedName) return;
+	const resolvedName = importedName ?? binding.importedName;
+	const key = `${context.filename}:${localName}:${resolvedName}`;
+	if (context.resolvingExports?.has(key)) {
+		context.warnings.push(`[JSX 编译] 跨文件 JSX 导出循环引用：${localName}`);
+		return;
+	}
+	context.resolvingExports?.add(key);
+	try {
+		return context.moduleResolver.resolveImport(context.filename, binding.source, resolvedName);
+	} finally {
+		context.resolvingExports?.delete(key);
+	}
+}
+function compileImportedExpression(node, context) {
+	const resolved = resolveImportedExpression(node, context);
+	if (!resolved || resolved.params.length > 0) {
+		const importedLocal = t.isIdentifier(node) ? node.name : t.isMemberExpression(node) && t.isIdentifier(node.object) ? node.object.name : "";
+		if (context.importedBindings?.has(importedLocal)) {
+			context.warnings.push(`[JSX 编译] 无法静态展开跨文件 JSX 导出，已生成 dynamic island：${importedLocal || "unknown"}`);
+			return registerDynamicIsland(node, context, "unsupported-import");
+		}
+		return null;
+	}
+	return compileRenderableExpression(resolved.expression, context);
+}
+function compileImportedFactoryCall(node, context) {
+	if (!t.isIdentifier(node.callee) || !context.filename || !context.moduleResolver) return null;
+	const binding = context.importedBindings?.get(node.callee.name);
+	if (!binding) return null;
+	const resolved = context.moduleResolver.resolveImport(context.filename, binding.source, binding.importedName);
+	if (!resolved || resolved.params.length === 0) {
+		context.warnings.push(`[JSX 编译] 无法静态展开 JSX 工厂 ${node.callee.name}，已生成 dynamic island。`);
+		return registerDynamicIsland(node, context, "unsupported-call");
+	}
+	const replacements = /* @__PURE__ */ new Map();
+	resolved.params.forEach((param, index) => {
+		const argument = node.arguments[index];
+		if (argument && t.isExpression(argument)) replacements.set(param, argument);
+	});
+	if (replacements.size !== resolved.params.length) {
+		context.warnings.push(`[JSX 编译] JSX 工厂 ${node.callee.name} 调用参数不足，已保留运行时表达式。`);
+		return null;
+	}
+	const expression = t.cloneNode(resolved.expression, true);
+	const file = t.file(t.program([t.expressionStatement(expression)]));
+	traverse(file, { ReferencedIdentifier(path) {
+		const replacement = replacements.get(path.node.name);
+		if (replacement) path.replaceWith(t.cloneNode(replacement, true));
+	} });
+	const output = file.program.body[0];
+	if (!t.isExpressionStatement(output)) return null;
+	let expanded = output.expression;
+	if (t.isCallExpression(expanded) && expanded.arguments.length === 0) {
+		const callee = expanded.callee;
+		if (t.isArrowFunctionExpression(callee) || t.isFunctionExpression(callee)) {
+			const body = callee.body;
+			let capturesThis = false;
+			if (t.isExpression(body)) {
+				const file = t.file(t.program([t.expressionStatement(body)]));
+				traverse(file, { ThisExpression() {
+					capturesThis = true;
+				} });
+				if (!capturesThis) expanded = body;
+			}
+		}
+	}
+	return compileRenderableExpression(expanded, context);
+}
 function compileMapExpression(exp, context) {
 	const callee = exp.callee;
 	if (!t.isMemberExpression(callee) || !t.isIdentifier(callee.property, { name: "map" })) return null;
@@ -4865,13 +5386,21 @@ function compileRenderableExpression(exp, context) {
 	if (t.isConditionalExpression(node)) return compileConditionalExpression(node, context);
 	if (t.isLogicalExpression(node)) return compileLogicalExpression(node, context);
 	if (t.isCallExpression(node)) {
+		const importedFactory = compileImportedFactoryCall(node, context);
+		if (importedFactory != null) return importedFactory;
 		const mapped = compileMapExpression(node, context);
 		if (mapped != null) return mapped;
+		context.warnings.push("无法证明 JSX 子节点函数调用返回静态文本，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "unsupported-call");
 	}
 	if (t.isArrayExpression(node)) return node.elements.map((element) => {
 		if (!element || !t.isExpression(element)) return "";
 		return compileRenderableExpression(element, context);
 	}).join("");
+	if (t.isIdentifier(node) || t.isMemberExpression(node)) {
+		const imported = compileImportedExpression(node, context);
+		if (imported != null) return imported;
+	}
 	if (t.isNullLiteral(node) || t.isBooleanLiteral(node)) return "";
 	return renderMustache$1(normalizeInterpolationExpression(node), context);
 }
@@ -4902,7 +5431,10 @@ function compileJsxChildren(children, context) {
 			parts.push(compileJsxFragment(child, context));
 			continue;
 		}
-		if (t.isJSXSpreadChild(child)) context.warnings.push("暂不支持 JSX spread child，已忽略。");
+		if (t.isJSXSpreadChild(child)) {
+			parts.push(registerDynamicIsland(child.expression, context, "spread-child"));
+			context.warnings.push("JSX spread child 无法映射为静态 WXML，已生成 dynamic island。");
+		}
 	}
 	return parts.join("");
 }
@@ -4910,11 +5442,81 @@ function compileJsxFragment(node, context) {
 	return compileJsxChildren(node.children, context);
 }
 function compileJsxElement(node, context) {
+	if (t.isJSXMemberExpression(node.openingElement.name)) {
+		context.warnings.push("JSX 成员标签（如 <Foo.Bar />）无法映射为小程序 WXML 组件标签，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "dynamic-component");
+	}
+	const dynamicSpread = node.openingElement.attributes.find((attr) => {
+		if (!t.isJSXSpreadAttribute(attr)) return false;
+		const argument = unwrapTsExpression$2(attr.argument);
+		return !t.isObjectExpression(argument) || argument.properties.some((property) => !t.isObjectProperty(property) || property.computed || !t.isIdentifier(property.key) && !t.isStringLiteral(property.key) || !t.isExpression(property.value));
+	});
+	if (dynamicSpread && t.isJSXSpreadAttribute(dynamicSpread)) {
+		context.warnings.push("动态 JSX spread attributes 无法映射为静态 WXML，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "dynamic-spread");
+	}
 	const tag = toJsxTagName(node.openingElement.name, context);
+	if (tag === "component") {
+		context.warnings.push("JSX 动态 component 无法映射为静态 WXML，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "dynamic-component");
+	}
+	if (tag === "Teleport") {
+		context.warnings.push("小程序不支持 JSX <Teleport>，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "dynamic-component");
+	}
+	if (tag === "Transition") {
+		context.warnings.push("JSX <Transition> 需要 Web 动画运行时，当前仅渲染子节点。");
+		return compileJsxChildren(node.children, context);
+	}
+	if (tag === "KeepAlive") {
+		context.warnings.push("JSX <KeepAlive> 需要运行时缓存管理，当前仅保留标记并渲染子节点。");
+		return `<block data-keep-alive="true">${compileJsxChildren(node.children, context)}</block>`;
+	}
+	if (node.children.some((child) => {
+		if (!t.isJSXExpressionContainer(child) || t.isJSXEmptyExpression(child.expression)) return false;
+		const expression = unwrapTsExpression$2(child.expression);
+		return t.isObjectExpression(expression) || t.isFunctionExpression(expression) || t.isArrowFunctionExpression(expression);
+	})) {
+		context.warnings.push("JSX slot 函数或对象 slots 无法映射为静态 WXML，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "closure");
+	}
+	if (node.openingElement.attributes.some((attribute) => {
+		if (!t.isJSXAttribute(attribute) || !t.isJSXIdentifier(attribute.name)) return false;
+		if (attribute.name.name !== "class" && attribute.name.name !== "className" && attribute.name.name !== "style") return false;
+		const expression = readJsxAttributeExpression(attribute.value);
+		return !!expression && (t.isArrayExpression(expression) || t.isObjectExpression(expression)) && !isStaticClassStyleExpression(expression);
+	})) {
+		context.warnings.push("动态 JSX class/style 数组或对象需要运行时合并，已生成 dynamic island。");
+		return registerDynamicIsland(node, context, "closure");
+	}
+	const directives = /* @__PURE__ */ new Map();
+	for (const attribute of node.openingElement.attributes) {
+		if (!t.isJSXAttribute(attribute)) continue;
+		const name = t.isJSXIdentifier(attribute.name) ? attribute.name.name : t.isJSXNamespacedName(attribute.name) ? attribute.name.namespace.name : void 0;
+		if (!name?.startsWith("v-")) continue;
+		const expression = readJsxAttributeExpression(attribute.value);
+		if (expression) directives.set(name, expression);
+	}
+	if (directives.has("v-for") || directives.has("v-slots") || directives.has("v-model") || directives.has("v-models")) {
+		const directive = [
+			"v-for",
+			"v-slots",
+			"v-model",
+			"v-models"
+		].find((name) => directives.has(name));
+		context.warnings.push(`JSX ${directive} 无法直接映射当前静态 WXML，已生成 dynamic island。`);
+		return registerDynamicIsland(node, context, "closure");
+	}
 	const attrs = compileJsxAttributes(node.openingElement.attributes, context);
+	const showExpression = directives.get("v-show");
+	if (showExpression) attrs.push(`hidden="${renderMustache$1(`!(${normalizeInterpolationExpression(showExpression)})`, context)}"`);
 	const attrsSegment = attrs.length ? ` ${attrs.join(" ")}` : "";
-	if (node.openingElement.selfClosing) return `<${tag}${attrsSegment} />`;
-	return `<${tag}${attrsSegment}>${compileJsxChildren(node.children, context)}</${tag}>`;
+	const textExpression = directives.get("v-text");
+	const content = textExpression ? renderMustache$1(normalizeInterpolationExpression(textExpression), context) : compileJsxChildren(node.children, context);
+	const element = node.openingElement.selfClosing && !textExpression ? `<${tag}${attrsSegment} />` : `<${tag}${attrsSegment}>${content}</${tag}>`;
+	const ifExpression = directives.get("v-if");
+	if (ifExpression) return context.platform.wrapIf(normalizeInterpolationExpression(ifExpression), element, (expression) => renderMustache$1(expression, context));
+	return element;
 }
 //#endregion
 //#region src/plugins/jsx/compileJsx/template.ts
@@ -4926,26 +5528,124 @@ function createJsxCompileContext(options) {
 		warnings: [],
 		inlineExpressions: [],
 		inlineExpressionSeed: 0,
-		scopeStack: []
+		scopeStack: [],
+		moduleResolver: void 0,
+		importedBindings: /* @__PURE__ */ new Map(),
+		resolvingExports: /* @__PURE__ */ new Set(),
+		dynamicIslands: [],
+		dynamicIslandSeed: 0,
+		dynamicIslandMode: "auto"
 	};
 }
+function collectImportedBindings(ast, context) {
+	for (const statement of ast.program.body) {
+		if (!t.isImportDeclaration(statement)) continue;
+		const source = statement.source.value;
+		for (const specifier of statement.specifiers) if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.local)) {
+			const importedName = t.isIdentifier(specifier.imported) ? specifier.imported.name : specifier.imported.value;
+			context.importedBindings?.set(specifier.local.name, {
+				source,
+				importedName
+			});
+		} else if (t.isImportDefaultSpecifier(specifier) && t.isIdentifier(specifier.local)) context.importedBindings?.set(specifier.local.name, {
+			source,
+			importedName: "default"
+		});
+		else if (t.isImportNamespaceSpecifier(specifier) && t.isIdentifier(specifier.local)) context.importedBindings?.set(specifier.local.name, {
+			source,
+			importedName: "*"
+		});
+	}
+}
 /**
 * 单次解析同时编译模板和收集自动组件上下文，避免重复 babelParse 和 traverse。
 */
 function compileJsxTemplateAndCollectComponents(source, filename, options) {
 	const ast = parse$3(source, BABEL_TS_MODULE_PARSER_OPTIONS);
 	const context = createJsxCompileContext(options);
+	context.filename = filename;
+	context.moduleResolver = createJsxModuleResolver(options?.warn);
+	collectImportedBindings(ast, context);
 	const { renderExpression, autoComponentContext } = analyzeJsxAst(ast, context);
 	let template;
 	if (renderExpression) {
 		template = compileRenderableExpression(renderExpression, context);
+		if (context.dynamicIslands?.length) template += renderDynamicIslandSupportTemplate(context);
 		if (context.formatWxml) template = formatWxml(template);
 	} else context.warnings = context.warnings.map((message) => message === "未识别到默认导出组件。" ? `未在 ${filename} 中识别到默认导出组件。` : message);
 	return {
 		template,
 		warnings: context.warnings,
 		inlineExpressions: context.inlineExpressions,
-		autoComponentContext
+		autoComponentContext,
+		dynamicIslands: context.dynamicIslands,
+		dependencies: context.moduleResolver.getDependencies()
+	};
+}
+//#endregion
+//#region src/plugins/jsx/vueJsxTransform.ts
+const DEFAULT_VUE_JSX_TRANSFORM_OPTIONS = {
+	enableObjectSlots: true,
+	mergeProps: true,
+	optimize: true,
+	resolveType: false,
+	transformOn: true
+};
+function readDirectiveExpression(attribute) {
+	if (!attribute.value) return t.booleanLiteral(true);
+	if (!t.isJSXExpressionContainer(attribute.value) || t.isJSXEmptyExpression(attribute.value.expression)) return;
+	return t.isExpression(attribute.value.expression) ? attribute.value.expression : void 0;
+}
+function createWevuJsxDirectiveCompatibilityPlugin() {
+	return {
+		name: "wevu-jsx-directive-compatibility",
+		visitor: { JSXElement(path) {
+			const attributes = path.node.openingElement.attributes;
+			let ifExpression;
+			let textExpression;
+			path.node.openingElement.attributes = attributes.filter((attribute) => {
+				if (!t.isJSXAttribute(attribute)) return true;
+				const name = t.isJSXIdentifier(attribute.name) ? attribute.name.name : t.isJSXNamespacedName(attribute.name) ? attribute.name.namespace.name : void 0;
+				if (name === "v-if") {
+					ifExpression = readDirectiveExpression(attribute);
+					return false;
+				}
+				if (name === "v-text") {
+					textExpression = readDirectiveExpression(attribute);
+					return false;
+				}
+				if (name?.startsWith("v-") && ![
+					"v-html",
+					"v-model",
+					"v-models",
+					"v-show",
+					"v-slots"
+				].includes(name)) return false;
+				return true;
+			});
+			if (textExpression) path.node.children = [t.jsxExpressionContainer(textExpression)];
+			if (ifExpression) path.replaceWith(t.conditionalExpression(ifExpression, path.node, t.nullLiteral()));
+		} }
+	};
+}
+function transformVueJsxScript(source, filename, sourceMaps = true, options) {
+	const result = transformSync(source, {
+		filename,
+		sourceType: "module",
+		sourceMaps,
+		plugins: [createWevuJsxDirectiveCompatibilityPlugin, [vueJsxPlugin, {
+			...DEFAULT_VUE_JSX_TRANSFORM_OPTIONS,
+			...options
+		}]],
+		parserOpts: { plugins: ["typescript", "jsx"] },
+		generatorOpts: { retainLines: !sourceMaps }
+	});
+	return {
+		code: result?.code ?? source,
+		map: result?.map ? {
+			...result.map,
+			file: result.map.file ?? void 0
+		} : null
 	};
 }
 //#endregion
@@ -4956,6 +5656,9 @@ function normalizeUsingComponentFrom(value) {
 	if (!value) return;
 	return typeof value === "string" ? value : value.from;
 }
+function toMiniProgramComponentTag(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
 /**
 * 编译 JSX/TSX 文件，输出 wevu 脚本与 WXML 模板。
 */
@@ -4979,8 +5682,9 @@ async function compileJsxFile(source, filename, options) {
 		const message = error instanceof Error ? error.message : String(error);
 		throw new Error(`解析 ${filename} 失败：${message}`);
 	}
-	const { template: compiledTemplateStr, warnings: templateWarnings, inlineExpressions, autoComponentContext } = compileJsxTemplateAndCollectComponents(source, filename, options);
+	const { template: rawTemplate, warnings: templateWarnings, inlineExpressions, autoComponentContext, dynamicIslands, dependencies } = compileJsxTemplateAndCollectComponents(source, filename, options);
 	const autoUsingComponentsMap = {};
+	const localComponentAliases = /* @__PURE__ */ new Map();
 	if (options?.autoUsingComponents?.resolveUsingComponentPath && autoComponentContext.templateTags.size > 0) for (const imported of autoComponentContext.importedComponents) {
 		if (!autoComponentContext.templateTags.has(imported.localName)) continue;
 		let resolved = normalizeUsingComponentFrom(await options.autoUsingComponents.resolveUsingComponentPath(imported.importSource, filename, {
@@ -4990,7 +5694,9 @@ async function compileJsxFile(source, filename, options) {
 		}));
 		if (!resolved && imported.importSource.startsWith("/")) resolved = removeExtensionDeep(imported.importSource);
 		if (!resolved) continue;
-		autoUsingComponentsMap[imported.localName] = resolved;
+		const componentName = imported.importSource.startsWith(".") || imported.importSource.startsWith("/") ? toMiniProgramComponentTag(imported.localName) : imported.localName;
+		autoUsingComponentsMap[componentName] = resolved;
+		if (componentName !== imported.localName) localComponentAliases.set(imported.localName, componentName);
 	}
 	const autoImportTagsMap = {};
 	if (options?.autoImportTags?.resolveUsingComponent && autoComponentContext.templateTags.size > 0) for (const tag of autoComponentContext.templateTags) {
@@ -5002,10 +5708,12 @@ async function compileJsxFile(source, filename, options) {
 			resolved = void 0;
 		}
 		if (!resolved?.from) continue;
-		autoImportTagsMap[resolved.name || tag] = resolved.from;
+		const resolvedName = resolved.name || tag;
+		autoImportTagsMap[localComponentAliases.get(resolvedName) ?? resolvedName] = resolved.from;
 	}
-	const normalizedScriptSource = stripRenderOptionFromScript(scriptSource, filename, options?.warn);
-	const transformedScript = transformScript(normalizedScriptSource, {
+	const normalizedScriptSource = injectDynamicIslandRuntime(stripRenderOptionFromScript(scriptSource, filename, options?.warn), dynamicIslands);
+	const vueJsxTransformed = transformVueJsxScript(normalizedScriptSource, filename, options?.sourceMap !== false);
+	const transformedScript = transformScript(vueJsxTransformed.code, {
 		skipComponentTransform: options?.skipComponentTransform ?? options?.isApp,
 		isApp: options?.isApp,
 		isPage: options?.isPage,
@@ -5032,15 +5740,19 @@ async function compileJsxFile(source, filename, options) {
 	}
 	if (jsonDefaults && Object.keys(jsonDefaults).length > 0) configObj = mergeJson(configObj ?? {}, jsonDefaults, "defaults");
 	if (scriptMacroConfig && Object.keys(scriptMacroConfig).length > 0) configObj = mergeJson(configObj ?? {}, scriptMacroConfig, "macro");
+	let compiledTemplateStr = rawTemplate;
+	for (const [from, to] of localComponentAliases) if (compiledTemplateStr) compiledTemplateStr = compiledTemplateStr.replaceAll(`<${from}`, `<${to}`).replaceAll(`</${from}>`, `</${to}>`);
 	return {
 		script: transformedScript.code,
-		scriptMap: transformedScript.map ?? null,
+		scriptMap: transformedScript.map ?? vueJsxTransformed.map,
 		template: compiledTemplateStr,
 		config: configObj && Object.keys(configObj).length > 0 ? JSON.stringify(configObj, null, 2) : void 0,
 		meta: {
 			hasScriptSetup: false,
 			hasSetupOption: SETUP_CALL_RE$1.test(normalizedScriptSource),
-			jsonMacroHash: scriptMacroHash
+			jsonMacroHash: scriptMacroHash,
+			jsxDynamicIslands: dynamicIslands,
+			jsxDependencies: dependencies
 		}
 	};
 }
@@ -10477,7 +11189,18 @@ async function compileScriptPhase(descriptor, descriptorForCompile, filename, op
 		if (!isAppFile && !descriptor.scriptSetup && !hasDefaultExport(scriptCode)) scriptCode += "\nexport default {}";
 	} else scriptCode = "export default {}";
 	if (scriptCode) {
-		const transformed = transformScript(scriptCode, {
+		const scriptLang = descriptor.script?.lang ?? descriptor.scriptSetup?.lang;
+		const isJsxScript = scriptLang === "jsx" || scriptLang === "tsx";
+		let jsxTemplate;
+		if (isJsxScript) {
+			jsxTemplate = compileJsxTemplateAndCollectComponents(scriptCode, filename, options);
+			scriptCode = injectDynamicIslandRuntime(stripRenderOptionFromScript(scriptCode, filename, descriptor.template ? void 0 : options?.warn), jsxTemplate.dynamicIslands);
+		}
+		const jsxTransformed = isJsxScript ? transformVueJsxScript(scriptCode, filename, options?.sourceMap !== false) : {
+			code: scriptCode,
+			map: null
+		};
+		const transformed = transformScript(jsxTransformed.code, {
 			isTypeScript: descriptor.script?.lang === "ts" || descriptor.script?.lang === "tsx" || descriptor.scriptSetup?.lang === "ts" || descriptor.scriptSetup?.lang === "tsx",
 			skipComponentTransform: options?.skipComponentTransform ?? isAppFile,
 			isApp: isAppFile,
@@ -10500,7 +11223,9 @@ async function compileScriptPhase(descriptor, descriptorForCompile, filename, op
 		});
 		return {
 			script: transformed.code,
-			scriptMap: composeSourceMaps(transformed.map ?? null, scriptMap),
+			scriptMap: composeSourceMaps(transformed.map ?? jsxTransformed.map, scriptMap),
+			template: jsxTemplate?.template,
+			inlineExpressions: jsxTemplate?.inlineExpressions,
 			autoUsingComponentsMap,
 			autoComponentMeta
 		};
@@ -10660,6 +11385,7 @@ async function compileVueFile(source, filename, options) {
 	});
 	result.script = scriptPhase.script;
 	result.scriptMap = scriptPhase.scriptMap;
+	if (scriptPhase.template) result.template = scriptPhase.template;
 	compileStylePhase(parsed.descriptor, filename, result, options?.style);
 	await compileConfigPhase({
 		descriptor: parsed.descriptor,