@weapp-tailwindcss/postcss 1.0.21 → 1.1.0-alpha.1

package/README.md

@@ -23,7 +23,7 @@
 > [!NOTE]
 > 降低开发维护成本，提升开发效率的 `小程序` `tailwindcss` 全方面解决方案
 >
-> 小程序原生工具链 `weapp-vite` 已经发布，使用它改善你的原生小程序开发体验吧，更多详见 [官方文档](https://vite.icebreaker.top/)
+> `weapp-tailwindcss@4.2.x` 现已支持 `uni-app x` 同时构建 `Web`,`小程序`,`安卓`,`IOS`,`鸿蒙`，详见 [**uni-app x 专题**](https://tw.icebreaker.top/docs/uni-app-x)
 
 \[[文档地址](https://tw.icebreaker.top)\] \| \[[备用文档地址](https://ice-tw.netlify.app/)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\]
 
@@ -35,7 +35,6 @@
 - [各个框架的模板](#各个框架的模板)
 - [旧版本迁移指南](#旧版本迁移指南)
 - [配置项参考](#配置项参考)
-- [变更日志](#变更日志)
 - [Contribute](#contribute)
 - [License](#license)
 - [Star History](#star-history)
@@ -48,9 +47,9 @@
 | --------------------------------------------------- | ----------------------------------------------- |
 | ![wepback+vite+gulp](./assets/weapp-tw-plugins.png) | ![frameworks](./assets/weapp-tw-frameworks.png) |
 
-核心插件支持 `webpack`/`vite`/`gulp` 为基底的框架类小程序开发，涵盖了市面上几乎所有的主流的开发框架。
+核心插件支持 `webpack`/`vite`/`rspack`/`rollup`/`rolldown`/`gulp` 为基底的框架类小程序开发，涵盖了市面上几乎所有的主流的开发框架。
 
-同时也支持最原生的开发者工具创建的原生小程序应用。
+也支持直接从各个开发者工具中，直接创建的原生小程序应用。
 
 这些插件能够自动识别并精确处理所有 `tailwindcss` 的工具类来适配小程序环境。
 
@@ -75,8 +74,6 @@
 
 ## [配置项参考](https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions)
 
-## [变更日志](./CHANGELOG.md)
-
 ## Contribute
 
 我们邀请你来贡献和帮助改进 `weapp-tailwindcss` 💚💚💚

package/dist/html-transform.js

@@ -38,10 +38,16 @@ var postcssHtmlTransform = (opts = {}) => {
   return {
     postcssPlugin: "postcss-html-transform",
     Rule(rule) {
-      _optionalChain([walkRules, 'optionalCall', _ => _(rule)]);
+      if (typeof walkRules === "function") {
+        if (selectorFilter && selectorFilter.test(rule.selector)) {
+          walkRules(rule);
+        } else {
+          walkRules(rule);
+        }
+      }
     },
     Declaration(decl) {
-      if (_optionalChain([options, 'optionalAccess', _2 => _2.removeCursorStyle])) {
+      if (_optionalChain([options, 'optionalAccess', _ => _.removeCursorStyle])) {
         if (decl.prop === "cursor") {
           decl.remove();
         }

package/dist/html-transform.mjs

@@ -38,7 +38,13 @@ var postcssHtmlTransform = (opts = {}) => {
   return {
     postcssPlugin: "postcss-html-transform",
     Rule(rule) {
-      walkRules?.(rule);
+      if (typeof walkRules === "function") {
+        if (selectorFilter && selectorFilter.test(rule.selector)) {
+          walkRules(rule);
+        } else {
+          walkRules(rule);
+        }
+      }
     },
     Declaration(decl) {
       if (options?.removeCursorStyle) {

package/dist/index.js

@@ -59,6 +59,7 @@ function createContext() {
 var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 
 // src/selectorParser.ts
+
 var _postcssselectorparser = require('postcss-selector-parser'); var _postcssselectorparser2 = _interopRequireDefault(_postcssselectorparser);
 
 // src/shared.ts
@@ -190,9 +191,6 @@ function createRuleTransform(rule, options) {
             }
           }
         }
-        if (uniAppX) {
-          selector.remove();
-        }
       } else if (selector.type === "combinator") {
         if (selector.value === ">") {
           const nodes2 = _optionalChain([selector, 'access', _5 => _5.parent, 'optionalAccess', _6 => _6.nodes]);
@@ -259,7 +257,8 @@ function isOnlyBeforeAndAfterPseudoElement(node) {
   }).astSync(node);
   return b && a;
 }
-function getFallbackRemove(rule) {
+function getFallbackRemove(rule, options) {
+  const { uniAppX } = _shared.defuOverrideArray.call(void 0, options, {});
   const fallbackRemove = _postcssselectorparser2.default.call(void 0, (selectors) => {
     let maybeImportantId = false;
     selectors.walk((selector, idx) => {
@@ -307,6 +306,10 @@ function getFallbackRemove(rule) {
           if (res) {
             selector.remove();
           }
+        } else if (selector.type === "pseudo") {
+          if (uniAppX) {
+            selector.remove();
+          }
         }
       }
     });
@@ -324,34 +327,32 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     postcssPlugin
   };
   if (opts.isMainChunk) {
-    p.OnceExit = (root) => {
-      root.walkRules((rule) => {
-        getFallbackRemove(rule).transformSync(rule, {
-          updateSelector: true,
-          lossless: false
-        });
-        if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
-          rule.remove();
-        }
-        rule.walkDecls((decl) => {
-          if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
-            decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
-          } else if (/calc\(\s*infinity\s*\*\s*1px/.test(decl.value)) {
-            decl.value = "9999px";
-          }
-        });
-        if (opts.uniAppX) {
-          if (rule.nodes.length === 0) {
-            rule.remove();
-          }
-        }
+    p.RuleExit = (rule) => {
+      getFallbackRemove(rule, opts).transformSync(rule, {
+        updateSelector: true,
+        lossless: false
       });
-      root.walkAtRules((atRule) => {
-        if (opts.cssRemoveProperty && atRule.name === "property") {
-          atRule.remove();
+      if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
+        rule.remove();
+      }
+      if (opts.uniAppX) {
+        if (rule.nodes.length === 0) {
+          rule.remove();
         }
-        _optionalChain([atRule, 'access', _24 => _24.nodes, 'optionalAccess', _25 => _25.length]) === 0 && atRule.remove();
-      });
+      }
+    };
+    p.DeclarationExit = (decl) => {
+      if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
+        decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
+      } else if (/calc\(\s*infinity\s*\*\s*1px/.test(decl.value)) {
+        decl.value = "9999px";
+      }
+    };
+    p.AtRuleExit = (atRule) => {
+      if (opts.cssRemoveProperty && atRule.name === "property") {
+        atRule.remove();
+      }
+      _optionalChain([atRule, 'access', _24 => _24.nodes, 'optionalAccess', _25 => _25.length]) === 0 && atRule.remove();
     };
   }
   if (typeof opts.customRuleCallback === "function") {
@@ -944,12 +945,12 @@ function selectorSpecificity(t, s) {
     case ":nth-child":
     case ":nth-last-child":
       if (n2 += 1, t.nodes && t.nodes.length > 0) {
-        const i2 = t.nodes[0].nodes.findIndex((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase());
+        const i2 = t.nodes[0].nodes.findIndex(((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase()));
         if (i2 > -1) {
           const a = _postcssselectorparser2.default.selector({ nodes: [], value: "" });
-          t.nodes[0].nodes.slice(i2 + 1).forEach((e3) => {
+          t.nodes[0].nodes.slice(i2 + 1).forEach(((e3) => {
             a.append(e3.clone());
-          });
+          }));
           const r = [a];
           t.nodes.length > 1 && r.push(...t.nodes.slice(1));
           const l = specificityOfMostSpecificListItem(r, s);
@@ -959,10 +960,10 @@ function selectorSpecificity(t, s) {
       break;
     case ":local":
     case ":global":
-      t.nodes && t.nodes.length > 0 && t.nodes.forEach((e3) => {
+      t.nodes && t.nodes.length > 0 && t.nodes.forEach(((e3) => {
         const t2 = selectorSpecificity(e3, s);
         c += t2.a, n2 += t2.b, o2 += t2.c;
-      });
+      }));
       break;
     case ":host":
     case ":host-context":
@@ -975,18 +976,18 @@ function selectorSpecificity(t, s) {
     case ":active-view-transition-type":
       return { a: 0, b: 1, c: 0 };
   }
-  else _postcssselectorparser2.default.isContainer(t) && _optionalChain([t, 'access', _38 => _38.nodes, 'optionalAccess', _39 => _39.length]) > 0 && t.nodes.forEach((e3) => {
+  else _postcssselectorparser2.default.isContainer(t) && _optionalChain([t, 'access', _38 => _38.nodes, 'optionalAccess', _39 => _39.length]) > 0 && t.nodes.forEach(((e3) => {
     const t2 = selectorSpecificity(e3, s);
     c += t2.a, n2 += t2.b, o2 += t2.c;
-  });
+  }));
   return { a: c, b: n2, c: o2 };
 }
 function specificityOfMostSpecificListItem(e3, t) {
   let s = { a: 0, b: 0, c: 0 };
-  return e3.forEach((e4) => {
+  return e3.forEach(((e4) => {
     const i = selectorSpecificity(e4, t);
     compare(i, s) < 0 || (s = i);
-  }), s;
+  })), s;
 }
 function isPseudoElement(t) {
   return _postcssselectorparser2.default.isPseudoElement(t);
@@ -994,7 +995,7 @@ function isPseudoElement(t) {
 function selectorNodeContainsNothingOrOnlyUniversal(e3) {
   if (!e3) return false;
   if (!e3.nodes) return false;
-  const t = e3.nodes.filter((e4) => "comment" !== e4.type);
+  const t = e3.nodes.filter(((e4) => "comment" !== e4.type));
   return 0 === t.length || 1 === t.length && "universal" === t[0].type;
 }
 
@@ -1002,17 +1003,17 @@ function selectorNodeContainsNothingOrOnlyUniversal(e3) {
 function alwaysValidSelector(s) {
   const o2 = _postcssselectorparser2.default.call(void 0, ).astSync(s);
   let n2 = true;
-  return o2.walk((e3) => {
+  return o2.walk(((e3) => {
     if ("class" !== e3.type && "comment" !== e3.type && "id" !== e3.type && "root" !== e3.type && "selector" !== e3.type && "string" !== e3.type && "tag" !== e3.type && "universal" !== e3.type && ("attribute" !== e3.type || e3.insensitive) && ("combinator" !== e3.type || "+" !== e3.value && ">" !== e3.value && "~" !== e3.value && " " !== e3.value) && ("pseudo" !== e3.type || _optionalChain([e3, 'access', _40 => _40.nodes, 'optionalAccess', _41 => _41.length]) || ":hover" !== e3.value.toLowerCase() && ":focus" !== e3.value.toLowerCase())) {
       if ("pseudo" === e3.type && 1 === _optionalChain([e3, 'access', _42 => _42.nodes, 'optionalAccess', _43 => _43.length]) && ":not" === e3.value.toLowerCase()) {
         let s2 = true;
-        if (e3.nodes[0].walkCombinators(() => {
+        if (e3.nodes[0].walkCombinators((() => {
           s2 = false;
-        }), s2) return;
+        })), s2) return;
       }
       return n2 = false, false;
     }
-  }), n2;
+  })), n2;
 }
 function sortCompoundSelectorsInsideComplexSelector(s) {
   if (!s || !s.nodes || 1 === s.nodes.length) return;
@@ -1023,8 +1024,8 @@ function sortCompoundSelectorsInsideComplexSelector(s) {
   const t = [];
   for (let e3 = 0; e3 < o2.length; e3++) {
     const s2 = o2[e3];
-    s2.sort((e4, s3) => "selector" === e4.type && "selector" === s3.type && e4.nodes.length && s3.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : "selector" === e4.type && e4.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3, s3.type) : "selector" === s3.type && s3.nodes.length ? selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3, s3.type));
-    const n3 = new Set(s2.map((e4) => e4.type)), r = n3.has("universal") && (n3.has("tag") || n3.has("attribute") || n3.has("class") || n3.has("id") || n3.has("pseudo"));
+    s2.sort(((e4, s3) => "selector" === e4.type && "selector" === s3.type && e4.nodes.length && s3.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : "selector" === e4.type && e4.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3, s3.type) : "selector" === s3.type && s3.nodes.length ? selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3, s3.type)));
+    const n3 = new Set(s2.map(((e4) => e4.type))), r = n3.has("universal") && (n3.has("tag") || n3.has("attribute") || n3.has("class") || n3.has("id") || n3.has("pseudo"));
     for (let e4 = 0; e4 < s2.length; e4++) "universal" === s2[e4].type && r ? s2[e4].remove() : t.push(s2[e4]);
   }
   s.removeAll();
@@ -1075,15 +1076,15 @@ function isPseudoInFirstCompound(s) {
   const n2 = s.nodes[o2];
   if (!n2 || !_postcssselectorparser2.default.isPseudoClass(n2)) return false;
   const t = s.nodes.slice(0, o2), r = s.nodes.slice(o2 + 1);
-  return t.forEach((e3) => {
+  return t.forEach(((e3) => {
     n2.nodes[0].append(e3.clone());
-  }), r.forEach((e3) => {
+  })), r.forEach(((e3) => {
     n2.nodes[0].append(e3.clone());
-  }), n2.replaceWith(...n2.nodes), t.forEach((e3) => {
+  })), n2.replaceWith(...n2.nodes), t.forEach(((e3) => {
     e3.remove();
-  }), r.forEach((e3) => {
+  })), r.forEach(((e3) => {
     e3.remove();
-  }), true;
+  })), true;
 }
 function samePrecedingElement(s) {
   if (!s || !s.nodes) return false;
@@ -1109,50 +1110,50 @@ function samePrecedingElement(s) {
   const r = s.nodes[n2];
   if (!r || !_postcssselectorparser2.default.isPseudoClass(r)) return false;
   const d = s.nodes.slice(0, o2), l = s.nodes.slice(n2 + 1);
-  return s.each((e3) => {
+  return s.each(((e3) => {
     e3.remove();
-  }), d.forEach((e3) => {
+  })), d.forEach(((e3) => {
     s.append(e3);
-  }), r.nodes[0].nodes.forEach((e3) => {
+  })), r.nodes[0].nodes.forEach(((e3) => {
     s.append(e3);
-  }), l.forEach((e3) => {
+  })), l.forEach(((e3) => {
     s.append(e3);
-  }), true;
+  })), true;
 }
 function complexSelectors(s, o2, n2, t) {
-  return s.flatMap((s2) => {
+  return s.flatMap(((s2) => {
     if (-1 === s2.indexOf(":-csstools-matches") && -1 === s2.toLowerCase().indexOf(":is")) return s2;
     const r = _postcssselectorparser2.default.call(void 0, ).astSync(s2);
-    return r.walkPseudos((s3) => {
+    return r.walkPseudos(((s3) => {
       if (":is" === s3.value.toLowerCase() && s3.nodes && s3.nodes.length && "selector" === s3.nodes[0].type && 0 === s3.nodes[0].nodes.length) return s3.value = ":not", void s3.nodes[0].append(_postcssselectorparser2.default.universal());
       if (":-csstools-matches" === s3.value) if (!s3.nodes || s3.nodes.length) {
-        if (s3.walkPseudos((s4) => {
+        if (s3.walkPseudos(((s4) => {
           if (_postcssselectorparser2.default.isPseudoElement(s4)) {
             let e3 = s4.value;
             if (e3.startsWith("::-csstools-invalid-")) return;
             for (; e3.startsWith(":"); ) e3 = e3.slice(1);
             s4.value = `::-csstools-invalid-${e3}`, t();
           }
-        }), 1 === s3.nodes.length && "selector" === s3.nodes[0].type) {
+        })), 1 === s3.nodes.length && "selector" === s3.nodes[0].type) {
           if (1 === s3.nodes[0].nodes.length) return void s3.replaceWith(s3.nodes[0].nodes[0]);
-          if (!s3.nodes[0].some((e3) => "combinator" === e3.type)) return void s3.replaceWith(...s3.nodes[0].nodes);
+          if (!s3.nodes[0].some(((e3) => "combinator" === e3.type))) return void s3.replaceWith(...s3.nodes[0].nodes);
         }
         1 !== r.nodes.length || "selector" !== r.nodes[0].type || 1 !== r.nodes[0].nodes.length || r.nodes[0].nodes[0] !== s3 ? childAdjacentChild(s3.parent) || isInCompoundWithOneOtherElement(s3.parent) || isPseudoInFirstCompound(s3.parent) || samePrecedingElement(s3.parent) || ("warning" === o2.onComplexSelector && n2(), s3.value = ":is") : s3.replaceWith(...s3.nodes[0].nodes);
       } else s3.remove();
-    }), r.walk((e3) => {
+    })), r.walk(((e3) => {
       "selector" === e3.type && "nodes" in e3 && 1 === e3.nodes.length && "selector" === e3.nodes[0].type && e3.replaceWith(e3.nodes[0]);
-    }), r.walk((e3) => {
+    })), r.walk(((e3) => {
       "nodes" in e3 && sortCompoundSelectorsInsideComplexSelector(e3);
-    }), r.toString();
-  }).filter((e3) => !!e3);
+    })), r.toString();
+  })).filter(((e3) => !!e3));
 }
 function splitSelectors(o2, n2, t = 0) {
   const r = ":not(#" + n2.specificityMatchingName + ")", d = ":not(." + n2.specificityMatchingName + ")", l = ":not(" + n2.specificityMatchingName + ")";
-  return o2.flatMap((o3) => {
+  return o2.flatMap(((o3) => {
     if (-1 === o3.toLowerCase().indexOf(":is")) return o3;
     let i = false;
     const a = [];
-    if (_postcssselectorparser2.default.call(void 0, ).astSync(o3).walkPseudos((e3) => {
+    if (_postcssselectorparser2.default.call(void 0, ).astSync(o3).walkPseudos(((e3) => {
       if (":is" !== e3.value.toLowerCase() || !e3.nodes || !e3.nodes.length) return;
       if ("selector" === e3.nodes[0].type && 0 === e3.nodes[0].nodes.length) return;
       if ("pseudo" === _optionalChain([e3, 'access', _44 => _44.parent, 'optionalAccess', _45 => _45.parent, 'optionalAccess', _46 => _46.type]) && ":not" === _optionalChain([e3, 'access', _47 => _47.parent, 'optionalAccess', _48 => _48.parent, 'optionalAccess', _49 => _49.value, 'optionalAccess', _50 => _50.toLowerCase, 'call', _51 => _51()])) return void a.push([{ start: e3.parent.parent.sourceIndex, end: e3.parent.parent.sourceIndex + e3.parent.parent.toString().length, option: `:not(${e3.nodes.toString()})` }]);
@@ -1163,7 +1164,7 @@ function splitSelectors(o2, n2, t = 0) {
         o4 = o4.parent;
       }
       const n3 = selectorSpecificity(e3), t2 = e3.sourceIndex, c2 = t2 + e3.toString().length, p = [];
-      e3.nodes.forEach((e4) => {
+      e3.nodes.forEach(((e4) => {
         const o5 = { start: t2, end: c2, option: "" }, i2 = selectorSpecificity(e4);
         let a2 = e4.toString().trim();
         const u = Math.max(0, n3.a - i2.a), h = Math.max(0, n3.b - i2.b), f = Math.max(0, n3.c - i2.c);
@@ -1171,27 +1172,27 @@ function splitSelectors(o2, n2, t = 0) {
         for (let e5 = 0; e5 < h; e5++) a2 += d;
         for (let e5 = 0; e5 < f; e5++) a2 += l;
         o5.option = a2, p.push(o5);
-      }), a.push(p);
-    }), !a.length) return [o3];
+      })), a.push(p);
+    })), !a.length) return [o3];
     let c = [];
-    return cartesianProduct(...a).forEach((e3) => {
+    return cartesianProduct(...a).forEach(((e3) => {
       let s = "";
       for (let n3 = 0; n3 < e3.length; n3++) {
         const t2 = e3[n3];
         s += o3.substring(_optionalChain([e3, 'access', _60 => _60[n3 - 1], 'optionalAccess', _61 => _61.end]) || 0, e3[n3].start), s += ":-csstools-matches(" + t2.option + ")", n3 === e3.length - 1 && (s += o3.substring(e3[n3].end));
       }
       c.push(s);
-    }), i && t < 10 && (c = splitSelectors(c, n2, t + 1)), c;
-  }).filter((e3) => !!e3);
+    })), i && t < 10 && (c = splitSelectors(c, n2, t + 1)), c;
+  })).filter(((e3) => !!e3));
 }
 function cartesianProduct(...e3) {
   const s = [], o2 = e3.length - 1;
-  return function helper(n2, t) {
+  return (function helper(n2, t) {
     for (let r = 0, d = e3[t].length; r < d; r++) {
       const d2 = n2.slice(0);
       d2.push(e3[t][r]), t === o2 ? s.push(d2) : helper(d2, t + 1);
     }
-  }([], 0), s;
+  })([], 0), s;
 }
 var n = /:is\(/i;
 var creator = (e3) => {
@@ -1213,13 +1214,13 @@ var creator = (e3) => {
       try {
         let n2 = false;
         const t2 = [], r2 = complexSelectors(splitSelectors(o2.selectors, { specificityMatchingName: s.specificityMatchingName }), { onComplexSelector: s.onComplexSelector }, warnOnComplexSelector, warnOnPseudoElements);
-        if (Array.from(new Set(r2)).forEach((s2) => {
+        if (Array.from(new Set(r2)).forEach(((s2) => {
           if (o2.selectors.indexOf(s2) > -1) t2.push(s2);
           else {
             if (alwaysValidSelector(s2)) return t2.push(s2), void (n2 = true);
             e4.add(o2), o2.cloneBefore({ selector: s2 }), n2 = true;
           }
-        }), t2.length && n2 && (e4.add(o2), o2.cloneBefore({ selectors: t2 })), !s.preserve) {
+        })), t2.length && n2 && (e4.add(o2), o2.cloneBefore({ selectors: t2 })), !s.preserve) {
           if (!n2) return;
           o2.remove();
         }

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import "./chunk-WAXGOBY2.mjs";
 
 // src/handler.ts
-import { defu as defu3, defuOverrideArray } from "@weapp-tailwindcss/shared";
+import { defu as defu3, defuOverrideArray as defuOverrideArray2 } from "@weapp-tailwindcss/shared";
 import postcss from "postcss";
 
 // src/defaults.ts
@@ -59,6 +59,7 @@ import { defu } from "@weapp-tailwindcss/shared";
 var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 
 // src/selectorParser.ts
+import { defuOverrideArray } from "@weapp-tailwindcss/shared";
 import psp from "postcss-selector-parser";
 
 // src/shared.ts
@@ -190,9 +191,6 @@ function createRuleTransform(rule, options) {
             }
           }
         }
-        if (uniAppX) {
-          selector.remove();
-        }
       } else if (selector.type === "combinator") {
         if (selector.value === ">") {
           const nodes2 = selector.parent?.nodes;
@@ -259,7 +257,8 @@ function isOnlyBeforeAndAfterPseudoElement(node) {
   }).astSync(node);
   return b && a;
 }
-function getFallbackRemove(rule) {
+function getFallbackRemove(rule, options) {
+  const { uniAppX } = defuOverrideArray(options, {});
   const fallbackRemove = psp((selectors) => {
     let maybeImportantId = false;
     selectors.walk((selector, idx) => {
@@ -307,6 +306,10 @@ function getFallbackRemove(rule) {
           if (res) {
             selector.remove();
           }
+        } else if (selector.type === "pseudo") {
+          if (uniAppX) {
+            selector.remove();
+          }
         }
       }
     });
@@ -324,34 +327,32 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     postcssPlugin
   };
   if (opts.isMainChunk) {
-    p.OnceExit = (root) => {
-      root.walkRules((rule) => {
-        getFallbackRemove(rule).transformSync(rule, {
-          updateSelector: true,
-          lossless: false
-        });
-        if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
-          rule.remove();
-        }
-        rule.walkDecls((decl) => {
-          if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
-            decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
-          } else if (/calc\(\s*infinity\s*\*\s*1px/.test(decl.value)) {
-            decl.value = "9999px";
-          }
-        });
-        if (opts.uniAppX) {
-          if (rule.nodes.length === 0) {
-            rule.remove();
-          }
-        }
+    p.RuleExit = (rule) => {
+      getFallbackRemove(rule, opts).transformSync(rule, {
+        updateSelector: true,
+        lossless: false
       });
-      root.walkAtRules((atRule) => {
-        if (opts.cssRemoveProperty && atRule.name === "property") {
-          atRule.remove();
+      if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
+        rule.remove();
+      }
+      if (opts.uniAppX) {
+        if (rule.nodes.length === 0) {
+          rule.remove();
         }
-        atRule.nodes?.length === 0 && atRule.remove();
-      });
+      }
+    };
+    p.DeclarationExit = (decl) => {
+      if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
+        decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
+      } else if (/calc\(\s*infinity\s*\*\s*1px/.test(decl.value)) {
+        decl.value = "9999px";
+      }
+    };
+    p.AtRuleExit = (atRule) => {
+      if (opts.cssRemoveProperty && atRule.name === "property") {
+        atRule.remove();
+      }
+      atRule.nodes?.length === 0 && atRule.remove();
     };
   }
   if (typeof opts.customRuleCallback === "function") {
@@ -944,12 +945,12 @@ function selectorSpecificity(t, s) {
     case ":nth-child":
     case ":nth-last-child":
       if (n2 += 1, t.nodes && t.nodes.length > 0) {
-        const i2 = t.nodes[0].nodes.findIndex((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase());
+        const i2 = t.nodes[0].nodes.findIndex(((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase()));
         if (i2 > -1) {
           const a = e.selector({ nodes: [], value: "" });
-          t.nodes[0].nodes.slice(i2 + 1).forEach((e3) => {
+          t.nodes[0].nodes.slice(i2 + 1).forEach(((e3) => {
             a.append(e3.clone());
-          });
+          }));
           const r = [a];
           t.nodes.length > 1 && r.push(...t.nodes.slice(1));
           const l = specificityOfMostSpecificListItem(r, s);
@@ -959,10 +960,10 @@ function selectorSpecificity(t, s) {
       break;
     case ":local":
     case ":global":
-      t.nodes && t.nodes.length > 0 && t.nodes.forEach((e3) => {
+      t.nodes && t.nodes.length > 0 && t.nodes.forEach(((e3) => {
         const t2 = selectorSpecificity(e3, s);
         c += t2.a, n2 += t2.b, o2 += t2.c;
-      });
+      }));
       break;
     case ":host":
     case ":host-context":
@@ -975,18 +976,18 @@ function selectorSpecificity(t, s) {
     case ":active-view-transition-type":
       return { a: 0, b: 1, c: 0 };
   }
-  else e.isContainer(t) && t.nodes?.length > 0 && t.nodes.forEach((e3) => {
+  else e.isContainer(t) && t.nodes?.length > 0 && t.nodes.forEach(((e3) => {
     const t2 = selectorSpecificity(e3, s);
     c += t2.a, n2 += t2.b, o2 += t2.c;
-  });
+  }));
   return { a: c, b: n2, c: o2 };
 }
 function specificityOfMostSpecificListItem(e3, t) {
   let s = { a: 0, b: 0, c: 0 };
-  return e3.forEach((e4) => {
+  return e3.forEach(((e4) => {
     const i = selectorSpecificity(e4, t);
     compare(i, s) < 0 || (s = i);
-  }), s;
+  })), s;
 }
 function isPseudoElement(t) {
   return e.isPseudoElement(t);
@@ -994,7 +995,7 @@ function isPseudoElement(t) {
 function selectorNodeContainsNothingOrOnlyUniversal(e3) {
   if (!e3) return false;
   if (!e3.nodes) return false;
-  const t = e3.nodes.filter((e4) => "comment" !== e4.type);
+  const t = e3.nodes.filter(((e4) => "comment" !== e4.type));
   return 0 === t.length || 1 === t.length && "universal" === t[0].type;
 }
 
@@ -1002,17 +1003,17 @@ function selectorNodeContainsNothingOrOnlyUniversal(e3) {
 function alwaysValidSelector(s) {
   const o2 = e2().astSync(s);
   let n2 = true;
-  return o2.walk((e3) => {
+  return o2.walk(((e3) => {
     if ("class" !== e3.type && "comment" !== e3.type && "id" !== e3.type && "root" !== e3.type && "selector" !== e3.type && "string" !== e3.type && "tag" !== e3.type && "universal" !== e3.type && ("attribute" !== e3.type || e3.insensitive) && ("combinator" !== e3.type || "+" !== e3.value && ">" !== e3.value && "~" !== e3.value && " " !== e3.value) && ("pseudo" !== e3.type || e3.nodes?.length || ":hover" !== e3.value.toLowerCase() && ":focus" !== e3.value.toLowerCase())) {
       if ("pseudo" === e3.type && 1 === e3.nodes?.length && ":not" === e3.value.toLowerCase()) {
         let s2 = true;
-        if (e3.nodes[0].walkCombinators(() => {
+        if (e3.nodes[0].walkCombinators((() => {
           s2 = false;
-        }), s2) return;
+        })), s2) return;
       }
       return n2 = false, false;
     }
-  }), n2;
+  })), n2;
 }
 function sortCompoundSelectorsInsideComplexSelector(s) {
   if (!s || !s.nodes || 1 === s.nodes.length) return;
@@ -1023,8 +1024,8 @@ function sortCompoundSelectorsInsideComplexSelector(s) {
   const t = [];
   for (let e3 = 0; e3 < o2.length; e3++) {
     const s2 = o2[e3];
-    s2.sort((e4, s3) => "selector" === e4.type && "selector" === s3.type && e4.nodes.length && s3.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : "selector" === e4.type && e4.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3, s3.type) : "selector" === s3.type && s3.nodes.length ? selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3, s3.type));
-    const n3 = new Set(s2.map((e4) => e4.type)), r = n3.has("universal") && (n3.has("tag") || n3.has("attribute") || n3.has("class") || n3.has("id") || n3.has("pseudo"));
+    s2.sort(((e4, s3) => "selector" === e4.type && "selector" === s3.type && e4.nodes.length && s3.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : "selector" === e4.type && e4.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3, s3.type) : "selector" === s3.type && s3.nodes.length ? selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3, s3.type)));
+    const n3 = new Set(s2.map(((e4) => e4.type))), r = n3.has("universal") && (n3.has("tag") || n3.has("attribute") || n3.has("class") || n3.has("id") || n3.has("pseudo"));
     for (let e4 = 0; e4 < s2.length; e4++) "universal" === s2[e4].type && r ? s2[e4].remove() : t.push(s2[e4]);
   }
   s.removeAll();
@@ -1075,15 +1076,15 @@ function isPseudoInFirstCompound(s) {
   const n2 = s.nodes[o2];
   if (!n2 || !e2.isPseudoClass(n2)) return false;
   const t = s.nodes.slice(0, o2), r = s.nodes.slice(o2 + 1);
-  return t.forEach((e3) => {
+  return t.forEach(((e3) => {
     n2.nodes[0].append(e3.clone());
-  }), r.forEach((e3) => {
+  })), r.forEach(((e3) => {
     n2.nodes[0].append(e3.clone());
-  }), n2.replaceWith(...n2.nodes), t.forEach((e3) => {
+  })), n2.replaceWith(...n2.nodes), t.forEach(((e3) => {
     e3.remove();
-  }), r.forEach((e3) => {
+  })), r.forEach(((e3) => {
     e3.remove();
-  }), true;
+  })), true;
 }
 function samePrecedingElement(s) {
   if (!s || !s.nodes) return false;
@@ -1109,50 +1110,50 @@ function samePrecedingElement(s) {
   const r = s.nodes[n2];
   if (!r || !e2.isPseudoClass(r)) return false;
   const d = s.nodes.slice(0, o2), l = s.nodes.slice(n2 + 1);
-  return s.each((e3) => {
+  return s.each(((e3) => {
     e3.remove();
-  }), d.forEach((e3) => {
+  })), d.forEach(((e3) => {
     s.append(e3);
-  }), r.nodes[0].nodes.forEach((e3) => {
+  })), r.nodes[0].nodes.forEach(((e3) => {
     s.append(e3);
-  }), l.forEach((e3) => {
+  })), l.forEach(((e3) => {
     s.append(e3);
-  }), true;
+  })), true;
 }
 function complexSelectors(s, o2, n2, t) {
-  return s.flatMap((s2) => {
+  return s.flatMap(((s2) => {
     if (-1 === s2.indexOf(":-csstools-matches") && -1 === s2.toLowerCase().indexOf(":is")) return s2;
     const r = e2().astSync(s2);
-    return r.walkPseudos((s3) => {
+    return r.walkPseudos(((s3) => {
       if (":is" === s3.value.toLowerCase() && s3.nodes && s3.nodes.length && "selector" === s3.nodes[0].type && 0 === s3.nodes[0].nodes.length) return s3.value = ":not", void s3.nodes[0].append(e2.universal());
       if (":-csstools-matches" === s3.value) if (!s3.nodes || s3.nodes.length) {
-        if (s3.walkPseudos((s4) => {
+        if (s3.walkPseudos(((s4) => {
           if (e2.isPseudoElement(s4)) {
             let e3 = s4.value;
             if (e3.startsWith("::-csstools-invalid-")) return;
             for (; e3.startsWith(":"); ) e3 = e3.slice(1);
             s4.value = `::-csstools-invalid-${e3}`, t();
           }
-        }), 1 === s3.nodes.length && "selector" === s3.nodes[0].type) {
+        })), 1 === s3.nodes.length && "selector" === s3.nodes[0].type) {
           if (1 === s3.nodes[0].nodes.length) return void s3.replaceWith(s3.nodes[0].nodes[0]);
-          if (!s3.nodes[0].some((e3) => "combinator" === e3.type)) return void s3.replaceWith(...s3.nodes[0].nodes);
+          if (!s3.nodes[0].some(((e3) => "combinator" === e3.type))) return void s3.replaceWith(...s3.nodes[0].nodes);
         }
         1 !== r.nodes.length || "selector" !== r.nodes[0].type || 1 !== r.nodes[0].nodes.length || r.nodes[0].nodes[0] !== s3 ? childAdjacentChild(s3.parent) || isInCompoundWithOneOtherElement(s3.parent) || isPseudoInFirstCompound(s3.parent) || samePrecedingElement(s3.parent) || ("warning" === o2.onComplexSelector && n2(), s3.value = ":is") : s3.replaceWith(...s3.nodes[0].nodes);
       } else s3.remove();
-    }), r.walk((e3) => {
+    })), r.walk(((e3) => {
       "selector" === e3.type && "nodes" in e3 && 1 === e3.nodes.length && "selector" === e3.nodes[0].type && e3.replaceWith(e3.nodes[0]);
-    }), r.walk((e3) => {
+    })), r.walk(((e3) => {
       "nodes" in e3 && sortCompoundSelectorsInsideComplexSelector(e3);
-    }), r.toString();
-  }).filter((e3) => !!e3);
+    })), r.toString();
+  })).filter(((e3) => !!e3));
 }
 function splitSelectors(o2, n2, t = 0) {
   const r = ":not(#" + n2.specificityMatchingName + ")", d = ":not(." + n2.specificityMatchingName + ")", l = ":not(" + n2.specificityMatchingName + ")";
-  return o2.flatMap((o3) => {
+  return o2.flatMap(((o3) => {
     if (-1 === o3.toLowerCase().indexOf(":is")) return o3;
     let i = false;
     const a = [];
-    if (e2().astSync(o3).walkPseudos((e3) => {
+    if (e2().astSync(o3).walkPseudos(((e3) => {
       if (":is" !== e3.value.toLowerCase() || !e3.nodes || !e3.nodes.length) return;
       if ("selector" === e3.nodes[0].type && 0 === e3.nodes[0].nodes.length) return;
       if ("pseudo" === e3.parent?.parent?.type && ":not" === e3.parent?.parent?.value?.toLowerCase()) return void a.push([{ start: e3.parent.parent.sourceIndex, end: e3.parent.parent.sourceIndex + e3.parent.parent.toString().length, option: `:not(${e3.nodes.toString()})` }]);
@@ -1163,7 +1164,7 @@ function splitSelectors(o2, n2, t = 0) {
         o4 = o4.parent;
       }
       const n3 = selectorSpecificity(e3), t2 = e3.sourceIndex, c2 = t2 + e3.toString().length, p = [];
-      e3.nodes.forEach((e4) => {
+      e3.nodes.forEach(((e4) => {
         const o5 = { start: t2, end: c2, option: "" }, i2 = selectorSpecificity(e4);
         let a2 = e4.toString().trim();
         const u = Math.max(0, n3.a - i2.a), h = Math.max(0, n3.b - i2.b), f = Math.max(0, n3.c - i2.c);
@@ -1171,27 +1172,27 @@ function splitSelectors(o2, n2, t = 0) {
         for (let e5 = 0; e5 < h; e5++) a2 += d;
         for (let e5 = 0; e5 < f; e5++) a2 += l;
         o5.option = a2, p.push(o5);
-      }), a.push(p);
-    }), !a.length) return [o3];
+      })), a.push(p);
+    })), !a.length) return [o3];
     let c = [];
-    return cartesianProduct(...a).forEach((e3) => {
+    return cartesianProduct(...a).forEach(((e3) => {
       let s = "";
       for (let n3 = 0; n3 < e3.length; n3++) {
         const t2 = e3[n3];
         s += o3.substring(e3[n3 - 1]?.end || 0, e3[n3].start), s += ":-csstools-matches(" + t2.option + ")", n3 === e3.length - 1 && (s += o3.substring(e3[n3].end));
       }
       c.push(s);
-    }), i && t < 10 && (c = splitSelectors(c, n2, t + 1)), c;
-  }).filter((e3) => !!e3);
+    })), i && t < 10 && (c = splitSelectors(c, n2, t + 1)), c;
+  })).filter(((e3) => !!e3));
 }
 function cartesianProduct(...e3) {
   const s = [], o2 = e3.length - 1;
-  return function helper(n2, t) {
+  return (function helper(n2, t) {
     for (let r = 0, d = e3[t].length; r < d; r++) {
       const d2 = n2.slice(0);
       d2.push(e3[t][r]), t === o2 ? s.push(d2) : helper(d2, t + 1);
     }
-  }([], 0), s;
+  })([], 0), s;
 }
 var n = /:is\(/i;
 var creator = (e3) => {
@@ -1213,13 +1214,13 @@ var creator = (e3) => {
       try {
         let n2 = false;
         const t2 = [], r2 = complexSelectors(splitSelectors(o2.selectors, { specificityMatchingName: s.specificityMatchingName }), { onComplexSelector: s.onComplexSelector }, warnOnComplexSelector, warnOnPseudoElements);
-        if (Array.from(new Set(r2)).forEach((s2) => {
+        if (Array.from(new Set(r2)).forEach(((s2) => {
           if (o2.selectors.indexOf(s2) > -1) t2.push(s2);
           else {
             if (alwaysValidSelector(s2)) return t2.push(s2), void (n2 = true);
             e4.add(o2), o2.cloneBefore({ selector: s2 }), n2 = true;
           }
-        }), t2.length && n2 && (e4.add(o2), o2.cloneBefore({ selectors: t2 })), !s.preserve) {
+        })), t2.length && n2 && (e4.add(o2), o2.cloneBefore({ selectors: t2 })), !s.preserve) {
           if (!n2) return;
           o2.remove();
         }
@@ -1289,7 +1290,7 @@ function styleHandler(rawSource, options) {
   ).async();
 }
 function createStyleHandler(options) {
-  const cachedOptions = defuOverrideArray(
+  const cachedOptions = defuOverrideArray2(
     options,
     getDefaultOptions()
   );
@@ -1297,7 +1298,7 @@ function createStyleHandler(options) {
   return (rawSource, opt) => {
     return styleHandler(
       rawSource,
-      defuOverrideArray(opt, cachedOptions)
+      defuOverrideArray2(opt, cachedOptions)
     );
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "1.0.21",
+  "version": "1.1.0-alpha.1",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@weapp-core/escape": "~4.0.1",
     "postcss": "~8.5.6",
-    "postcss-preset-env": "^10.2.4",
+    "postcss-preset-env": "^10.3.0",
     "postcss-rem-to-responsive-pixel": "~6.0.2",
     "postcss-selector-parser": "~7.1.0",
     "@weapp-tailwindcss/shared": "1.0.3"