@weapp-tailwindcss/postcss 2.1.6-alpha.1 → 2.1.6-alpha.3

package/dist/index.js

@@ -3,6 +3,135 @@
 // src/handler.ts
 var _shared = require('@weapp-tailwindcss/shared');
 
+// src/compat/uni-app-x.ts
+var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
+var UNI_APP_X_BASE_CARRIER_SELECTORS = /* @__PURE__ */ new Set([
+  "*",
+  "view",
+  "text",
+  "::before",
+  "::after",
+  ":before",
+  ":after",
+  "::backdrop"
+]);
+var REQUIRED_TW_VAR_RE = /var\(\s*(--tw-[\w-]+)\s*\)/g;
+var CLASS_SELECTOR_RE = /\.[\w-]+/;
+var SELECTOR_WHITESPACE_RE = /\s+/g;
+function isUniAppXEnabled(options) {
+  return Boolean(_optionalChain([options, 'optionalAccess', _ => _.uniAppX]));
+}
+function normalizeSelector(selector) {
+  return selector.replace(SELECTOR_WHITESPACE_RE, "").toLowerCase();
+}
+function isBaseCarrierSelector(selector) {
+  return UNI_APP_X_BASE_CARRIER_SELECTORS.has(normalizeSelector(selector));
+}
+function isBaseCarrierRule(rule) {
+  return Array.isArray(rule.selectors) && rule.selectors.length > 0 && rule.selectors.every(isBaseCarrierSelector);
+}
+function hasClassSelector(rule) {
+  return Array.isArray(rule.selectors) && rule.selectors.some((selector) => CLASS_SELECTOR_RE.test(selector));
+}
+function collectRequiredTwVars(value) {
+  const result = /* @__PURE__ */ new Set();
+  for (const match of value.matchAll(REQUIRED_TW_VAR_RE)) {
+    const variableName = match[1];
+    if (variableName) {
+      result.add(variableName);
+    }
+  }
+  return result;
+}
+function extractUniAppXBaseDefaults(result) {
+  const defaults = /* @__PURE__ */ new Map();
+  result.root.walkRules((rule) => {
+    if (!isBaseCarrierRule(rule)) {
+      return;
+    }
+    rule.walkDecls((decl) => {
+      if (!decl.prop.startsWith("--tw-") || defaults.has(decl.prop)) {
+        return;
+      }
+      defaults.set(decl.prop, {
+        prop: decl.prop,
+        value: decl.value,
+        important: decl.important
+      });
+    });
+    rule.remove();
+  });
+  return defaults;
+}
+function injectUniAppXBaseDefaults(result, defaults) {
+  if (defaults.size === 0) {
+    return;
+  }
+  result.root.walkRules((rule) => {
+    if (!hasClassSelector(rule)) {
+      return;
+    }
+    const declaredProps = /* @__PURE__ */ new Set();
+    const requiredProps = /* @__PURE__ */ new Set();
+    rule.walkDecls((decl) => {
+      declaredProps.add(decl.prop);
+      for (const variableName of collectRequiredTwVars(decl.value)) {
+        requiredProps.add(variableName);
+      }
+    });
+    const prependDecls = [];
+    for (const variableName of requiredProps) {
+      if (declaredProps.has(variableName)) {
+        continue;
+      }
+      const declaration = defaults.get(variableName);
+      if (declaration) {
+        prependDecls.push(declaration);
+      }
+    }
+    for (const declaration of prependDecls.reverse()) {
+      rule.prepend(_postcss2.default.decl({
+        prop: declaration.prop,
+        value: declaration.value,
+        important: declaration.important
+      }));
+    }
+  });
+}
+function applyUniAppXBaseCompatibility(result, options) {
+  if (!isUniAppXEnabled(options)) {
+    return result;
+  }
+  const defaults = extractUniAppXBaseDefaults(result);
+  injectUniAppXBaseDefaults(result, defaults);
+  if (defaults.size === 0) {
+    return result;
+  }
+  return result.root.toResult(result.opts);
+}
+function stripUnsupportedPseudoForUniAppX(node, enabled) {
+  if (!enabled) {
+    return;
+  }
+  if (node.value === ":host") {
+    return;
+  }
+  node.remove();
+}
+function stripUnsupportedNodeForUniAppX(node, options) {
+  if (!isUniAppXEnabled(options)) {
+    return false;
+  }
+  if (node.type === "attribute" || node.type === "pseudo") {
+    node.remove();
+    return true;
+  }
+  return false;
+}
+function shouldRemoveEmptyRuleForUniAppX(rule, options) {
+  return isUniAppXEnabled(options) && rule.nodes.length === 0;
+}
+
 // src/defaults.ts
 function getDefaultOptions(options) {
   return {
@@ -15,9 +144,9 @@ function getDefaultOptions(options) {
         },
         "oklab-function": true,
         "color-mix": true,
-        "color-functional-notation": _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.cssPresetEnv, 'optionalAccess', _2 => _2.features, 'optionalAccess', _3 => _3["color-functional-notation"]]), () => ( { preserve: false })),
+        "color-functional-notation": _nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.cssPresetEnv, 'optionalAccess', _3 => _3.features, 'optionalAccess', _4 => _4["color-functional-notation"]]), () => ( { preserve: false })),
         // 在 calc 下，这个需要开启
