From 34e8756c294a2fbcc4a0069f01053affa9d00cef Mon Sep 17 00:00:00 2001
From: chenxi <2465950588@qq.com>
Date: Sun, 6 Apr 2025 20:34:33 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dsaas=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E6=89=93=E5=8C=85=E6=8A=A5=E9=94=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/theme-saas/plugins/loadTheme.js            | 2 --
 packages/theme-saas/src/skeleton-item/index.less    | 2 +-
 packages/theme-saas/tailwind.config.js              | 4 +++-
 packages/theme-saas/theme/defaultTheme.js           | 3 ---
 packages/vue/src/skeleton-item/src/mobile-first.vue | 2 +-
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/theme-saas/plugins/loadTheme.js b/packages/theme-saas/plugins/loadTheme.js
index 1a9fa6eba7..e0818f026f 100644
--- a/packages/theme-saas/plugins/loadTheme.js
+++ b/packages/theme-saas/plugins/loadTheme.js
@@ -127,7 +127,6 @@ function loadLayout(designToken) {
   const space = Layout.space
   const boxShadow = Layout.boxShadow
   const opacity = Layout.opacity
-  const backgroundSize = Layout.backgroundSize
 
   layoutToken.fontSize = getToken('fontSize', fontSize)
   layoutToken.lineHeight = getToken('lineHeight', lineHeight)
@@ -136,7 +135,6 @@ function loadLayout(designToken) {
   layoutToken.spacing = getToken('spacing', space)
   layoutToken.boxShadow = getToken('boxShadow', boxShadow)
   layoutToken.opacity = getToken('opacity', opacity)
-  layoutToken.backgroundSize = getToken('backgroundSize', {})
 
   return layoutToken
 }
diff --git a/packages/theme-saas/src/skeleton-item/index.less b/packages/theme-saas/src/skeleton-item/index.less
index f89512d22d..5f628dda51 100644
--- a/packages/theme-saas/src/skeleton-item/index.less
+++ b/packages/theme-saas/src/skeleton-item/index.less
@@ -12,7 +12,7 @@
       @apply from-color-border-separator;
       @apply via-color-bg-2;
       @apply to-color-border-separator;
-      @apply bg-200-100;
+      @apply bg-w200h100;
       @apply animate-skeleton-loading-1500ms;
     }
   }
diff --git a/packages/theme-saas/tailwind.config.js b/packages/theme-saas/tailwind.config.js
index 8a79b571fa..8c0c8c1958 100644
--- a/packages/theme-saas/tailwind.config.js
+++ b/packages/theme-saas/tailwind.config.js
@@ -21,8 +21,10 @@ module.exports = {
     borderRadius: layoutToken.borderRadius,
     borderWidth: layoutToken.borderWidth,
     opacity: layoutToken.opacity,
-    backgroundSize: layoutToken.backgroundSize,
     extend: {
+      backgroundSize: {
+        'w200h100': '200% 100%'
+      },
       animation: {
         'skeleton-loading-1500ms': '1.5s skeleton-loading-1500ms ease-in-out infinite'
       },
diff --git a/packages/theme-saas/theme/defaultTheme.js b/packages/theme-saas/theme/defaultTheme.js
index 6856c72f0c..053ffd816e 100644
--- a/packages/theme-saas/theme/defaultTheme.js
+++ b/packages/theme-saas/theme/defaultTheme.js
@@ -119,8 +119,5 @@ module.exports = {
     sm: '0.125rem',
     DEFAULT: '0.25rem',
     none: '0px'
-  },
-  backgroundSize: {
-    '200-100': '200% 100%'
   }
 }
diff --git a/packages/vue/src/skeleton-item/src/mobile-first.vue b/packages/vue/src/skeleton-item/src/mobile-first.vue
index 68b4118182..fe20837621 100644
--- a/packages/vue/src/skeleton-item/src/mobile-first.vue
+++ b/packages/vue/src/skeleton-item/src/mobile-first.vue
@@ -9,7 +9,7 @@
         gcls(`shape-${variant}`),
         variant !== 'square' ? gcls(`${variant}-${size}`) : '',
         state.isActive &&
-          'bg-200-100 bg-gradient-to-r from-color-border-separator via-color-bg-2 to-color-border-separator animate-skeleton-loading-1500ms'
+          'bg-w200h100 bg-gradient-to-r from-color-border-separator via-color-bg-2 to-color-border-separator animate-skeleton-loading-1500ms'
       )
     "
   >