@weapp-tailwindcss/postcss 1.3.0 → 1.3.2-alpha.0

package/dist/index.js

@@ -34,25 +34,8 @@ function getDefaultOptions(options) {
   };
 }
 
-// src/plugins/index.ts
-var _postcsscalc = require('@weapp-tailwindcss/postcss-calc'); var _postcsscalc2 = _interopRequireDefault(_postcsscalc);
-
-
-// ../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/object/omit.mjs
-function omit(obj, keys) {
-  const result = { ...obj };
-  for (let i = 0; i < keys.length; i++) {
-    const key = keys[i];
-    delete result[key];
-  }
-  return result;
-}
-
 // src/plugins/index.ts
 var _postcsspresetenv = require('postcss-preset-env'); var _postcsspresetenv2 = _interopRequireDefault(_postcsspresetenv);
-var _postcsspxtransform = require('postcss-pxtransform'); var _postcsspxtransform2 = _interopRequireDefault(_postcsspxtransform);
-var _postcssremtoresponsivepixel = require('postcss-rem-to-responsive-pixel'); var _postcssremtoresponsivepixel2 = _interopRequireDefault(_postcssremtoresponsivepixel);
-var _postcssvalueparser = require('postcss-value-parser'); var _postcssvalueparser2 = _interopRequireDefault(_postcssvalueparser);
 
 // src/plugins/ctx.ts
 function createContext() {
@@ -70,40 +53,167 @@ function createContext() {
   };
 }
 
-// src/plugins/post.ts
+// src/plugins/getCalcPlugin.ts
+var _postcsscalc = require('@weapp-tailwindcss/postcss-calc'); var _postcsscalc2 = _interopRequireDefault(_postcsscalc);
 
+// ../../node_modules/.pnpm/es-toolkit@1.40.0/node_modules/es-toolkit/dist/object/omit.mjs
+function omit(obj, keys) {
+  const result = { ...obj };
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    delete result[key];
+  }
+  return result;
+}
 
-// src/constants.ts
-var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
+// src/plugins/getCalcPlugin.ts
+function getCalcPlugin(options) {
+  if (!options.cssCalc) {
+    return null;
+  }
+  const calcOptions = Array.isArray(options.cssCalc) ? {} : typeof options.cssCalc === "object" ? omit(options.cssCalc, ["includeCustomProperties"]) : {};
+  return _postcsscalc2.default.call(void 0, calcOptions);
+}
 
-// src/selectorParser.ts
+// src/plugins/getCustomPropertyCleaner.ts
 
-var _postcssselectorparser = require('postcss-selector-parser'); var _postcssselectorparser2 = _interopRequireDefault(_postcssselectorparser);
+var _postcssvalueparser = require('postcss-value-parser'); var _postcssvalueparser2 = _interopRequireDefault(_postcssvalueparser);
+function getCustomPropertyCleaner(options) {
+  const includeCustomProperties = Array.isArray(options.cssCalc) ? options.cssCalc : typeof options.cssCalc === "object" ? options.cssCalc.includeCustomProperties : [];
+  if (!includeCustomProperties || includeCustomProperties.length === 0) {
+    return null;
+  }
+  return {
+    postcssPlugin: "postcss-remove-include-custom-properties",
+    OnceExit(root) {
+      root.walkDecls((decl, idx) => {
+        if (idx === 0 || !/--/.test(decl.value)) {
+          return;
+        }
+        const prevNode = _optionalChain([decl, 'access', _5 => _5.parent, 'optionalAccess', _6 => _6.nodes, 'access', _7 => _7[idx - 1]]);
+        if (!prevNode || prevNode.prop !== decl.prop) {
+          return;
+        }
+        const parsed = _postcssvalueparser2.default.call(void 0, decl.value);
+        parsed.walk((node) => {
+          if (node.type !== "function" || node.value !== "var") {
+            return;
+          }
+          const match = node.nodes.find((x) => {
+            return x.type === "word" && _shared.regExpTest.call(void 0, includeCustomProperties, x.value);
+          });
+          if (match) {
+            decl.remove();
+          }
+        });
+      });
+    }
+  };
+}
 
