weapp-tailwindcss 2.4.3 → 2.5.2

package/dist/cli.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var options = require('./options-2e71e6b3.js');
+var options = require('./options-ad127e0c.js');
 require('micromatch');
 require('@babel/types');
 require('@babel/generator');
 require('@babel/parser');
 require('@babel/traverse');
 require('./replace.js');
-require('./shared-cdb5ee55.js');
+require('./shared-ae7dd073.js');
 require('postcss');
-require('./postcss-b8952a11.js');
+require('./postcss-fbdc673b.js');
 require('postcss-selector-parser');
 require('@csstools/postcss-is-pseudo-class');
 require('node:path');

package/dist/cli.mjs

@@ -1,13 +1,13 @@
-import { g as getOptions, c as createPatch } from './options-a2ba3653.mjs';
+import { g as getOptions, c as createPatch } from './options-1e3a224a.mjs';
 import 'micromatch';
 import '@babel/types';
 import '@babel/generator';
 import '@babel/parser';
 import '@babel/traverse';
 import './replace.mjs';
-import './shared-fc50603a.mjs';
+import './shared-7c88fb94.mjs';
 import 'postcss';
-import './postcss-15e2ef2d.mjs';
+import './postcss-9a63df9d.mjs';
 import 'postcss-selector-parser';
 import '@csstools/postcss-is-pseudo-class';
 import 'node:path';

package/dist/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const NS = "jsx-rename-loader";
+export declare const runtimeAopLoader = "weapp-tw-runtime-aop-loader";
 export declare const postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 export declare const ManglePluginHooks = "ManglePluginHooks";
 export declare const WeappTailwindcssWebpackPluginOptimizeChunkAssetsHooks = "WeappTailwindcssWebpackPluginOptimizeChunkAssetsHooks";

package/dist/gulp.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var stream = require('node:stream');
-var options = require('./options-2e71e6b3.js');
+var options = require('./options-ad127e0c.js');
 require('micromatch');
 require('@babel/types');
 require('@babel/generator');
 require('@babel/parser');
 require('@babel/traverse');
 require('./replace.js');
-require('./shared-cdb5ee55.js');
+require('./shared-ae7dd073.js');
 require('postcss');
-require('./postcss-b8952a11.js');
+require('./postcss-fbdc673b.js');
 require('postcss-selector-parser');
 require('@csstools/postcss-is-pseudo-class');
 require('node:path');
@@ -32,14 +32,14 @@ function createPlugins(options$1 = {}) {
     }
     const opts = options.getOptions(options$1);
     const { templeteHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet } = opts;
