feat(nvue-styler): css 展开 border-radius #14277

dcloudio · Jan 16, 2025 · 9d94911 · 9d94911
1 parent 8d6cc0b
commit 9d94911
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/packages/uni-nvue-styler/__tests__/expand.spec.ts b/packages/uni-nvue-styler/__tests__/expand.spec.ts
@@ -741,7 +741,22 @@ describe('nvue-styler: expand', () => {
       '1px': [
         {
           type: 'decl',
-          prop: 'border-radius',
+          prop: 'border-top-left-radius',
+          value: '1px',
+        },
+        {
+          type: 'decl',
+          prop: 'border-top-right-radius',
+          value: '1px',
+        },
+        {
+          type: 'decl',
+          prop: 'border-bottom-right-radius',
+          value: '1px',
+        },
+        {
+          type: 'decl',
+          prop: 'border-bottom-left-radius',
           value: '1px',
         },
       ],
@@ -816,15 +831,12 @@ describe('nvue-styler: expand', () => {
       const decl = parseDecl(`.test {
   border-radius: ${value}
 }`)
-      if (!value.includes(' ')) {
-        expect(transformBorderRadius(decl)).toEqual([decl])
-      } else {
-        expect(transformBorderRadius(decl)).toEqual(
-          borderRadius[value].map((node) => {
-            return Object.assign({ raws: decl.raws, source: decl.source }, node)
-          })
-        )
-      }
+
+      expect(transformBorderRadius(decl)).toEqual(
+        borderRadius[value].map((node) => {
+          return Object.assign({ raws: decl.raws, source: decl.source }, node)
+        })
+      )
     })
   })
   test('transform flex-flow', () => {

diff --git a/packages/uni-nvue-styler/src/expand/borderRadius.ts b/packages/uni-nvue-styler/src/expand/borderRadius.ts
@@ -20,7 +20,8 @@ export const transformBorderRadius: TransformDecl = (decl) => {
   }
   switch (splitResult.length) {
     case 1:
-      return [decl]
+      splitResult.push(splitResult[0], splitResult[0], splitResult[0])
+      break
     case 2:
       splitResult.push(splitResult[0], splitResult[1])
       break