@wot-ui/ui 2.0.8 → 2.2.0

package/changelog.md

@@ -1,6 +1,46 @@
 # 更新日志 
 
 
+## [2.2.0](https://github.com/wot-ui/wot-ui/compare/v2.1.0...v2.2.0) (2026-06-30)
+
+
+### ✨ Features | 新功能
+
+* ✨ VideoPreview 支持预览时默认 video 铺满屏幕 ([#79](https://github.com/wot-ui/wot-ui/issues/79)) ([8e97be7](https://github.com/wot-ui/wot-ui/commit/8e97be72f25043bd2160e510f56bbddc5c77943f)), closes [#77](https://github.com/wot-ui/wot-ui/issues/77)
+* **button:** ✨ 新增 subtle 类型变体 ([#80](https://github.com/wot-ui/wot-ui/issues/80)) ([5c9e3d1](https://github.com/wot-ui/wot-ui/commit/5c9e3d1d12e29b926640fbc45fcb59586bea566b))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 🐛 修复 Toast 组件图标设置图标大小后行高异常的问题 ([#84](https://github.com/wot-ui/wot-ui/issues/84)) ([13585ff](https://github.com/wot-ui/wot-ui/commit/13585ffdf7f6dc181c39ff16e861a5bcf7273eb7))
+* 🐛 修复未渲染的表单项仍触发表单校验的问题 ([#78](https://github.com/wot-ui/wot-ui/issues/78)) ([01d08f1](https://github.com/wot-ui/wot-ui/commit/01d08f127ec786275af40b0b0515176173d57173)), closes [#73](https://github.com/wot-ui/wot-ui/issues/73)
+* 🐛 修复支付宝小程序 tabs 子组件渲染顺序错误的问题 ([#83](https://github.com/wot-ui/wot-ui/issues/83)) ([58c4c61](https://github.com/wot-ui/wot-ui/commit/58c4c618de497a066b058cc911c3c01e0fa7548b))
+* 修复文档中自动导入示例代码的问题 ([#75](https://github.com/wot-ui/wot-ui/issues/75)) ([be68ccd](https://github.com/wot-ui/wot-ui/commit/be68ccdede09476da833afd9583fbf97dc618291))
+
+## [2.1.0](https://github.com/wot-ui/wot-ui/compare/v2.0.8...v2.1.0) (2026-06-10)
+
+
+### ✨ Features | 新功能
+
+* ✨ config-provider 新增全局配置能力并接入 button 与 tag ([#62](https://github.com/wot-ui/wot-ui/issues/62)) ([f451ba8](https://github.com/wot-ui/wot-ui/commit/f451ba8e22d4672ace475d807451347b6668e153)), closes [#13](https://github.com/wot-ui/wot-ui/issues/13)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 🐛 兼容性修复与类型补全 ([#43](https://github.com/wot-ui/wot-ui/issues/43)) ([953d164](https://github.com/wot-ui/wot-ui/commit/953d164642f2a2179c89dce3a64496fc5412e750))
+* 🐛 将 FAB 组件示例中的错误按钮类型更改为危险按钮 ([#65](https://github.com/wot-ui/wot-ui/issues/65)) ([ed16d5f](https://github.com/wot-ui/wot-ui/commit/ed16d5f9457c2e603f4447b52bc8751b30112269)), closes [#5](https://github.com/wot-ui/wot-ui/issues/5)
+* 🐛 修复 Cell 组件的 title 和 label 纯数字和英文场景不换行的问题 ([#64](https://github.com/wot-ui/wot-ui/issues/64)) ([b9d748f](https://github.com/wot-ui/wot-ui/commit/b9d748f29e9d88cdaebd8818b8565b52b5b959a6)), closes [#47](https://github.com/wot-ui/wot-ui/issues/47)
+* 🐛 修复 size 属性在 image 和 cssIcon 模式下的无效问题 ([#45](https://github.com/wot-ui/wot-ui/issues/45)) ([ddcc89e](https://github.com/wot-ui/wot-ui/commit/ddcc89e5d232320b2214d4f5db4febd64c899b2e))
+* 🐛 修复 toast 不支持自定义 icon 颜色 ([#54](https://github.com/wot-ui/wot-ui/issues/54)) ([3718cf4](https://github.com/wot-ui/wot-ui/commit/3718cf42140fbeefc4551e8f0540b599a0007d4e))
+* 🐛 修复 useVideoPreview 没有被导出的问题 ([#52](https://github.com/wot-ui/wot-ui/issues/52)) ([3617c07](https://github.com/wot-ui/wot-ui/commit/3617c078f55a4c13463308e429ed57c785d10580))
+* 🐛 修复不传 type 时 size 样式被默认类型覆盖的问题 ([#44](https://github.com/wot-ui/wot-ui/issues/44)) ([f811e7f](https://github.com/wot-ui/wot-ui/commit/f811e7f6c9e0aa33f968e73030e115d41ef0e511))
+
+
+### ✏️ Documentation | 文档
+
+* ✏️  补全 form-item 文档 value-align 属性 ([#67](https://github.com/wot-ui/wot-ui/issues/67)) ([a7cf766](https://github.com/wot-ui/wot-ui/commit/a7cf7666b5cba5e0d347b15f4b8d5e6db3af5b0a))
+* ✏️  更新所有文档中的链接，替换为新的域名 ([b6d2e4f](https://github.com/wot-ui/wot-ui/commit/b6d2e4f1799f2576fff9e7f4705a8c8efb292e4b))
+
 ### [2.0.8](https://github.com/wot-ui/wot-ui/compare/v2.0.7...v2.0.8) (2026-05-12)
 
 ### [2.0.7](https://github.com/wot-ui/wot-ui/compare/v2.0.6...v2.0.7) (2026-05-12)

package/components/wd-avatar/wd-avatar.vue

@@ -136,7 +136,7 @@ const rootStyle = computed(() => {
     } else if (cascading === 'right-up') {
       // 右侧在上，越前面越大
       const maxCount = avatarGroup.value.props.maxCount
-      let count = avatarGroup.value.children?.length ?? 0
+      let count = avatarGroup.value.children ? avatarGroup.value.children.length : 0
 
       if (isDef(maxCount)) {
         const parsedCount = typeof maxCount === 'number' ? maxCount : parseInt(maxCount, 10)

package/components/wd-button/index.scss

@@ -275,6 +275,7 @@ $button-variants: (
   "plain": ("show-border": true),
   "dashed": ("show-border": true, "border-style": dashed),
   "soft": ("hide-border": true, "soft-bg": true),
+  "subtle": ("show-border": true, "soft-bg": true),
   "text": ("hide-border": true)
 );
 

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' | 'soft' | 'text'
+ * 可选值: 'base' | 'plain' | 'dashed' | 'soft' | 'subtle' | 'text'
  */
-export type ButtonVariant = 'base' | 'plain' | 'dashed' | 'soft' | 'text'
+export type ButtonVariant = 'base' | 'plain' | 'dashed' | 'soft' | 'subtle' | 'text'
 /**
  * 按钮尺寸
  * 可选值: 'mini' | 'small' | 'medium' | 'large'
@@ -69,9 +69,12 @@ export const buttonProps = {
   ...baseProps,
   /**
    * 圆角按钮
-   * 默认值: false
+   * 不传则继承全局配置
    */
-  round: makeBooleanProp(false),
+  round: {
+    type: Boolean,
+    default: void 0
+  },
   /**
    * 禁用按钮
    * 默认值: false
@@ -91,16 +94,16 @@ export const buttonProps = {
    * 按钮类型
    * 类型: ButtonType
    * 可选值: 'primary' | 'success' | 'info' | 'warning' | 'danger'
-   * 默认值: 'primary'
+   * 不传则继承全局配置
    */
-  type: makeStringProp<ButtonType>('primary'),
+  type: String as PropType<ButtonType>,
   /**
    * 按钮尺寸
    * 类型: ButtonSize
    * 可选值: 'mini' | 'small' | 'medium' | 'large'
-   * 默认值: 'medium'
+   * 不传则继承全局配置
    */
-  size: makeStringProp<ButtonSize>('medium'),
+  size: String as PropType<ButtonSize>,
   /**
    * 图标类名
    */
@@ -201,10 +204,10 @@ export const buttonProps = {
   /**
    * 按钮变体
    * 类型: ButtonVariant
-   * 可选值: 'base' | 'plain' | 'dashed' | 'soft' | 'text'
-   * 默认值: 'base'
+   * 可选值: 'base' | 'plain' | 'dashed' | 'soft' | 'subtle' | 'text'
+   * 不传则继承全局配置
    */
-  variant: makeStringProp<ButtonVariant>('base')
+  variant: String as PropType<ButtonVariant>
 }
 
 /**

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

@@ -5,12 +5,12 @@
     :style="customStyle"
     :class="[
       'wd-button',
-      'is-' + type,
-      'is-' + size,
+      'is-' + effectiveType,
+      'is-' + effectiveSize,
       isIcon ? 'is-icon' : '',
-      round ? 'is-round' : '',
+      effectiveRound ? 'is-round' : '',
       hairline ? 'is-hairline' : '',
-      variant !== 'base' ? 'is-' + variant : '',
+      effectiveVariant !== 'base' ? 'is-' + effectiveVariant : '',
       disabled ? 'is-disabled' : '',
       block ? 'is-block' : '',
       loading ? 'is-loading' : '',
@@ -65,14 +65,36 @@ export default {
 
 <script lang="ts" setup>
 import wdIcon from '../wd-icon/wd-icon.vue'
+import wdLoading from '../wd-loading/wd-loading.vue'
 import { computed, useSlots } from 'vue'
 import { buttonProps } from './types'
 import { isDef, omitBy, isUndefined } from '../../common/util'
 import { type LoadingProps } from '../wd-loading/types'
+import { useGlobalConfig } from '../../composables/useGlobalConfig'
 
 const slots = useSlots()
 
 const props = defineProps(buttonProps)
+const globalConfig = useGlobalConfig()
+
+const effectiveSize = computed(() => {
+  return props.size || globalConfig.value.button?.size || 'medium'
+})
+
+const effectiveVariant = computed(() => {
+  return props.variant || globalConfig.value.button?.variant || 'base'
+})
+
+const effectiveType = computed(() => {
+  return props.type || globalConfig.value.button?.type || 'primary'
+})
+
+const effectiveRound = computed(() => {
+  if (isUndefined(props.round)) {
+    return isUndefined(globalConfig.value.button?.round) ? false : globalConfig.value.button?.round
+  }
+  return props.round
+})
 const emit = defineEmits<{
   (e: 'click', event: any): void
   (e: 'getuserinfo', event: any): void

package/components/wd-calendar-view/monthPanel/month-panel.vue

@@ -102,6 +102,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
+import wdIcon from '../../wd-icon/wd-icon.vue'
 import wdDatetimePickerView from '../../wd-datetime-picker-view/wd-datetime-picker-view.vue'
 import { computed, ref, watch, onMounted, type CSSProperties } from 'vue'
 import { debounce, isArray, isEqual, isNumber, pause, padZero, addUnit, objToStyle } from '../../../common/util'

package/components/wd-calendar-view/yearPanel/year-panel.vue

@@ -61,6 +61,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
+import wdIcon from '../../wd-icon/wd-icon.vue'
 import { computed, ref, onMounted } from 'vue'
 import { compareYear, formatYearTitle, getYears } from '../utils'
 import { isArray, isNumber, pause } from '../../../common/util'

package/components/wd-cell/index.scss

@@ -121,6 +121,7 @@ $cell-border-margin-horizontal: var(--wot-cell-border-margin-horizontal, $spacin
   @include e(left) {
     position: relative;
     flex: 1;
+    min-width: 0;
     display: flex;
     text-align: left;
     font-size: $cell-title-font-size;
@@ -135,9 +136,13 @@ $cell-border-margin-horizontal: var(--wot-cell-border-margin-horizontal, $spacin
   }
 
   @include e(title) {
+    min-width: 0;
     font-size: $cell-title-font-size;
     line-height: $cell-title-line-height;
     color: $cell-title-color;
+    white-space: normal;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
   }
 
   @include e(required) {
@@ -157,6 +162,9 @@ $cell-border-margin-horizontal: var(--wot-cell-border-margin-horizontal, $spacin
     font-size: $cell-label-font-size;
     line-height: $cell-label-line-height;
     color: $cell-label-color;
+    white-space: normal;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
   }
 
   @include edeep(prefix) {
@@ -175,11 +183,14 @@ $cell-border-margin-horizontal: var(--wot-cell-border-margin-horizontal, $spacin
   @include e(value) {
     position: relative;
     flex: 1;
+    min-width: 0;
     font-size: $cell-value-font-size;
     line-height: $cell-value-line-height;
     color: $cell-value-color;
     vertical-align: middle;
-    word-break: break-all;
+    white-space: normal;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
 
     @include m(left) {
       text-align: left;

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

@@ -0,0 +1,50 @@
+import { isUndefined, omitBy } from '../../common/util'
+import type { ButtonSize, ButtonType, ButtonVariant } from '../wd-button/types'
+import type { TagSize, TagVariant } from '../wd-tag/types'
+import type { ConfigProviderThemeVars } from './theme-vars'
+
+export interface ButtonConfig {
+  size?: ButtonSize
+  variant?: ButtonVariant
+  type?: ButtonType
+  round?: boolean
+}
+
+export interface TagConfig {
+  size?: TagSize
+  variant?: TagVariant
+  round?: boolean
+}
+
+export interface GlobalConfig {
+  theme: string
+  themeVars: ConfigProviderThemeVars
+  button: ButtonConfig
+  tag: TagConfig
+}
+
+export type ConfigProviderInput = Partial<GlobalConfig>
+
+export const DEFAULT_GLOBAL_CONFIG: GlobalConfig = Object.freeze({
+  theme: 'light',
+  themeVars: {},
+  button: {},
+  tag: {}
+}) as GlobalConfig
+
+export function mergeConfig(parent: GlobalConfig | null, input: ConfigProviderInput): GlobalConfig {
+  const base = parent || DEFAULT_GLOBAL_CONFIG
+  const cleaned = omitBy(input, isUndefined) as ConfigProviderInput
+  return {
+    theme: cleaned.theme || base.theme,
+    themeVars: mergeBucket(base.themeVars, cleaned.themeVars),
+    button: mergeBucket(base.button, cleaned.button),
+    tag: mergeBucket(base.tag, cleaned.tag)
+  }
+}
+
+// 剔除 override 自身的 undefined 键，避免 `:button="{ size: undefined }"` 抹掉外层已有的值
+function mergeBucket<T extends object>(base: T, override?: T): T {
+  if (!override) return base
+  return { ...base, ...(omitBy(override as Record<string, unknown>, isUndefined) as T) }
+}