-    let set = new Set();
+    let runtimeSet = new Set();
     patch === null || patch === void 0 ? void 0 : patch();
     const twPatcher = options.createTailwindcssPatcher();
     function transformWxss() {
         const transformStream = new Transform({ objectMode: true });
         transformStream._transform = function (file, encoding, callback) {
-            set = twPatcher.getClassSet();
-            setMangleRuntimeSet(set);
+            runtimeSet = twPatcher.getClassSet();
+            setMangleRuntimeSet(runtimeSet);
             const error = null;
             if (file.contents) {
                 const code = styleHandler(file.contents.toString(), {
@@ -56,7 +56,7 @@ function createPlugins(options$1 = {}) {
         transformStream._transform = function (file, encoding, callback) {
             const error = null;
             if (file.contents) {
-                const { code } = jsHandler(file.contents.toString(), set);
+                const { code } = jsHandler(file.contents.toString(), runtimeSet);
                 file.contents = Buffer.from(code);
             }
             callback(error, file);
@@ -68,7 +68,9 @@ function createPlugins(options$1 = {}) {
         transformStream._transform = function (file, encoding, callback) {
             const error = null;
             if (file.contents) {
-                const code = templeteHandler(file.contents.toString());
+                const code = templeteHandler(file.contents.toString(), {
+                    runtimeSet
+                });
                 file.contents = Buffer.from(code);
             }
             callback(error, file);

package/dist/gulp.mjs

@@ -1,14 +1,14 @@
 import stream from 'node:stream';
-import { g as getOptions, a as createTailwindcssPatcher } from './options-a2ba3653.mjs';
+import { g as getOptions, a as createTailwindcssPatcher } from './options-1e3a224a.mjs';
 import 'micromatch';
 import '@babel/types';
 import '@babel/generator';
 import '@babel/parser';
 import '@babel/traverse';
 import './replace.mjs';
-import './shared-fc50603a.mjs';
+import './shared-7c88fb94.mjs';
 import 'postcss';
-import './postcss-15e2ef2d.mjs';
+import './postcss-9a63df9d.mjs';
 import 'postcss-selector-parser';
 import '@csstools/postcss-is-pseudo-class';
 import 'node:path';
@@ -24,14 +24,14 @@ function createPlugins(options = {}) {
     }
     const opts = getOptions(options);
     const { templeteHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet } = opts;
-    let set = new Set();
+    let runtimeSet = new Set();
     patch === null || patch === void 0 ? void 0 : patch();
     const twPatcher = createTailwindcssPatcher();
     function transformWxss() {
         const transformStream = new Transform({ objectMode: true });
         transformStream._transform = function (file, encoding, callback) {
-            set = twPatcher.getClassSet();
-            setMangleRuntimeSet(set);
+            runtimeSet = twPatcher.getClassSet();
+            setMangleRuntimeSet(runtimeSet);
             const error = null;
             if (file.contents) {
                 const code = styleHandler(file.contents.toString(), {
@@ -48,7 +48,7 @@ function createPlugins(options = {}) {
         transformStream._transform = function (file, encoding, callback) {
             const error = null;
             if (file.contents) {
-                const { code } = jsHandler(file.contents.toString(), set);
+                const { code } = jsHandler(file.contents.toString(), runtimeSet);
                 file.contents = Buffer.from(code);
             }
             callback(error, file);
@@ -60,7 +60,9 @@ function createPlugins(options = {}) {
         transformStream._transform = function (file, encoding, callback) {
             const error = null;
             if (file.contents) {
-                const code = templeteHandler(file.contents.toString());
+                const code = templeteHandler(file.contents.toString(), {
+                    runtimeSet
+                });
                 file.contents = Buffer.from(code);
             }
             callback(error, file);

package/dist/index.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var webpack = require('./webpack.js');
 var vite = require('./vite.js');
 var gulp = require('./gulp.js');
-require('./options-2e71e6b3.js');
+require('node:path');
+require('node:fs');
+require('./options-ad127e0c.js');
 require('micromatch');
 require('@babel/types');
 require('@babel/generator');
 require('@babel/parser');
 require('@babel/traverse');
 require('./replace.js');
-require('./shared-cdb5ee55.js');
+require('./shared-ae7dd073.js');
 require('postcss');
-require('./postcss-b8952a11.js');
+require('./postcss-fbdc673b.js');
 require('postcss-selector-parser');
 require('@csstools/postcss-is-pseudo-class');
-require('node:path');
-require('node:fs');
 require('semver');
 require('tailwindcss-patch');
 require('tailwindcss-mangle-shared');

package/dist/index.mjs

@@ -1,20 +1,20 @@
 export { UnifiedWebpackPluginV5 } from './webpack.mjs';
 export { UnifiedViteWeappTailwindcssPlugin } from './vite.mjs';
 export { createPlugins } from './gulp.mjs';
-import './options-a2ba3653.mjs';
+import 'node:path';
+import 'node:fs';
+import './options-1e3a224a.mjs';
 import 'micromatch';
 import '@babel/types';
 import '@babel/generator';
 import '@babel/parser';
 import '@babel/traverse';
 import './replace.mjs';
-import './shared-fc50603a.mjs';
+import './shared-7c88fb94.mjs';
 import 'postcss';
-import './postcss-15e2ef2d.mjs';
+import './postcss-9a63df9d.mjs';
 import 'postcss-selector-parser';
 import '@csstools/postcss-is-pseudo-class';
-import 'node:path';
-import 'node:fs';
 import 'semver';
 import 'tailwindcss-patch';
 import 'tailwindcss-mangle-shared';

package/dist/{options-a2ba3653.mjs → options-1e3a224a.mjs}

@@ -4,9 +4,9 @@ import generate from '@babel/generator';
 import { parse, parseExpression } from '@babel/parser';
 import traverse from '@babel/traverse';
 import { replaceJs as replaceWxml } from './replace.mjs';
-import { S as SimpleMappingChars2String, M as MappingChars2String } from './shared-fc50603a.mjs';
+import { S as SimpleMappingChars2String, M as MappingChars2String } from './shared-7c88fb94.mjs';
 import postcss from 'postcss';
-import { p as postcssWeappTailwindcss } from './postcss-15e2ef2d.mjs';
+import { p as postcssWeappTailwindcss } from './postcss-9a63df9d.mjs';
 import postcssIsPseudoClass from '@csstools/postcss-is-pseudo-class';
 import path from 'node:path';
 import fs from 'node:fs';
@@ -84,7 +84,7 @@ function groupBy(arr, cb) {
     return result;
 }
 function getGroupedEntries(entries, options) {
-    const { cssMatcher, htmlMatcher, jsMatcher } = options;
+    const { cssMatcher, htmlMatcher, jsMatcher, wxsMatcher } = options;
     const groupedEntries = groupBy(entries, ([file]) => {
         if (cssMatcher(file)) {
             return 'css';
@@ -92,7 +92,7 @@ function getGroupedEntries(entries, options) {
         else if (htmlMatcher(file)) {
             return 'html';
         }
-        else if (jsMatcher(file)) {
+        else if (jsMatcher(file) || wxsMatcher(file)) {
             return 'js';
         }
         else {
@@ -180,9 +180,7 @@ function makeCustomAttributes(entries) {
     }
 }
 const variableRegExp = /{{(.*?)}}/gs;
-function variableMatch(original) {
-    return variableRegExp.exec(original);
-}
+const wxsTagRegexp = /<wxs\s*(?:[a-z][a-z-]*[a-z]*(?:\s*=\s*".*?")?)*\s*>(.*?)<\/wxs>/gs;
 
 const validateFilterRE = /[\w%-?\u00A0-\uFFFF-]/;
 function isValidSelector(selector = '') {
@@ -310,6 +308,9 @@ const defaultOptions = {
             }
         }
     },
+    wxsMatcher: (file) => {
+        return false;
+    },
     cssPreflight: {
         'box-sizing': 'border-box',
         'border-width': '0',
@@ -339,7 +340,9 @@ const defaultOptions = {
     appType: undefined,
     arbitraryValues: {
         allowDoubleQuotes: false
-    }
+    },
+    cssChildCombinatorReplaceValue: 'view + view',
+    inlineWxs: false
 };
 
 function generateCode(match, options = {}) {
@@ -367,23 +370,24 @@ function generateCode(match, options = {}) {
     });
     return code;
 }
-function extractSource(original) {
-    let match = variableMatch(original);
+function extract(original, reg) {
+    let match = reg.exec(original);
     const sources = [];
     while (match !== null) {
         const start = match.index;
-        const end = variableRegExp.lastIndex;
+        const end = reg.lastIndex;
         sources.push({
             start,
             end,
-            raw: match[1],
-            prevConcatenated: !/\s/.test(original[start - 1]),
-            nextConcatenated: !/\s/.test(original[end])
+            raw: match[1]
         });
-        match = variableMatch(original);
+        match = reg.exec(original);
     }
     return sources;
 }
+function extractSource(original) {
+    return extract(original, variableRegExp);
+}
 function templeteReplacer(original, options = {}) {
     const sources = extractSource(original);
     if (sources.length > 0) {
@@ -434,24 +438,27 @@ function templeteHandler(rawSource, options = {}) {
         });
     });
 }
-function customTempleteHandler(rawSource, options = {}) {
+function customTempleteHandler(rawSource, options) {
+    const { customAttributesEntities, inlineWxs, runtimeSet, jsHandler } = options;
     let source = templeteHandler(rawSource, options);
-    const regexps = makeCustomAttributes(options.customAttributesEntities);
-    if (regexps) {
-        if (Array.isArray(regexps)) {
-            for (const regexp of regexps) {
-                source = source.replace(regexp.tagRegexp, (m0) => {
-                    return m0.replace(regexp.attrRegexp, (m1, className) => {
-                        return m1.replace(className, templeteReplacer(className, options));
-                    });
+    const regexps = makeCustomAttributes(customAttributesEntities);
+    if (regexps && Array.isArray(regexps)) {
+        for (const regexp of regexps) {
+            source = source.replace(regexp.tagRegexp, (m0) => {
+                return m0.replace(regexp.attrRegexp, (m1, className) => {
+                    return m1.replace(className, templeteReplacer(className, options));
                 });
-            }
+            });
         }
-        return source;
     }
-    else {
-        return source;
+    if (inlineWxs) {
+        const wxsTags = extract(source, wxsTagRegexp);
+        for (const x of wxsTags) {
+            const code = jsHandler(x.raw, runtimeSet).code;
+            source = source.replaceAll(x.raw, code);
+        }
     }
+    return source;
 }
 function createTempleteHandler(options = {}) {
     return (rawSource, opt = {}) => {
@@ -690,11 +697,12 @@ function getOptions(options = {}) {
     normalizeMatcher(options, 'cssMatcher');
     normalizeMatcher(options, 'htmlMatcher');
     normalizeMatcher(options, 'jsMatcher');
+    normalizeMatcher(options, 'wxsMatcher');
     normalizeMatcher(options, 'mainCssChunkMatcher');
     const result = defu(options, defaultOptions, {
         minifiedJs: isProd()
     });
-    const { cssPreflight, customRuleCallback, cssPreflightRange, replaceUniversalSelectorWith, customAttributes, customReplaceDictionary, supportCustomLengthUnitsPatch, arbitraryValues } = result;
+    const { cssPreflight, customRuleCallback, cssPreflightRange, replaceUniversalSelectorWith, customAttributes, customReplaceDictionary, supportCustomLengthUnitsPatch, arbitraryValues, cssChildCombinatorReplaceValue, inlineWxs } = result;
     result.escapeMap = customReplaceDictionary;
     const cssInjectPreflight = createInjectPreflight(cssPreflight);
     const customAttributesEntities = isMap(options.customAttributes)
@@ -703,25 +711,31 @@ function getOptions(options = {}) {
     const { escapeMap, minifiedJs } = result;
     const { initMangle, mangleContext, setMangleRuntimeSet } = useMangleStore();
     initMangle(options.mangle);
-    result.templeteHandler = createTempleteHandler({
-        customAttributesEntities,
-        escapeMap,
-        mangleContext
-    });
-    result.styleHandler = createStyleHandler({
+    const styleHandler = createStyleHandler({
         cssInjectPreflight,
         customRuleCallback,
         cssPreflightRange,
         replaceUniversalSelectorWith,
         escapeMap,
-        mangleContext
+        mangleContext,
+        cssChildCombinatorReplaceValue
     });
-    result.jsHandler = createjsHandler({
+    result.styleHandler = styleHandler;
+    const jsHandler = createjsHandler({
         minifiedJs,
         escapeMap,
         mangleContext,
         arbitraryValues
     });
+    result.jsHandler = jsHandler;
+    const templeteHandler = createTempleteHandler({
+        customAttributesEntities,
+        escapeMap,
+        mangleContext,
+        inlineWxs,
+        jsHandler
+    });
+    result.templeteHandler = templeteHandler;
     result.patch = createPatch(supportCustomLengthUnitsPatch);
     result.setMangleRuntimeSet = setMangleRuntimeSet;
     return result;

package/dist/{options-2e71e6b3.js → options-ad127e0c.js}

@@ -6,9 +6,9 @@ var generate = require('@babel/generator');
 var parser = require('@babel/parser');
 var traverse = require('@babel/traverse');
 var replace = require('./replace.js');
-var shared = require('./shared-cdb5ee55.js');
+var shared = require('./shared-ae7dd073.js');
 var postcss = require('postcss');
-var postcss$1 = require('./postcss-b8952a11.js');
+var postcss$1 = require('./postcss-fbdc673b.js');
 var postcssIsPseudoClass = require('@csstools/postcss-is-pseudo-class');
 var path = require('node:path');
 var fs = require('node:fs');
@@ -114,7 +114,7 @@ function groupBy(arr, cb) {
     return result;
 }
 function getGroupedEntries(entries, options) {
-    const { cssMatcher, htmlMatcher, jsMatcher } = options;
+    const { cssMatcher, htmlMatcher, jsMatcher, wxsMatcher } = options;
     const groupedEntries = groupBy(entries, ([file]) => {
         if (cssMatcher(file)) {
             return 'css';
@@ -122,7 +122,7 @@ function getGroupedEntries(entries, options) {
         else if (htmlMatcher(file)) {
             return 'html';
         }
-        else if (jsMatcher(file)) {
+        else if (jsMatcher(file) || wxsMatcher(file)) {
             return 'js';
         }
         else {
@@ -210,9 +210,7 @@ function makeCustomAttributes(entries) {
     }
 }
 const variableRegExp = /{{(.*?)}}/gs;
-function variableMatch(original) {
-    return variableRegExp.exec(original);
-}
+const wxsTagRegexp = /<wxs\s*(?:[a-z][a-z-]*[a-z]*(?:\s*=\s*".*?")?)*\s*>(.*?)<\/wxs>/gs;
 
 const validateFilterRE = /[\w%-?\u00A0-\uFFFF-]/;
 function isValidSelector(selector = '') {
@@ -340,6 +338,9 @@ const defaultOptions = {
             }
         }
     },
+    wxsMatcher: (file) => {
+        return false;
+    },
     cssPreflight: {
         'box-sizing': 'border-box',
         'border-width': '0',
@@ -369,7 +370,9 @@ const defaultOptions = {
     appType: undefined,
     arbitraryValues: {
         allowDoubleQuotes: false
-    }
+    },
+    cssChildCombinatorReplaceValue: 'view + view',
+    inlineWxs: false
 };
 
 function generateCode(match, options = {}) {
@@ -397,23 +400,24 @@ function generateCode(match, options = {}) {
     });
     return code;
 }
-function extractSource(original) {
-    let match = variableMatch(original);
+function extract(original, reg) {
+    let match = reg.exec(original);
     const sources = [];
     while (match !== null) {
         const start = match.index;
-        const end = variableRegExp.lastIndex;
+        const end = reg.lastIndex;
         sources.push({
             start,
             end,
-            raw: match[1],
-            prevConcatenated: !/\s/.test(original[start - 1]),
-            nextConcatenated: !/\s/.test(original[end])
+            raw: match[1]
         });
-        match = variableMatch(original);
+        match = reg.exec(original);
     }
     return sources;
 }
+function extractSource(original) {
+    return extract(original, variableRegExp);
+}
 function templeteReplacer(original, options = {}) {
     const sources = extractSource(original);
     if (sources.length > 0) {
@@ -464,24 +468,27 @@ function templeteHandler(rawSource, options = {}) {
         });
     });
 }
-function customTempleteHandler(rawSource, options = {}) {
+function customTempleteHandler(rawSource, options) {
+    const { customAttributesEntities, inlineWxs, runtimeSet, jsHandler } = options;
     let source = templeteHandler(rawSource, options);
-    const regexps = makeCustomAttributes(options.customAttributesEntities);
-    if (regexps) {
-        if (Array.isArray(regexps)) {
-            for (const regexp of regexps) {
-                source = source.replace(regexp.tagRegexp, (m0) => {
-                    return m0.replace(regexp.attrRegexp, (m1, className) => {
-                        return m1.replace(className, templeteReplacer(className, options));
-                    });
+    const regexps = makeCustomAttributes(customAttributesEntities);
+    if (regexps && Array.isArray(regexps)) {
+        for (const regexp of regexps) {
+            source = source.replace(regexp.tagRegexp, (m0) => {
+                return m0.replace(regexp.attrRegexp, (m1, className) => {
+                    return m1.replace(className, templeteReplacer(className, options));
                 });
-            }
+            });
         }
-        return source;
     }
-    else {
-        return source;
+    if (inlineWxs) {
+        const wxsTags = extract(source, wxsTagRegexp);
+        for (const x of wxsTags) {
+            const code = jsHandler(x.raw, runtimeSet).code;
+            source = source.replaceAll(x.raw, code);
+        }
     }
+    return source;
 }
 function createTempleteHandler(options = {}) {
     return (rawSource, opt = {}) => {
@@ -720,11 +727,12 @@ function getOptions(options = {}) {
     normalizeMatcher(options, 'cssMatcher');
     normalizeMatcher(options, 'htmlMatcher');
     normalizeMatcher(options, 'jsMatcher');
+    normalizeMatcher(options, 'wxsMatcher');
     normalizeMatcher(options, 'mainCssChunkMatcher');
     const result = defu(options, defaultOptions, {
         minifiedJs: isProd()
     });
-    const { cssPreflight, customRuleCallback, cssPreflightRange, replaceUniversalSelectorWith, customAttributes, customReplaceDictionary, supportCustomLengthUnitsPatch, arbitraryValues } = result;
+    const { cssPreflight, customRuleCallback, cssPreflightRange, replaceUniversalSelectorWith, customAttributes, customReplaceDictionary, supportCustomLengthUnitsPatch, arbitraryValues, cssChildCombinatorReplaceValue, inlineWxs } = result;
     result.escapeMap = customReplaceDictionary;
     const cssInjectPreflight = createInjectPreflight(cssPreflight);
     const customAttributesEntities = isMap(options.customAttributes)
@@ -733,25 +741,31 @@ function getOptions(options = {}) {
     const { escapeMap, minifiedJs } = result;
     const { initMangle, mangleContext, setMangleRuntimeSet } = useMangleStore();
     initMangle(options.mangle);
-    result.templeteHandler = createTempleteHandler({
-        customAttributesEntities,
-        escapeMap,
-        mangleContext
-    });
-    result.styleHandler = createStyleHandler({
+    const styleHandler = createStyleHandler({
         cssInjectPreflight,
         customRuleCallback,
         cssPreflightRange,
         replaceUniversalSelectorWith,
         escapeMap,
-        mangleContext
+        mangleContext,
+        cssChildCombinatorReplaceValue
     });
-    result.jsHandler = createjsHandler({
+    result.styleHandler = styleHandler;
+    const jsHandler = createjsHandler({
         minifiedJs,
         escapeMap,
         mangleContext,
         arbitraryValues
     });
+    result.jsHandler = jsHandler;
+    const templeteHandler = createTempleteHandler({
+        customAttributesEntities,
+        escapeMap,
+        mangleContext,
+        inlineWxs,
+        jsHandler
+    });
+    result.templeteHandler = templeteHandler;
     result.patch = createPatch(supportCustomLengthUnitsPatch);
     result.setMangleRuntimeSet = setMangleRuntimeSet;
     return result;

package/dist/postcss/plugin.d.ts

@@ -2,5 +2,5 @@ import type { PluginCreator } from 'postcss';
 import type { IStyleHandlerOptions } from "../types";
 export type PostcssWeappTailwindcssRenamePlugin = PluginCreator<IStyleHandlerOptions>;
 declare const postcssWeappTailwindcss: PostcssWeappTailwindcssRenamePlugin;
-export { postcssWeappTailwindcss, };
+export { postcssWeappTailwindcss };
 export { default as postcssIsPseudoClass } from '@csstools/postcss-is-pseudo-class';

package/dist/postcss/shared.d.ts

@@ -1,3 +1,3 @@
 import { InternalCssSelectorReplacerOptions } from "../types";
 export declare function internalCssSelectorReplacer(selectors: string, options?: InternalCssSelectorReplacerOptions): string;
-export declare function cssUnescape(value: string): string;
+export declare const cssUnescape: (str: string) => string;

package/dist/{postcss-15e2ef2d.mjs → postcss-9a63df9d.mjs}

@@ -1,5 +1,5 @@
 import selectorParser from 'postcss-selector-parser';
-import { i as internalCssSelectorReplacer } from './shared-fc50603a.mjs';
+import { i as internalCssSelectorReplacer } from './shared-7c88fb94.mjs';
 import { Rule, Declaration } from 'postcss';
 import '@csstools/postcss-is-pseudo-class';
 
@@ -57,7 +57,15 @@ function testIfVariablesScope(node, count = 1) {
     return false;
 }
 function commonChunkPreflight(node, options) {
-    node.selector = node.selector.replaceAll(BROAD_MATCH_GLOBAL_REGEXP, 'view + view');
+    let childCombinatorReplaceValue = 'view + view';
+    if (Array.isArray(options.cssChildCombinatorReplaceValue)) {
+        const part = options.cssChildCombinatorReplaceValue.join(',');
+        childCombinatorReplaceValue = [part, ' + ', part].join('');
+    }
+    else if (typeof options.cssChildCombinatorReplaceValue === 'string') {
+        childCombinatorReplaceValue = options.cssChildCombinatorReplaceValue;
+    }
+    node.selector = node.selector.replaceAll(BROAD_MATCH_GLOBAL_REGEXP, childCombinatorReplaceValue);
     if (testIfVariablesScope(node)) {
         const selectorParts = node.selector.split(',');
         if (!selectorParts.includes('view')) {
@@ -82,7 +90,6 @@ function commonChunkPreflight(node, options) {
     }
 }
 
-const NS = 'jsx-rename-loader';
 const postcssPlugin = 'postcss-weapp-tailwindcss-rename-plugin';
 const pluginName = 'weapp-tailwindcss-webpack-plugin';
 const vitePluginName = 'vite-plugin-uni-app-weapp-tailwindcss-adaptor';
@@ -105,4 +112,4 @@ const postcssWeappTailwindcss = (options = {
 };
 postcssWeappTailwindcss.postcss = true;
 
-export { NS as N, pluginName as a, postcssWeappTailwindcss as p, vitePluginName as v };
+export { pluginName as a, postcssWeappTailwindcss as p, vitePluginName as v };