-// src/shared.ts
-var _escape = require('@weapp-core/escape');
-function internalCssSelectorReplacer(selectors, options = {
-  escapeMap: _escape.MappingChars2String
-}) {
-  const { mangleContext, escapeMap } = options;
-  if (mangleContext) {
-    selectors = mangleContext.cssHandler(selectors);
+// src/plugins/getPxTransformPlugin.ts
+
+var _postcsspxtransform = require('postcss-pxtransform'); var _postcsspxtransform2 = _interopRequireDefault(_postcsspxtransform);
+var defaultPxTransformOptions = {
+  platform: "weapp",
+  unitPrecision: 5,
+  propList: ["*"],
+  selectorBlackList: [],
+  replace: true,
+  mediaQuery: false,
+  minPixelValue: 0,
+  designWidth: 750,
+  deviceRatio: {
+    375: 2,
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
   }
-  return _escape.escape.call(void 0, selectors, {
-    map: escapeMap
-  });
+};
+function getPxTransformPlugin(options) {
+  if (!options.px2rpx) {
+    return null;
+  }
+  const userOptions = typeof options.px2rpx === "object" ? options.px2rpx : {};
+  return _postcsspxtransform2.default.call(void 0, 
+    _shared.defuOverrideArray.call(void 0, 
+      userOptions,
+      defaultPxTransformOptions
+    )
+  );
 }
-function composeIsPseudo(strs) {
-  if (typeof strs === "string") {
-    return strs;
+
+// src/plugins/getRemTransformPlugin.ts
+
+var _postcssremtoresponsivepixel = require('postcss-rem-to-responsive-pixel'); var _postcssremtoresponsivepixel2 = _interopRequireDefault(_postcssremtoresponsivepixel);
+var defaultRemOptions = {
+  rootValue: 32,
+  propList: ["*"],
+  transformUnit: "rpx"
+};
+var defaultStage = {
+  processorStage: "OnceExit"
+};
+function getRemTransformPlugin(options) {
+  if (!options.rem2rpx) {
+    return null;
   }
-  if (strs.length > 1) {
-    return `:is(${strs.join(",")})`;
+  const userOptions = typeof options.rem2rpx === "object" ? options.rem2rpx : defaultRemOptions;
+  const merged = _shared.defuOverrideArray.call(void 0, 
+    userOptions,
+    defaultStage
+  );
+  return _postcssremtoresponsivepixel2.default.call(void 0, merged);
+}
+
+// src/plugins/post.ts
+
+
+// src/constants.ts
+var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
+
+// src/selectorParser/before-after.ts
+var _postcssselectorparser = require('postcss-selector-parser'); var _postcssselectorparser2 = _interopRequireDefault(_postcssselectorparser);
+var beforeAfterStateRef = null;
+var beforeAfterParser = _postcssselectorparser2.default.call(void 0, (selectors) => {
+  const state = beforeAfterStateRef;
+  if (!state) {
+    return;
   }
-  return strs.join("");
+  selectors.walkPseudos((s) => {
+    if (_optionalChain([s, 'access', _8 => _8.parent, 'optionalAccess', _9 => _9.length]) === 1) {
+      if (/^:?:before$/.test(s.value)) {
+        state.before = true;
+      }
+      if (/^:?:after$/.test(s.value)) {
+        state.after = true;
+      }
+    }
+  });
+});
+function isOnlyBeforeAndAfterPseudoElement(node) {
+  const state = {
+    before: false,
+    after: false
+  };
+  beforeAfterStateRef = state;
+  beforeAfterParser.astSync(node);
+  beforeAfterStateRef = null;
+  return state.before && state.after;
 }
 
-// src/selectorParser.ts
+// src/selectorParser/fallback.ts
+
+
+// src/selectorParser/utils.ts
+
+function normalizeTransformOptions(options) {
+  return {
+    lossless: false,
+    updateSelector: true,
+    ...options
+  };
+}
 function mklist(node) {
   return [
     node,
@@ -141,9 +251,140 @@ function getCombinatorSelectorAst(options) {
   }
   return childCombinatorReplaceValue;
 }
-function createRuleTransform(rule, options) {
+
+// src/selectorParser/fallback.ts
+var fallbackRemoveCache = /* @__PURE__ */ new WeakMap();
+var fallbackDefaultKey = {};
+function getFallbackRemove(_rule, options) {
+  const cacheKey = _nullishCoalesce(options, () => ( fallbackDefaultKey));
+  let entry = fallbackRemoveCache.get(cacheKey);
+  if (!entry) {
+    const uniAppX = Boolean(_optionalChain([options, 'optionalAccess', _10 => _10.uniAppX]));
+    let currentRule;
+    const parser = _postcssselectorparser2.default.call(void 0, (selectors) => {
+      const activeRule = currentRule;
+      let maybeImportantId = false;
+      selectors.walk((selector, idx) => {
+        if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) {
+          maybeImportantId = true;
+        }
+        if (selector.type === "universal") {
+          _optionalChain([selector, 'access', _11 => _11.parent, 'optionalAccess', _12 => _12.remove, 'call', _13 => _13()]);
+        } else if (selector.type === "pseudo") {
+          if (selector.value === ":is") {
+            if (maybeImportantId && _optionalChain([selector, 'access', _14 => _14.nodes, 'access', _15 => _15[0], 'optionalAccess', _16 => _16.type]) === "selector") {
+              selector.replaceWith(selector.nodes[0]);
+            } else {
+              _optionalChain([selector, 'access', _17 => _17.parent, 'optionalAccess', _18 => _18.remove, 'call', _19 => _19()]);
+            }
+          } else if (selector.value === ":not") {
+            for (const x of selector.nodes) {
+              if (x.nodes.length === 1 && x.nodes[0].type === "id" && x.nodes[0].value === "#") {
+                x.nodes = [
+                  _postcssselectorparser2.default.tag({
+                    value: "#n"
+                  })
+                ];
+              }
+            }
+          } else if (selector.value === ":where") {
+            for (const n of selector.nodes) {
+              for (const node of n.nodes) {
+                if (node.type === "attribute") {
+                  node.remove();
+                }
+              }
+            }
+          }
+        } else if (selector.type === "attribute") {
+          if (selector.attribute === "hidden") {
+            _optionalChain([activeRule, 'optionalAccess', _20 => _20.remove, 'call', _21 => _21()]);
+          }
+        }
+      });
+      selectors.walk((selector) => {
+        if (selector.type === "pseudo") {
+          if (selector.value === ":where") {
+            const res = selector.nodes.every((x) => x.nodes.length === 0);
+            if (res) {
+              selector.remove();
+            }
+          } else if (selector.type === "pseudo") {
+            if (uniAppX) {
+              selector.remove();
+            }
+          }
+        }
+      });
+    });
+    const rawTransformSync = parser.transformSync.bind(parser);
+    const transform = (targetRule) => {
+      currentRule = targetRule;
+      try {
+        rawTransformSync(targetRule, normalizeTransformOptions());
+      } finally {
+        currentRule = void 0;
+      }
+    };
+    parser.transformSync = ((input, opts) => {
+      if (input && typeof input === "object" && "type" in input) {
+        const maybeRule = input;
+        if (maybeRule.type === "rule") {
+          currentRule = input;
+          try {
+            return rawTransformSync(input, normalizeTransformOptions(opts));
+          } finally {
+            currentRule = void 0;
+          }
+        }
+      }
+      return rawTransformSync(input, opts);
+    });
+    entry = {
+      parser,
+      transform
+    };
+    fallbackRemoveCache.set(cacheKey, entry);
+  }
+  return entry.parser;
+}
+
+// src/selectorParser/rule-transformer.ts
+
+
+// src/shared.ts
+var _escape = require('@weapp-core/escape');
+function internalCssSelectorReplacer(selectors, options = {
+  escapeMap: _escape.MappingChars2String
+}) {
+  const { mangleContext, escapeMap } = options;
+  if (mangleContext) {
+    selectors = mangleContext.cssHandler(selectors);
+  }
+  return _escape.escape.call(void 0, selectors, {
+    map: escapeMap
+  });
+}
+function composeIsPseudo(strs) {
+  if (typeof strs === "string") {
+    return strs;
+  }
+  if (strs.length > 1) {
+    return `:is(${strs.join(",")})`;
+  }
+  return strs.join("");
+}
+
+// src/selectorParser/rule-transformer.ts
+var ruleTransformCache = /* @__PURE__ */ new WeakMap();
+function createRuleTransformer(options) {
+  let currentRule;
   const { escapeMap, mangleContext, cssSelectorReplacement, cssRemoveHoverPseudoClass, uniAppX } = options;
   const transform = (selectors) => {
+    const rule = currentRule;
+    if (!rule) {
+      return;
+    }
     selectors.walk((selector, index) => {
       if (selector.type === "class") {
         selector.value = internalCssSelectorReplacer(selector.value, {
@@ -151,7 +392,7 @@ function createRuleTransform(rule, options) {
           mangleContext
         });
       } else if (selector.type === "universal") {
-        if (_optionalChain([cssSelectorReplacement, 'optionalAccess', _5 => _5.universal])) {
+        if (_optionalChain([cssSelectorReplacement, 'optionalAccess', _22 => _22.universal])) {
           selector.value = composeIsPseudo(cssSelectorReplacement.universal);
         }
       } else if (selector.type === "selector") {
@@ -162,7 +403,7 @@ function createRuleTransform(rule, options) {
           }
         }
       } else if (selector.type === "pseudo") {
-        if (selector.value === ":root" && _optionalChain([cssSelectorReplacement, 'optionalAccess', _6 => _6.root])) {
+        if (selector.value === ":root" && _optionalChain([cssSelectorReplacement, 'optionalAccess', _23 => _23.root])) {
           selector.value = composeIsPseudo(cssSelectorReplacement.root);
         } else if (selector.value === ":where") {
           if (uniAppX) {
@@ -171,7 +412,7 @@ function createRuleTransform(rule, options) {
           if (index === 0 && selector.length === 1) {
             selector.walk((node, idx) => {
               if (idx === 0 && node.type === "class") {
-                const nodes2 = _optionalChain([node, 'access', _7 => _7.parent, 'optionalAccess', _8 => _8.nodes]);
+                const nodes2 = _optionalChain([node, 'access', _24 => _24.parent, 'optionalAccess', _25 => _25.nodes]);
                 if (nodes2) {
                   const first = nodes2[idx + 1];
                   if (first && first.type === "combinator" && first.value === ">") {
@@ -214,7 +455,7 @@ function createRuleTransform(rule, options) {
         }
       } else if (selector.type === "combinator") {
         if (selector.value === ">") {
-          const nodes2 = _optionalChain([selector, 'access', _9 => _9.parent, 'optionalAccess', _10 => _10.nodes]);
+          const nodes2 = _optionalChain([selector, 'access', _26 => _26.parent, 'optionalAccess', _27 => _27.nodes]);
           if (nodes2) {
             const first = nodes2[index + 1];
             if (first && first.type === "pseudo" && first.value === ":not" && (first.first.first.type === "attribute" && first.first.first.attribute === "hidden" || first.first.first.type === "tag" && first.first.first.value === "template")) {
@@ -223,7 +464,7 @@ function createRuleTransform(rule, options) {
                 const third = nodes2[index + 3];
                 if (third && third.type === "pseudo" && third.value === ":not" && (third.first.first.type === "attribute" && third.first.first.attribute === "hidden" || third.first.first.type === "tag" && third.first.first.value === "template")) {
                   const ast = getCombinatorSelectorAst(options);
-                  _optionalChain([selector, 'access', _11 => _11.parent, 'optionalAccess', _12 => _12.nodes, 'access', _13 => _13.splice, 'call', _14 => _14(
+                  _optionalChain([selector, 'access', _28 => _28.parent, 'optionalAccess', _29 => _29.nodes, 'access', _30 => _30.splice, 'call', _31 => _31(
                     index + 1,
                     3,
                     ...ast
@@ -252,90 +493,23 @@ function createRuleTransform(rule, options) {
       rule.remove();
     }
   };
-  return transform;
+  const parser = _postcssselectorparser2.default.call(void 0, transform);
+  return (rule) => {
+    currentRule = rule;
+    try {
+      parser.transformSync(rule, normalizeTransformOptions());
+    } finally {
+      currentRule = void 0;
+    }
+  };
 }
 function ruleTransformSync(rule, options) {
-  const transformer = _postcssselectorparser2.default.call(void 0, createRuleTransform(rule, options));
-  return transformer.transformSync(rule, {
-    lossless: false,
-    updateSelector: true
-  });
-}
-function isOnlyBeforeAndAfterPseudoElement(node) {
-  let b = false;
-  let a = false;
-  _postcssselectorparser2.default.call(void 0, (selectors) => {
-    selectors.walkPseudos((s) => {
-      if (_optionalChain([s, 'access', _15 => _15.parent, 'optionalAccess', _16 => _16.length]) === 1) {
-        if (/^:?:before$/.test(s.value)) {
-          b = true;
-        }
-        if (/^:?:after$/.test(s.value)) {
-          a = true;
-        }
-      }
-    });
-  }).astSync(node);
-  return b && a;
-}
-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) => {
-      if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) {
-        maybeImportantId = true;
-      }
-      if (selector.type === "universal") {
-        _optionalChain([selector, 'access', _17 => _17.parent, 'optionalAccess', _18 => _18.remove, 'call', _19 => _19()]);
-      } else if (selector.type === "pseudo") {
-        if (selector.value === ":is") {
-          if (maybeImportantId && _optionalChain([selector, 'access', _20 => _20.nodes, 'access', _21 => _21[0], 'optionalAccess', _22 => _22.type]) === "selector") {
-            selector.replaceWith(selector.nodes[0]);
-          } else {
-            _optionalChain([selector, 'access', _23 => _23.parent, 'optionalAccess', _24 => _24.remove, 'call', _25 => _25()]);
-          }
-        } else if (selector.value === ":not") {
-          for (const x of selector.nodes) {
-            if (x.nodes.length === 1 && x.nodes[0].type === "id" && x.nodes[0].value === "#") {
-              x.nodes = [
-                _postcssselectorparser2.default.tag({
-                  value: "#n"
-                })
-              ];
-            }
-          }
-        } else if (selector.value === ":where") {
-          for (const n of selector.nodes) {
-            for (const node of n.nodes) {
-              if (node.type === "attribute") {
-                node.remove();
-              }
-            }
-          }
-        }
-      } else if (selector.type === "attribute") {
-        if (selector.attribute === "hidden") {
-          _optionalChain([rule, 'optionalAccess', _26 => _26.remove, 'call', _27 => _27()]);
-        }
-      }
-    });
-    selectors.walk((selector) => {
-      if (selector.type === "pseudo") {
-        if (selector.value === ":where") {
-          const res = selector.nodes.every((x) => x.nodes.length === 0);
-          if (res) {
-            selector.remove();
-          }
-        } else if (selector.type === "pseudo") {
-          if (uniAppX) {
-            selector.remove();
-          }
-        }
-      }
-    });
-  });
-  return fallbackRemove;
+  let transformer = ruleTransformCache.get(options);
+  if (!transformer) {
+    transformer = createRuleTransformer(options);
+    ruleTransformCache.set(options, transformer);
+  }
+  transformer(rule);
 }
 
 // src/plugins/post.ts
@@ -348,11 +522,9 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     postcssPlugin
   };
   if (opts.isMainChunk) {
+    const fallbackRemove = getFallbackRemove(void 0, opts);
     p.RuleExit = (rule) => {
-      getFallbackRemove(rule, opts).transformSync(rule, {
-        updateSelector: true,
-        lossless: false
-      });
+      fallbackRemove.transformSync(rule);
       if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
         rule.remove();
       }
@@ -373,12 +545,12 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       if (opts.cssRemoveProperty && atRule.name === "property") {
         atRule.remove();
       }
-      _optionalChain([atRule, 'access', _28 => _28.nodes, 'optionalAccess', _29 => _29.length]) === 0 && atRule.remove();
+      _optionalChain([atRule, 'access', _32 => _32.nodes, 'optionalAccess', _33 => _33.length]) === 0 && atRule.remove();
     };
   }
   if (typeof opts.customRuleCallback === "function") {
     p.Rule = (rule) => {
-      _optionalChain([opts, 'access', _30 => _30.customRuleCallback, 'optionalCall', _31 => _31(rule, opts)]);
+      _optionalChain([opts, 'access', _34 => _34.customRuleCallback, 'optionalCall', _35 => _35(rule, opts)]);
     };
   }
   return p;
@@ -819,7 +991,7 @@ function remakeCssVarSelector(selectors, options) {
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
   if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _32 => _32.markVariablesScope, 'call', _33 => _33(node)]);
+    _optionalChain([ctx, 'optionalAccess', _36 => _36.markVariablesScope, 'call', _37 => _37(node)]);
     node.selectors = remakeCssVarSelector(node.selectors, options);
     node.before(makePseudoVarRule());
     if (typeof cssInjectPreflight === "function") {
@@ -884,9 +1056,9 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
       root.walkAtRules((atRule) => {
         if (atRule.name === "layer") {
           if (atRule.params === "properties") {
-            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _34 => _34.nodes, 'optionalAccess', _35 => _35.length]) === 0) {
+            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _38 => _38.nodes, 'optionalAccess', _39 => _39.length]) === 0) {
               layerProperties = atRule;
-            } else if (_optionalChain([atRule, 'access', _36 => _36.first, 'optionalAccess', _37 => _37.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
+            } else if (_optionalChain([atRule, 'access', _40 => _40.first, 'optionalAccess', _41 => _41.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
               if (layerProperties) {
                 layerProperties.replaceWith(atRule.first.nodes);
                 atRule.remove();
@@ -898,7 +1070,7 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
             atRule.replaceWith(atRule.nodes);
           }
         } else if (isTailwindcssV4ModernCheck(atRule)) {
-          if (_optionalChain([atRule, 'access', _38 => _38.first, 'optionalAccess', _39 => _39.type]) === "atrule" && atRule.first.name === "layer") {
+          if (_optionalChain([atRule, 'access', _42 => _42.first, 'optionalAccess', _43 => _43.type]) === "atrule" && atRule.first.name === "layer") {
             atRule.replaceWith(atRule.first.nodes);
           }
         }
@@ -914,98 +1086,38 @@ postcssWeappTailwindcssPrePlugin.postcss = true;
 
 // src/plugins/index.ts
 
-function getPlugins(options) {
-  const ctx = createContext();
-  options.ctx = ctx;
-  const plugins = [
-    ..._nullishCoalesce(_optionalChain([options, 'access', _40 => _40.postcssOptions, 'optionalAccess', _41 => _41.plugins]), () => ( [])),
-    postcssWeappTailwindcssPrePlugin(options)
-  ].filter((x) => Boolean(x));
-  plugins.push(
-    // https://preset-env.cssdb.org/
-    // https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#readme
-    _postcsspresetenv2.default.call(void 0, 
-      options.cssPresetEnv
-    )
-  );
-  if (options.px2rpx) {
-    plugins.push(
-      _postcsspxtransform2.default.call(void 0, 
-        _shared.defuOverrideArray.call(void 0, 
-          typeof options.px2rpx === "object" ? options.px2rpx : {},
-          {
-            platform: "weapp",
-            unitPrecision: 5,
-            propList: ["*"],
-            selectorBlackList: [],
-            replace: true,
-            mediaQuery: false,
-            minPixelValue: 0,
-            designWidth: 750,
-            deviceRatio: {
-              375: 2,
-              640: 2.34 / 2,
-              750: 1,
-              828: 1.81 / 2
-            }
-          }
-        )
-      )
-    );
+function normalizePlugins(options) {
+  const plugins = [];
+  const pxPlugin = getPxTransformPlugin(options);
+  if (pxPlugin) {
+    plugins.push(pxPlugin);
   }
-  if (options.rem2rpx) {
-    plugins.push(
-      _postcssremtoresponsivepixel2.default.call(void 0, 
-        _shared.defuOverrideArray.call(void 0, 
-          typeof options.rem2rpx === "object" ? options.rem2rpx : {
-            rootValue: 32,
-            propList: ["*"],
-            transformUnit: "rpx"
-          },
-          {
-            processorStage: "OnceExit"
-          }
-        )
-      )
-    );
+  const remPlugin = getRemTransformPlugin(options);
+  if (remPlugin) {
+    plugins.push(remPlugin);
   }
-  const includeCustomProperties = Array.isArray(options.cssCalc) ? options.cssCalc : typeof options.cssCalc === "object" ? options.cssCalc.includeCustomProperties : [];
-  if (options.cssCalc) {
-    plugins.push(
-      // 核心在 OnceExit 的时候去执行的
-      _postcsscalc2.default.call(void 0, 
-        Array.isArray(options.cssCalc) ? {} : typeof options.cssCalc === "object" ? omit(options.cssCalc, ["includeCustomProperties"]) : {}
-      )
-    );
+  const calcPlugin = getCalcPlugin(options);
+  if (calcPlugin) {
+    plugins.push(calcPlugin);
   }
-  plugins.push(postcssWeappTailwindcssPostPlugin(options));
-  if (includeCustomProperties) {
-    plugins.push({
-      postcssPlugin: "postcss-remove-include-custom-properties",
-      OnceExit(root) {
-        root.walkDecls((decl, idx) => {
-          if (idx > 0 && _shared.regExpTest.call(void 0, includeCustomProperties, decl.value)) {
-            const prevNode = _optionalChain([decl, 'access', _42 => _42.parent, 'optionalAccess', _43 => _43.nodes, 'access', _44 => _44[idx - 1]]);
-            if (prevNode && prevNode.prop === decl.prop) {
-              const parsed = _postcssvalueparser2.default.call(void 0, decl.value);
-              parsed.walk((node) => {
-                if (node.type === "function" && node.value === "var") {
-                  const item = node.nodes.find((x) => {
-                    return x.type === "word" && _shared.regExpTest.call(void 0, includeCustomProperties, x.value);
-                  });
-                  if (item) {
-                    decl.remove();
-                  }
-                }
-              });
-            }
-          }
-        });
-      }
-    });
+  const customPropertyCleaner = getCustomPropertyCleaner(options);
+  if (customPropertyCleaner) {
+    plugins.push(customPropertyCleaner);
   }
   return plugins;
 }
+function getPlugins(options) {
+  const ctx = createContext();
+  options.ctx = ctx;
+  const plugins = [
+    ..._nullishCoalesce(_optionalChain([options, 'access', _44 => _44.postcssOptions, 'optionalAccess', _45 => _45.plugins]), () => ( [])),
+    postcssWeappTailwindcssPrePlugin(options),
+    _postcsspresetenv2.default.call(void 0, options.cssPresetEnv),
+    ...normalizePlugins(options),
+    postcssWeappTailwindcssPostPlugin(options)
+  ].filter(Boolean);
+  return plugins;
+}
 
 // src/preflight.ts
 function createInjectPreflight(options) {
@@ -1027,14 +1139,40 @@ function createInjectPreflight(options) {
 }
 
 // src/handler.ts
+function createProcessOptions(options) {
+  return {
+    from: void 0,
+    ..._nullishCoalesce(_optionalChain([options, 'access', _46 => _46.postcssOptions, 'optionalAccess', _47 => _47.options]), () => ( {}))
+  };
+}
+var pluginCache = /* @__PURE__ */ new WeakMap();
+var processOptionsCache = /* @__PURE__ */ new WeakMap();
+var processOptionsSourceCache = /* @__PURE__ */ new WeakMap();
+function getCachedPlugins(options) {
+  let plugins = pluginCache.get(options);
+  if (!plugins) {
+    plugins = getPlugins(options);
+    pluginCache.set(options, plugins);
+  }
+  return plugins;
+}
+function getCachedProcessOptions(options) {
+  const source = _optionalChain([options, 'access', _48 => _48.postcssOptions, 'optionalAccess', _49 => _49.options]);
+  let cached = processOptionsCache.get(options);
+  const cachedSource = processOptionsSourceCache.get(options);
+  if (!cached || cachedSource !== source) {
+    cached = createProcessOptions(options);
+    processOptionsCache.set(options, cached);
+    processOptionsSourceCache.set(options, source);
+  }
+  return { ...cached };
+}
 function styleHandler(rawSource, options) {
-  return _postcss2.default.call(void 0, 
-    getPlugins(options)
-  ).process(
+  const plugins = getCachedPlugins(options);
+  const processOptions = getCachedProcessOptions(options);
+  return _postcss2.default.call(void 0, plugins).process(
     rawSource,
-    _shared.defu.call(void 0, _optionalChain([options, 'access', _45 => _45.postcssOptions, 'optionalAccess', _46 => _46.options]), {
-      from: void 0
-    })
+    processOptions
   ).async();
 }
 function createStyleHandler(options) {
@@ -1043,10 +1181,13 @@ function createStyleHandler(options) {
     getDefaultOptions(options)
   );
   cachedOptions.cssInjectPreflight = createInjectPreflight(cachedOptions.cssPreflight);
+  getCachedPlugins(cachedOptions);
+  getCachedProcessOptions(cachedOptions);
   return (rawSource, opt) => {
+    const resolvedOptions = _shared.defuOverrideArray.call(void 0, opt, cachedOptions);
     return styleHandler(
       rawSource,
-      _shared.defuOverrideArray.call(void 0, opt, cachedOptions)
+      resolvedOptions
     );
   };
 }