@wot-ui/ui 2.0.4 → 2.0.6

package/changelog.md

@@ -1,6 +1,33 @@
 # 更新日志 
 
 
+### [2.0.6](https://github.com/wot-ui/wot-ui/compare/v2.0.5...v2.0.6) (2026-05-12)
+
+
+### ✏️ Documentation | 文档
+
+* ✏️  更新 Sass 版本要求，添加运行时警告处理说明 ([#35](https://github.com/wot-ui/wot-ui/issues/35)) ([268cd0e](https://github.com/wot-ui/wot-ui/commit/268cd0e744707ce29209ef38c4f260114dd92a33))
+* ✏️  更新深色模式和主题变量引入说明，增加代码示例 ([20aeb4d](https://github.com/wot-ui/wot-ui/commit/20aeb4d71f6993f37f38893b8e26294e5cb58180))
+* ✏️  新增 v1 迁移到 v2 的文档 ([4cafe19](https://github.com/wot-ui/wot-ui/commit/4cafe19ee3be75f9b08062ee74c6d5feffe7fa51))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 🐛 更新 Dialog 组件关闭逻辑，支持通过点击关闭按钮触发关闭操作并返回相应的 action ([#26](https://github.com/wot-ui/wot-ui/issues/26)) ([0aabf55](https://github.com/wot-ui/wot-ui/commit/0aabf55aa9c8c4e42cf761ea023e0d0117dc1a93))
+* 🐛 简化 cellConfigs 计算逻辑，移除不必要的可见性判断，修复微信小程序编译异常的问题 ([5a64e53](https://github.com/wot-ui/wot-ui/commit/5a64e531e0d40857cd8bb2c637414840d2e8f525)), closes [#34](https://github.com/wot-ui/wot-ui/issues/34)
+* 🐛 将 wd-tag 组件默认插槽内容的承载元素从 text 更改为 view ([#39](https://github.com/wot-ui/wot-ui/issues/39)) ([b72a2be](https://github.com/wot-ui/wot-ui/commit/b72a2bef01c60c8ba8ba14a6b838b660e9f52205)), closes [#25](https://github.com/wot-ui/wot-ui/issues/25)
+* 🐛 修复 ConfigProvider 中 Input 组件变量丢失的问题 ([#37](https://github.com/wot-ui/wot-ui/issues/37)) ([66ddace](https://github.com/wot-ui/wot-ui/commit/66ddace1f5bfd69cd23a8cead460263e2d63ee94)), closes [#36](https://github.com/wot-ui/wot-ui/issues/36)
+* 🐛 修复 Dialog 覆盖 Popup 样式权重较低导致被其他 Popup 覆盖的问题 ([#22](https://github.com/wot-ui/wot-ui/issues/22)) ([9f0fc52](https://github.com/wot-ui/wot-ui/commit/9f0fc52d8d0f9adf3812b08d8a34c45fd3ba6965)), closes [#21](https://github.com/wot-ui/wot-ui/issues/21)
+* 🐛 修复 FormItem label 属性不生效 ([#38](https://github.com/wot-ui/wot-ui/issues/38)) ([fdbcf93](https://github.com/wot-ui/wot-ui/commit/fdbcf935357b9ccbe4e6390551f2eca0f82c1cad)), closes [#30](https://github.com/wot-ui/wot-ui/issues/30)
+* 🐛 修复日期时间选择器在 ios26 微信小程序端区域选择切换时高度坍缩的问题 ([#41](https://github.com/wot-ui/wot-ui/issues/41)) ([e6de48d](https://github.com/wot-ui/wot-ui/commit/e6de48d76c68db7f4faddda0477e2fe0a060c9f5))
+
+### [2.0.5](https://github.com/wot-ui/wot-ui/compare/v2.0.4...v2.0.5) (2026-04-27)
+
+
+### ✏️ Documentation | 文档
+
+* ✏️  更新深色模式和主题变量引入说明，增加代码示例 ([#19](https://github.com/wot-ui/wot-ui/issues/19)) ([abb7a1b](https://github.com/wot-ui/wot-ui/commit/abb7a1bfdbaab7e2b16b6cde5fd529d043461996))
+
 ### [2.0.4](https://github.com/wot-ui/wot-ui/compare/v2.0.3...v2.0.4) (2026-04-24)
 
 ### [2.0.3](https://github.com/wot-ui/wot-ui/compare/v2.0.2...v2.0.3) (2026-04-23)

package/components/wd-checkbox/index.scss

@@ -18,7 +18,7 @@ $checkbox-button-font-size: var(--wot-checkbox-button-font-size, $typography-bod
 $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; // 按钮模式图标尺寸
+$checkbox-button-icon-size: var(--wot-checkbox-button-icon-size, $n-10) !default; // 按钮模式图标尺寸
 $checkbox-button-min-width: var(--wot-checkbox-button-min-width, calc(74 * #{$n-1})) !default; // 按钮模式最小宽
 $checkbox-button-max-width: var(--wot-checkbox-button-max-width, calc(148 * #{$n-1})) !default; // 按钮模式最大宽
 $checkbox-button-border-radius: var(--wot-checkbox-button-border-radius, $radius-main) !default; // 按钮圆角大小

package/components/wd-circle/index.scss

@@ -4,7 +4,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-font-size: var(--wot-circle-text-font-size, $typography-title-size-large) !default;
 // 圆环文字行高
 $circle-text-line-height: var(--wot-circle-text-line-height, $typography-title-line-height-size-large) !default;
 

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

@@ -105,6 +105,7 @@ export type baseThemeVars = {
   fontWeightMedium?: string
   fontWeightRegular?: string
   fontWeightSemibold?: string
+  fontWeightThin?: string
   fontWeightUltraLight?: string
   grape1?: string
   grape10?: string
@@ -1138,6 +1139,24 @@ export type inputNumberThemeVars = {
   inputNumberInputWidth?: string // 输入框宽度
 }
 
+export type inputThemeVars = {
+  inputBg?: string // 输入框背景色
+  inputCountColor?: string // 输入框字数统计颜色
+  inputCountFontSize?: string // 输入框字数统计字号
+  inputCountLineHeight?: string // 输入框字数统计行高
+  inputCountMargin?: string // 输入框字数统计间距
+  inputDisabledColor?: string // 输入框禁用颜色
+  inputErrorColor?: string // 输入框错误颜色
+  inputIconColor?: string // 输入框图标颜色
+  inputIconFontSize?: string // 输入框图标字号
+  inputIconMargin?: string // 输入框图标间距
+  inputInnerColor?: string // 输入框文字颜色
+  inputInnerFontSize?: string // 输入框内字号
+  inputInnerHeight?: string // 输入框内高度
+  inputInnerPlaceholderColor?: string // 输入框占位符颜色
+  inputPadding?: string // 输入框内边距
+}
+
 export type keyboardThemeVars = {
   keyboardBg?: string // 键盘背景色
   keyboardCloseColor?: string // 关闭按钮文字颜色
@@ -1245,6 +1264,7 @@ export type notifyThemeVars = {
   notifyFloatingMarginHorizontal?: string // floating 变体左右间距
   notifyFloatingMarginVertical?: string // floating 变体上下间距
   notifyFloatingRadius?: string // floating 变体圆角
+  notifyFloatingShadow?: string // floating 变体阴影
   notifyFontSize?: string // 通知文字字号
   notifyIconSize?: string // 图标尺寸
   notifyIconSpacing?: string // 图标间距
@@ -1749,6 +1769,7 @@ export type tabbarThemeVars = {
   tabbarHeight?: string // 高度
   tabbarRoundMarginHorizontal?: string // round 变体水平外边距
   tabbarRoundRadius?: string // round 变体圆角
+  tabbarRoundShadow?: string // round 变体阴影
   tabbarZIndex?: string // 固定定位层级
 }
 
@@ -2027,6 +2048,7 @@ export type ConfigProviderThemeVars = baseThemeVars &
   indexAnchorThemeVars &
   indexBarThemeVars &
   inputNumberThemeVars &
+  inputThemeVars &
   keyboardThemeVars &
   loadingThemeVars &
   loadmoreThemeVars &

package/components/wd-config-provider/wd-config-provider.vue

@@ -35,7 +35,7 @@ const themeClass = computed(() => {
   return `wot-theme-${props.theme} ${props.customClass}`
 })
 
-const theme = computed(() => props.theme)
+const themeValue = computed(() => props.theme)
 
 const themeStyle = computed(() => {
   if (hooksProvider !== None) {
@@ -51,7 +51,7 @@ const rootStyle = computed(() => {
 })
 
 linkChildren({
-  theme,
+  theme: themeValue,
   themeStyle
 })
 </script>

package/components/wd-curtain/index.scss

@@ -11,10 +11,13 @@ $curtain-content-close-size: var(--wot-curtain-content-close-size, $n-32) !defau
 $curtain-content-close-inset: var(--wot-curtain-content-close-inset, $spacing-extra-loose) !default;
 
 :deep() {
+  .wd-popup.wd-curtain {
+    background: transparent;
+    overflow-y: visible;
+  }
+
   @include b(curtain) {
     border-radius: $curtain-content-radius;
-    overflow-y: visible !important;
-    background: transparent;
     font-size: 0;
 
     @include e(content) {
@@ -93,4 +96,4 @@ $curtain-content-close-inset: var(--wot-curtain-content-close-inset, $spacing-ex
       }
     }
   }
-}
+}

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

@@ -57,6 +57,7 @@ $datetime-picker-range-separator-height: var(--wot-datetime-picker-range-separat
   }
 
   @include e(wraper) {
+    position: relative;
     padding-bottom: var(--window-bottom);
   }
 
@@ -121,13 +122,15 @@ $datetime-picker-range-separator-height: var(--wot-datetime-picker-range-separat
   }
 
   @include e(hidden) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
     visibility: hidden;
-    overflow: hidden;
-    height: 0;
+    pointer-events: none;
   }
 
   @include e(show) {
     visibility: visible;
-    height: auto;
   }
 }

package/components/wd-dialog/index.scss

@@ -89,8 +89,10 @@ $dialog-action-text-button-padding: var(--wot-dialog-action-text-button-padding,
 $dialog-action-text-border: var(--wot-dialog-action-text-border, $stroke-light) !default;
 
 
-:deep(.wd-dialog) {
-  background: transparent;
+:deep() {
+  .wd-popup.wd-dialog {
+    background: transparent;
+  }
 }
 
 @include b(dialog) {
@@ -108,14 +110,14 @@ $dialog-action-text-border: var(--wot-dialog-action-text-border, $stroke-light)
     width: 100%;
     height: auto;
     border-radius: $dialog-img-border-radius;
-    
+
     &+.wd-dialog__title {
-      margin-top: $dialog-body-element-spacing-large; 
+      margin-top: $dialog-body-element-spacing-large;
     }
 
     &+.wd-dialog__content {
-      margin-top: $dialog-body-element-spacing-large; 
-      
+      margin-top: $dialog-body-element-spacing-large;
+
       .wd-dialog__body.is-prompt & {
         margin-top: $dialog-body-element-spacing;
       }
@@ -278,4 +280,4 @@ $dialog-action-text-border: var(--wot-dialog-action-text-border, $stroke-light)
     color: $dialog-close-icon-color;
   }
 
-}
+}

package/components/wd-dialog/wd-dialog.vue

@@ -11,7 +11,7 @@
     :root-portal="rootPortal"
   >
     <view :class="rootClass">
-      <wd-icon v-if="dialogState.showClose" custom-class="wd-dialog__close" name="close" @click="toggleModal('modal')"></wd-icon>
+      <wd-icon v-if="dialogState.showClose" custom-class="wd-dialog__close" name="close" @click="toggleModal('close')"></wd-icon>
       <slot name="header" />
       <view :class="bodyClass">
         <slot name="image">
@@ -53,7 +53,7 @@
           </slot>
         </view>
       </view>
-      <slot name="actions" :confirm="() => toggleModal('confirm')" :cancel="() => toggleModal('cancel')" :close="() => toggleModal('modal')">
+      <slot name="actions" :confirm="() => toggleModal('confirm')" :cancel="() => toggleModal('cancel')" :close="() => toggleModal('close')">
         <view
           :class="`wd-dialog__actions ${dialogState.actionLayout === 'vertical' ? 'wd-dialog__actions--vertical' : ''} ${
             dialogState.actionLayout === 'vertical' || showCancelButton || (dialogState.actions && dialogState.actions.length > 1)
@@ -66,7 +66,7 @@
               v-for="(btn, index) in customActions"
               :key="index"
               v-bind="getActionButtonProps(btn)"
-              @click="handleAction(btn, index)"
+              @click="handleAction(btn)"
               @getuserinfo="(e: any) => handleOpenTypeEvent(btn, 'onGetuserinfo', e)"
               @contact="(e: any) => handleOpenTypeEvent(btn, 'onContact', e)"
               @getphonenumber="(e: any) => handleOpenTypeEvent(btn, 'onGetphonenumber', e)"
@@ -268,7 +268,7 @@ const textareaPropsWithoutModelValue = computed(() => {
 /**
  * 自定义 actions 按钮列表（当 theme 为 text 时强制 variant 为 text）
  */
-const customActions = computed(() => {
+const customActions = computed<DialogAction[]>(() => {
   if (!dialogState.actions || !dialogState.actions.length) return []
   return dialogState.actions.map((action) => {
     if (dialogState.theme === 'text') {
@@ -403,7 +403,7 @@ watch(
  * 点击操作
  * @param action
  */
-function toggleModal(action: 'confirm' | 'cancel' | 'modal') {
+function toggleModal(action: 'confirm' | 'cancel' | 'modal' | 'close') {
   if (action === 'modal' && !dialogState.closeOnClickModal) {
     return
   }
@@ -433,9 +433,10 @@ function toggleModal(action: 'confirm' | 'cancel' | 'modal') {
         action: action
       })
       break
-    default:
+    case 'modal':
+    case 'close':
       handleCancel({
-        action: 'modal'
+        action: action
       })
       break
   }
@@ -446,20 +447,15 @@ function toggleModal(action: 'confirm' | 'cancel' | 'modal') {
  * @param action 按钮配置
  * @param index 索引
  */
-function handleAction(action: any, index: number) {
+function handleAction(action: DialogAction) {
   if (action.disabled || action.loading) return
 
-  // 如果提供了点击回调
   if (isFunction(action.click)) {
     action.click()
   }
 
-  // 默认关闭弹窗，除非显式指定不关闭（暂未支持 preventClose 属性，默认关闭）
-  // 也可以扩展：如果 click 返回 false，则不关闭
   handleConfirm({
-    action: 'confirm', // 或者新增 'action' 类型？但 Types 里 action 是必须的且枚举。
-    // 为了兼容，这里仍返回 confirm 或者是 context？
-    // 稍微 hack 一下，actions 场景下通常用户自己在 click 里处理了业务，这里主要是利用 confirm 回调来关闭
+    action: 'confirm',
     value: inputVal.value
   })
 }

package/components/wd-form-item/wd-form-item.vue

@@ -4,6 +4,7 @@
     :custom-style="customStyle"
     :use-title-slot="!!$slots.title"
     :title="title"
+    :label="label"
     :title-width="formItemTitleWidth"
     :prefix-icon="prefixIcon"
     :icon-size="iconSize"
@@ -29,6 +30,10 @@
       <slot name="title"></slot>
     </template>
 
+    <template #label v-if="$slots.label">
+      <slot name="label"></slot>
+    </template>
+
     <slot>
       <text v-if="showPlaceholder" class="wd-form-item__placeholder">{{ placeholder }}</text>
       <text v-else-if="isDef(value)">{{ value }}</text>

package/{styles/iconfont → components/wd-icon}/iconfont.scss

@@ -1,25 +1,23 @@
 @font-face {
   font-family: "wd-icons";
   /* Project id 5024693 */
-  src: url('//at.alicdn.com/t/c/font_5024693_esasb18zrbp.eot?t=1773909649753');
+  src: url('https://at.alicdn.com/t/c/font_5024693_esasb18zrbp.eot?t=1773909649753');
   /* IE9 */
-  src: url('//at.alicdn.com/t/c/font_5024693_esasb18zrbp.eot?t=1773909649753#iefix') format('embedded-opentype'),
+  src: url('https://at.alicdn.com/t/c/font_5024693_esasb18zrbp.eot?t=1773909649753#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
-    url('//at.alicdn.com/t/c/font_5024693_esasb18zrbp.woff?t=1773909649753') format('woff'),
-    url('//at.alicdn.com/t/c/font_5024693_esasb18zrbp.ttf?t=1773909649753') format('truetype'),
-    url('//at.alicdn.com/t/c/font_5024693_esasb18zrbp.svg?t=1773909649753#wd-icons') format('svg');
+    url('https://at.alicdn.com/t/c/font_5024693_esasb18zrbp.woff?t=1773909649753') format('woff'),
+    url('https://at.alicdn.com/t/c/font_5024693_esasb18zrbp.ttf?t=1773909649753') format('truetype'),
+    url('https://at.alicdn.com/t/c/font_5024693_esasb18zrbp.svg?t=1773909649753#wd-icons') format('svg');
 }
 
 /*  #ifdef  APP-PLUS || H5  */
-/* 
 @font-face {
   font-family: 'wd-icons';
   src:
-    url('./wd-icons.ttf') format('truetype');
+    url('./iconfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
-} 
-*/
+}
 /*  #endif  */
 
 .wd-icon-expand:before {

package/components/wd-icon/index.scss

@@ -1,6 +1,6 @@
 @use '../../styles/variable.scss' as *;
 @use '../../styles/mixin/mixin' as *;
-@use '../../styles/iconfont/iconfont.scss' as *;
+@use './iconfont.scss' as *;
 
 // 图标字号
 $icon-font-size: var(--wot-icon-font-size, $typography-body-size-main) !default;

package/components/wd-input/index.scss

@@ -1,35 +1,36 @@
 @use '../../styles/mixin/mixin.scss'as *;
 @use '../../styles/variable.scss'as *;
+
 // 输入框内边距
-$input-padding: var(--wot-input-padding, $padding-loose $padding-loose);
+$input-padding: var(--wot-input-padding, $padding-loose $padding-loose) !default;
 // 输入框背景色
-$input-bg: var(--wot-input-bg, $filled-oppo);
+$input-bg: var(--wot-input-bg, $filled-oppo) !default;
 // 输入框内高度
-$input-inner-height: var(--wot-input-inner-height, $n-20);
+$input-inner-height: var(--wot-input-inner-height, $n-20) !default;
 // 输入框内字号
-$input-inner-font-size: var(--wot-input-inner-font-size, $typography-body-size-main);
+$input-inner-font-size: var(--wot-input-inner-font-size, $typography-body-size-main) !default;
 // 输入框文字颜色
-$input-inner-color: var(--wot-input-inner-color, $text-main);
+$input-inner-color: var(--wot-input-inner-color, $text-main) !default;
 // 输入框占位符颜色
-$input-inner-placeholder-color: var(--wot-input-inner-placeholder-color, $text-placeholder);
+$input-inner-placeholder-color: var(--wot-input-inner-placeholder-color, $text-placeholder) !default;
 // 输入框禁用颜色
-$input-disabled-color: var(--wot-input-disabled-color, $text-disabled);
+$input-disabled-color: var(--wot-input-disabled-color, $text-disabled) !default;
 // 输入框图标颜色
-$input-icon-color: var(--wot-input-icon-color, $icon-secondary);
+$input-icon-color: var(--wot-input-icon-color, $icon-secondary) !default;
 // 输入框图标字号
-$input-icon-font-size: var(--wot-input-icon-font-size, $n-18);
+$input-icon-font-size: var(--wot-input-icon-font-size, $n-18) !default;
 // 输入框图标间距
-$input-icon-margin: var(--wot-input-icon-margin, $spacing-tight);
+$input-icon-margin: var(--wot-input-icon-margin, $spacing-tight) !default;
 // 输入框字数统计间距
-$input-count-margin: var(--wot-input-count-margin, $spacing-extra-loose);
+$input-count-margin: var(--wot-input-count-margin, $spacing-extra-loose) !default;
 // 输入框字数统计颜色
-$input-count-color: var(--wot-input-count-color, $text-auxiliary);
+$input-count-color: var(--wot-input-count-color, $text-auxiliary) !default;
 // 输入框字数统计字号
-$input-count-font-size: var(--wot-input-count-font-size, $typography-body-size-main);
+$input-count-font-size: var(--wot-input-count-font-size, $typography-body-size-main) !default;
 // 输入框字数统计行高
-$input-count-line-height: var(--wot-input-count-line-height, $typography-body-line-height-size-main);
+$input-count-line-height: var(--wot-input-count-line-height, $typography-body-line-height-size-main) !default;
 // 输入框错误颜色
-$input-error-color: var(--wot-input-error-color, $danger-main);
+$input-error-color: var(--wot-input-error-color, $danger-main) !default;
 
 @include b(input) {
   position: relative;

package/components/wd-notify/index.scss

@@ -41,8 +41,7 @@ $notify-floating-margin-horizontal: var(--wot-notify-floating-margin-horizontal,
 // floating 变体上下间距
 $notify-floating-margin-vertical: var(--wot-notify-floating-margin-vertical, $spacing-loose) !default;
 // floating 变体阴影
-$notify-floating-shadow: var(--wot-notify-floating-shadow,
-  0 12px 48px 16px rgba(39, 43, 59, 0.03), 0 9px 28px 8px rgba(39, 43, 59, 0.05), 0 5px 12px 4px rgba(39, 43, 59, 0.06)) !default;
+$notify-floating-shadow: var(--wot-notify-floating-shadow, 0 12px 48px 16px rgba(39, 43, 59, 0.03), 0 9px 28px 8px rgba(39, 43, 59, 0.05), 0 5px 12px 4px rgba(39, 43, 59, 0.06)) !default;
 
 // 通知类型配置映射
 $notify-types: ("primary": ("bg": $notify-primary-bg,

package/components/wd-table-column/wd-table-column.vue

@@ -1,10 +1,8 @@
 <template>
   <view class="wd-table-column">
     <view v-for="config in cellConfigs" :key="config.rowIndex" :class="config.class" :style="config.style" @click="handleRowClick(config.rowIndex)">
-      <template v-if="config.visible">
-        <slot name="value" v-if="$slots.value" :row="getScope(config.rowIndex)" :index="config.rowIndex"></slot>
-        <text :class="['wd-table__value', { 'is-ellipsis': ellipsis }]" v-else>{{ config.value }}</text>
-      </template>
+      <slot name="value" v-if="$slots.value" :row="getScope(config.rowIndex)" :index="config.rowIndex"></slot>
+      <text :class="['wd-table__value', { 'is-ellipsis': ellipsis }]" v-else>{{ config.value }}</text>
     </view>
   </view>
 </template>
@@ -92,7 +90,7 @@ const isLastColumn = computed(() => {
  * @returns 每行单元格的渲染配置数组
  */
 const cellConfigs = computed(() => {
-  const configs: Array<{ rowIndex: number; value: any; class: any; style: string; visible: boolean }> = []
+  const configs: Array<{ rowIndex: number; value: any; class: any; style: string }> = []
   const data = isDef(table.value) && Array.isArray(table.value.props.data) ? table.value.props.data : []
   if (data.length === 0) return configs
 
@@ -111,7 +109,8 @@ const cellConfigs = computed(() => {
 
   for (let rowIndex = range.start; rowIndex <= range.end; rowIndex++) {
     const span = getSpanResult(rowIndex)
-    const hidden = span.rowspan === 0 || span.colspan === 0
+    const isHidden = span.rowspan === 0 || span.colspan === 0
+    if (isHidden) continue
 
     const cls = [
       'wd-table__cell',
@@ -120,27 +119,22 @@ const cellConfigs = computed(() => {
         'is-border': borderVal,
         'is-fixed': isFixed,
         'is-shadow': isLast && hasScrollLeft,
-        'is-hidden': hidden,
         'is-last': isLastCol
       },
       `is-${align}`
     ]
 
     const style: CSSProperties = {}
-    if (hidden) {
-      style['display'] = 'none'
+    if (span.colspan > 1) {
+      style['grid-column'] = `${colStart} / span ${span.colspan}`
     } else {
-      if (span.colspan > 1) {
-        style['grid-column'] = `${colStart} / span ${span.colspan}`
-      } else {
-        style['grid-column'] = `${colStart}`
-      }
-      const rowStart = rowIndex + 1
-      if (span.rowspan > 1) {
-        style['grid-row'] = `${rowStart} / span ${span.rowspan}`
-      } else {
-        style['grid-row'] = `${rowStart}`
-      }
+      style['grid-column'] = `${colStart}`
+    }
+    const rowStart = rowIndex + 1
+    if (span.rowspan > 1) {
+      style['grid-row'] = `${rowStart} / span ${span.rowspan}`
+    } else {
+      style['grid-row'] = `${rowStart}`
     }
     if (isFixed && left) {
       style['left'] = left
@@ -150,8 +144,7 @@ const cellConfigs = computed(() => {
       rowIndex,
       value: data[rowIndex]?.[propKey],
       class: cls,
-      style: objToStyle(style),
-      visible: !hidden
+      style: objToStyle(style)
     })
   }
   return configs

package/components/wd-tag/wd-tag.vue

@@ -22,9 +22,9 @@
       <slot name="icon" v-if="$slots.icon || icon">
         <wd-icon :name="icon" custom-class="wd-tag__icon" />
       </slot>
-      <text class="wd-tag__text" :style="textStyle" v-if="$slots.default">
+      <view class="wd-tag__text" :style="textStyle" v-if="$slots.default">
         <slot />
-      </text>
+      </view>
       <view class="wd-tag__close" v-if="closable" @click.stop="handleClose">
         <wd-icon name="close" custom-class="wd-tag__close-icon"></wd-icon>
       </view>

package/locale/lang/ar-SA.ts

@@ -68,12 +68,6 @@ export default {
     confirm: 'تأكيد',
     cancel: 'إلغاء'
   },
-  messageBox: {
-    inputPlaceholder: 'الرجاء إدخال المعلومات',
-    confirm: 'تأكيد',
-    cancel: 'إلغاء',
-    inputNoValidate: 'الرجاء التأكد من إدخال المعلومات الصحيحة'
-  },
   dialog: {
     inputPlaceholder: 'الرجاء إدخال المعلومات',
     confirm: 'تأكيد',

package/locale/lang/de-DE.ts

@@ -68,12 +68,6 @@ export default {
     confirm: 'OK',
     cancel: 'Stornieren'
   },
-  messageBox: {
-    inputPlaceholder: 'Bitte geben Sie Informationen ein',
-    confirm: 'OK',
-    cancel: 'Stornieren',
-    inputNoValidate: 'Bitte geben Sie gültige Informationen ein'
-  },
   dialog: {
     inputPlaceholder: 'Bitte geben Sie Informationen ein',
     confirm: 'OK',

package/locale/lang/en-US.ts

@@ -68,12 +68,6 @@ export default {
     confirm: 'OK',
     cancel: 'Cancel'
   },
-  messageBox: {
-    inputPlaceholder: 'Please input information',
-    confirm: 'OK',
-    cancel: 'Cancel',
-    inputNoValidate: 'Please ensure you input correct information'
-  },
   dialog: {
     inputPlaceholder: 'Please input information',
     confirm: 'OK',

package/locale/lang/es-ES.ts

@@ -64,12 +64,6 @@ export default {
     error: 'Error al Cargar',
     retry: 'Reintentar'
   },
-  messageBox: {
-    inputPlaceholder: 'Por favor ingrese información',
-    confirm: 'Confirmar',
-    cancel: 'Cancelar',
-    inputNoValidate: 'Por favor ingrese información válida'
-  },
   dialog: {
     inputPlaceholder: 'Por favor ingrese información',
     confirm: 'Confirmar',

package/locale/lang/fr-FR.ts

@@ -64,12 +64,6 @@ export default {
     error: 'Échec du chargement',
     retry: 'Réessayer'
   },
-  messageBox: {
-    inputPlaceholder: 'Veuillez entrer des informations',
-    confirm: 'Confirmer',
-    cancel: 'Annuler',
-    inputNoValidate: 'Veuillez entrer des informations valides'
-  },
   dialog: {
     inputPlaceholder: 'Veuillez entrer des informations',
     confirm: 'Confirmer',

package/locale/lang/ja-JP.ts

@@ -64,12 +64,6 @@ export default {
     error: '読み込みエラー',
     retry: '再試行'
   },
-  messageBox: {
-    inputPlaceholder: '入力してください',
-    confirm: '確認',
-    cancel: 'キャンセル',
-    inputNoValidate: '無効なデータが入力されました'
-  },
   dialog: {
     inputPlaceholder: '入力してください',
     confirm: '確認',

package/locale/lang/ko-KR.ts

@@ -64,12 +64,6 @@ export default {
     error: '로딩 오류',
     retry: '재시도'
   },
-  messageBox: {
-    inputPlaceholder: '정보를 입력해주세요',
-    confirm: '확인',
-    cancel: '취소',
-    inputNoValidate: '유효한 정보를 입력해주세요'
-  },
   dialog: {
     inputPlaceholder: '정보를 입력해주세요',
     confirm: '확인',

package/locale/lang/pt-PT.ts

@@ -64,12 +64,6 @@ export default {
     error: 'Falha ao carregar',
     retry: 'Clique para tentar novamente'
   },
-  messageBox: {
-    inputPlaceholder: 'Por favor insira',
-    confirm: 'Confirmar',
-    cancel: 'Cancelar',
-    inputNoValidate: 'Dados inseridos inválidos'
-  },
   dialog: {
     inputPlaceholder: 'Por favor insira',
     confirm: 'Confirmar',

package/locale/lang/ru-RU.ts

@@ -64,12 +64,6 @@ export default {
     error: 'Ошибка загрузки',
     retry: 'Повторить'
   },
-  messageBox: {
-    inputPlaceholder: 'Введите, пожалуйста',
-    confirm: 'Ок',
-    cancel: 'Отмена',
-    inputNoValidate: 'Неверные данные'
-  },
   dialog: {
     inputPlaceholder: 'Введите, пожалуйста',
     confirm: 'Ок',