-        "custom-properties": _nullishCoalesce(_optionalChain([options, 'optionalAccess', _4 => _4.cssPresetEnv, 'optionalAccess', _5 => _5.features, 'optionalAccess', _6 => _6["custom-properties"]]), () => ( _optionalChain([options, 'optionalAccess', _7 => _7.cssCalc]))) ? { preserve: true } : false
+        "custom-properties": _nullishCoalesce(_optionalChain([options, 'optionalAccess', _5 => _5.cssPresetEnv, 'optionalAccess', _6 => _6.features, 'optionalAccess', _7 => _7["custom-properties"]]), () => ( _optionalChain([options, 'optionalAccess', _8 => _8.cssCalc]))) ? { preserve: true } : false
       },
       autoprefixer: {
         add: false
@@ -253,7 +382,7 @@ function createInjectPreflight(options) {
 }
 
 // src/processor-cache.ts
-var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
+
 
 // src/pipeline.ts
 var _postcsspresetenv = require('postcss-preset-env'); var _postcsspresetenv2 = _interopRequireDefault(_postcsspresetenv);
@@ -265,10 +394,10 @@ var isSlashDiv = (node) => node.type === "div" && node.value === "/";
 function trimNodes(nodes2) {
   let start = 0;
   let end = nodes2.length;
-  while (start < end && _optionalChain([nodes2, 'access', _8 => _8[start], 'optionalAccess', _9 => _9.type]) === "space") {
+  while (start < end && _optionalChain([nodes2, 'access', _9 => _9[start], 'optionalAccess', _10 => _10.type]) === "space") {
     start += 1;
   }
-  while (end > start && _optionalChain([nodes2, 'access', _10 => _10[end - 1], 'optionalAccess', _11 => _11.type]) === "space") {
+  while (end > start && _optionalChain([nodes2, 'access', _11 => _11[end - 1], 'optionalAccess', _12 => _12.type]) === "space") {
     end -= 1;
   }
   return nodes2.slice(start, end);
@@ -553,7 +682,7 @@ function getUnitsToPxPlugin(options) {
 // src/compat/tailwindcss-rpx.ts
 var LENGTH_VALUE_REGEXP = /^[+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?rpx$/i;
 function normalizeTailwindcssRpxDeclaration(decl, options) {
-  const majorVersion = _optionalChain([options, 'optionalAccess', _12 => _12.majorVersion]);
+  const majorVersion = _optionalChain([options, 'optionalAccess', _13 => _13.majorVersion]);
   const normalizedValue = decl.value.trim();
   if (LENGTH_VALUE_REGEXP.test(normalizedValue) && (majorVersion === void 0 || majorVersion === 2 || majorVersion === 3 || majorVersion === 4)) {
     const lowerProp = decl.prop.toLowerCase();
@@ -740,7 +869,7 @@ var MODERN_CHECK_COLOR_RGB_RE = /color\s*:\s*rgb\(\s*from\s+red\s+r\s+g\s+b\s*\)
 var RADIUS_VALUE_RE = /\b([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)\s*(r?px)\b/gi;
 var SCIENTIFIC_NOTATION_RE = /e/i;
 function isTailwindcssV4(options) {
-  return _optionalChain([options, 'optionalAccess', _13 => _13.majorVersion]) === 4;
+  return _optionalChain([options, 'optionalAccess', _14 => _14.majorVersion]) === 4;
 }
 function testIfRootHostForV4(node) {
   return node.type === "rule" && node.selector.includes(":root") && node.selector.includes(":host");
@@ -786,30 +915,6 @@ function normalizeTailwindcssV4Declaration(decl) {
   return false;
 }
 
-// src/compat/uni-app-x.ts
-function isUniAppXEnabled(options) {
-  return Boolean(_optionalChain([options, 'optionalAccess', _14 => _14.uniAppX]));
-}
-function stripUnsupportedPseudoForUniAppX(node, enabled) {
-  if (!enabled) {
-    return;
-  }
-  node.remove();
-}
-function stripUnsupportedNodeForUniAppX(node, options) {
-  if (!isUniAppXEnabled(options)) {
-    return false;
-  }
-  if (node.type === "tag" || node.type === "attribute" || node.type === "pseudo") {
-    node.remove();
-    return true;
-  }
-  return false;
-}
-function shouldRemoveEmptyRuleForUniAppX(rule, options) {
-  return isUniAppXEnabled(options) && rule.nodes.length === 0;
-}
-
 // src/constants.ts
 var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 
@@ -1307,10 +1412,17 @@ function shouldRemoveHoverSelector(selector, options) {
   return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
 var UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = /* @__PURE__ */ new Set([
+  ":after",
+  ":before",
+  "::after",
+  "::before",
   "::backdrop",
   "::file-selector-button"
 ]);
-function shouldRemoveUnsupportedPseudoElementSelector(selector) {
+function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
+  if (!isUniAppXEnabled(options)) {
+    return selector.nodes.some((node) => node.type === "pseudo" && (node.value === "::backdrop" || node.value === "::file-selector-button"));
+  }
   return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
 }
 function isHiddenOrTemplateNotPseudo(node) {
@@ -1369,7 +1481,7 @@ function handleTagOrAttribute(node, context) {
   stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
-  if (shouldRemoveUnsupportedPseudoElementSelector(selector)) {
+  if (shouldRemoveUnsupportedPseudoElementSelector(selector, context.options)) {
     selector.remove();
     return;
   }
@@ -1516,6 +1628,65 @@ function ruleTransformSync(rule, options) {
   transformer(rule);
 }
 
+// src/utils/selector-guard.ts
+var ruleSelectorMutationStateMap = /* @__PURE__ */ new WeakMap();
+var DEFAULT_SELECTOR_MUTATION_LIMIT = 24;
+function toSelectorSignature(selectors) {
+  return selectors.join(",");
+}
+function getRuleSelectorMutationState(rule) {
+  let state = ruleSelectorMutationStateMap.get(rule);
+  if (!state) {
+    state = {
+      count: 0,
+      seen: /* @__PURE__ */ new Set(),
+      trace: []
+    };
+    const current = _nullishCoalesce(rule.selectors, () => ( []));
+    state.seen.add(toSelectorSignature(current));
+    ruleSelectorMutationStateMap.set(rule, state);
+  }
+  return state;
+}
+function pushTrace(state, meta, selectors) {
+  state.trace.push(`${meta.phase}:${meta.reason}:${toSelectorSignature(selectors)}`);
+  if (state.trace.length > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    state.trace.shift();
+  }
+}
+function createSelectorCycleError(meta, state, selectors) {
+  const next = toSelectorSignature(selectors);
+  const trace = [...state.trace, `${meta.phase}:${meta.reason}:${next}`].join(" -> ");
+  return new Error(`[postcss-selector-guard] \u68C0\u6D4B\u5230\u53EF\u80FD\u7684\u9009\u62E9\u5668\u6B7B\u5FAA\u73AF: ${trace}`);
+}
+function assignRuleSelectors(rule, selectors, meta) {
+  const current = _nullishCoalesce(rule.selectors, () => ( []));
+  const currentSignature = toSelectorSignature(current);
+  const nextSignature = toSelectorSignature(selectors);
+  if (currentSignature === nextSignature) {
+    return false;
+  }
+  const state = getRuleSelectorMutationState(rule);
+  if (state.seen.has(nextSignature)) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  state.count += 1;
+  if (state.count > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  pushTrace(state, meta, selectors);
+  state.seen.add(nextSignature);
+  rule.selectors = selectors;
+  return true;
+}
+function appendRuleSelector(rule, selector, meta) {
+  const current = _nullishCoalesce(rule.selectors, () => ( []));
+  if (current.includes(selector)) {
+    return false;
+  }
+  return assignRuleSelectors(rule, [...current, selector], meta);
+}
+
 // src/plugins/post/decl-dedupe.ts
 var logicalPropMap = /* @__PURE__ */ new Map([
   // margin 方向映射
@@ -1684,6 +1855,7 @@ function createRootSpecificityCleaner(options) {
     if (!rule.selectors || rule.selectors.length === 0) {
       return;
     }
+    let changed = false;
     const next = rule.selectors.map((selector) => {
       let updated = selector;
       for (const target of targets) {
@@ -1694,9 +1866,15 @@ function createRootSpecificityCleaner(options) {
           updated = updated.split(target.spacedMatch).join(target.replacement);
         }
       }
+      if (updated !== selector) {
+        changed = true;
+      }
       return updated;
     });
-    rule.selectors = next;
+    changed && assignRuleSelectors(rule, next, {
+      phase: "post",
+      reason: "clean-root-specificity"
+    });
   };
 }
 
@@ -1741,7 +1919,10 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       _optionalChain([cleanRootSpecificity, 'optionalCall', _58 => _58(rule)]);
       if (enableMainChunkTransforms) {
         if (_optionalChain([shouldAppendHostSelector, 'optionalCall', _59 => _59(rule)])) {
-          rule.selectors = [...rule.selectors, ":host"];
+          appendRuleSelector(rule, ":host", {
+            phase: "post",
+            reason: "append-host-selector"
+          });
         }
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
@@ -2047,20 +2228,39 @@ function remakeCssVarSelector(selectors, options) {
   }
   return selectors;
 }
+function resolveUniAppXVariableScopeSelectors(options) {
+  const universal = _optionalChain([options, 'access', _62 => _62.cssSelectorReplacement, 'optionalAccess', _63 => _63.universal]);
+  if (Array.isArray(universal) && universal.length > 0) {
+    return [...universal];
+  }
+  if (typeof universal === "string" && universal.length > 0) {
+    return [universal];
+  }
+  return ["view", "text"];
+}
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
-  const rootOption = _optionalChain([options, 'access', _62 => _62.cssSelectorReplacement, 'optionalAccess', _63 => _63.root]);
+  const uniAppXEnabled = isUniAppXEnabled(options);
+  const rootOption = _optionalChain([options, 'access', _64 => _64.cssSelectorReplacement, 'optionalAccess', _65 => _65.root]);
   const rootSelectors = rootOption === false || rootOption === void 0 ? [] : Array.isArray(rootOption) ? rootOption.filter(Boolean) : [rootOption];
   const hasHostSelector = node.selectors.some((selector) => selector.includes(":host"));
   const hasRootPseudoSelector = node.selectors.some((selector) => selector.includes(":root"));
   const hasAllDefaultRootSelectors = DEFAULT_ROOT_SELECTORS2.every((selector) => node.selectors.includes(selector));
   if (!hasHostSelector && !rootSelectors.includes(":host") && (hasRootPseudoSelector || rootSelectors.length === DEFAULT_ROOT_SELECTORS2.length && rootSelectors.every((selector, index) => selector === DEFAULT_ROOT_SELECTORS2[index]) && hasAllDefaultRootSelectors)) {
-    node.selectors = [...node.selectors, ":host"];
+    appendRuleSelector(node, ":host", {
+      phase: "pre",
+      reason: "append-host-selector"
+    });
   }
-  if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _64 => _64.markVariablesScope, 'call', _65 => _65(node)]);
-    node.selectors = remakeCssVarSelector(node.selectors, options);
-    node.before(makePseudoVarRule());
+  if (testIfVariablesScope(node) || uniAppXEnabled && node.selectors.includes("*") && hasTwVars(node, 2)) {
+    _optionalChain([ctx, 'optionalAccess', _66 => _66.markVariablesScope, 'call', _67 => _67(node)]);
+    assignRuleSelectors(node, uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : remakeCssVarSelector(node.selectors, options), {
+      phase: "pre",
+      reason: "rewrite-variable-scope"
+    });
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       node.append(...cssInjectPreflight());
     }
@@ -2068,12 +2268,19 @@ function commonChunkPreflight(node, options) {
   const isTailwindcss4 = isTailwindcssV4(options);
   if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
     const syntheticRule = new (0, _postcss.Rule)({
-      selectors: ["*", "::after", "::before"],
+      selectors: uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : ["*", "::after", "::before"],
       nodes: isTailwindcss4 ? cssVarsV4Nodes : cssVarsV3Nodes
     });
-    syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options);
+    if (!uniAppXEnabled) {
+      assignRuleSelectors(syntheticRule, remakeCssVarSelector(syntheticRule.selectors, options), {
+        phase: "pre",
+        reason: "rewrite-synthetic-variable-scope"
+      });
+    }
     node.before(syntheticRule);
-    node.before(makePseudoVarRule());
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       syntheticRule.append(...cssInjectPreflight());
     }
@@ -2118,9 +2325,9 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
       root.walkAtRules((atRule) => {
         if (atRule.name === "layer") {
           if (atRule.params === "properties") {
-            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _66 => _66.nodes, 'optionalAccess', _67 => _67.length]) === 0) {
+            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _68 => _68.nodes, 'optionalAccess', _69 => _69.length]) === 0) {
               layerProperties = atRule;
-            } else if (_optionalChain([atRule, 'access', _68 => _68.first, 'optionalAccess', _69 => _69.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
+            } else if (_optionalChain([atRule, 'access', _70 => _70.first, 'optionalAccess', _71 => _71.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
               if (layerProperties) {
                 layerProperties.replaceWith(atRule.first.nodes);
                 atRule.remove();
@@ -2132,7 +2339,7 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
             atRule.replaceWith(atRule.nodes);
           }
         } else if (isTailwindcssV4ModernCheck(atRule)) {
-          if (_optionalChain([atRule, 'access', _70 => _70.first, 'optionalAccess', _71 => _71.type]) === "atrule" && atRule.first.name === "layer") {
+          if (_optionalChain([atRule, 'access', _72 => _72.first, 'optionalAccess', _73 => _73.type]) === "atrule" && atRule.first.name === "layer") {
             atRule.replaceWith(atRule.first.nodes);
           }
         }
@@ -2168,7 +2375,7 @@ function createPreparedNode(id, stage, createPlugin) {
 }
 function createPreparedNodes(options) {
   const preparedNodes = [];
-  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _72 => _72.postcssOptions, 'optionalAccess', _73 => _73.plugins]));
+  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _74 => _74.postcssOptions, 'optionalAccess', _75 => _75.plugins]));
   const presetEnvOptions = options.cssPresetEnv;
   userPlugins.forEach((plugin, index) => {
     preparedNodes.push(createPreparedNode(`pre:user-${index}`, "pre", () => plugin));
@@ -2264,7 +2471,7 @@ function createStylePipeline(options) {
 function createProcessOptions(options) {
   return {
     from: void 0,
-    ..._nullishCoalesce(_optionalChain([options, 'access', _74 => _74.postcssOptions, 'optionalAccess', _75 => _75.options]), () => ( {}))
+    ..._nullishCoalesce(_optionalChain([options, 'access', _76 => _76.postcssOptions, 'optionalAccess', _77 => _77.options]), () => ( {}))
   };
 }
 function getSimpleProcessOptionsCacheKey(options) {
@@ -2303,7 +2510,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
   __init4() {this.processorCacheByKey = /* @__PURE__ */ new Map()}
   __init5() {this.processorKeyCache = /* @__PURE__ */ new WeakMap()}
   createProcessorCacheKey(options) {
-    const from = _optionalChain([options, 'access', _76 => _76.postcssOptions, 'optionalAccess', _77 => _77.options, 'optionalAccess', _78 => _78.from]);
+    const from = _optionalChain([options, 'access', _78 => _78.postcssOptions, 'optionalAccess', _79 => _79.options, 'optionalAccess', _80 => _80.from]);
     if (from == null) {
       return fingerprintOptions(options);
     }
@@ -2312,7 +2519,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
       postcssOptions: {
         ..._nullishCoalesce(options.postcssOptions, () => ( {})),
         options: {
-          ..._nullishCoalesce(_optionalChain([options, 'access', _79 => _79.postcssOptions, 'optionalAccess', _80 => _80.options]), () => ( {})),
+          ..._nullishCoalesce(_optionalChain([options, 'access', _81 => _81.postcssOptions, 'optionalAccess', _82 => _82.options]), () => ( {})),
           from: void 0
         }
       }
@@ -2327,7 +2534,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
     return pipeline;
   }
   getProcessOptions(options) {
-    const source = _optionalChain([options, 'access', _81 => _81.postcssOptions, 'optionalAccess', _82 => _82.options]);
+    const source = _optionalChain([options, 'access', _83 => _83.postcssOptions, 'optionalAccess', _84 => _84.options]);
     const cacheKey = source ? _nullishCoalesce(getSimpleProcessOptionsCacheKey(source), () => ( fingerprintOptions(source))) : void 0;
     const cached = this.processOptionsCache.get(options);
     if (!cached || cached.cacheKey !== cacheKey) {
@@ -2376,7 +2583,7 @@ function createStyleHandler(options) {
     return processor.process(
       rawSource,
       processOptions
-    ).async();
+    ).async().then((result) => applyUniAppXBaseCompatibility(result, resolvedOptions));
   });
   handler.getPipeline = (opt) => {
     const resolvedOptions = resolver.resolve(opt);

package/dist/index.mjs

@@ -3,6 +3,135 @@ import "./chunk-WAXGOBY2.mjs";
 // src/handler.ts
 import { defuOverrideArray as defuOverrideArray4 } from "@weapp-tailwindcss/shared";
 
+// src/compat/uni-app-x.ts
+import postcss from "postcss";
+var UNI_APP_X_BASE_CARRIER_SELECTORS = /* @__PURE__ */ new Set([
+  "*",
+  "view",
+  "text",
+  "::before",
+  "::after",
+  ":before",
+  ":after",
+  "::backdrop"
+]);
+var REQUIRED_TW_VAR_RE = /var\(\s*(--tw-[\w-]+)\s*\)/g;
+var CLASS_SELECTOR_RE = /\.[\w-]+/;
+var SELECTOR_WHITESPACE_RE = /\s+/g;
+function isUniAppXEnabled(options) {
+  return Boolean(options?.uniAppX);
+}
+function normalizeSelector(selector) {
+  return selector.replace(SELECTOR_WHITESPACE_RE, "").toLowerCase();
+}
+function isBaseCarrierSelector(selector) {
+  return UNI_APP_X_BASE_CARRIER_SELECTORS.has(normalizeSelector(selector));
+}
+function isBaseCarrierRule(rule) {
+  return Array.isArray(rule.selectors) && rule.selectors.length > 0 && rule.selectors.every(isBaseCarrierSelector);
+}
+function hasClassSelector(rule) {
+  return Array.isArray(rule.selectors) && rule.selectors.some((selector) => CLASS_SELECTOR_RE.test(selector));
+}
+function collectRequiredTwVars(value) {
+  const result = /* @__PURE__ */ new Set();
+  for (const match of value.matchAll(REQUIRED_TW_VAR_RE)) {
+    const variableName = match[1];
+    if (variableName) {
+      result.add(variableName);
+    }
+  }
+  return result;
+}
+function extractUniAppXBaseDefaults(result) {
+  const defaults = /* @__PURE__ */ new Map();
+  result.root.walkRules((rule) => {
+    if (!isBaseCarrierRule(rule)) {
+      return;
+    }
+    rule.walkDecls((decl) => {
+      if (!decl.prop.startsWith("--tw-") || defaults.has(decl.prop)) {
+        return;
+      }
+      defaults.set(decl.prop, {
+        prop: decl.prop,
+        value: decl.value,
+        important: decl.important
+      });
+    });
+    rule.remove();
+  });
+  return defaults;
+}
+function injectUniAppXBaseDefaults(result, defaults) {
+  if (defaults.size === 0) {
+    return;
+  }
+  result.root.walkRules((rule) => {
+    if (!hasClassSelector(rule)) {
+      return;
+    }
+    const declaredProps = /* @__PURE__ */ new Set();
+    const requiredProps = /* @__PURE__ */ new Set();
+    rule.walkDecls((decl) => {
+      declaredProps.add(decl.prop);
+      for (const variableName of collectRequiredTwVars(decl.value)) {
+        requiredProps.add(variableName);
+      }
+    });
+    const prependDecls = [];
+    for (const variableName of requiredProps) {
+      if (declaredProps.has(variableName)) {
+        continue;
+      }
+      const declaration = defaults.get(variableName);
+      if (declaration) {
+        prependDecls.push(declaration);
+      }
+    }
+    for (const declaration of prependDecls.reverse()) {
+      rule.prepend(postcss.decl({
+        prop: declaration.prop,
+        value: declaration.value,
+        important: declaration.important
+      }));
+    }
+  });
+}
+function applyUniAppXBaseCompatibility(result, options) {
+  if (!isUniAppXEnabled(options)) {
+    return result;
+  }
+  const defaults = extractUniAppXBaseDefaults(result);
+  injectUniAppXBaseDefaults(result, defaults);
+  if (defaults.size === 0) {
+    return result;
+  }
+  return result.root.toResult(result.opts);
+}
+function stripUnsupportedPseudoForUniAppX(node, enabled) {
+  if (!enabled) {
+    return;
+  }
+  if (node.value === ":host") {
+    return;
+  }
+  node.remove();
+}
+function stripUnsupportedNodeForUniAppX(node, options) {
+  if (!isUniAppXEnabled(options)) {
+    return false;
+  }
+  if (node.type === "attribute" || node.type === "pseudo") {
+    node.remove();
+    return true;
+  }
+  return false;
+}
+function shouldRemoveEmptyRuleForUniAppX(rule, options) {
+  return isUniAppXEnabled(options) && rule.nodes.length === 0;
+}
+
 // src/defaults.ts
 function getDefaultOptions(options) {
   return {
@@ -253,7 +382,7 @@ function createInjectPreflight(options) {
 }
 
 // src/processor-cache.ts
-import postcss from "postcss";
+import postcss2 from "postcss";
 
 // src/pipeline.ts
 import postcssPresetEnv from "postcss-preset-env";
@@ -786,30 +915,6 @@ function normalizeTailwindcssV4Declaration(decl) {
   return false;
 }
 
-// src/compat/uni-app-x.ts
-function isUniAppXEnabled(options) {
-  return Boolean(options?.uniAppX);
-}
-function stripUnsupportedPseudoForUniAppX(node, enabled) {
-  if (!enabled) {
-    return;
-  }
-  node.remove();
-}
-function stripUnsupportedNodeForUniAppX(node, options) {
-  if (!isUniAppXEnabled(options)) {
-    return false;
-  }
-  if (node.type === "tag" || node.type === "attribute" || node.type === "pseudo") {
-    node.remove();
-    return true;
-  }
-  return false;
-}
-function shouldRemoveEmptyRuleForUniAppX(rule, options) {
-  return isUniAppXEnabled(options) && rule.nodes.length === 0;
-}
-
 // src/constants.ts
 var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 
@@ -1307,10 +1412,17 @@ function shouldRemoveHoverSelector(selector, options) {
   return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
 var UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = /* @__PURE__ */ new Set([
+  ":after",
+  ":before",
+  "::after",
+  "::before",
   "::backdrop",
   "::file-selector-button"
 ]);
-function shouldRemoveUnsupportedPseudoElementSelector(selector) {
+function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
+  if (!isUniAppXEnabled(options)) {
+    return selector.nodes.some((node) => node.type === "pseudo" && (node.value === "::backdrop" || node.value === "::file-selector-button"));
+  }
   return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
 }
 function isHiddenOrTemplateNotPseudo(node) {
@@ -1369,7 +1481,7 @@ function handleTagOrAttribute(node, context) {
   stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
-  if (shouldRemoveUnsupportedPseudoElementSelector(selector)) {
+  if (shouldRemoveUnsupportedPseudoElementSelector(selector, context.options)) {
     selector.remove();
     return;
   }
@@ -1516,6 +1628,65 @@ function ruleTransformSync(rule, options) {
   transformer(rule);
 }
 
+// src/utils/selector-guard.ts
+var ruleSelectorMutationStateMap = /* @__PURE__ */ new WeakMap();
+var DEFAULT_SELECTOR_MUTATION_LIMIT = 24;
+function toSelectorSignature(selectors) {
+  return selectors.join(",");
+}
+function getRuleSelectorMutationState(rule) {
+  let state = ruleSelectorMutationStateMap.get(rule);
+  if (!state) {
+    state = {
+      count: 0,
+      seen: /* @__PURE__ */ new Set(),
+      trace: []
+    };
+    const current = rule.selectors ?? [];
+    state.seen.add(toSelectorSignature(current));
+    ruleSelectorMutationStateMap.set(rule, state);
+  }
+  return state;
+}
+function pushTrace(state, meta, selectors) {
+  state.trace.push(`${meta.phase}:${meta.reason}:${toSelectorSignature(selectors)}`);
+  if (state.trace.length > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    state.trace.shift();
+  }
+}
+function createSelectorCycleError(meta, state, selectors) {
+  const next = toSelectorSignature(selectors);
+  const trace = [...state.trace, `${meta.phase}:${meta.reason}:${next}`].join(" -> ");
+  return new Error(`[postcss-selector-guard] \u68C0\u6D4B\u5230\u53EF\u80FD\u7684\u9009\u62E9\u5668\u6B7B\u5FAA\u73AF: ${trace}`);
+}
+function assignRuleSelectors(rule, selectors, meta) {
+  const current = rule.selectors ?? [];
+  const currentSignature = toSelectorSignature(current);
+  const nextSignature = toSelectorSignature(selectors);
+  if (currentSignature === nextSignature) {
+    return false;
+  }
+  const state = getRuleSelectorMutationState(rule);
+  if (state.seen.has(nextSignature)) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  state.count += 1;
+  if (state.count > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  pushTrace(state, meta, selectors);
+  state.seen.add(nextSignature);
+  rule.selectors = selectors;
+  return true;
+}
+function appendRuleSelector(rule, selector, meta) {
+  const current = rule.selectors ?? [];
+  if (current.includes(selector)) {
+    return false;
+  }
+  return assignRuleSelectors(rule, [...current, selector], meta);
+}
+
 // src/plugins/post/decl-dedupe.ts
 var logicalPropMap = /* @__PURE__ */ new Map([
   // margin 方向映射
@@ -1684,6 +1855,7 @@ function createRootSpecificityCleaner(options) {
     if (!rule.selectors || rule.selectors.length === 0) {
       return;
     }
+    let changed = false;
     const next = rule.selectors.map((selector) => {
       let updated = selector;
       for (const target of targets) {
@@ -1694,9 +1866,15 @@ function createRootSpecificityCleaner(options) {
           updated = updated.split(target.spacedMatch).join(target.replacement);
         }
       }
+      if (updated !== selector) {
+        changed = true;
+      }
       return updated;
     });
-    rule.selectors = next;
+    changed && assignRuleSelectors(rule, next, {
+      phase: "post",
+      reason: "clean-root-specificity"
+    });
   };
 }
 
@@ -1741,7 +1919,10 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       cleanRootSpecificity?.(rule);
       if (enableMainChunkTransforms) {
         if (shouldAppendHostSelector?.(rule)) {
-          rule.selectors = [...rule.selectors, ":host"];
+          appendRuleSelector(rule, ":host", {
+            phase: "post",
+            reason: "append-host-selector"
+          });
         }
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
@@ -2047,20 +2228,39 @@ function remakeCssVarSelector(selectors, options) {
   }
   return selectors;
 }
+function resolveUniAppXVariableScopeSelectors(options) {
+  const universal = options.cssSelectorReplacement?.universal;
+  if (Array.isArray(universal) && universal.length > 0) {
+    return [...universal];
+  }
+  if (typeof universal === "string" && universal.length > 0) {
+    return [universal];
+  }
+  return ["view", "text"];
+}
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
+  const uniAppXEnabled = isUniAppXEnabled(options);
   const rootOption = options.cssSelectorReplacement?.root;
   const rootSelectors = rootOption === false || rootOption === void 0 ? [] : Array.isArray(rootOption) ? rootOption.filter(Boolean) : [rootOption];
   const hasHostSelector = node.selectors.some((selector) => selector.includes(":host"));
   const hasRootPseudoSelector = node.selectors.some((selector) => selector.includes(":root"));
   const hasAllDefaultRootSelectors = DEFAULT_ROOT_SELECTORS2.every((selector) => node.selectors.includes(selector));
   if (!hasHostSelector && !rootSelectors.includes(":host") && (hasRootPseudoSelector || rootSelectors.length === DEFAULT_ROOT_SELECTORS2.length && rootSelectors.every((selector, index) => selector === DEFAULT_ROOT_SELECTORS2[index]) && hasAllDefaultRootSelectors)) {
-    node.selectors = [...node.selectors, ":host"];
+    appendRuleSelector(node, ":host", {
+      phase: "pre",
+      reason: "append-host-selector"
+    });
   }
-  if (testIfVariablesScope(node)) {
+  if (testIfVariablesScope(node) || uniAppXEnabled && node.selectors.includes("*") && hasTwVars(node, 2)) {
     ctx?.markVariablesScope(node);
-    node.selectors = remakeCssVarSelector(node.selectors, options);
-    node.before(makePseudoVarRule());
+    assignRuleSelectors(node, uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : remakeCssVarSelector(node.selectors, options), {
+      phase: "pre",
+      reason: "rewrite-variable-scope"
+    });
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       node.append(...cssInjectPreflight());
     }
@@ -2068,12 +2268,19 @@ function commonChunkPreflight(node, options) {
   const isTailwindcss4 = isTailwindcssV4(options);
   if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
     const syntheticRule = new Rule({
-      selectors: ["*", "::after", "::before"],
+      selectors: uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : ["*", "::after", "::before"],
       nodes: isTailwindcss4 ? cssVarsV4Nodes : cssVarsV3Nodes
     });
-    syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options);
+    if (!uniAppXEnabled) {
+      assignRuleSelectors(syntheticRule, remakeCssVarSelector(syntheticRule.selectors, options), {
+        phase: "pre",
+        reason: "rewrite-synthetic-variable-scope"
+      });
+    }
     node.before(syntheticRule);
-    node.before(makePseudoVarRule());
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       syntheticRule.append(...cssInjectPreflight());
     }
@@ -2348,7 +2555,7 @@ var StyleProcessorCache = class {
       processor = this.processorCacheByKey.get(cacheKey);
       if (!processor) {
         const pipeline = this.getPipeline(options);
-        processor = postcss(pipeline.plugins);
+        processor = postcss2(pipeline.plugins);
         this.processorCacheByKey.set(cacheKey, processor);
       }
       this.processorCache.set(options, processor);
@@ -2376,7 +2583,7 @@ function createStyleHandler(options) {
     return processor.process(
       rawSource,
       processOptions
-    ).async();
+    ).async().then((result) => applyUniAppXBaseCompatibility(result, resolvedOptions));
   });
   handler.getPipeline = (opt) => {
     const resolvedOptions = resolver.resolve(opt);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "2.1.6-alpha.1",
+  "version": "2.1.6-alpha.3",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",