fix: 修复saas主题打包报错问题 (#3250)

Author: chenxi-20

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
 }

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;
     }
   }

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'
       },

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%'
   }
 }

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'
       )
     "
   >