fix: 💥 make result unit to px

daief · Nov 29, 2022 · f402067 · f402067
1 parent bddea6a
commit f402067
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/packages/develop/src/build/rollup-styles-plugin.ts b/packages/develop/src/build/rollup-styles-plugin.ts
@@ -1,9 +1,26 @@
 import { Plugin } from 'rollup';
+import postcss, { Plugin as PostcssPlugin } from 'postcss';
 
-const postcss = require('postcss');
 // const postcssJs = require('postcss-js');
 const less = require('less');
 
+const postcssRemToPx = (): PostcssPlugin => {
+  const base = 16;
+  return {
+    postcssPlugin: 'postcssRemToPx',
+    Rule(rule) {
+      rule.walkDecls((decl) => {
+        const reg = /(\d*\.?\d+)rem/gis;
+        const res = decl.value.matchAll(reg);
+        for (const it of res) {
+          const px = +it[1] * base + 'px';
+          decl.value = decl.value.replace(it[0], px);
+        }
+      });
+    },
+  };
+};
+
 export const createStylesPlugin = (tailwindConfig: any) => {
   tailwindConfig = { ...tailwindConfig };
   tailwindConfig.content = [];
@@ -23,6 +40,7 @@ export const createStylesPlugin = (tailwindConfig: any) => {
         },
       ],
     }),
+    postcssRemToPx(),
   ]);
 
   const uid = (() => {

diff --git a/packages/develop/src/build/rollup.ts b/packages/develop/src/build/rollup.ts
@@ -24,7 +24,7 @@ export function getRoolupConfig(opts: IBuildOptions) {
 
   const components = fs
     .readdirSync(workspace('src/components'))
-    .filter((cpt) => !['index.tsx', '_styles'].includes(cpt));
+    .filter((cpt) => !['index.tsx', '_styles', '_widgets'].includes(cpt));
 
   const entries = components.reduce<Record<string, string>>((res, curr) => {
     const p = `components/${curr}/index`;

diff --git a/src/components/progress/index.tsx b/src/components/progress/index.tsx
@@ -45,7 +45,7 @@ export const radialProgressProps = {
   },
   size: {
     type: [Number, String] as PropType<number | string>,
-    default: '5rem',
+    default: '80px',
   },
   thickness: {
     type: [Number, String] as PropType<number | string>,