fix: @vue/component-compiler-utils support postcss8

packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/dist/stylePlugins/remove-scoped.js

 "use strict";
-var __importStar = (this && this.__importStar) || function(mod) {
+var __importStar = (this && this.__importStar) || function (mod) {
   if (mod && mod.__esModule) return mod;
   var result = {};
   if (mod != null)
@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", {
 const postcss = __importStar(require("postcss"));
 // postcss-selector-parser does have typings but it's problematic to work with.
 const selectorParser = require('postcss-selector-parser');
-exports.default = postcss.plugin('remove-scoped', (options) => (root) => {
-  root.each(function rewriteSelector(node) {
+const once = (root) => {
+  root.each(function rewriteSelector (node) {
     if (!node.selector) {
       // handle media queries
       if (node.type === 'atrule') {
@@ -58,4 +58,22 @@ exports.default = postcss.plugin('remove-scoped', (options) => (root) => {
       });
     }).processSync(node.selector);
   });
-});
+};
+
+const version = Number(require('postcss/package.json').version.split('.')[0])
+
+if (version < 8) {
+  const postcss = require('postcss')
+  module.exports = postcss.plugin('remove-scoped', function (opts) {
+    return once
+  })
+} else {
+  module.exports = function (opts) {
+    return {
+      postcssPlugin: 'remove-scoped',
+      Once: once
+    }
+  }
+
+  module.exports.postcss = true
+}

packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/dist/stylePlugins/scoped.js

@@ -10,10 +10,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const postcss = __importStar(require("postcss"));
 // postcss-selector-parser does have typings but it's problematic to work with.
 const selectorParser = require('postcss-selector-parser');
-exports.default = postcss.plugin('add-id', (options) => (root) => {
+const once = (options) => (root) => {
   const id = options;
   const keyframes = Object.create(null);
-    root.each(function rewriteSelector(node) {
+  root.each(function rewriteSelector (node) {
     if (!node.selector) {
       // handle media queries
       if (node.type === 'atrule') {
@@ -59,13 +59,13 @@ exports.default = postcss.plugin('add-id', (options) => (root) => {
           selector.first.spaces.before = '';
         }
         // fixed by xxxxxx (h5,app-plus v3 平台继续使用 attribute,其他平台使用 className)
-                if(
+        if (
           process.env.UNI_PLATFORM === 'h5' ||
           (
             process.env.UNI_PLATFORM === 'app-plus' &&
             process.env.UNI_USING_V3
           )
-                ){
+        ) {
           selector.insertAfter(node, selectorParser.attribute({
             attribute: id
           }));
@@ -109,4 +109,22 @@ exports.default = postcss.plugin('add-id', (options) => (root) => {
       }
     });
   }
-});
+};
+
+const version = Number(require('postcss/package.json').version.split('.')[0])
+
+if (version < 8) {
+  const postcss = require('postcss')
+  module.exports = postcss.plugin('add-id', function (opts) {
+    return once(opts)
+  })
+} else {
+  module.exports = function (opts) {
+    return {
+      postcssPlugin: 'add-id',
+      Once: once(opts)
+    }
+  }
+
+  module.exports.postcss = true
+}

packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/dist/stylePlugins/trim.js

@@ -8,7 +8,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const postcss = __importStar(require("postcss"));
-exports.default = postcss.plugin('trim', () => (css) => {
+const once = (css) => {
   css.walk(({ type, raws }) => {
     if (type === 'rule' || type === 'atrule') {
       if (raws.before)
@@ -17,4 +17,22 @@ exports.default = postcss.plugin('trim', () => (css) => {
         raws.after = '\n';
     }
   });
-});
+};
+
+const version = Number(require('postcss/package.json').version.split('.')[0])
+
+if (version < 8) {
+  const postcss = require('postcss')
+  module.exports = postcss.plugin('trim', function (opts) {
+    return once
+  })
+} else {
+  module.exports = function (opts) {
+    return {
+      postcssPlugin: 'trim',
+      Once: once
+    }
+  }
+
+  module.exports.postcss = true
+}