@wot-ui/ui 2.0.0-alpha.8 → 2.0.0-alpha.9

package/changelog.md

@@ -1,6 +1,20 @@
 # 更新日志 
 
 
+## [2.0.0-alpha.9](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2026-04-17)
+
+
+### ✨ Features | 新功能
+
+* **icon:** ✨ `css-icon` 支持直接传图标类名 ([#2](https://github.com/wot-ui/wot-ui/issues/2)) ([2ccb940](https://github.com/wot-ui/wot-ui/commit/2ccb9408d6788d6c72277d3dffb2554f1fef9d69))
+
+
+### ✏️ Documentation | 文档
+
+* ✏️  更新文档导航并添加 UnoCSS Preset 指南 ([f786d39](https://github.com/wot-ui/wot-ui/commit/f786d3932d5c836883923185b657244afa258d66))
+* ✏️  更新文档配置并移除未使用的导入 ([bc19dac](https://github.com/wot-ui/wot-ui/commit/bc19dac9a5e213f40d5fea2e1e761d78e65172c0))
+* ✏️  新增 wot-ui-unocss-preset-guide 技能文档 ([655678d](https://github.com/wot-ui/wot-ui/commit/655678d2b6b63530fe9ed6f074d0349c3774411c))
+
 ## [2.0.0-alpha.8](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2026-04-13)
 
 

package/components/wd-action-sheet/index.scss

@@ -10,7 +10,7 @@ $action-sheet-action-bg: var(--wot-action-sheet-action-bg, $filled-oppo) !defaul
 // 操作项字体大小
 $action-sheet-action-font-size: var(--wot-action-sheet-action-font-size, $typography-title-size-main) !default;
 // 操作项行高
-$action-sheet-action-line-height: var(--wot-action-sheet-action-line-height, $typography-title-line--height-size-main) !default;
+$action-sheet-action-line-height: var(--wot-action-sheet-action-line-height, $typography-title-line-height-size-main) !default;
 // 操作项文字颜色
 $action-sheet-action-color: var(--wot-action-sheet-action-color, $text-main) !default;
 // 操作项内边距
@@ -22,7 +22,7 @@ $action-sheet-cancel-bg: var(--wot-action-sheet-cancel-bg, $filled-oppo) !defaul
 // 取消按钮字体大小
 $action-sheet-cancel-font-size: var(--wot-action-sheet-cancel-font-size, $typography-title-size-main) !default;
 // 取消按钮行高
-$action-sheet-cancel-line-height: var(--wot-action-sheet-cancel-line-height, $typography-title-line--height-size-main) !default;
+$action-sheet-cancel-line-height: var(--wot-action-sheet-cancel-line-height, $typography-title-line-height-size-main) !default;
 // 取消按钮文字颜色
 $action-sheet-cancel-color: var(--wot-action-sheet-cancel-color, $text-main) !default;
 // 取消按钮内边距
@@ -32,7 +32,7 @@ $action-sheet-gap-height: var(--wot-action-sheet-gap-height, $spacing-tight) !de
 // 描述文本字体大小
 $action-sheet-description-font-size: var(--wot-action-sheet-description-font-size, $typography-body-size-main) !default;
 // 描述文本行高
-$action-sheet-description-line-height: var(--wot-action-sheet-description-line-height, $typography-body-line--height-size-main) !default;
+$action-sheet-description-line-height: var(--wot-action-sheet-description-line-height, $typography-body-line-height-size-main) !default;
 // 描述文本颜色
 $action-sheet-description-color: var(--wot-action-sheet-description-color, $text-auxiliary) !default;
 // 描述文本顶部外边距
@@ -56,7 +56,7 @@ $action-sheet-panel-img-radius: var(--wot-action-sheet-panel-img-radius, $radius
 // 面板标题字体大小
 $action-sheet-panel-title-font-size: var(--wot-action-sheet-panel-title-font-size, $typography-label-size-main) !default;
 // 面板标题行高
-$action-sheet-panel-title-line-height: var(--wot-action-sheet-panel-title-line-height, $typography-label-line--height-size-main) !default;
+$action-sheet-panel-title-line-height: var(--wot-action-sheet-panel-title-line-height, $typography-label-line-height-size-main) !default;
 // 面板标题颜色
 $action-sheet-panel-title-color: var(--wot-action-sheet-panel-title-color, $text-auxiliary) !default;
 // 标题背景色
@@ -68,7 +68,7 @@ $action-sheet-title-height: var(--wot-action-sheet-title-height, $n-56) !default
 // 标题字体大小
 $action-sheet-title-font-size: var(--wot-action-sheet-title-font-size, $typography-title-size-main) !default;
 // 标题行高
-$action-sheet-title-line-height: var(--wot-action-sheet-title-line-height, $typography-title-line--height-size-main) !default;
+$action-sheet-title-line-height: var(--wot-action-sheet-title-line-height, $typography-title-line-height-size-main) !default;
 // 标题字重
 $action-sheet-title-font-weight: var(--wot-action-sheet-title-font-weight, $font-weight-medium) !default;
 // 关闭图标右侧偏移

package/components/wd-avatar/index.scss

@@ -22,19 +22,19 @@ $avatar-font-size-medium: var(--wot-avatar-font-size-medium, $typography-title-s
 // 小尺寸文字字号
 $avatar-font-size-small: var(--wot-avatar-font-size-small, $typography-title-size-main) !default;
 // 默认文字行高
-$avatar-line-height: var(--wot-avatar-line-height, $typography-title-line--height-size-large) !default;
+$avatar-line-height: var(--wot-avatar-line-height, $typography-title-line-height-size-large) !default;
 // 大尺寸文字行高
-$avatar-line-height-large: var(--wot-avatar-line-height-large, $typography-title-line--height-size-extra-large) !default;
+$avatar-line-height-large: var(--wot-avatar-line-height-large, $typography-title-line-height-size-extra-large) !default;
 // 中尺寸文字行高
-$avatar-line-height-medium: var(--wot-avatar-line-height-medium, $typography-title-line--height-size-large) !default;
+$avatar-line-height-medium: var(--wot-avatar-line-height-medium, $typography-title-line-height-size-large) !default;
 // 小尺寸文字行高
-$avatar-line-height-small: var(--wot-avatar-line-height-small, $typography-title-line--height-size-main) !default;
+$avatar-line-height-small: var(--wot-avatar-line-height-small, $typography-title-line-height-size-main) !default;
 // 头像背景颜色
 $avatar-bg: var(--wot-avatar-bg, $filled-strong) !default;
 // 默认圆角
 $avatar-border-radius: var(--wot-avatar-border-radius, $radius-main) !default;
 // 全圆角
-$avatar-border-radius-full: var(--wot-avatar-border-radius-full, $radius-radius-full) !default;
+$avatar-border-radius-full: var(--wot-avatar-border-radius-full, $radius-full) !default;
 // 头像重叠距离
 $avatar-overlap: var(--wot-avatar-overlap) !default;
 // 图标颜色

package/components/wd-backtop/index.scss

@@ -12,7 +12,7 @@ $backtop-height: var(--wot-backtop-height, $n-48) !default;
 // 方形模式圆角
 $backtop-radius: var(--wot-backtop-radius, $radius-main) !default;
 // 圆形模式圆角
-$backtop-radius-circle: var(--wot-backtop-radius-circle, $radius-radius-full) !default;
+$backtop-radius-circle: var(--wot-backtop-radius-circle, $radius-full) !default;
 // 按钮图标颜色
 $backtop-color: var(--wot-backtop-color, $icon-main) !default;
 // 按钮图标尺寸
@@ -22,7 +22,7 @@ $backtop-text-font-size: var(--wot-backtop-text-font-size, $typography-label-siz
 // 文本颜色
 $backtop-text-color: var(--wot-backtop-text-color, $text-main) !default;
 // 文本行高
-$backtop-text-line-height: var(--wot-backtop-text-line-height, $typography-label-line--height-size-main) !default;
+$backtop-text-line-height: var(--wot-backtop-text-line-height, $typography-label-line-height-size-main) !default;
 // 组件层级
 $backtop-z-index: var(--wot-backtop-z-index, 100) !default;
 

package/components/wd-badge/index.scss

@@ -24,9 +24,9 @@ $badge-info-color: var(--wot-badge-info-color, $text-secondary) !default;
 // 徽标文本字号
 $badge-font-size: var(--wot-badge-font-size, $typography-label-size-extra-small) !default;
 // 徽标文本行高
-$badge-line-height: var(--wot-badge-line-height, $typography-label-line--height-size-extra-small) !default;
+$badge-line-height: var(--wot-badge-line-height, $typography-label-line-height-size-extra-small) !default;
 // 默认圆角
-$badge-border-radius: var(--wot-badge-border-radius, $radius-radius-full) !default;
+$badge-border-radius: var(--wot-badge-border-radius, $radius-full) !default;
 // 方形圆角
 $badge-square-border-radius: var(--wot-badge-square-border-radius, $radius-main) !default;
 // 气泡圆角

package/components/wd-button/index.scss

@@ -125,13 +125,13 @@ $button-font-size-medium: var(--wot-button-font-size-medium, $typography-body-si
 // large 尺寸文字字号
 $button-font-size-large: var(--wot-button-font-size-large, $typography-body-size-extra-large) !default;
 // mini 尺寸文字行高
-$button-line-height-mini: var(--wot-button-line-height-mini, $typography-body-line--height-size-main) !default;
+$button-line-height-mini: var(--wot-button-line-height-mini, $typography-body-line-height-size-main) !default;
 // small 尺寸文字行高
-$button-line-height-small: var(--wot-button-line-height-small, $typography-body-line--height-size-main) !default;
+$button-line-height-small: var(--wot-button-line-height-small, $typography-body-line-height-size-main) !default;
 // medium 尺寸文字行高
-$button-line-height-medium: var(--wot-button-line-height-medium, $typography-body-line--height-size-extra-large) !default;
+$button-line-height-medium: var(--wot-button-line-height-medium, $typography-body-line-height-size-extra-large) !default;
 // large 尺寸文字行高
-$button-line-height-large: var(--wot-button-line-height-large, $typography-body-line--height-size-extra-large) !default;
+$button-line-height-large: var(--wot-button-line-height-large, $typography-body-line-height-size-extra-large) !default;
 // mini 尺寸左右内边距
 $button-left-right-padding-mini: var(--wot-button-left-right-padding-mini, $padding-loose) !default;
 // small 尺寸左右内边距
@@ -169,7 +169,7 @@ $button-spacing-block: var(--wot-button-spacing-block, $spacing-tight) !default;
 // 默认圆角
 $button-radius-main: var(--wot-button-radius-main, $radius-main) !default;
 // 圆形圆角
-$button-radius-full: var(--wot-button-radius-full, $radius-radius-full) !default;
+$button-radius-full: var(--wot-button-radius-full, $radius-full) !default;
 // 禁用态透明度
 $button-disabled: var(--wot-button-disabled, $opacity-disabled) !default;
 

package/components/wd-button/types.ts

@@ -106,10 +106,19 @@ export const buttonProps = {
    */
   icon: String,
   /**
-   * 类名前缀，用于使用自定义图标，用法参考Icon组件
+   * 类名前缀，用于使用自定义图标，用法参考 Icon 组件
    * 默认值: 'wd-icon'
    */
   classPrefix: makeStringProp('wd-icon'),
+  /**
+   * CSS 图标，用法参考 Icon 组件
+   * 类型: boolean | string
+   * 默认值: false
+   */
+  cssIcon: {
+    type: [Boolean, String],
+    default: false
+  },
   /**
    * 加载中按钮
    * 默认值: false

package/components/wd-button/wd-button.vue

@@ -42,7 +42,7 @@
   >
     <view class="wd-button__content">
       <wd-loading v-if="loading" v-bind="customLoadingProps"></wd-loading>
-      <wd-icon v-else-if="icon" custom-class="wd-button__icon" :name="icon" :classPrefix="classPrefix"></wd-icon>
+      <wd-icon v-else-if="icon || cssIcon" custom-class="wd-button__icon" :name="icon" :class-prefix="classPrefix" :css-icon="cssIcon"></wd-icon>
       <view class="wd-button__text" v-if="$slots.default || text">
         <slot>{{ text }}</slot>
       </view>
@@ -107,7 +107,7 @@ const openTypeValue = computed(() => {
  * 是否仅展示图标
  */
 const isIcon = computed(() => {
-  return !slots.default && !props.text && props.icon
+  return !slots.default && !props.text && !!(props.icon || props.cssIcon)
 })
 
 /**

package/components/wd-calendar/index.scss

@@ -10,7 +10,7 @@ $calendar-range-padding: var(--wot-calendar-range-padding, $padding-zero $paddin
 $calendar-range-font-size: var(--wot-calendar-range-font-size, $typography-body-size-main) !default; // 范围标签字号
 $calendar-range-item-font-size: var(--wot-calendar-range-item-font-size, $typography-body-size-extra-large) !default; // 范围标签项字号
 $calendar-range-item-font-weight: var(--wot-calendar-range-item-font-weight, $font-weight-medium) !default; // 范围标签项字重
-$calendar-range-item-line-height: var(--wot-calendar-range-item-line-height, $typography-body-line--height-size-extra-large) !default; // 范围标签项行高
+$calendar-range-item-line-height: var(--wot-calendar-range-item-line-height, $typography-body-line-height-size-extra-large) !default; // 范围标签项行高
 $calendar-range-item-padding: var(--wot-calendar-range-item-padding, $spacing-loose $spacing-zero) !default; // 范围标签项内边距
 $calendar-range-item-color: var(--wot-calendar-range-item-color, $primary-6) !default; // 范围标签项颜色
 $calendar-range-item-color-placeholder: var(--wot-calendar-range-item-color-placeholder, $text-placeholder) !default; // 占位符颜色

package/components/wd-calendar-view/index.scss

@@ -1,7 +1,7 @@
 @use '../../styles/variable.scss' as *;
 
 $calendar-view-panel-title-font-size: var(--wot-calendar-view-panel-title-font-size, $typography-body-size-main) !default; // 面板标题字号
-$calendar-view-panel-title-line-height: var(--wot-calendar-view-panel-title-line-height, $typography-body-line--height-size-main) !default; // 面板标题行高
+$calendar-view-panel-title-line-height: var(--wot-calendar-view-panel-title-line-height, $typography-body-line-height-size-main) !default; // 面板标题行高
 $calendar-view-panel-title-color: var(--wot-calendar-view-panel-title-color, $text-main) !default; // 面板标题文字颜色
 $calendar-view-panel-title-padding: var(--wot-calendar-view-panel-title-padding, $padding-extra-tight $padding-loose) !default; // 面板标题内边距
 $calendar-view-panel-title-font-weight: var(--wot-calendar-view-panel-title-font-weight, $font-weight-medium) !default; // 面板标题字重
@@ -9,7 +9,7 @@ $calendar-view-panel-title-margin: var(--wot-calendar-view-panel-title-margin, $
 $calendar-view-weeks-padding: var(--wot-calendar-view-weeks-padding, $padding-tight $spacing-loose) !default; // 星期栏内边距
 $calendar-view-week-color: var(--wot-calendar-view-week-color, $text-secondary) !default; // 星期文字颜色
 $calendar-view-week-font-size: var(--wot-calendar-view-week-font-size, $typography-body-size-main) !default; // 星期文字字号
-$calendar-view-week-line-height: var(--wot-calendar-view-week-line-height, $typography-body-line--height-size-main) !default; // 星期文字行高
+$calendar-view-week-line-height: var(--wot-calendar-view-week-line-height, $typography-body-line-height-size-main) !default; // 星期文字行高
 $calendar-view-day-font-size: var(--wot-calendar-view-day-font-size, $typography-body-size-extra-large) !default; // 日期单元字号
 $calendar-view-day-color: var(--wot-calendar-view-day-color, $text-main) !default; // 日期单元文字颜色
 $calendar-view-day-font-weight: var(--wot-calendar-view-day-font-weight, $font-weight-medium) !default; // 日期单元字重
@@ -24,7 +24,7 @@ $calendar-view-range-bg: var(--wot-calendar-view-range-bg, $primary-2) !default;
 $calendar-view-range-color: var(--wot-calendar-view-range-color, $text-main) !default; // 区间态文字颜色
 $calendar-view-border-radius-active: var(--wot-calendar-view-border-radius-active, $radius-main) !default; // 激活态圆角
 $calendar-view-info-font-size: var(--wot-calendar-view-info-font-size, $typography-label-size-extra-small) !default; // 顶部/底部辅助信息字号
-$calendar-view-info-line-height: var(--wot-calendar-view-info-line-height, $typography-label-line--height-size-extra-small) !default; // 顶部/底部辅助信息行高
+$calendar-view-info-line-height: var(--wot-calendar-view-info-line-height, $typography-label-line-height-size-extra-small) !default; // 顶部/底部辅助信息行高
 $calendar-view-info-position: var(--wot-calendar-view-info-position, $spacing-extra-tight) !default; // 顶部/底部辅助信息偏移位置
 $calendar-view-item-margin-bottom: var(--wot-calendar-view-item-margin-bottom, $spacing-super-tight) !default; // 日期/月份单元底部间距
 $calendar-view-item-padding: var(--wot-calendar-view-item-padding, $padding-zero $spacing-loose) !default; // 日期/月份容器内边距

package/components/wd-card/index.scss

@@ -24,7 +24,7 @@ $card-title-font-size: var(--wot-card-title-font-size, $typography-title-size-ma
 // 标题字重
 $card-title-font-weight: var(--wot-card-title-font-weight, $font-weight-medium) !default;
 // 标题行高
-$card-title-line-height: var(--wot-card-title-line-height, $typography-body-line--height-size-main) !default;
+$card-title-line-height: var(--wot-card-title-line-height, $typography-body-line-height-size-main) !default;
 // 标题内间距
 $card-title-padding: var(--wot-card-title-padding, $padding-loose $padding-extra-loose) !default;
 // 内容文字颜色
@@ -32,7 +32,7 @@ $card-content-color: var(--wot-card-content-color, $text-secondary) !default;
 // 内容字号
 $card-content-font-size: var(--wot-card-content-font-size, $typography-body-size-main) !default;
 // 内容行高
-$card-content-line-height: var(--wot-card-content-line-height, $typography-body-line--height-size-main) !default;
+$card-content-line-height: var(--wot-card-content-line-height, $typography-body-line-height-size-main) !default;
 // 内容内边距
 $card-content-padding: var(--wot-card-content-padding, $padding-main $padding-loose) !default;
 // 内容区域边框颜色

package/components/wd-cascader/index.scss

@@ -12,7 +12,7 @@ $cascader-list-item-opacity-disabled: var(--wot-cascader-list-item-opacity-disab
 // 选项文字字号
 $cascader-list-item-font-size: var(--wot-cascader-list-item-font-size, $typography-body-size-extra-large) !default;
 // 选项文字行高
-$cascader-list-item-line-height: var(--wot-cascader-list-item-line-height, $typography-body-line--height-size-extra-large) !default;
+$cascader-list-item-line-height: var(--wot-cascader-list-item-line-height, $typography-body-line-height-size-extra-large) !default;
 // 选项内边距
 $cascader-list-item-padding: var(--wot-cascader-list-item-padding, $padding-extra-loose $padding-loose) !default;
 // 选项选中态文字颜色
@@ -24,7 +24,7 @@ $cascader-list-tip-color: var(--wot-cascader-list-tip-color, $text-secondary) !d
 // 选项提示文字字号
 $cascader-list-tip-font-size: var(--wot-cascader-list-tip-font-size, $typography-label-size-main) !default;
 // 选项提示文字行高
-$cascader-list-tip-line-height: var(--wot-cascader-list-tip-line-height, $typography-label-line--height-size-main) !default;
+$cascader-list-tip-line-height: var(--wot-cascader-list-tip-line-height, $typography-label-line-height-size-main) !default;
 // 选项提示顶部外边距
 $cascader-list-tip-margin-top: var(--wot-cascader-list-tip-margin-top, $spacing-ultra-tight) !default;
 // 选中图标尺寸
@@ -40,7 +40,7 @@ $cascader-confirm-opacity-disabled: var(--wot-cascader-confirm-opacity-disabled,
 // checkStrictly模式确认按钮字号
 $cascader-confirm-font-size: var(--wot-cascader-confirm-font-size, $typography-body-size-large) !default;
 // checkStrictly模式确认按钮行高
-$cascader-confirm-line-height: var(--wot-cascader-confirm-line-height, $typography-body-line--height-size-large) !default;
+$cascader-confirm-line-height: var(--wot-cascader-confirm-line-height, $typography-body-line-height-size-large) !default;
 // checkStrictly模式确认按钮字重
 $cascader-confirm-font-weight: var(--wot-cascader-confirm-font-weight, $font-weight-regular) !default;
 // loading 状态下选项区透明度

package/components/wd-cell/index.scss

@@ -34,35 +34,35 @@ $cell-icon-size: var(--wot-cell-icon-size, $n-20) !default;
 // 标题字号
 $cell-title-font-size: var(--wot-cell-title-font-size, $typography-body-size-main) !default;
 // 标题行高
-$cell-title-line-height: var(--wot-cell-title-line-height, $typography-body-line--height-size-main) !default;
+$cell-title-line-height: var(--wot-cell-title-line-height, $typography-body-line-height-size-main) !default;
 // 标签字号
 $cell-label-font-size: var(--wot-cell-label-font-size, $typography-body-size-main) !default;
 // 标签行高
-$cell-label-line-height: var(--wot-cell-label-line-height, $typography-body-line--height-size-main) !default;
+$cell-label-line-height: var(--wot-cell-label-line-height, $typography-body-line-height-size-main) !default;
 // 值字号
 $cell-value-font-size: var(--wot-cell-value-font-size, $typography-body-size-main) !default;
 // 值行高
-$cell-value-line-height: var(--wot-cell-value-line-height, $typography-body-line--height-size-main) !default;
+$cell-value-line-height: var(--wot-cell-value-line-height, $typography-body-line-height-size-main) !default;
 // 大尺寸值字号
 $cell-value-font-size-large: var(--wot-cell-value-font-size-large, $typography-body-size-extra-large) !default;
 // 大尺寸值行高
-$cell-value-line-height-large: var(--wot-cell-value-line-height-large, $typography-body-line--height-size-extra-large) !default;
+$cell-value-line-height-large: var(--wot-cell-value-line-height-large, $typography-body-line-height-size-extra-large) !default;
 // 大尺寸标题字号
 $cell-title-font-size-large: var(--wot-cell-title-font-size-large, $typography-body-size-extra-large) !default;
 // 大尺寸标题行高
-$cell-title-line-height-large: var(--wot-cell-title-line-height-large, $typography-body-line--height-size-extra-large) !default;
+$cell-title-line-height-large: var(--wot-cell-title-line-height-large, $typography-body-line-height-size-extra-large) !default;
 // 大尺寸标签字号
 $cell-label-font-size-large: var(--wot-cell-label-font-size-large, $typography-body-size-extra-large) !default;
 // 大尺寸标签行高
-$cell-label-line-height-large: var(--wot-cell-label-line-height-large, $typography-body-line--height-size-extra-large) !default;
+$cell-label-line-height-large: var(--wot-cell-label-line-height-large, $typography-body-line-height-size-extra-large) !default;
 // 必填标记字号
 $cell-required-font-size: var(--wot-cell-required-font-size, $typography-body-size-main) !default;
 // 必填标记行高
-$cell-required-line-height: var(--wot-cell-required-line-height, $typography-body-line--height-size-main) !default;
+$cell-required-line-height: var(--wot-cell-required-line-height, $typography-body-line-height-size-main) !default;
 // 占位符字号
 $cell-placeholder-font-size: var(--wot-cell-placeholder-font-size, $typography-body-size-main) !default;
 // 占位符行高
-$cell-placeholder-line-height: var(--wot-cell-placeholder-line-height, $typography-body-line--height-size-main) !default;
+$cell-placeholder-line-height: var(--wot-cell-placeholder-line-height, $typography-body-line-height-size-main) !default;
 // 单元格内边距
 $cell-padding: var(--wot-cell-padding, $padding-loose) !default;
 // 大尺寸单元格内边距

package/components/wd-checkbox/index.scss

@@ -7,15 +7,15 @@ $checkbox-icon-size: var(--wot-checkbox-icon-size, $n-22) !default; // 图标尺
 $checkbox-unchecked-color: var(--wot-checkbox-unchecked-color, $coolgrey-3) !default; // 未选中图标颜色
 $checkbox-label-font-size: var(--wot-checkbox-label-font-size, $typography-body-size-main) !default; // 文字字号
 $checkbox-label-color: var(--wot-checkbox-label-color, $text-main) !default; // 文字颜色
-$checkbox-label-line-height: var(--wot-checkbox-label-line-height, $typography-body-line--height-size-main) !default; // 文字行高
+$checkbox-label-line-height: var(--wot-checkbox-label-line-height, $typography-body-line-height-size-main) !default; // 文字行高
 $checkbox-opacity-disabled: var(--wot-checkbox-opacity-disabled, $opacity-disabled) !default; // 禁用态透明度
 $checkbox-horizontal-margin: var(--wot-checkbox-horizontal-margin, $spacing-zero $spacing-extra-loose $spacing-zero $spacing-zero) !default; // 水平模式多个单选框距离
 $checkbox-button-margin: var(--wot-checkbox-button-margin, $spacing-zero $spacing-extra-loose $spacing-extra-loose $spacing-zero) !default; // 按钮模式多个单选框距离
 $checkbox-button-border-width: var(--wot-checkbox-button-border-width, $stroke-main) !default; // 边框宽度
-$checkbox-button-shape-border-radius: var(--wot-checkbox-button-shape-border-radius, $radius-radius-full) !default; // 按钮模式图标圆角大小
+$checkbox-button-shape-border-radius: var(--wot-checkbox-button-shape-border-radius, $radius-full) !default; // 按钮模式图标圆角大小
 $checkbox-button-shape-size: var(--wot-checkbox-button-shape-size, $n-26) !default; // 按钮模式图标容器大小
 $checkbox-button-font-size: var(--wot-checkbox-button-font-size, $typography-body-size-main) !default; // 按钮模式字号
-$checkbox-button-line-height: var(--wot-checkbox-button-line-height, $typography-body-line--height-size-main) !default; // 按钮模式行高
+$checkbox-button-line-height: var(--wot-checkbox-button-line-height, $typography-body-line-height-size-main) !default; // 按钮模式行高
 $checkbox-button-bg: var(--wot-checkbox-button-bg, $filled-bottom) !default; // 按钮模式背景颜色
 $checkbox-button-bg-checked: var(--wot-checkbox-button-bg-checked, $filled-oppo) !default; // 按钮模式选中状态背景颜色
 $checkbox-button-icon-size: var(--wot-checkbox-icon-size, $n-10) !default; // 按钮模式图标尺寸

package/components/wd-circle/index.scss

@@ -6,7 +6,7 @@ $circle-text-color: var(--wot-circle-text-color, currentColor) !default;
 // 圆环文字字号
 $circle-text-font-size: var(--wot-circle-text-size, $typography-title-size-large) !default;
 // 圆环文字行高
-$circle-text-line-height: var(--wot-circle-text-line-height, $typography-title-line--height-size-large) !default;
+$circle-text-line-height: var(--wot-circle-text-line-height, $typography-title-line-height-size-large) !default;
 
 
 @include b(circle) {

package/components/wd-collapse-item/index.scss

@@ -8,7 +8,7 @@ $collapse-item-title-color: var(--wot-collapse-item-title-color, $text-main) !de
 // 折叠项标题文字字号
 $collapse-item-title-font-size: var(--wot-collapse-item-title-font-size, $typography-body-size-extra-large) !default;
 // 折叠项标题文字行高
-$collapse-item-title-line-height: var(--wot-collapse-item-title-line-height, $typography-body-line--height-size-extra-large) !default;
+$collapse-item-title-line-height: var(--wot-collapse-item-title-line-height, $typography-body-line-height-size-extra-large) !default;
 // 折叠项箭头尺寸
 $collapse-item-arrow-size: var(--wot-collapse-item-arrow-size, $n-16) !default;
 // 折叠项箭头颜色
@@ -18,7 +18,7 @@ $collapse-item-body-color: var(--wot-collapse-item-body-color, $text-auxiliary)
 // 折叠项内容文字字号
 $collapse-item-body-font-size: var(--wot-collapse-item-body-font-size, $typography-label-size-large) !default;
 // 折叠项内容文字行高
-$collapse-item-body-line-height: var(--wot-collapse-item-body-line-height, $typography-label-line--height-size-large) !default;
+$collapse-item-body-line-height: var(--wot-collapse-item-body-line-height, $typography-label-line-height-size-large) !default;
 // 折叠项内容区域内边距
 $collapse-item-body-padding: var(--wot-collapse-item-body-padding, $padding-loose $padding-extra-loose) !default;
 

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

@@ -282,9 +282,9 @@ export type baseThemeVars = {
   purple9?: string
   purpleOpac?: string
   radiusExtraLarge?: string
+  radiusFull?: string
   radiusLarge?: string
   radiusMain?: string
-  radiusRadiusFull?: string
   radiusSmall?: string
   radiusSuperLarge?: string
   radiusUltraLarge?: string

package/components/wd-count-down/index.scss

@@ -6,7 +6,7 @@ $count-down-text-color: var(--wot-count-down-text-color, $text-main) !default;
 // 倒计时文本字号
 $count-down-font-size: var(--wot-count-down-font-size, $typography-body-size-main) !default;
 // 倒计时文本行高
-$count-down-line-height: var(--wot-count-down-line-height, $typography-body-line--height-size-main) !default;
+$count-down-line-height: var(--wot-count-down-line-height, $typography-body-line-height-size-main) !default;
 
 
 @include b(count-down) {

package/components/wd-count-to/index.scss

@@ -4,11 +4,11 @@
 // 数字主体文本字号
 $count-to-text-font-size: var(--wot-count-to-text-font-size, $typography-body-size-ultra-large) !default;
 // 数字主体文本行高
-$count-to-text-line-height: var(--wot-count-to-text-line-height, $typography-body-line--height-size-ultra-large) !default;
+$count-to-text-line-height: var(--wot-count-to-text-line-height, $typography-body-line-height-size-ultra-large) !default;
 // 分隔文本字号
 $count-to-separator-text-font-size: var(--wot-count-to-separator-text-font-size, $typography-label-size-main) !default;
 // 分隔文本行高
-$count-to-separator-text-line-height: var(--wot-count-to-separator-text-line-height, $typography-label-line--height-size-main) !default;
+$count-to-separator-text-line-height: var(--wot-count-to-separator-text-line-height, $typography-label-line-height-size-main) !default;
 
 @include b(count-to) {
   vertical-align: bottom;

package/components/wd-datetime-picker/index.scss

@@ -10,7 +10,7 @@ $datetime-picker-title-height: var(--wot-datetime-picker-title-height, $n-56) !d
 // 标题文字字号
 $datetime-picker-title-font-size: var(--wot-datetime-picker-title-font-size, $typography-title-size-main) !default;
 // 标题文字行高
-$datetime-picker-title-line-height: var(--wot-datetime-picker-title-line-height, $typography-title-line--height-size-main) !default;
+$datetime-picker-title-line-height: var(--wot-datetime-picker-title-line-height, $typography-title-line-height-size-main) !default;
 // 标题文字字重
 $datetime-picker-title-font-weight: var(--wot-datetime-picker-title-font-weight, $font-weight-medium) !default;
 // 标题区域内边距
@@ -18,7 +18,7 @@ $datetime-picker-title-padding: var(--wot-datetime-picker-title-padding, $paddin
 // 操作按钮字号
 $datetime-picker-action-font-size: var(--wot-datetime-picker-action-font-size, $typography-body-size-large) !default;
 // 操作按钮行高
-$datetime-picker-action-line-height: var(--wot-datetime-picker-action-line-height, $typography-body-line--height-size-large) !default;
+$datetime-picker-action-line-height: var(--wot-datetime-picker-action-line-height, $typography-body-line-height-size-large) !default;
 // 操作按钮文字颜色
 $datetime-picker-action-color: var(--wot-datetime-picker-action-color, $primary-6) !default;
 // 范围标签内边距
@@ -30,7 +30,7 @@ $datetime-picker-range-item-font-size: var(--wot-datetime-picker-range-item-font
 // 范围标签项字重
 $datetime-picker-range-item-font-weight: var(--wot-datetime-picker-range-item-font-weight, $font-weight-medium) !default;
 // 范围标签项行高
-$datetime-picker-range-item-line-height: var(--wot-datetime-picker-range-item-line-height, $typography-body-line--height-size-extra-large) !default;
+$datetime-picker-range-item-line-height: var(--wot-datetime-picker-range-item-line-height, $typography-body-line-height-size-extra-large) !default;
 // 范围标签项内边距
 $datetime-picker-range-item-padding: var(--wot-datetime-picker-range-item-padding, $spacing-loose $spacing-zero) !default;
 // 范围标签项颜色

package/components/wd-dialog/index.scss

@@ -18,7 +18,7 @@ $dialog-title-color: var(--wot-dialog-title-color, $text-main) !default;
 // 标题文字字号
 $dialog-title-font-size: var(--wot-dialog-title-font-size, $typography-body-size-extra-large) !default;
 // 标题文字行高
-$dialog-title-line-height: var(--wot-dialog-title-line-height, $typography-body-line--height-size-extra-large) !default;
+$dialog-title-line-height: var(--wot-dialog-title-line-height, $typography-body-line-height-size-extra-large) !default;
 // 标题文字字重
 $dialog-title-font-weight: var(--wot-dialog-title-font-weight, $font-weight-medium) !default;
 // 标题底部外边距
@@ -28,7 +28,7 @@ $dialog-content-color: var(--wot-dialog-content-color, $text-secondary) !default
 // 内容文字字号
 $dialog-content-font-size: var(--wot-dialog-content-font-size, $typography-body-size-main) !default;
 // 内容文字行高
-$dialog-content-line-height: var(--wot-dialog-content-line-height, $typography-body-line--height-size-main) !default;
+$dialog-content-line-height: var(--wot-dialog-content-line-height, $typography-body-line-height-size-main) !default;
 // 内容区内边距
 $dialog-content-padding: var(--wot-dialog-content-padding, $spacing-loose) !default;
 // 内容区最大高度
@@ -40,7 +40,7 @@ $dialog-content-input-error-color: var(--wot-dialog-content-input-error-color, $
 // 输入错误文字字号
 $dialog-content-input-font-size: var(--wot-dialog-content-input-font-size, $typography-label-size-main) !default;
 // 输入错误文字行高
-$dialog-content-input-line-height: var(--wot-dialog-content-input-line-height, $typography-label-line--height-size-main) !default;
+$dialog-content-input-line-height: var(--wot-dialog-content-input-line-height, $typography-label-line-height-size-main) !default;
 // 输入提示顶部内边距
 $dialog-content-input-padding-top: var(--wot-dialog-content-input-padding-top, $spacing-tight) !default;
 // 滚动条颜色

package/components/wd-divider/index.scss

@@ -12,7 +12,7 @@ $divider-margin: var(--wot-divider-margin, $spacing-extra-loose $spacing-zero) !
 // 分割线厚度
 $divider-line-height: var(--wot-divider-line-height, $n-3) !default;
 // 内容文字行高
-$divider-size-line-height: var(--wot-divider-size-line-height, $typography-body-line--height-size-main) !default;
+$divider-size-line-height: var(--wot-divider-size-line-height, $typography-body-line-height-size-main) !default;
 // 纵向分割线高度
 $divider-size-vertical-height: var(--wot-divider-size-vertical-height, $spacing-extra-loose) !default;
 // 纵向分割线宽度

package/components/wd-drop-menu/index.scss

@@ -25,7 +25,7 @@ $drop-menu-text-color: var(--wot-drop-menu-text-color, $text-main) !default;
 // 菜单文字字号
 $drop-menu-text-font-size: var(--wot-drop-menu-text-font-size, $typography-body-size-extra-large) !default;
 // 菜单文字行高
-$drop-menu-text-line-height: var(--wot-drop-menu-text-line-height, $typography-body-line--height-size-extra-large) !default;
+$drop-menu-text-line-height: var(--wot-drop-menu-text-line-height, $typography-body-line-height-size-extra-large) !default;
 // 菜单激活态字重
 $drop-menu-text-font-weight-active: var(--wot-drop-menu-text-font-weight-active, $font-weight-medium) !default;
 // 菜单激活态文字颜色

package/components/wd-drop-menu-item/index.scss

@@ -12,7 +12,7 @@ $drop-item-tip-color-active: var(--wot-drop-item-tip-color-active, $primary-5) !
 // 提示文字字号
 $drop-item-tip-font-size: var(--wot-drop-item-tip-font-size, $typography-body-size-main) !default;
 // 提示文字行高
-$drop-item-tip-line-height: var(--wot-drop-item-tip-line-height, $typography-body-line--height-size-main) !default;
+$drop-item-tip-line-height: var(--wot-drop-item-tip-line-height, $typography-body-line-height-size-main) !default;
 // 提示文字间距
 $drop-item-tip-spacing: var(--wot-drop-item-tip-spacing, $spacing-tight) !default;
 // 勾选图标尺寸
@@ -24,7 +24,7 @@ $drop-item-modal-bg: var(--wot-drop-item-modal-bg, $opac-7_55) !default;
 // 选项文字字号
 $drop-item-text-font-size: var(--wot-drop-item-text-font-size, $typography-body-size-extra-large) !default;
 // 选项文字行高
-$drop-item-text-line-height: var(--wot-drop-item-text-line-height, $typography-body-line--height-size-extra-large) !default;
+$drop-item-text-line-height: var(--wot-drop-item-text-line-height, $typography-body-line-height-size-extra-large) !default;
 // 选项文字颜色
 $drop-item-text-color: var(--wot-drop-item-text-color, $text-main) !default;
 // 弹层顶部边线样式

package/components/wd-empty/index.scss

@@ -6,7 +6,7 @@ $empty-icon-color: var(--wot-empty-icon-color, $icon-disabled) !default;
 // 文案字号
 $empty-text-font-size: var(--wot-empty-text-font-size, $typography-body-size-extra-large) !default;
 // 文案行高
-$empty-text-line-height: var(--wot-empty-text-line-height, $typography-body-line--height-size-extra-large) !default;
+$empty-text-line-height: var(--wot-empty-text-line-height, $typography-body-line-height-size-extra-large) !default;
 // 文案字重
 $empty-text-font-weight: var(--wot-empty-text-font-weight, $typography-body-font-weight-strong) !default;
 // 文案颜色

package/components/wd-form-item/index.scss

@@ -6,7 +6,7 @@ $form-item-error-message-color: var(--wot-form-item-error-message-color, $danger
 // 错误提示文字字号
 $form-item-error-message-font-size: var(--wot-form-item-error-message-font-size, $typography-label-size-main) !default;
 // 错误提示文字行高
-$form-item-error-message-line-height: var(--wot-form-item-error-message-line-height, $typography-label-line--height-size-small) !default;
+$form-item-error-message-line-height: var(--wot-form-item-error-message-line-height, $typography-label-line-height-size-small) !default;
 // 错误提示顶部外边距
 $form-item-error-message-margin-top: var(--wot-form-item-error-message-margin-top, $spacing-super-tight) !default;
 // 占位符文字颜色

package/components/wd-grid-item/index.scss

@@ -4,7 +4,7 @@
 // 网格项文字字号
 $grid-item-font-size: var(--wot-grid-item-font-size, $typography-body-size-extra-large) !default;
 // 网格项文字行高
-$grid-item-line-height: var(--wot-grid-item-line-height, $typography-body-line--height-size-extra-large) !default;
+$grid-item-line-height: var(--wot-grid-item-line-height, $typography-body-line-height-size-extra-large) !default;
 // 网格项背景色
 $grid-item-bg: var(--wot-grid-item-bg, $filled-oppo) !default;
 // 网格项内容内边距

package/components/wd-icon/types.ts

@@ -7,7 +7,7 @@
  * @FilePath: /wot-ui/src/uni_modules/wot-ui/components/wd-icon/types.ts
  * 记得注释
  */
-import { baseProps, makeBooleanProp, makeRequiredProp, makeStringProp, numericProp } from '../../common/props'
+import { baseProps, makeStringProp, numericProp } from '../../common/props'
 import type { ExtractPropTypes } from 'vue'
 
 export const iconProps = {
@@ -16,7 +16,7 @@ export const iconProps = {
    * 图标名称，支持使用图片链接
    * 类型: string
    */
-  name: makeRequiredProp(String),
+  name: makeStringProp(''),
   /**
    * 图标颜色
    * 类型: string
@@ -34,11 +34,14 @@ export const iconProps = {
    */
   classPrefix: makeStringProp('wd-icon'),
   /**
-   * 是否为 CSS 类名图标（如 UnoCSS 图标），为 true 时 name 直接作为 CSS class 使用
-   * 类型: boolean
+   * CSS 图标，为 true 时 name 直接作为 CSS class 而不会拼接 class-prefix 前缀，也可以直接传图标类名
+   * 类型: boolean | string
    * 默认值: false
    */
-  cssIcon: makeBooleanProp(false)
+  cssIcon: {
+    type: [Boolean, String],
+    default: false
+  }
 }
 
 export type IconProps = ExtractPropTypes<typeof iconProps>