weapp-tailwindcss 5.0.0-next.8 → 5.0.0

package/README.md

@@ -73,9 +73,9 @@
 
 ## [配置项参考](https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions)
 
-### Tailwind CSS v4 自动前缀
+### Tailwind CSS 自动前缀
 
-在 Tailwind CSS v4 场景下，`weapp-tailwindcss` 会默认对生成后的小程序 CSS 执行内置 `autoprefixer` 后处理，用于补齐小程序 WebView 需要的兼容前缀。例如 `bg-clip-text` 会输出 `-webkit-background-clip: text`，从而支持渐变文字。
+在 Tailwind CSS v3 / v4 场景下，`weapp-tailwindcss` 会默认对生成后的小程序 CSS 执行内置 `autoprefixer` 后处理，用于补齐小程序 WebView 需要的兼容前缀。例如 `bg-clip-text` 会输出 `-webkit-background-clip: text`，从而支持渐变文字。
 
 通常不再需要在业务项目的 `postcss.config.js` 中手动配置 `autoprefixer`。如果项目已经显式配置了 `autoprefixer`，内置后处理会避免重复追加。需要关闭时可配置：
 

package/dist/auto-DEHRmEAx.mjs

@@ -0,0 +1,200 @@
+import { n as creator } from "./postcss-C7BMYpEF.mjs";
+import postcss from "postcss";
+import process from "node:process";
+//#region src/css-macro/auto.ts
+const CSS_MACRO_PLUGIN_MARKER = "__weappTailwindcssCssMacro";
+const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+const PLATFORM_ENV_KEYS = [
+	"WEAPP_TW_TARGET",
+	"WEAPP_TAILWINDCSS_TARGET",
+	"UNI_PLATFORM",
+	"UNI_UTS_PLATFORM",
+	"TARO_ENV",
+	"MPX_CLI_MODE",
+	"MPX_CURRENT_TARGET_MODE"
+];
+const CONDITIONAL_END_RE = /^\s*#endif\s*$/;
+function readEnvValue(key) {
+	return typeof process === "undefined" ? void 0 : process.env[key];
+}
+function normalizePlatformToken(value) {
+	return value?.trim().replaceAll("_", "-").toUpperCase() || void 0;
+}
+function resolveCssMacroPlatform(options) {
+	const explicit = normalizePlatformToken(options?.platform);
+	if (explicit) return explicit;
+	for (const key of PLATFORM_ENV_KEYS) {
+		const value = normalizePlatformToken(readEnvValue(key));
+		if (value) return value;
+	}
+}
+function createPlatformTokenSet(platform) {
+	const normalized = normalizePlatformToken(platform);
+	const tokens = /* @__PURE__ */ new Set();
+	if (!normalized) return tokens;
+	tokens.add(normalized);
+	if (normalized.startsWith("MP-")) tokens.add("MP");
+	if (normalized === "WEAPP" || normalized === "WEIXIN" || normalized === "WX") {
+		tokens.add("MP");
+		tokens.add("MP-WEIXIN");
+	}
+	if (normalized === "MP-WEIXIN") {
+		tokens.add("WEAPP");
+		tokens.add("WEIXIN");
+		tokens.add("WX");
+	}
+	if (normalized === "H5") tokens.add("WEB");
+	if (normalized === "WEB") tokens.add("H5");
+	if (normalized === "APP") tokens.add("APP-PLUS");
+	if (normalized.startsWith("APP-")) tokens.add("APP");
+	if (normalized.startsWith("QUICKAPP-WEBVIEW")) tokens.add("QUICKAPP-WEBVIEW");
+	return tokens;
+}
+function combineAnd(values) {
+	if (values.includes(false)) return false;
+	return values.every((value) => value === true) ? true : void 0;
+}
+function combineOr(values) {
+	if (values.includes(true)) return true;
+	return values.every((value) => value === false) ? false : void 0;
+}
+function evaluatePlatformExpression(expression, platformTokens) {
+	return combineOr(expression.split(/\s*\|\|\s*/).map((orPart) => {
+		return combineAnd(orPart.split(/\s*&&\s*/).map((part) => {
+			const token = normalizePlatformToken(part);
+			if (!token || /[<>=!()]/.test(token)) return;
+			return platformTokens.has(token);
+		}));
+	}));
+}
+function negateConditionalValue(value) {
+	return value === void 0 ? void 0 : !value;
+}
+function getActiveConditionalValue(stack) {
+	if (stack.includes(false)) return false;
+	return stack.includes(void 0) ? void 0 : true;
+}
+function parseConditionalStart(text) {
+	const normalized = text.trim();
+	if (!normalized.startsWith("#")) return;
+	const body = normalized.slice(1).trimStart();
+	for (const directive of ["ifndef", "ifdef"]) {
+		if (!body.startsWith(directive)) continue;
+		const expression = body.slice(directive.length).trim();
+		if (expression.length === 0) return;
+		return {
+			directive,
+			expression
+		};
+	}
+}
+function compileCssMacroConditionalComments(css, options) {
+	const platformTokens = createPlatformTokenSet(resolveCssMacroPlatform(options));
+	if (platformTokens.size === 0 || !css.includes("#if")) return css;
+	try {
+		const root = postcss.parse(css);
+		const transformContainer = (container) => {
+			const stack = [];
+			for (const node of [...container.nodes ?? []]) {
+				if (node.type === "comment") {
+					const start = parseConditionalStart(node.text);
+					if (start) {
+						const value = start.directive === "ifndef" ? negateConditionalValue(evaluatePlatformExpression(start.expression, platformTokens)) : evaluatePlatformExpression(start.expression, platformTokens);
+						const parentActive = getActiveConditionalValue(stack);
+						stack.push(value);
+						if (parentActive !== void 0 && value !== void 0) node.remove();
+						continue;
+					}
+					if (CONDITIONAL_END_RE.test(node.text)) {
+						const value = stack.pop();
+						if (getActiveConditionalValue(stack) !== void 0 && value !== void 0) node.remove();
+						continue;
+					}
+				}
+				if (getActiveConditionalValue(stack) === false) {
+					node.remove();
+					continue;
+				}
+				if ("nodes" in node && node.nodes) transformContainer(node);
+			}
+		};
+		transformContainer(root);
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
+function markCssMacroPlugin(value) {
+	Object.defineProperty(value, CSS_MACRO_PLUGIN_MARKER, {
+		configurable: false,
+		enumerable: false,
+		value: true
+	});
+	return value;
+}
+function isCssMacroTailwindPlugin(value) {
+	return Boolean(value && (typeof value === "function" || typeof value === "object") && value["__weappTailwindcssCssMacro"] === true);
+}
+function hasCssMacroTailwindPlugin(plugins) {
+	if (!plugins) return false;
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroTailwindPlugin);
+	if (typeof plugins === "object") return Object.values(plugins).some(isCssMacroTailwindPlugin);
+	return false;
+}
+function parseCssPluginRequest(params) {
+	const value = params.trim();
+	const quoted = /^(['"])(.*?)\1/.exec(value);
+	if (quoted) return quoted[2];
+	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
+	return url?.[2] ?? url?.[3];
+}
+function isCssMacroPluginRequest(request) {
+	return request === "weapp-tailwindcss/css-macro";
+}
+function hasCssMacroTailwindV4Directive(css) {
+	if (!css?.includes("css-macro")) return false;
+	try {
+		let found = false;
+		postcss.parse(css).walkAtRules("plugin", (rule) => {
+			if (isCssMacroPluginRequest(parseCssPluginRequest(rule.params))) found = true;
+		});
+		return found;
+	} catch {
+		return /@plugin\s+(?:url\(\s*)?["']weapp-tailwindcss\/css-macro["']/.test(css);
+	}
+}
+function isCssMacroPostcssPlugin(plugin) {
+	if (plugin === creator) return true;
+	return Boolean(plugin && (typeof plugin === "function" || typeof plugin === "object") && plugin.postcssPlugin === "postcss-weapp-tw-css-macro-plugin");
+}
+function withCssMacroPostcssPlugins(plugins) {
+	const macroPlugin = creator();
+	if (!plugins) return [macroPlugin];
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroPostcssPlugin) ? plugins : [...plugins, macroPlugin];
+	if (typeof plugins === "object") {
+		const values = Object.values(plugins).filter(Boolean);
+		if (values.some(isCssMacroPostcssPlugin)) return values;
+		return [...values, macroPlugin];
+	}
+	return [macroPlugin];
+}
+function withCssMacroStyleOptions(options) {
+	const postcssOptions = options?.postcssOptions;
+	return {
+		...options,
+		[CSS_MACRO_STYLE_OPTIONS_MARKER]: true,
+		postcssOptions: {
+			...postcssOptions,
+			plugins: withCssMacroPostcssPlugins(postcssOptions?.plugins)
+		}
+	};
+}
+function hasCssMacroStyleOptions(options) {
+	return Boolean(options?.[CSS_MACRO_STYLE_OPTIONS_MARKER]);
+}
+async function transformCssMacroCss(css, options) {
+	const result = (await postcss([creator()]).process(css, { from: void 0 })).css;
+	return compileCssMacroConditionalComments(result, options);
+}
+//#endregion
+export { transformCssMacroCss as a, markCssMacroPlugin as i, hasCssMacroTailwindPlugin as n, withCssMacroStyleOptions as o, hasCssMacroTailwindV4Directive as r, hasCssMacroStyleOptions as t };

package/dist/auto-dPpsm6FB.js

@@ -0,0 +1,238 @@
+const require_chunk = require("./chunk-C5U5_Hdc.js");
+const require_postcss = require("./postcss-CiYLsqZn.js");
+let postcss = require("postcss");
+postcss = require_chunk.__toESM(postcss);
+let node_process = require("node:process");
+node_process = require_chunk.__toESM(node_process);
+//#region src/css-macro/auto.ts
+const CSS_MACRO_PLUGIN_MARKER = "__weappTailwindcssCssMacro";
+const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+const PLATFORM_ENV_KEYS = [
+	"WEAPP_TW_TARGET",
+	"WEAPP_TAILWINDCSS_TARGET",
+	"UNI_PLATFORM",
+	"UNI_UTS_PLATFORM",
+	"TARO_ENV",
+	"MPX_CLI_MODE",
+	"MPX_CURRENT_TARGET_MODE"
+];
+const CONDITIONAL_END_RE = /^\s*#endif\s*$/;
+function readEnvValue(key) {
+	return typeof node_process.default === "undefined" ? void 0 : node_process.default.env[key];
+}
+function normalizePlatformToken(value) {
+	return value?.trim().replaceAll("_", "-").toUpperCase() || void 0;
+}
+function resolveCssMacroPlatform(options) {
+	const explicit = normalizePlatformToken(options?.platform);
+	if (explicit) return explicit;
+	for (const key of PLATFORM_ENV_KEYS) {
+		const value = normalizePlatformToken(readEnvValue(key));
+		if (value) return value;
+	}
+}
+function createPlatformTokenSet(platform) {
+	const normalized = normalizePlatformToken(platform);
+	const tokens = /* @__PURE__ */ new Set();
+	if (!normalized) return tokens;
+	tokens.add(normalized);
+	if (normalized.startsWith("MP-")) tokens.add("MP");
+	if (normalized === "WEAPP" || normalized === "WEIXIN" || normalized === "WX") {
+		tokens.add("MP");
+		tokens.add("MP-WEIXIN");
+	}
+	if (normalized === "MP-WEIXIN") {
+		tokens.add("WEAPP");
+		tokens.add("WEIXIN");
+		tokens.add("WX");
+	}
+	if (normalized === "H5") tokens.add("WEB");
+	if (normalized === "WEB") tokens.add("H5");
+	if (normalized === "APP") tokens.add("APP-PLUS");
+	if (normalized.startsWith("APP-")) tokens.add("APP");
+	if (normalized.startsWith("QUICKAPP-WEBVIEW")) tokens.add("QUICKAPP-WEBVIEW");
+	return tokens;
+}
+function combineAnd(values) {
+	if (values.includes(false)) return false;
+	return values.every((value) => value === true) ? true : void 0;
+}
+function combineOr(values) {
+	if (values.includes(true)) return true;
+	return values.every((value) => value === false) ? false : void 0;
+}
+function evaluatePlatformExpression(expression, platformTokens) {
+	return combineOr(expression.split(/\s*\|\|\s*/).map((orPart) => {
+		return combineAnd(orPart.split(/\s*&&\s*/).map((part) => {
+			const token = normalizePlatformToken(part);
+			if (!token || /[<>=!()]/.test(token)) return;
+			return platformTokens.has(token);
+		}));
+	}));
+}
+function negateConditionalValue(value) {
+	return value === void 0 ? void 0 : !value;
+}
+function getActiveConditionalValue(stack) {
+	if (stack.includes(false)) return false;
+	return stack.includes(void 0) ? void 0 : true;
+}
+function parseConditionalStart(text) {
+	const normalized = text.trim();
+	if (!normalized.startsWith("#")) return;
+	const body = normalized.slice(1).trimStart();
+	for (const directive of ["ifndef", "ifdef"]) {
+		if (!body.startsWith(directive)) continue;
+		const expression = body.slice(directive.length).trim();
+		if (expression.length === 0) return;
+		return {
+			directive,
+			expression
+		};
+	}
+}
+function compileCssMacroConditionalComments(css, options) {
+	const platformTokens = createPlatformTokenSet(resolveCssMacroPlatform(options));
+	if (platformTokens.size === 0 || !css.includes("#if")) return css;
+	try {
+		const root = postcss.default.parse(css);
+		const transformContainer = (container) => {
+			const stack = [];
+			for (const node of [...container.nodes ?? []]) {
+				if (node.type === "comment") {
+					const start = parseConditionalStart(node.text);
+					if (start) {
+						const value = start.directive === "ifndef" ? negateConditionalValue(evaluatePlatformExpression(start.expression, platformTokens)) : evaluatePlatformExpression(start.expression, platformTokens);
+						const parentActive = getActiveConditionalValue(stack);
+						stack.push(value);
+						if (parentActive !== void 0 && value !== void 0) node.remove();
+						continue;
+					}
+					if (CONDITIONAL_END_RE.test(node.text)) {
+						const value = stack.pop();
+						if (getActiveConditionalValue(stack) !== void 0 && value !== void 0) node.remove();
+						continue;
+					}
+				}
+				if (getActiveConditionalValue(stack) === false) {
+					node.remove();
+					continue;
+				}
+				if ("nodes" in node && node.nodes) transformContainer(node);
+			}
+		};
+		transformContainer(root);
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
+function markCssMacroPlugin(value) {
+	Object.defineProperty(value, CSS_MACRO_PLUGIN_MARKER, {
+		configurable: false,
+		enumerable: false,
+		value: true
+	});
+	return value;
+}
+function isCssMacroTailwindPlugin(value) {
+	return Boolean(value && (typeof value === "function" || typeof value === "object") && value["__weappTailwindcssCssMacro"] === true);
+}
+function hasCssMacroTailwindPlugin(plugins) {
+	if (!plugins) return false;
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroTailwindPlugin);
+	if (typeof plugins === "object") return Object.values(plugins).some(isCssMacroTailwindPlugin);
+	return false;
+}
+function parseCssPluginRequest(params) {
+	const value = params.trim();
+	const quoted = /^(['"])(.*?)\1/.exec(value);
+	if (quoted) return quoted[2];
+	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
+	return url?.[2] ?? url?.[3];
+}
+function isCssMacroPluginRequest(request) {
+	return request === "weapp-tailwindcss/css-macro";
+}
+function hasCssMacroTailwindV4Directive(css) {
+	if (!css?.includes("css-macro")) return false;
+	try {
+		let found = false;
+		postcss.default.parse(css).walkAtRules("plugin", (rule) => {
+			if (isCssMacroPluginRequest(parseCssPluginRequest(rule.params))) found = true;
+		});
+		return found;
+	} catch {
+		return /@plugin\s+(?:url\(\s*)?["']weapp-tailwindcss\/css-macro["']/.test(css);
+	}
+}
+function isCssMacroPostcssPlugin(plugin) {
+	if (plugin === require_postcss.creator) return true;
+	return Boolean(plugin && (typeof plugin === "function" || typeof plugin === "object") && plugin.postcssPlugin === "postcss-weapp-tw-css-macro-plugin");
+}
+function withCssMacroPostcssPlugins(plugins) {
+	const macroPlugin = require_postcss.creator();
+	if (!plugins) return [macroPlugin];
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroPostcssPlugin) ? plugins : [...plugins, macroPlugin];
+	if (typeof plugins === "object") {
+		const values = Object.values(plugins).filter(Boolean);
+		if (values.some(isCssMacroPostcssPlugin)) return values;
+		return [...values, macroPlugin];
+	}
+	return [macroPlugin];
+}
+function withCssMacroStyleOptions(options) {
+	const postcssOptions = options?.postcssOptions;
+	return {
+		...options,
+		[CSS_MACRO_STYLE_OPTIONS_MARKER]: true,
+		postcssOptions: {
+			...postcssOptions,
+			plugins: withCssMacroPostcssPlugins(postcssOptions?.plugins)
+		}
+	};
+}
+function hasCssMacroStyleOptions(options) {
+	return Boolean(options?.[CSS_MACRO_STYLE_OPTIONS_MARKER]);
+}
+async function transformCssMacroCss(css, options) {
+	const result = (await (0, postcss.default)([require_postcss.creator()]).process(css, { from: void 0 })).css;
+	return compileCssMacroConditionalComments(result, options);
+}
+//#endregion
+Object.defineProperty(exports, "hasCssMacroStyleOptions", {
+	enumerable: true,
+	get: function() {
+		return hasCssMacroStyleOptions;
+	}
+});
+Object.defineProperty(exports, "hasCssMacroTailwindPlugin", {
+	enumerable: true,
+	get: function() {
+		return hasCssMacroTailwindPlugin;
+	}
+});
+Object.defineProperty(exports, "hasCssMacroTailwindV4Directive", {
+	enumerable: true,
+	get: function() {
+		return hasCssMacroTailwindV4Directive;
+	}
+});
+Object.defineProperty(exports, "markCssMacroPlugin", {
+	enumerable: true,
+	get: function() {
+		return markCssMacroPlugin;
+	}
+});
+Object.defineProperty(exports, "transformCssMacroCss", {
+	enumerable: true,
+	get: function() {
+		return transformCssMacroCss;
+	}
+});
+Object.defineProperty(exports, "withCssMacroStyleOptions", {
+	enumerable: true,
+	get: function() {
+		return withCssMacroStyleOptions;
+	}
+});