@dimina/compiler 1.0.17 → 1.1.0

package/dist/{env-BWsUjuZE.cjs → env-B4U3zZUm.cjs}

@@ -1,33 +1,16 @@
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
+const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
 let node_path = require("node:path");
-node_path = __toESM(node_path, 1);
+node_path = require_rolldown_runtime.__toESM(node_path, 1);
 let node_process = require("node:process");
-node_process = __toESM(node_process, 1);
+node_process = require_rolldown_runtime.__toESM(node_process, 1);
 let node_fs = require("node:fs");
-node_fs = __toESM(node_fs, 1);
+node_fs = require_rolldown_runtime.__toESM(node_fs, 1);
 let node_os = require("node:os");
-node_os = __toESM(node_os, 1);
+node_os = require_rolldown_runtime.__toESM(node_os, 1);
+let oxc_parser = require("oxc-parser");
+let oxc_walker = require("oxc-walker");
+let node_crypto = require("node:crypto");
+node_crypto = require_rolldown_runtime.__toESM(node_crypto, 1);
 //#region src/common/path-utils.js
 var WINDOWS_FS_PATH_RE = /^(?:[a-zA-Z]:[\\/]|\\\\)/;
 function isWindowsFsPath(targetPath) {
@@ -55,19 +38,6 @@ function getRelativePosixPath(targetPath, rootPath) {
 	return normalizeToPosixPath(targetPath).replace(normalizeToPosixPath(rootPath), "").replace(/^\//, "");
 }
 //#endregion
-//#region src/common/art.js
-var artCode = `
-██████╗ ██╗███╗   ███╗██╗███╗   ██╗ █████╗
-██╔══██╗██║████╗ ████║██║████╗  ██║██╔══██╗
-██║  ██║██║██╔████╔██║██║██╔██╗ ██║███████║
-██║  ██║██║██║╚██╔╝██║██║██║╚██╗██║██╔══██║
-██████╔╝██║██║ ╚═╝ ██║██║██║ ╚████║██║  ██║
-╚═════╝ ╚═╝╚═╝     ╚═╝╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝
-`;
-function art_default() {
-	console.log(artCode);
-}
-//#endregion
 //#region src/common/utils.js
 function hasCompileInfo(modulePath, list, preList) {
 	const mergeList = Array.isArray(preList) ? [...preList, ...list] : list;
@@ -84,19 +54,31 @@ function getAbsolutePath(workPath, pagePath, src) {
 	return node_path.default.resolve(workPath, relativePath, src);
 }
 var assetsMap = {};
+function isPathInside(rootPath, targetPath) {
+	const relativePath = node_path.default.relative(rootPath, targetPath);
+	return relativePath === "" || !relativePath.startsWith(`..${node_path.default.sep}`) && relativePath !== ".." && !node_path.default.isAbsolute(relativePath);
+}
+function resolveAssetSourcePath(workPath, pagePath, src) {
+	const projectRoot = node_path.default.resolve(workPath);
+	if (src.startsWith("/")) return node_path.default.resolve(projectRoot, `.${src}`);
+	const normalizedPagePath = node_path.default.resolve(pagePath);
+	const pageDirectory = node_path.default.isAbsolute(pagePath) && isPathInside(projectRoot, normalizedPagePath) ? node_path.default.dirname(normalizedPagePath) : node_path.default.resolve(projectRoot, node_path.default.dirname(pagePath.replace(/^[/\\]+/, "")));
+	const resolvedPath = node_path.default.resolve(pageDirectory, src);
+	if (isPathInside(projectRoot, resolvedPath)) return resolvedPath;
+	return node_path.default.resolve(projectRoot, src.replace(/^(?:\.\.[/\\])+/, ""));
+}
 /**
 * 将静态资源存储到 static 文件夹
 */
 function collectAssets(workPath, pagePath, src, targetPath, appId) {
 	if (src.startsWith("http") || src.startsWith("//")) return src;
 	if (!/\.(?:png|jpe?g|gif|svg)(?:\?.*)?$/.test(src)) return src;
-	const relativePath = pagePath.split("/").slice(0, -1).join("/");
-	const absolutePath = src.startsWith("/") ? workPath + src : node_path.default.resolve(workPath, relativePath, src);
+	const absolutePath = resolveAssetSourcePath(workPath, pagePath, src);
 	if (assetsMap[absolutePath]) return assetsMap[absolutePath];
 	try {
 		const ext = `.${src.split(".").pop()}`;
 		const dirPath = absolutePath.split(node_path.default.sep).slice(0, -1).join("/");
-		const prefix = uuid();
+		const prefix = uuid(dirPath);
 		const targetStatic = `${targetPath}/main/static`;
 		if (!node_fs.default.existsSync(targetStatic)) node_fs.default.mkdirSync(targetStatic, { recursive: true });
 		getFilesWithExtension(dirPath, ext).forEach((file) => {
@@ -122,15 +104,16 @@ function isString(o) {
 function transformRpx(styleText) {
 	if (!isString(styleText)) return styleText;
 	return styleText.replace(/([+-]?\d+(?:\.\d+)?)rpx/g, (_, pixel) => {
-		return `${Number(pixel)}rem`;
+		const viewportWidth = Number((Number(pixel) / 7.5).toFixed(6));
+		return `${Object.is(viewportWidth, -0) ? 0 : viewportWidth}vw`;
 	});
 }
-function uuid() {
-	return Math.random().toString(36).slice(2, 7);
+function uuid(str) {
+	return node_crypto.default.createHash("sha256").update(str).digest().readBigUInt64BE(0).toString(36);
 }
 var tagWhiteList = [
 	"page",
-	"wrapper",
+	"component-host",
 	"block",
 	"button",
 	"camera",
@@ -171,6 +154,24 @@ var tagWhiteList = [
 	"view",
 	"web-view"
 ];
+var miniProgramBuiltinTags = /* @__PURE__ */ new Set([
+	...tagWhiteList,
+	"canvas",
+	"match-media",
+	"page-container",
+	"share-element",
+	"editor",
+	"audio",
+	"channel-live",
+	"channel-video",
+	"live-player",
+	"live-pusher",
+	"voip-room",
+	"ad",
+	"ad-custom",
+	"official-account",
+	"xr-frame"
+]);
 //#endregion
 //#region src/common/npm-resolver.js
 /**
@@ -353,6 +354,12 @@ var DEFAULT_STYLE_EXTS = [
 ];
 var DEFAULT_VIEW_SCRIPT_EXTS = [".wxs"];
 var DEFAULT_VIEW_SCRIPT_TAGS = ["wxs", "dds"];
+var CUSTOM_TAB_BAR_COMPONENT_PATH = "/custom-tab-bar/index";
+var STYLE_ISOLATION_VALUES = /* @__PURE__ */ new Set([
+	"isolated",
+	"apply-shared",
+	"shared"
+]);
 var RESERVED_EXTS = /* @__PURE__ */ new Set([
 	...DEFAULT_TEMPLATE_EXTS,
 	...DEFAULT_STYLE_EXTS,
@@ -509,6 +516,43 @@ function storePageConfig() {
 	if (subPackages) subPackages.forEach((subPkg) => {
 		collectionPageJson(subPkg.pages, subPkg.root);
 	});
+	storeCustomTabBarConfig();
+}
+/**
+* 微信会把 custom-tab-bar/index 作为每个 tab 页的直属组件创建。业务页面
+* 不需要在 usingComponents 中显式声明它，因此编译阶段补一个内部组件引用，
+* 让逻辑、视图和样式三个编译器都能沿现有依赖图收集该组件。
+*/
+function storeCustomTabBarConfig() {
+	const tabBar = configInfo.appInfo?.tabBar;
+	if (tabBar?.custom !== true || !Array.isArray(tabBar.list)) return;
+	const componentJsonPath = node_path.default.join(pathInfo.workPath, "custom-tab-bar/index.json");
+	if (!node_fs.default.existsSync(componentJsonPath)) {
+		console.warn("[env] tabBar.custom 已启用，但找不到 custom-tab-bar/index.json");
+		return;
+	}
+	const dependencyName = `dimina-${uuid(CUSTOM_TAB_BAR_COMPONENT_PATH)}`;
+	storeComponentConfig({ usingComponents: { [dependencyName]: CUSTOM_TAB_BAR_COMPONENT_PATH } }, node_path.default.join(pathInfo.workPath, "app.json"));
+	const componentConfig = configInfo.componentInfo[CUSTOM_TAB_BAR_COMPONENT_PATH];
+	if (componentConfig) componentConfig.customTabBar = true;
+	for (const item of tabBar.list) {
+		const pagePath = typeof item?.pagePath === "string" ? item.pagePath.replace(/^\/+/, "") : "";
+		if (!pagePath || !configInfo.appInfo.pages?.includes(pagePath)) continue;
+		const pageConfig = configInfo.pageInfo[pagePath] ||= {};
+		pageConfig.usingComponents ||= {};
+		const declaredComponents = {
+			...configInfo.appInfo.usingComponents || {},
+			...pageConfig.usingComponents
+		};
+		let componentName = Object.entries(declaredComponents).find(([, componentPath]) => componentPath === CUSTOM_TAB_BAR_COMPONENT_PATH)?.[0] || dependencyName;
+		let suffix = 0;
+		while (declaredComponents[componentName] && declaredComponents[componentName] !== CUSTOM_TAB_BAR_COMPONENT_PATH) {
+			suffix++;
+			componentName = `${dependencyName}-${suffix}`;
+		}
+		pageConfig.usingComponents[componentName] = CUSTOM_TAB_BAR_COMPONENT_PATH;
+		pageConfig.customTabBar = { componentName };
+	}
 }
 /**
 * 匹配页面和对应的配置信息
@@ -562,19 +606,65 @@ function storeComponentConfig(pageJsonContent, pageFilePath) {
 		}
 		const cUsing = cContent.usingComponents || {};
 		const isComponent = cContent.component || false;
+		const styleIsolation = resolveComponentStyleIsolation(cContent, componentFilePath);
 		const cComponents = Object.keys(cUsing).reduce((acc, key) => {
 			acc[key] = getModuleId(cUsing[key], componentFilePath);
 			return acc;
 		}, {});
 		configInfo.componentInfo[moduleId] = {
-			id: uuid(),
+			id: uuid(moduleId),
 			path: moduleId,
 			component: isComponent,
+			styleIsolation,
 			usingComponents: cComponents
 		};
 		if (cContent.usingComponents && Object.keys(cContent.usingComponents).length > 0) storeComponentConfig(configInfo.componentInfo[moduleId], componentFilePath);
 	}
 }
+function getStaticProperty(objectExpression, propertyName) {
+	if (objectExpression?.type !== "ObjectExpression") return;
+	return objectExpression.properties?.find((property) => {
+		if (property.type !== "Property" || property.computed) return false;
+		return property.key?.name === propertyName || property.key?.value === propertyName;
+	})?.value;
+}
+function normalizeStyleIsolation(value) {
+	return STYLE_ISOLATION_VALUES.has(value) ? value : void 0;
+}
+/**
+* styleIsolation can be declared either in component.json or in
+* Component({ options }). The style compiler must know it before service
+* runtime starts, so only statically-declared literal options participate.
+* addGlobalClass is the legacy equivalent of apply-shared.
+*/
+function resolveComponentStyleIsolation(componentConfig, componentJsonPath) {
+	const jsonValue = normalizeStyleIsolation(componentConfig?.styleIsolation);
+	if (jsonValue) return jsonValue;
+	const basePath = componentJsonPath.replace(/\.json$/i, "");
+	const scriptPath = [".js", ".ts"].map((ext) => `${basePath}${ext}`).find((candidate) => node_fs.default.existsSync(candidate));
+	if (!scriptPath) return "isolated";
+	try {
+		const { program } = (0, oxc_parser.parseSync)(scriptPath, getContentByPath(scriptPath), { sourceType: "unambiguous" });
+		let extractedValue;
+		(0, oxc_walker.walk)(program, { enter(expression) {
+			if (extractedValue) return;
+			if (expression?.type !== "CallExpression" || expression.callee?.type !== "Identifier" || expression.callee.name !== "Component") return;
+			const definition = expression.arguments?.[0];
+			const options = getStaticProperty(definition, "options");
+			const styleIsolation = getStaticProperty(options, "styleIsolation")?.value;
+			const normalized = normalizeStyleIsolation(styleIsolation);
+			if (normalized) {
+				extractedValue = normalized;
+				return;
+			}
+			if (getStaticProperty(options, "addGlobalClass")?.value === true) extractedValue = "apply-shared";
+		} });
+		if (extractedValue) return extractedValue;
+	} catch (error) {
+		console.warn(`[env] 无法解析组件样式隔离配置 ${scriptPath}: ${error.message}`);
+	}
+	return "isolated";
+}
 /**
 * 转化为相对小程序根目录的绝对路径，作为模块唯一性 id
 * 支持 npm 组件解析
@@ -640,9 +730,12 @@ function getPages() {
 			...pageComponents
 		};
 		return {
-			id: uuid(),
+			id: uuid(path),
 			path,
-			usingComponents: mergedComponents
+			appStyleScopeId: getAppStyleScopeId(),
+			sharedStyleScopeIds: collectSharedStyleScopeIds(mergedComponents),
+			usingComponents: mergedComponents,
+			customTabBar: pageInfo[path]?.customTabBar
 		};
 	});
 	const subPages = {};
@@ -659,9 +752,12 @@ function getPages() {
 					...pageComponents
 				};
 				return {
-					id: uuid(),
+					id: uuid(fullPath),
 					path: fullPath,
-					usingComponents: mergedComponents
+					appStyleScopeId: getAppStyleScopeId(),
+					sharedStyleScopeIds: collectSharedStyleScopeIds(mergedComponents),
+					usingComponents: mergedComponents,
+					customTabBar: pageInfo[fullPath]?.customTabBar
 				};
 			})
 		};
@@ -671,19 +767,24 @@ function getPages() {
 		subPages
 	};
 }
+function collectSharedStyleScopeIds(usingComponents) {
+	const result = [];
+	const visited = /* @__PURE__ */ new Set();
+	const visit = (componentPath) => {
+		if (visited.has(componentPath)) return;
+		visited.add(componentPath);
+		const component = configInfo.componentInfo[componentPath];
+		if (!component) return;
+		if (component.styleIsolation === "shared") result.push(component.id);
+		for (const childPath of Object.values(component.usingComponents || {})) visit(childPath);
+	};
+	for (const componentPath of Object.values(usingComponents || {})) visit(componentPath);
+	return result;
+}
+function getAppStyleScopeId() {
+	return uuid("app");
+}
 //#endregion
-Object.defineProperty(exports, "__toESM", {
-	enumerable: true,
-	get: function() {
-		return __toESM;
-	}
-});
-Object.defineProperty(exports, "art_default", {
-	enumerable: true,
-	get: function() {
-		return art_default;
-	}
-});
 Object.defineProperty(exports, "collectAssets", {
 	enumerable: true,
 	get: function() {
@@ -714,6 +815,12 @@ Object.defineProperty(exports, "getAppName", {
 		return getAppName;
 	}
 });
+Object.defineProperty(exports, "getAppStyleScopeId", {
+	enumerable: true,
+	get: function() {
+		return getAppStyleScopeId;
+	}
+});
 Object.defineProperty(exports, "getComponent", {
 	enumerable: true,
 	get: function() {
@@ -786,6 +893,12 @@ Object.defineProperty(exports, "hasCompileInfo", {
 		return hasCompileInfo;
 	}
 });
+Object.defineProperty(exports, "miniProgramBuiltinTags", {
+	enumerable: true,
+	get: function() {
+		return miniProgramBuiltinTags;
+	}
+});
 Object.defineProperty(exports, "resetStoreInfo", {
 	enumerable: true,
 	get: function() {
@@ -810,6 +923,12 @@ Object.defineProperty(exports, "tagWhiteList", {
 		return tagWhiteList;
 	}
 });
+Object.defineProperty(exports, "toMiniProgramModuleId", {
+	enumerable: true,
+	get: function() {
+		return toMiniProgramModuleId;
+	}
+});
 Object.defineProperty(exports, "transformRpx", {
 	enumerable: true,
 	get: function() {

package/dist/{env-iShlMOS1.js → env-OH3--qg8.js}

@@ -2,6 +2,9 @@ import path from "node:path";
 import process from "node:process";
 import fs from "node:fs";
 import os from "node:os";
+import { parseSync } from "oxc-parser";
+import { walk } from "oxc-walker";
+import crypto from "node:crypto";
 //#region src/common/path-utils.js
 var WINDOWS_FS_PATH_RE = /^(?:[a-zA-Z]:[\\/]|\\\\)/;
 function isWindowsFsPath(targetPath) {
@@ -29,19 +32,6 @@ function getRelativePosixPath(targetPath, rootPath) {
 	return normalizeToPosixPath(targetPath).replace(normalizeToPosixPath(rootPath), "").replace(/^\//, "");
 }
 //#endregion
-//#region src/common/art.js
-var artCode = `
-██████╗ ██╗███╗   ███╗██╗███╗   ██╗ █████╗
-██╔══██╗██║████╗ ████║██║████╗  ██║██╔══██╗
-██║  ██║██║██╔████╔██║██║██╔██╗ ██║███████║
-██║  ██║██║██║╚██╔╝██║██║██║╚██╗██║██╔══██║
-██████╔╝██║██║ ╚═╝ ██║██║██║ ╚████║██║  ██║
-╚═════╝ ╚═╝╚═╝     ╚═╝╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝
-`;
-function art_default() {
-	console.log(artCode);
-}
-//#endregion
 //#region src/common/utils.js
 function hasCompileInfo(modulePath, list, preList) {
 	const mergeList = Array.isArray(preList) ? [...preList, ...list] : list;
@@ -58,19 +48,31 @@ function getAbsolutePath(workPath, pagePath, src) {
 	return path.resolve(workPath, relativePath, src);
 }
 var assetsMap = {};
+function isPathInside(rootPath, targetPath) {
+	const relativePath = path.relative(rootPath, targetPath);
+	return relativePath === "" || !relativePath.startsWith(`..${path.sep}`) && relativePath !== ".." && !path.isAbsolute(relativePath);
+}
+function resolveAssetSourcePath(workPath, pagePath, src) {
+	const projectRoot = path.resolve(workPath);
+	if (src.startsWith("/")) return path.resolve(projectRoot, `.${src}`);
+	const normalizedPagePath = path.resolve(pagePath);
+	const pageDirectory = path.isAbsolute(pagePath) && isPathInside(projectRoot, normalizedPagePath) ? path.dirname(normalizedPagePath) : path.resolve(projectRoot, path.dirname(pagePath.replace(/^[/\\]+/, "")));
+	const resolvedPath = path.resolve(pageDirectory, src);
+	if (isPathInside(projectRoot, resolvedPath)) return resolvedPath;
+	return path.resolve(projectRoot, src.replace(/^(?:\.\.[/\\])+/, ""));
+}
 /**
 * 将静态资源存储到 static 文件夹
 */
 function collectAssets(workPath, pagePath, src, targetPath, appId) {
 	if (src.startsWith("http") || src.startsWith("//")) return src;
 	if (!/\.(?:png|jpe?g|gif|svg)(?:\?.*)?$/.test(src)) return src;
-	const relativePath = pagePath.split("/").slice(0, -1).join("/");
-	const absolutePath = src.startsWith("/") ? workPath + src : path.resolve(workPath, relativePath, src);
+	const absolutePath = resolveAssetSourcePath(workPath, pagePath, src);
 	if (assetsMap[absolutePath]) return assetsMap[absolutePath];
 	try {
 		const ext = `.${src.split(".").pop()}`;
 		const dirPath = absolutePath.split(path.sep).slice(0, -1).join("/");
-		const prefix = uuid();
+		const prefix = uuid(dirPath);
 		const targetStatic = `${targetPath}/main/static`;
 		if (!fs.existsSync(targetStatic)) fs.mkdirSync(targetStatic, { recursive: true });
 		getFilesWithExtension(dirPath, ext).forEach((file) => {
@@ -96,15 +98,16 @@ function isString(o) {
 function transformRpx(styleText) {
 	if (!isString(styleText)) return styleText;
 	return styleText.replace(/([+-]?\d+(?:\.\d+)?)rpx/g, (_, pixel) => {
-		return `${Number(pixel)}rem`;
+		const viewportWidth = Number((Number(pixel) / 7.5).toFixed(6));
+		return `${Object.is(viewportWidth, -0) ? 0 : viewportWidth}vw`;
 	});
 }
-function uuid() {
-	return Math.random().toString(36).slice(2, 7);
+function uuid(str) {
+	return crypto.createHash("sha256").update(str).digest().readBigUInt64BE(0).toString(36);
 }
 var tagWhiteList = [
 	"page",
-	"wrapper",
+	"component-host",
 	"block",
 	"button",
 	"camera",
@@ -145,6 +148,24 @@ var tagWhiteList = [
 	"view",
 	"web-view"
 ];
+var miniProgramBuiltinTags = /* @__PURE__ */ new Set([
+	...tagWhiteList,
+	"canvas",
+	"match-media",
+	"page-container",
+	"share-element",
+	"editor",
+	"audio",
+	"channel-live",
+	"channel-video",
+	"live-player",
+	"live-pusher",
+	"voip-room",
+	"ad",
+	"ad-custom",
+	"official-account",
+	"xr-frame"
+]);
 //#endregion
 //#region src/common/npm-resolver.js
 /**
@@ -327,6 +348,12 @@ var DEFAULT_STYLE_EXTS = [
 ];
 var DEFAULT_VIEW_SCRIPT_EXTS = [".wxs"];
 var DEFAULT_VIEW_SCRIPT_TAGS = ["wxs", "dds"];
+var CUSTOM_TAB_BAR_COMPONENT_PATH = "/custom-tab-bar/index";
+var STYLE_ISOLATION_VALUES = /* @__PURE__ */ new Set([
+	"isolated",
+	"apply-shared",
+	"shared"
+]);
 var RESERVED_EXTS = /* @__PURE__ */ new Set([
 	...DEFAULT_TEMPLATE_EXTS,
 	...DEFAULT_STYLE_EXTS,
@@ -483,6 +510,43 @@ function storePageConfig() {
 	if (subPackages) subPackages.forEach((subPkg) => {
 		collectionPageJson(subPkg.pages, subPkg.root);
 	});
+	storeCustomTabBarConfig();
+}
+/**
+* 微信会把 custom-tab-bar/index 作为每个 tab 页的直属组件创建。业务页面
+* 不需要在 usingComponents 中显式声明它，因此编译阶段补一个内部组件引用，
+* 让逻辑、视图和样式三个编译器都能沿现有依赖图收集该组件。
+*/
+function storeCustomTabBarConfig() {
+	const tabBar = configInfo.appInfo?.tabBar;
+	if (tabBar?.custom !== true || !Array.isArray(tabBar.list)) return;
+	const componentJsonPath = path.join(pathInfo.workPath, "custom-tab-bar/index.json");
+	if (!fs.existsSync(componentJsonPath)) {
+		console.warn("[env] tabBar.custom 已启用，但找不到 custom-tab-bar/index.json");
+		return;
+	}
+	const dependencyName = `dimina-${uuid(CUSTOM_TAB_BAR_COMPONENT_PATH)}`;
+	storeComponentConfig({ usingComponents: { [dependencyName]: CUSTOM_TAB_BAR_COMPONENT_PATH } }, path.join(pathInfo.workPath, "app.json"));
+	const componentConfig = configInfo.componentInfo[CUSTOM_TAB_BAR_COMPONENT_PATH];
+	if (componentConfig) componentConfig.customTabBar = true;
+	for (const item of tabBar.list) {
+		const pagePath = typeof item?.pagePath === "string" ? item.pagePath.replace(/^\/+/, "") : "";
+		if (!pagePath || !configInfo.appInfo.pages?.includes(pagePath)) continue;
+		const pageConfig = configInfo.pageInfo[pagePath] ||= {};
+		pageConfig.usingComponents ||= {};
+		const declaredComponents = {
+			...configInfo.appInfo.usingComponents || {},
+			...pageConfig.usingComponents
+		};
+		let componentName = Object.entries(declaredComponents).find(([, componentPath]) => componentPath === CUSTOM_TAB_BAR_COMPONENT_PATH)?.[0] || dependencyName;
+		let suffix = 0;
+		while (declaredComponents[componentName] && declaredComponents[componentName] !== CUSTOM_TAB_BAR_COMPONENT_PATH) {
+			suffix++;
+			componentName = `${dependencyName}-${suffix}`;
+		}
+		pageConfig.usingComponents[componentName] = CUSTOM_TAB_BAR_COMPONENT_PATH;
+		pageConfig.customTabBar = { componentName };
+	}
 }
 /**
 * 匹配页面和对应的配置信息
@@ -536,19 +600,65 @@ function storeComponentConfig(pageJsonContent, pageFilePath) {
 		}
 		const cUsing = cContent.usingComponents || {};
 		const isComponent = cContent.component || false;
+		const styleIsolation = resolveComponentStyleIsolation(cContent, componentFilePath);
 		const cComponents = Object.keys(cUsing).reduce((acc, key) => {
 			acc[key] = getModuleId(cUsing[key], componentFilePath);
 			return acc;
 		}, {});
 		configInfo.componentInfo[moduleId] = {
-			id: uuid(),
+			id: uuid(moduleId),
 			path: moduleId,
 			component: isComponent,
+			styleIsolation,
 			usingComponents: cComponents
 		};
 		if (cContent.usingComponents && Object.keys(cContent.usingComponents).length > 0) storeComponentConfig(configInfo.componentInfo[moduleId], componentFilePath);
 	}
 }
+function getStaticProperty(objectExpression, propertyName) {
+	if (objectExpression?.type !== "ObjectExpression") return;
+	return objectExpression.properties?.find((property) => {
+		if (property.type !== "Property" || property.computed) return false;
+		return property.key?.name === propertyName || property.key?.value === propertyName;
+	})?.value;
+}
+function normalizeStyleIsolation(value) {
+	return STYLE_ISOLATION_VALUES.has(value) ? value : void 0;
+}
+/**
+* styleIsolation can be declared either in component.json or in
+* Component({ options }). The style compiler must know it before service
+* runtime starts, so only statically-declared literal options participate.
+* addGlobalClass is the legacy equivalent of apply-shared.
+*/
+function resolveComponentStyleIsolation(componentConfig, componentJsonPath) {
+	const jsonValue = normalizeStyleIsolation(componentConfig?.styleIsolation);
+	if (jsonValue) return jsonValue;
+	const basePath = componentJsonPath.replace(/\.json$/i, "");
+	const scriptPath = [".js", ".ts"].map((ext) => `${basePath}${ext}`).find((candidate) => fs.existsSync(candidate));
+	if (!scriptPath) return "isolated";
+	try {
+		const { program } = parseSync(scriptPath, getContentByPath(scriptPath), { sourceType: "unambiguous" });
+		let extractedValue;
+		walk(program, { enter(expression) {
+			if (extractedValue) return;
+			if (expression?.type !== "CallExpression" || expression.callee?.type !== "Identifier" || expression.callee.name !== "Component") return;
+			const definition = expression.arguments?.[0];
+			const options = getStaticProperty(definition, "options");
+			const styleIsolation = getStaticProperty(options, "styleIsolation")?.value;
+			const normalized = normalizeStyleIsolation(styleIsolation);
+			if (normalized) {
+				extractedValue = normalized;
+				return;
+			}
+			if (getStaticProperty(options, "addGlobalClass")?.value === true) extractedValue = "apply-shared";
+		} });
+		if (extractedValue) return extractedValue;
+	} catch (error) {
+		console.warn(`[env] 无法解析组件样式隔离配置 ${scriptPath}: ${error.message}`);
+	}
+	return "isolated";
+}
 /**
 * 转化为相对小程序根目录的绝对路径，作为模块唯一性 id
 * 支持 npm 组件解析
@@ -614,9 +724,12 @@ function getPages() {
 			...pageComponents
 		};
 		return {
-			id: uuid(),
+			id: uuid(path),
 			path,
-			usingComponents: mergedComponents
+			appStyleScopeId: getAppStyleScopeId(),
+			sharedStyleScopeIds: collectSharedStyleScopeIds(mergedComponents),
+			usingComponents: mergedComponents,
+			customTabBar: pageInfo[path]?.customTabBar
 		};
 	});
 	const subPages = {};
@@ -633,9 +746,12 @@ function getPages() {
 					...pageComponents
 				};
 				return {
-					id: uuid(),
+					id: uuid(fullPath),
 					path: fullPath,
-					usingComponents: mergedComponents
+					appStyleScopeId: getAppStyleScopeId(),
+					sharedStyleScopeIds: collectSharedStyleScopeIds(mergedComponents),
+					usingComponents: mergedComponents,
+					customTabBar: pageInfo[fullPath]?.customTabBar
 				};
 			})
 		};
@@ -645,5 +761,22 @@ function getPages() {
 		subPages
 	};
 }
+function collectSharedStyleScopeIds(usingComponents) {
+	const result = [];
+	const visited = /* @__PURE__ */ new Set();
+	const visit = (componentPath) => {
+		if (visited.has(componentPath)) return;
+		visited.add(componentPath);
+		const component = configInfo.componentInfo[componentPath];
+		if (!component) return;
+		if (component.styleIsolation === "shared") result.push(component.id);
+		for (const childPath of Object.values(component.usingComponents || {})) visit(childPath);
+	};
+	for (const componentPath of Object.values(usingComponents || {})) visit(componentPath);
+	return result;
+}
+function getAppStyleScopeId() {
+	return uuid("app");
+}
 //#endregion
-export { art_default as C, transformRpx as S, storeInfo as _, getContentByPath as a, hasCompileInfo as b, getPages as c, getTemplateExts as d, getViewScriptExts as f, resolveAppAlias as g, resetStoreInfo as h, getComponent as i, getStyleExts as l, getWorkPath as m, getAppId as n, getNpmResolver as o, getViewScriptTags as p, getAppName as r, getPageConfigInfo as s, getAppConfigInfo as t, getTargetPath as u, collectAssets as v, tagWhiteList as x, getAbsolutePath as y };
+export { tagWhiteList as C, miniProgramBuiltinTags as S, toMiniProgramModuleId as T, resolveAppAlias as _, getComponent as a, getAbsolutePath as b, getPageConfigInfo as c, getTargetPath as d, getTemplateExts as f, resetStoreInfo as g, getWorkPath as h, getAppStyleScopeId as i, getPages as l, getViewScriptTags as m, getAppId as n, getContentByPath as o, getViewScriptExts as p, getAppName as r, getNpmResolver as s, getAppConfigInfo as t, getStyleExts as u, storeInfo as v, transformRpx as w, hasCompileInfo as x, collectAssets as y };