@weapp-tailwindcss/postcss 3.1.1 → 3.1.3

package/dist/compat/web-css.d.ts

@@ -0,0 +1,7 @@
+import type { WebCssCompatFeatures, WebCssCompatUserOptions } from '../types';
+export interface NormalizedWebCssCompatOptions {
+    preset: 'off' | 'legacy-web';
+    features: Required<WebCssCompatFeatures>;
+}
+export declare function normalizeWebCssCompatOptions(options: WebCssCompatUserOptions | undefined): NormalizedWebCssCompatOptions;
+export declare function transformWebCssCompat(css: string, options: WebCssCompatUserOptions | undefined): string;

package/dist/generator-plugin/types.d.ts

@@ -1,4 +1,4 @@
-import type { IStyleHandlerOptions } from '../types';
+import type { IStyleHandlerOptions, WebCssCompatUserOptions } from '../types';
 export type WeappTailwindcssPostcssTarget = 'weapp' | 'web' | 'tailwind';
 export interface TailwindCandidateSource {
     content: string;
@@ -32,6 +32,7 @@ export interface WeappTailwindcssPostcssGeneratorUserOptions {
     target?: WeappTailwindcssPostcssTarget | undefined;
     config?: string | undefined;
     styleOptions?: Partial<IStyleHandlerOptions> | undefined;
+    webCompat?: WebCssCompatUserOptions | undefined;
     importFallback?: boolean | undefined;
     bareArbitraryValues?: unknown;
 }
@@ -39,6 +40,7 @@ export interface NormalizedWeappTailwindcssPostcssGeneratorOptions {
     target: WeappTailwindcssPostcssTarget;
     config?: string | undefined;
     styleOptions?: Partial<IStyleHandlerOptions> | undefined;
+    webCompat: WebCssCompatUserOptions | undefined;
     importFallback: boolean;
     bareArbitraryValues?: unknown;
 }

package/dist/html-transform.js

@@ -1,2 +1,193 @@
-const require_html_transform = require("./html-transform-CMF3g0Cc.js");
-module.exports = require_html_transform.postcssHtmlTransform;
+const require_rolldown_runtime = require("./rolldown-runtime-emK7D4bc.js");
+let node_process = require("node:process");
+node_process = require_rolldown_runtime.__toESM(node_process);
+let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
+//#region src/html-transform.ts
+const htmlTags = [
+	"html",
+	"body",
+	"a",
+	"audio",
+	"button",
+	"canvas",
+	"form",
+	"iframe",
+	"img",
+	"input",
+	"label",
+	"progress",
+	"select",
+	"slot",
+	"textarea",
+	"video",
+	"abbr",
+	"area",
+	"b",
+	"bdi",
+	"big",
+	"br",
+	"cite",
+	"code",
+	"data",
+	"datalist",
+	"del",
+	"dfn",
+	"em",
+	"i",
+	"ins",
+	"kbd",
+	"map",
+	"mark",
+	"meter",
+	"output",
+	"picture",
+	"q",
+	"s",
+	"samp",
+	"small",
+	"span",
+	"strong",
+	"sub",
+	"sup",
+	"td",
+	"template",
+	"th",
+	"time",
+	"tt",
+	"u",
+	"var",
+	"wbr",
+	"address",
+	"article",
+	"aside",
+	"blockquote",
+	"caption",
+	"dd",
+	"details",
+	"dialog",
+	"div",
+	"dl",
+	"dt",
+	"fieldset",
+	"figcaption",
+	"figure",
+	"footer",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"header",
+	"hgroup",
+	"hr",
+	"legend",
+	"li",
+	"main",
+	"nav",
+	"ol",
+	"p",
+	"pre",
+	"section",
+	"summary",
+	"table",
+	"tbody",
+	"tfoot",
+	"thead",
+	"tr",
+	"ul",
+	"svg"
+];
+const miniAppTags = [
+	"cover-image",
+	"cover-view",
+	"match-media",
+	"movable-area",
+	"movable-view",
+	"page-container",
+	"scroll-view",
+	"share-element",
+	"swiper",
+	"swiper-item",
+	"view",
+	"icon",
+	"progress",
+	"rich-text",
+	"text",
+	"button",
+	"checkbox",
+	"checkbox-group",
+	"editor",
+	"form",
+	"input",
+	"keyboard-accessory",
+	"label",
+	"picker",
+	"picker-view",
+	"picker-view-column",
+	"radio",
+	"radio-group",
+	"slider",
+	"switch",
+	"textarea",
+	"functional-page-navigator",
+	"navigator",
+	"audio",
+	"camera",
+	"image",
+	"live-player",
+	"live-pusher",
+	"video",
+	"voip-room",
+	"map",
+	"canvas",
+	"web-view",
+	"ad",
+	"ad-custom",
+	"official-account",
+	"open-data",
+	"navigation-bar",
+	"page-meta"
+];
+const tags2Rgx = (tags = []) => new RegExp(`(^| |\\+|,|~|>|\\n)(${tags.join("|")})\\b(?=$| |\\.|\\+|,|~|:|\\[)`, "g");
+const UNIVERSAL_SELECTOR_RE = /(?:^| )\*(?![=/*])/;
+const postcssHtmlTransform = (opts = {}) => {
+	const options = (0, _weapp_tailwindcss_shared.defu)(opts, { platform: node_process.default.env.TARO_ENV });
+	let selectorFilter;
+	let walkRules;
+	switch (options.platform) {
+		case "h5":
+			selectorFilter = tags2Rgx(miniAppTags);
+			walkRules = (rule) => {
+				rule.selector = rule.selector.replace(selectorFilter, "$1taro-$2-core");
+			};
+			break;
+		case "rn": break;
+		case "quickapp": break;
+		default: {
+			const selector = tags2Rgx(htmlTags);
+			walkRules = (rule) => {
+				if (options.removeUniversal && UNIVERSAL_SELECTOR_RE.test(rule.selector)) {
+					rule.remove();
+					return;
+				}
+				rule.selector = rule.selector.replace(selector, "$1.h5-$2");
+			};
+		}
+	}
+	return {
+		postcssPlugin: "postcss-html-transform",
+		Rule(rule) {
+			if (typeof walkRules === "function") if (selectorFilter && selectorFilter.test(rule.selector)) walkRules(rule);
+			else walkRules(rule);
+		},
+		Declaration(decl) {
+			if (options?.removeCursorStyle) {
+				if (decl.prop === "cursor") decl.remove();
+			}
+		}
+	};
+};
+postcssHtmlTransform.postcss = true;
+//#endregion
+module.exports = postcssHtmlTransform;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { type DynamicColorMixAlphaProtection, type DynamicColorMixAlphaProtectio
 export { finalizeMiniProgramCss, hasMiniProgramCssSpecificityPlaceholders, hoistTailwindPreflightBase, pruneMiniProgramGeneratedCss, removeUnsupportedAtSupports, removeUnsupportedCascadeLayers, removeUnsupportedMiniProgramAtRules, stripMiniProgramCssSpecificityPlaceholders, } from './compat/mini-program-css';
 export { normalizeMiniProgramPrefixedDeclaration, removeUnsupportedMiniProgramPrefixedAtRule, } from './compat/mini-program-prefixes';
 export { convertTailwindcssRpxDeclarationsToRem, convertTailwindcssRpxDeclarationToRem, convertTailwindcssRpxValueToRem, normalizeTailwindcssRpxDeclaration, normalizeTailwindcssRpxDeclarations, normalizeTailwindcssWebRpxDeclarations, type TailwindcssRpxToRemOptions, } from './compat/tailwindcss-rpx';
+export { type NormalizedWebCssCompatOptions, normalizeWebCssCompatOptions, transformWebCssCompat, } from './compat/web-css';
 export { compileCssMacroConditionalComments, CSS_MACRO_STYLE_OPTIONS_MARKER, hasCssMacroStyleOptions, hasCssMacroTailwindV4Directive, transformCssMacroCss, withCssMacroStyleOptions, } from './css-macro/auto';
 export { CSS_MACRO_POSTCSS_PLUGIN_NAME, default as cssMacroPostcssPlugin } from './css-macro/postcss';
 export { createWeappTailwindcssPostcssPlugin } from './generator-plugin';