feat(progress): font-weight-circle

src/progress/src/Progress.tsx

@@ -108,6 +108,7 @@ export default defineComponent({
             textColorLineInner,
             textColorLineOuter,
             lineBgProcessing,
+            fontWeightCircle,
             [createKey('iconColor', status)]: iconColor,
             [createKey('fillColor', status)]: fillColor
           }
@@ -117,6 +118,7 @@ export default defineComponent({
           '--fill-color': fillColor,
           '--font-size': fontSize,
           '--font-size-circle': fontSizeCircle,
+          '--font-weight-circle': fontWeightCircle,
           '--icon-color': iconColor,
           '--icon-size-circle': iconSizeCircle,
           '--icon-size-line': iconSizeLine,

src/progress/src/styles/index.cssr.ts

@@ -1,10 +1,11 @@
-import { c, cB, cE, cM } from '../../../_utils/cssr'
+import { c, cB, cM } from '../../../_utils/cssr'
 
 // vars
 // --bezier
 // --fill-color
 // --font-size
 // --font-size-circle
+// --font-weight-circle
 // --icon-color
 // --icon-size-circle
 // --icon-size-line
@@ -74,18 +75,12 @@ export default c([
         display: flex;
         align-items: center;
         color: inherit;
-        font-size: 36px;
+        font-size: var(--font-size-circle);
         color: var(--text-color-circle);
+        font-weight: var(--font-weight-circle);
         transition: color .3s var(--bezier);
         white-space: nowrap;
-      `, [
-        cE('percentage', `
-          font-size: var(--font-size-circle);
-        `),
-        cE('unit', `
-          font-size: var(--font-size-circle);
-        `)
-      ]),
+      `),
       cB('progress-icon', `
         position: absolute;
         left: 50%;
@@ -102,6 +97,7 @@ export default c([
       color: 'inherit'
     }, [
       cB('progress-text', `
+        font-weight: var(--font-weight-circle);
         color: var(--text-color-circle);
         position: absolute;
         left: 50%;

src/progress/styles/dark.ts

@@ -12,9 +12,11 @@ const progressDark: ProgressTheme = {
       errorColor,
       textColor2,
       progressRailColorOverlay,
-      fontSize
+      fontSize,
+      fontWeight
     } = vars
     return {
+      fontWeightCircle: fontWeight,
       fontSize,
       fontSizeCircle: '28px',
       railColor: progressRailColorOverlay,

src/progress/styles/light.ts

@@ -10,11 +10,13 @@ const self = (vars: ThemeCommonVars) => {
     errorColor,
     textColor2,
     progressRailColor,
-    fontSize
+    fontSize,
+    fontWeight
   } = vars
   return {
     fontSize,
     fontSizeCircle: '28px',
+    fontWeightCircle: fontWeight,
     railColor: progressRailColor,
     railHeight: '8px',
     iconSizeCircle: '36px',

themes/tusimple/src/theme-overrides.ts

@@ -358,6 +358,7 @@ export const themeOverrides: GlobalThemeOverrides = {
     spaceArrow: '14px'
   },
   Progress: {
+    fontWeightCircle: '700',
     railHeight: '4px',
     fontSizeCircle: '24px',
     iconSizeCircle: '30px',