@wot-ui/ui 2.0.0-alpha.5 → 2.0.0-alpha.6

package/changelog.md

@@ -1,6 +1,21 @@
 # 更新日志 
 
 
+## [2.0.0-alpha.6](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2026-04-12)
+
+
+### ✨ Features | 新功能
+
+* ✨ WIP ([9582280](https://github.com/wot-ui/wot-ui/commit/9582280662b6a336f52707d4cabb436f15d4a2cb))
+* ✨ WIP ([9d8a173](https://github.com/wot-ui/wot-ui/commit/9d8a1734fb7f7387e044d806392b70936da314a7))
+* ✨ WIP ([cb70bfd](https://github.com/wot-ui/wot-ui/commit/cb70bfd76fb549e6137968d0584c28e7a7014d71))
+* ✨ WIP ([aef0140](https://github.com/wot-ui/wot-ui/commit/aef0140e0c72faa7c36238b1309642d1316c21fd))
+* ✨ WIP ([e9c7159](https://github.com/wot-ui/wot-ui/commit/e9c71596af0e18f7545d242cc0925872f1848cfb))
+* ✨ WIP ([cec770b](https://github.com/wot-ui/wot-ui/commit/cec770b08893e7df7be7767b8817e9a6fe2685ee))
+* ✨ WIP ([3c2b401](https://github.com/wot-ui/wot-ui/commit/3c2b4018abcd8833d39c485fe8ea5354d0fe7061))
+* ✨ WIP ([343fc11](https://github.com/wot-ui/wot-ui/commit/343fc11f71ba800b8049d9ce05976022499fbb35))
+* **button:** ✨ 新增 soft 类型变体 ([#1](https://github.com/wot-ui/wot-ui/issues/1)) ([a9c15df](https://github.com/wot-ui/wot-ui/commit/a9c15df53b9f92528ad61bbbd725c1c6781c33d0))
+
 ## [2.0.0-alpha.5](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.4...v2.0.0-alpha.5) (2026-04-08)
 
 

package/components/wd-button/index.scss

@@ -18,6 +18,10 @@ $button-primary-plain-bg-active: var(--wot-button-primary-plain-bg-active, $prim
 $button-primary-plain-border: var(--wot-button-primary-plain-border, $primary-6) !default;
 // 主类型 plain 边框激活色
 $button-primary-plain-border-active: var(--wot-button-primary-plain-border-active, $primary-7) !default;
+// 主类型 soft 背景色
+$button-primary-soft-bg: var(--wot-button-primary-soft-bg, $primary-1) !default;
+// 主类型 soft 背景激活色
+$button-primary-soft-bg-active: var(--wot-button-primary-soft-bg-active, $primary-2) !default;
 // 成功类型背景色
 $button-success-bg: var(--wot-button-success-bg, $success-main) !default;
 // 成功类型背景激活色
@@ -34,6 +38,10 @@ $button-success-plain-bg-active: var(--wot-button-success-plain-bg-active, $succ
 $button-success-plain-border: var(--wot-button-success-plain-border, $success-main) !default;
 // 成功类型 plain 边框激活色
 $button-success-plain-border-active: var(--wot-button-success-plain-border-active, $success-clicked) !default;
+// 成功类型 soft 背景色
+$button-success-soft-bg: var(--wot-button-success-soft-bg, $success-surface) !default;
+// 成功类型 soft 背景激活色
+$button-success-soft-bg-active: var(--wot-button-success-soft-bg-active, $success-particular) !default;
 // 危险类型背景色
 $button-danger-bg: var(--wot-button-danger-bg, $danger-main) !default;
 // 危险类型背景激活色
@@ -50,6 +58,10 @@ $button-danger-plain-bg-active: var(--wot-button-danger-plain-bg-active, $danger
 $button-danger-plain-border: var(--wot-button-danger-plain-border, $danger-main) !default;
 // 危险类型 plain 边框激活色
 $button-danger-plain-border-active: var(--wot-button-danger-plain-border-active, $danger-clicked) !default;
+// 危险类型 soft 背景色
+$button-danger-soft-bg: var(--wot-button-danger-soft-bg, $danger-surface) !default;
+// 危险类型 soft 背景激活色
+$button-danger-soft-bg-active: var(--wot-button-danger-soft-bg-active, $danger-particular) !default;
 // 警告类型背景色
 $button-warning-bg: var(--wot-button-warning-bg, $warning-main) !default;
 // 警告类型背景激活色
@@ -66,6 +78,10 @@ $button-warning-plain-bg-active: var(--wot-button-warning-plain-bg-active, $warn
 $button-warning-plain-border: var(--wot-button-warning-plain-border, $warning-main) !default;
 // 警告类型 plain 边框激活色
 $button-warning-plain-border-active: var(--wot-button-warning-plain-border-active, $warning-clicked) !default;
+// 警告类型 soft 背景色
+$button-warning-soft-bg: var(--wot-button-warning-soft-bg, $warning-surface) !default;
+// 警告类型 soft 背景激活色
+$button-warning-soft-bg-active: var(--wot-button-warning-soft-bg-active, $warning-particular) !default;
 // 信息类型背景色
 $button-info-bg: var(--wot-button-info-bg, $filled-content) !default;
 // 信息类型背景激活色
@@ -82,6 +98,10 @@ $button-info-plain-bg-active: var(--wot-button-info-plain-bg-active, $filled-bot
 $button-info-plain-border: var(--wot-button-info-plain-border, $border-main) !default;
 // 信息类型 plain 边框激活色
 $button-info-plain-border-active: var(--wot-button-info-plain-border-active, $border-strong) !default;
+// 信息类型 soft 背景色
+$button-info-soft-bg: var(--wot-button-info-soft-bg, $filled-bottom) !default;
+// 信息类型 soft 背景激活色
+$button-info-soft-bg-active: var(--wot-button-info-soft-bg-active, $filled-content) !default;
 // 实心按钮默认文本色
 $button-main-color: var(--wot-button-main-color, $text-white) !default;
 // mini 尺寸图标字号
@@ -154,7 +174,9 @@ $button-radius-full: var(--wot-button-radius-full, $radius-radius-full) !default
 $button-disabled: var(--wot-button-disabled, $opacity-disabled) !default;
 
 // 按钮类型配置映射
-$button-types: ("primary": ("bg": $button-primary-bg,
+$button-types: (
+  "primary": (
+    "bg": $button-primary-bg,
     "bg-active": $button-primary-bg-active,
     "text": $button-main-color,
     "plain-bg": $button-primary-plain-bg,
@@ -162,8 +184,12 @@ $button-types: ("primary": ("bg": $button-primary-bg,
     "plain-text": $button-primary-color,
     "plain-text-active": $button-primary-color-active,
     "plain-border": $button-primary-plain-border,
-    "plain-border-active": $button-primary-plain-border-active),
-  "success": ("bg": $button-success-bg,
+    "plain-border-active": $button-primary-plain-border-active,
+    "soft-bg": $button-primary-soft-bg,
+    "soft-bg-active": $button-primary-soft-bg-active,
+  ),
+  "success": (
+    "bg": $button-success-bg,
     "bg-active": $button-success-bg-active,
     "text": $button-main-color,
     "plain-bg": $button-success-plain-bg,
@@ -171,8 +197,12 @@ $button-types: ("primary": ("bg": $button-primary-bg,
     "plain-text": $button-success-color,
     "plain-text-active": $button-success-color-active,
     "plain-border": $button-success-plain-border,
-    "plain-border-active": $button-success-plain-border-active),
-  "info": ("bg": $button-info-bg,
+    "plain-border-active": $button-success-plain-border-active,
+    "soft-bg": $button-success-soft-bg,
+    "soft-bg-active": $button-success-soft-bg-active,
+  ),
+  "info": (
+    "bg": $button-info-bg,
     "bg-active": $button-info-bg-active,
     "text": $button-info-color,
     "plain-bg": $button-info-plain-bg,
@@ -180,8 +210,12 @@ $button-types: ("primary": ("bg": $button-primary-bg,
     "plain-text": $button-info-color,
     "plain-text-active": $button-info-color-active,
     "plain-border": $button-info-plain-border,
-    "plain-border-active": $button-info-plain-border-active),
-  "warning": ("bg": $button-warning-bg,
+    "plain-border-active": $button-info-plain-border-active,
+    "soft-bg": $button-info-soft-bg,
+    "soft-bg-active": $button-info-soft-bg-active,
+  ),
+  "warning": (
+    "bg": $button-warning-bg,
     "bg-active": $button-warning-bg-active,
     "text": $button-main-color,
     "plain-bg": $button-warning-plain-bg,
@@ -189,8 +223,12 @@ $button-types: ("primary": ("bg": $button-primary-bg,
     "plain-text": $button-warning-color,
     "plain-text-active": $button-warning-color-active,
     "plain-border": $button-warning-plain-border,
-    "plain-border-active": $button-warning-plain-border-active),
-  "danger": ("bg": $button-danger-bg,
+    "plain-border-active": $button-warning-plain-border-active,
+    "soft-bg": $button-warning-soft-bg,
+    "soft-bg-active": $button-warning-soft-bg-active,
+  ),
+  "danger": (
+    "bg": $button-danger-bg,
     "bg-active": $button-danger-bg-active,
     "text": $button-main-color,
     "plain-bg": $button-danger-plain-bg,
@@ -198,43 +236,59 @@ $button-types: ("primary": ("bg": $button-primary-bg,
     "plain-text": $button-danger-color,
     "plain-text-active": $button-danger-color-active,
     "plain-border": $button-danger-plain-border,
-    "plain-border-active": $button-danger-plain-border-active));
+    "plain-border-active": $button-danger-plain-border-active,
+    "soft-bg": $button-danger-soft-bg,
+    "soft-bg-active": $button-danger-soft-bg-active,
+  )
+);
 
 // 按钮尺寸配置映射
-$button-sizes: ("mini": ("padding-y": $button-up-down-padding-mini,
+$button-sizes: (
+  "mini": (
+    "padding-y": $button-up-down-padding-mini,
     "padding-x": $button-left-right-padding-mini,
     "font-size": $button-font-size-mini,
     "line-height": $button-line-height-mini,
     "icon-font-size": $button-size-icon-mini,
     "spacing": $button-spacing-mini,
-    "icon-padding": $button-only-icon-padding-mini),
-  "small": ("padding-y": $button-up-down-padding-small,
+    "icon-padding": $button-only-icon-padding-mini
+  ),
+  "small": (
+    "padding-y": $button-up-down-padding-small,
     "padding-x": $button-left-right-padding-small,
     "font-size": $button-font-size-small,
     "line-height": $button-line-height-small,
     "icon-font-size": $button-size-icon-small,
     "spacing": $button-spacing-small,
-    "icon-padding": $button-only-icon-padding-small),
-  "medium": ("padding-y": $button-up-down-padding-medium,
+    "icon-padding": $button-only-icon-padding-small
+  ),
+  "medium": (
+    "padding-y": $button-up-down-padding-medium,
     "padding-x": $button-left-right-padding-medium,
     "font-size": $button-font-size-medium,
     "line-height": $button-line-height-medium,
     "icon-font-size": $button-size-icon-medium,
     "spacing": $button-spacing-medium,
-    "icon-padding": $button-only-icon-padding-medium),
-  "large": ("padding-y": $button-up-down-padding-large,
+    "icon-padding": $button-only-icon-padding-medium
+  ),
+  "large": (
+    "padding-y": $button-up-down-padding-large,
     "padding-x": $button-left-right-padding-large,
     "font-size": $button-font-size-large,
     "line-height": $button-line-height-large,
     "icon-font-size": $button-size-icon-large,
     "spacing": $button-spacing-large,
-    "icon-padding": $button-only-icon-padding-large));
+    "icon-padding": $button-only-icon-padding-large
+  )
+);
 
 // 按钮视觉变体配置映射
-$button-variants: ("text": ("hide-border": true),
+$button-variants: (
   "plain": ("show-border": true),
-  "dashed": ("show-border": true,
-    "border-style": dashed));
+  "dashed": ("show-border": true, "border-style": dashed),
+  "soft": ("hide-border": true, "soft-bg": true),
+  "text": ("hide-border": true)
+);
 
 @include b(button) {
   position: relative;
@@ -314,6 +368,10 @@ $button-variants: ("text": ("hide-border": true),
             background: transparent;
           }
 
+          @else if map.get($variant-conf, "soft-bg") {
+            background: map.get($type-conf, "soft-bg");
+          }
+
           @else {
             background: map.get($type-conf, "plain-bg");
           }
@@ -335,6 +393,10 @@ $button-variants: ("text": ("hide-border": true),
               background: transparent;
             }
 
+            @else if map.get($variant-conf, "soft-bg") {
+              background: map.get($type-conf, "soft-bg-active");
+            }
+
             @else {
               background: map.get($type-conf, "plain-bg-active");
             }
@@ -402,7 +464,7 @@ $button-variants: ("text": ("hide-border": true),
         font-size: map.get($conf, "icon-font-size");
         line-height: 1;
 
-        +.wd-button__text {
+        + .wd-button__text {
           margin-left: map.get($conf, "spacing");
         }
       }

package/components/wd-button/types.ts

@@ -9,9 +9,9 @@ import { type LoadingProps } from '../wd-loading/types'
 export type ButtonType = 'primary' | 'success' | 'info' | 'warning' | 'danger'
 /**
  * 按钮变体
- * 可选值: 'base' | 'plain' | 'dashed' | 'text'
+ * 可选值: 'base' | 'plain' | 'dashed' | 'soft' | 'text'
  */
-export type ButtonVariant = 'base' | 'plain' | 'dashed' | 'text'
+export type ButtonVariant = 'base' | 'plain' | 'dashed' | 'soft' | 'text'
 /**
  * 按钮尺寸
  * 可选值: 'mini' | 'small' | 'medium' | 'large'
@@ -192,7 +192,7 @@ export const buttonProps = {
   /**
    * 按钮变体
    * 类型: ButtonVariant
-   * 可选值: 'base' | 'plain' | 'dashed' | 'text'
+   * 可选值: 'base' | 'plain' | 'dashed' | 'soft' | 'text'
    * 默认值: 'base'
    */
   variant: makeStringProp<ButtonVariant>('base')

package/components/wd-config-provider/types.ts

@@ -212,7 +212,7 @@ export type baseThemeVars = {
   opacityDimmer?: string
   opacityDisabled?: string
   opacityMain?: string
-  opacityOveylay?: string
+  opacityOverlay?: string
   opacwhite1_02?: string
   opacwhite10_85?: string
   opacwhite2_04?: string
@@ -314,7 +314,7 @@ export type baseThemeVars = {
   spacingUltraSpacious?: string
   spacingUltraTight?: string
   spacingZero?: string
-  strokeBlod?: string
+  strokeBold?: string
   strokeLight?: string
   strokeMain?: string
   strokeZero?: string
@@ -520,6 +520,8 @@ export type buttonThemeVars = {
   buttonDangerPlainBgActive?: string // 危险类型 plain 背景激活色
   buttonDangerPlainBorder?: string // 危险类型 plain 边框色
   buttonDangerPlainBorderActive?: string // 危险类型 plain 边框激活色
+  buttonDangerSoftBg?: string // 危险类型 soft 背景色
+  buttonDangerSoftBgActive?: string // 危险类型 soft 背景激活色
   buttonDisabled?: string // 禁用态透明度
   buttonFontSizeLarge?: string // large 尺寸文字字号
   buttonFontSizeMedium?: string // medium 尺寸文字字号
@@ -533,6 +535,8 @@ export type buttonThemeVars = {
   buttonInfoPlainBgActive?: string // 信息类型 plain 背景激活色
   buttonInfoPlainBorder?: string // 信息类型 plain 边框色
   buttonInfoPlainBorderActive?: string // 信息类型 plain 边框激活色
+  buttonInfoSoftBg?: string // 信息类型 soft 背景色
+  buttonInfoSoftBgActive?: string // 信息类型 soft 背景激活色
   buttonLeftRightPaddingLarge?: string // large 尺寸左右内边距
   buttonLeftRightPaddingMedium?: string // medium 尺寸左右内边距
   buttonLeftRightPaddingMini?: string // mini 尺寸左右内边距
@@ -556,6 +560,8 @@ export type buttonThemeVars = {
   buttonPrimaryPlainBgActive?: string // 主类型 plain 背景激活色
   buttonPrimaryPlainBorder?: string // 主类型 plain 边框色
   buttonPrimaryPlainBorderActive?: string // 主类型 plain 边框激活色
+  buttonPrimarySoftBg?: string // 主类型 soft 背景色
+  buttonPrimarySoftBgActive?: string // 主类型 soft 背景激活色
   buttonRadiusFull?: string // 圆形圆角
   buttonRadiusMain?: string // 默认圆角
   buttonSizeIconLarge?: string // large 尺寸图标字号
@@ -575,6 +581,8 @@ export type buttonThemeVars = {
   buttonSuccessPlainBgActive?: string // 成功类型 plain 背景激活色
   buttonSuccessPlainBorder?: string // 成功类型 plain 边框色
   buttonSuccessPlainBorderActive?: string // 成功类型 plain 边框激活色
+  buttonSuccessSoftBg?: string // 成功类型 soft 背景色
+  buttonSuccessSoftBgActive?: string // 成功类型 soft 背景激活色
   buttonUpDownPaddingLarge?: string // large 尺寸上下内边距
   buttonUpDownPaddingMedium?: string // medium 尺寸上下内边距
   buttonUpDownPaddingMini?: string // mini 尺寸上下内边距
@@ -587,6 +595,8 @@ export type buttonThemeVars = {
   buttonWarningPlainBgActive?: string // 警告类型 plain 背景激活色
   buttonWarningPlainBorder?: string // 警告类型 plain 边框色
   buttonWarningPlainBorderActive?: string // 警告类型 plain 边框激活色
+  buttonWarningSoftBg?: string // 警告类型 soft 背景色
+  buttonWarningSoftBgActive?: string // 警告类型 soft 背景激活色
 }
 
 export type calendarThemeVars = {
@@ -1164,6 +1174,11 @@ export type loadingThemeVars = {
   loadingTextFontSize?: string // 文本字号
   loadingTextLineHeight?: string // 文本行高
   loadingTextSpacing?: string // 文本与加载器间距
+  loadingWaveAnimationDuration?: string // 波形加载器动画时长
+  loadingWaveBarHeight?: string // 波形加载器单柱高度
+  loadingWaveBarRadius?: string // 波形加载器单柱圆角
+  loadingWaveBarWidth?: string // 波形加载器单柱宽度
+  loadingWaveGap?: string // 波形加载器间距
 }
 
 export type loadmoreThemeVars = {

package/components/wd-dialog/index.scss

@@ -46,7 +46,7 @@ $dialog-content-input-padding-top: var(--wot-dialog-content-input-padding-top, $
 // 滚动条颜色
 $dialog-scrollbar-color: var(--wot-dialog-scrollbar-color, $border-main) !default;
 // 滚动条宽度
-$dialog-scrollbar-width: var(--wot-dialog-scrollbar-width, $stroke-blod) !default;
+$dialog-scrollbar-width: var(--wot-dialog-scrollbar-width, $stroke-bold) !default;
 // 滚动条圆角
 $dialog-scrollbar-radius: var(--wot-dialog-scrollbar-radius, $radius-small) !default;
 // 默认图标颜色

package/components/wd-img-cropper/index.scss

@@ -22,7 +22,7 @@ $img-cropper-cut-z-index: var(--wot-img-cropper-cut-z-index, 9) !default;
 // 裁剪框边框颜色
 $img-cropper-cut-border-color: var(--wot-img-cropper-cut-border-color, $base-white) !default;
 // 角标粗细
-$img-cropper-corner-size: var(--wot-img-cropper-corner-size, $stroke-blod) !default;
+$img-cropper-corner-size: var(--wot-img-cropper-corner-size, $stroke-bold) !default;
 // 角标长度
 $img-cropper-corner-length: var(--wot-img-cropper-corner-length, $n-20) !default;
 // 角标颜色

package/components/wd-loading/index.scss

@@ -31,6 +31,16 @@ $loading-spinner-dot-radius: var(--wot-loading-spinner-dot-radius, $radius-radiu
 $loading-spinner-dots-dot-size: var(--wot-loading-spinner-dots-dot-size, 20%) !default;
 // 点状加载器单点圆角
 $loading-spinner-dots-dot-radius: var(--wot-loading-spinner-dots-dot-radius, $radius-radius-full) !default;
+// 波形加载器间距
+$loading-wave-gap: var(--wot-loading-wave-gap, 6.25%) !default;
+// 波形加载器单柱宽度
+$loading-wave-bar-width: var(--wot-loading-wave-bar-width, 12.5%) !default;
+// 波形加载器单柱高度
+$loading-wave-bar-height: var(--wot-loading-wave-bar-height, 83.333333%) !default;
+// 波形加载器单柱圆角
+$loading-wave-bar-radius: var(--wot-loading-wave-bar-radius, $radius-radius-full) !default;
+// 波形加载器动画时长
+$loading-wave-animation-duration: var(--wot-loading-wave-animation-duration, 834ms) !default;
 // 加载器内边距
 $loading-spinner-padding: var(--wot-loading-spinner-padding, $padding-ultra-tight) !default;
 // 文本与加载器间距
@@ -138,6 +148,29 @@ $loading-text-line-height: var(--wot-loading-text-line-height, $typography-body-
         @include dot-delay(3, $loading-spinner-animation-duration);
       }
     }
+
+    @include m(wave) {
+      animation: none;
+
+      @include me(spinner-wraper) {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto;
+      }
+
+      @include me(spinner-wave-bar) {
+        display: flex;
+        align-items: center;
+        animation-duration: $loading-wave-animation-duration;
+        animation-timing-function: linear;
+        animation-iteration-count: infinite;
+
+        &:nth-of-type(n + 2) {
+          margin-left: $loading-wave-gap;
+        }
+      }
+    }
   }
 
   @include e(spinner-dot) {
@@ -165,6 +198,47 @@ $loading-text-line-height: var(--wot-loading-text-line-height, $typography-body-
     height: 100%;
   }
 
+  @include e(spinner-wave-bar) {
+    flex: none;
+    width: $loading-wave-bar-width;
+    height: $loading-wave-bar-height;
+
+    &:nth-of-type(1) {
+      .wd-loading__spinner-wave-bar-inner {
+        animation-name: wd-wave-bar-1;
+      }
+    }
+
+    &:nth-of-type(2) {
+      .wd-loading__spinner-wave-bar-inner {
+        animation-name: wd-wave-bar-2;
+      }
+    }
+
+    &:nth-of-type(3) {
+      .wd-loading__spinner-wave-bar-inner {
+        animation-name: wd-wave-bar-3;
+      }
+    }
+
+    &:nth-of-type(4) {
+      .wd-loading__spinner-wave-bar-inner {
+        animation-name: wd-wave-bar-4;
+      }
+    }
+  }
+
+  @include e(spinner-wave-bar-inner) {
+    width: 100%;
+    height: 100%;
+    border-radius: $loading-wave-bar-radius;
+    background-color: currentColor;
+    animation-duration: $loading-wave-animation-duration;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    will-change: height;
+  }
+
   @include e(text) {
     font-size: $loading-text-font-size;
     line-height: $loading-text-line-height;
@@ -203,3 +277,77 @@ $loading-text-line-height: var(--wot-loading-text-line-height, $typography-body-
     opacity: 0.15;
   }
 }
+
+@keyframes wd-wave-bar-1 {
+  0%,100% {
+    height: 20%;
+  }
+
+  25.779376%,
+  87.889688% {
+    height: 40%;
+  }
+
+  37.889688%,
+  75.779376% {
+    height: 70%;
+  }
+
+  50% {
+    height: 100%;
+  }
+}
+
+@keyframes wd-wave-bar-2 {
+  0%,100% {
+    height: 40%;
+  }
+
+  25.779376%,
+  87.889688%,
+  50% {
+    height: 70%;
+  }
+
+  37.889688%,
+  75.779376% {
+    height: 100%;
+  }
+}
+
+@keyframes wd-wave-bar-3 {
+  0%,100%,
+  37.889688%,
+  75.779376% {
+    height: 70%;
+  }
+
+  25.779376%, 
+  87.889688% {
+    height: 100%;
+  }
+
+  50% {
+    height: 40%;
+  }
+}
+
+@keyframes wd-wave-bar-4 {
+  0%,100%{
+    height: 100%;
+  }
+
+  25.779376%,
+  87.889688% {
+    height: 70%;
+  }
+
+  37.889688%,
+  75.779376% {
+    height: 40%;
+  }
+
+  50% {
+    height: 20%;
+  }
+}

package/components/wd-loading/types.ts

@@ -10,7 +10,7 @@
 import type { ExtractPropTypes } from 'vue'
 import { baseProps, makeStringProp, numericProp } from '../../common/props'
 
-export type LoadingType = 'circular' | 'spinner' | 'dots' // 提示信息加载状态类型
+export type LoadingType = 'circular' | 'spinner' | 'dots' | 'wave' // 提示信息加载状态类型
 
 export type LoadingDirection = 'horizontal' | 'vertical' // 加载指示器方向，可选值：'horizontal' | 'vertical'，默认值：'vertical'
 
@@ -24,7 +24,7 @@ export const loadingProps = {
   /**
    * 加载指示器类型
    * 类型: LoadingType
-   * 可选值: 'circular' | 'spinner' | 'dots'
+   * 可选值: 'circular' | 'spinner' | 'dots' | 'wave'
    * 默认值: 'circular'
    */
   type: makeStringProp<LoadingType>('circular'),

package/components/wd-loading/wd-loading.vue

@@ -14,6 +14,13 @@
           <view class="wd-loading__spinner-dot" v-for="i in 3" :key="i"></view>
         </view>
       </template>
+      <template v-else-if="type === 'wave'">
+        <view class="wd-loading__spinner-wraper">
+          <view class="wd-loading__spinner-wave-bar" v-for="i in 4" :key="i">
+            <view class="wd-loading__spinner-wave-bar-inner"></view>
+          </view>
+        </view>
+      </template>
     </view>
     <view class="wd-loading__text" v-if="$slots.default || text">
       <slot>{{ text }}</slot>

package/components/wd-switch/index.scss

@@ -69,7 +69,7 @@ $switch-disabled: var(--wot-switch-disabled, $opacity-disabled) !default;
   }
 
   @include when(loading) {
-    opacity: $opacity-oveylay;
+    opacity: $opacity-overlay;
   }
 
   @include e(inner) {

package/package.json

@@ -1 +1 @@
-{"id":"wot-ui","name":"@wot-ui/ui","displayName":"wot-ui 一个轻量、美观、AI友好的 uni-app 组件库","version":"2.0.0-alpha.5","license":"MIT","description":"一个基于Vue3+TS开发的uni-app组件库，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。","keywords":["wot-ui","国际化","组件库","vue3","暗黑模式"],"main":"index.ts","repository":{"type":"git","url":"https://github.com/wot-ui/wot-ui.git"},"engines":{"HBuilderX":"^3.8.7"},"dcloudext":{"type":"component-vue","sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}},"contact":{"qq":""},"declaration":{"ads":"无","data":"插件不采集任何数据","permissions":"无"},"npmurl":"https://www.npmjs.com/package/@wot-ui/ui"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"web-types":"web-types.json","uni_modules":{"dependencies":[],"encrypt":[],"platforms":{"cloud":{"tcb":"y","aliyun":"y","alipay":"n"},"client":{"Vue":{"vue2":"n","vue3":"y"},"App":{"app-vue":"y","app-nvue":"n","app-uvue":"n"},"H5-mobile":{"Safari":"y","Android Browser":"y","微信浏览器(Android)":"y","QQ浏览器(Android)":"y"},"H5-pc":{"Chrome":"y","IE":"u","Edge":"y","Firefox":"y","Safari":"y"},"小程序":{"微信":"y","阿里":"y","百度":"u","字节跳动":"u","QQ":"y","钉钉":"y","快手":"u","飞书":"u","京东":"u"},"快应用":{"华为":"u","联盟":"u"}}}},"peerDependencies":{"vue":">=3.2.47"}}
+{"id":"wot-ui","name":"@wot-ui/ui","displayName":"wot-ui 一个轻量、美观、AI友好的 uni-app 组件库","version":"2.0.0-alpha.6","license":"MIT","description":"wot-ui 一个轻量、美观、AI友好的 uni-app 组件库。","keywords":["wot-ui","国际化","组件库","vue3","暗黑模式"],"main":"index.ts","repository":{"type":"git","url":"https://github.com/wot-ui/wot-ui.git"},"engines":{"HBuilderX":"^3.8.7"},"dcloudext":{"type":"component-vue","sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}},"contact":{"qq":""},"declaration":{"ads":"无","data":"插件不采集任何数据","permissions":"无"},"npmurl":"https://www.npmjs.com/package/@wot-ui/ui"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"web-types":"web-types.json","uni_modules":{"dependencies":[],"encrypt":[],"platforms":{"cloud":{"tcb":"y","aliyun":"y","alipay":"n"},"client":{"Vue":{"vue2":"n","vue3":"y"},"App":{"app-vue":"y","app-nvue":"n","app-uvue":"n"},"H5-mobile":{"Safari":"y","Android Browser":"y","微信浏览器(Android)":"y","QQ浏览器(Android)":"y"},"H5-pc":{"Chrome":"y","IE":"u","Edge":"y","Firefox":"y","Safari":"y"},"小程序":{"微信":"y","阿里":"y","百度":"u","字节跳动":"u","QQ":"y","钉钉":"y","快手":"u","飞书":"u","京东":"u"},"快应用":{"华为":"u","联盟":"u"}}}},"peerDependencies":{"vue":">=3.2.47"}}

package/styles/theme/base/font.scss

@@ -8,6 +8,6 @@ page,
   --wot-font-weight-regular: 400;
   --wot-font-weight-medium: 600;
   --wot-font-weight-semibold: 700;
+  --wot-font-weight-bold: 700;
 }
-
- 
+ 

package/styles/theme/base/insets.scss

@@ -1,32 +1,32 @@
 :root,
 page,
 .wd-root-portal {
-  --wot-spacing-zero: var(--wot-number-n0);
-  --wot-padding-zero: var(--wot-number-n0);
-  --wot-padding-ultra-tight: var(--wot-number-n2);
-  --wot-padding-super-tight: var(--wot-number-n4);
-  --wot-padding-extra-tight: var(--wot-number-n6);
-  --wot-padding-tight: var(--wot-number-n8);
-  --wot-padding-main: var(--wot-number-n10);
-  --wot-padding-loose: var(--wot-number-n12);
-  --wot-padding-extra-loose: var(--wot-number-n16);
-  --wot-padding-super-loose: var(--wot-number-n20);
-  --wot-padding-ultra-loose: var(--wot-number-n24);
-  --wot-padding-spacious: var(--wot-number-n28);
-  --wot-padding-extra-spacious: var(--wot-number-n32);
-  --wot-padding-super-spacious: var(--wot-number-n40);
-  --wot-padding-ultra-spacious: var(--wot-number-n48);
-  --wot-spacing-ultra-tight: var(--wot-number-n2);
-  --wot-spacing-super-tight: var(--wot-number-n4);
-  --wot-spacing-extra-tight: var(--wot-number-n6);
-  --wot-spacing-tight: var(--wot-number-n8);
-  --wot-spacing-main: var(--wot-number-n10);
-  --wot-spacing-loose: var(--wot-number-n12);
-  --wot-spacing-extra-loose: var(--wot-number-n16);
-  --wot-spacing-super-loose: var(--wot-number-n20);
-  --wot-spacing-ultra-loose: var(--wot-number-n24);
-  --wot-spacing-spacious: var(--wot-number-n28);
-  --wot-spacing-extra-spacious: var(--wot-number-n32);
-  --wot-spacing-super-spacious: var(--wot-number-n40);
-  --wot-spacing-ultra-spacious: var(--wot-number-n48);
+  --wot-spacing-zero: var(--wot-n-0);
+  --wot-padding-zero: var(--wot-n-0);
+  --wot-padding-ultra-tight: var(--wot-n-2);
+  --wot-padding-super-tight: var(--wot-n-4);
+  --wot-padding-extra-tight: var(--wot-n-6);
+  --wot-padding-tight: var(--wot-n-8);
+  --wot-padding-main: var(--wot-n-10);
+  --wot-padding-loose: var(--wot-n-12);
+  --wot-padding-extra-loose: var(--wot-n-16);
+  --wot-padding-super-loose: var(--wot-n-20);
+  --wot-padding-ultra-loose: var(--wot-n-24);
+  --wot-padding-spacious: var(--wot-n-28);
+  --wot-padding-extra-spacious: var(--wot-n-32);
+  --wot-padding-super-spacious: var(--wot-n-40);
+  --wot-padding-ultra-spacious: var(--wot-n-48);
+  --wot-spacing-ultra-tight: var(--wot-n-2);
+  --wot-spacing-super-tight: var(--wot-n-4);
+  --wot-spacing-extra-tight: var(--wot-n-6);
+  --wot-spacing-tight: var(--wot-n-8);
+  --wot-spacing-main: var(--wot-n-10);
+  --wot-spacing-loose: var(--wot-n-12);
+  --wot-spacing-extra-loose: var(--wot-n-16);
+  --wot-spacing-super-loose: var(--wot-n-20);
+  --wot-spacing-ultra-loose: var(--wot-n-24);
+  --wot-spacing-spacious: var(--wot-n-28);
+  --wot-spacing-extra-spacious: var(--wot-n-32);
+  --wot-spacing-super-spacious: var(--wot-n-40);
+  --wot-spacing-ultra-spacious: var(--wot-n-48);
 }