@didaoktv/didaoui-uniapp 1.3.6 → 1.3.8

package/components/dd-button/dd-button.vue

@@ -7,6 +7,7 @@
       {
         'dd-btn--block': block,
         'dd-btn--round': round,
+        'dd-btn--plain': plain,
         'dd-btn--icon-right': iconPosition === 'right',
         'dd-btn--icon-only': isIconOnly,
         'dd-btn--loading': loading,
@@ -31,10 +32,11 @@ import { computed, useSlots } from 'vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
 
 interface Props {
-  type?: 'primary' | 'secondary' | 'ghost' | 'text' | 'success' | 'warning' | 'danger'
+  type?: 'default' | 'primary' | 'secondary' | 'ghost' | 'text' | 'success' | 'warning' | 'danger'
   size?: 'sm' | 'md' | 'lg'
   block?: boolean
   round?: boolean
+  plain?: boolean
   iconPosition?: 'left' | 'right'
   icon?: string
   loading?: boolean
@@ -46,6 +48,7 @@ const props = withDefaults(defineProps<Props>(), {
   size: 'md',
   block: false,
   round: false,
+  plain: false,
   iconPosition: 'left',
   icon: '',
   loading: false,
@@ -149,6 +152,11 @@ function onClick(e: Event) {
   }
 }
 
+.dd-btn--default {
+  background: var(--dd-surface-container, #{$dd-surface-container});
+  color: var(--dd-text-primary, #{$dd-text-primary});
+  border-color: var(--dd-border-default, #{$dd-border-default});
+}
 .dd-btn--primary {
   background: var(--dd-primary, #{$dd-primary});
   color: $dd-neutral-50;
@@ -190,6 +198,28 @@ function onClick(e: Event) {
   color: var(--dd-error-contrast, #{$dd-error-contrast});
 }
 
+// plain：线框按钮，透明底 + 保留各 type 的主题色文字/描边（对齐 Vant 语义）
+.dd-btn--plain {
+  background: transparent;
+  border-color: currentColor;
+  &.dd-btn--primary {
+    color: var(--dd-primary, #{$dd-primary});
+  }
+  &.dd-btn--secondary {
+    color: var(--dd-primary-400, #{$dd-primary-400});
+    border-color: var(--dd-primary-400, #{$dd-primary-400});
+  }
+  &.dd-btn--success {
+    color: var(--dd-success, #{$dd-success});
+  }
+  &.dd-btn--warning {
+    color: var(--dd-warning, #{$dd-warning});
+  }
+  &.dd-btn--danger {
+    color: var(--dd-error, #{$dd-error});
+  }
+}
+
 .dd-btn--round {
   border-radius: $dd-radius-full;
 }
@@ -201,7 +231,8 @@ function onClick(e: Event) {
   opacity: 0.85;
 }
 .dd-btn--secondary.dd-btn--hover,
-.dd-btn--ghost.dd-btn--hover {
+.dd-btn--ghost.dd-btn--hover,
+.dd-btn--default.dd-btn--hover {
   opacity: 0.7;
 }
 

package/components/dd-cell/dd-cell.vue

@@ -124,15 +124,20 @@ function handleClick(e: Event) {
   padding: 0 24rpx 0 $dd-space-4;
   background: var(--dd-bg-elevated, #{$dd-bg-elevated});
   font-size: $dd-font-size-body;
+  // vant 式恒定行高（24px），title/value/label/icon 全部基线对齐
+  line-height: $dd-line-height-lead;
   color: var(--dd-text-primary, #{$dd-text-primary});
   @include dd-hairline-bottom(var(--dd-border-subtle, #{$dd-border-subtle}));
 
+  // vant 式：高度 = 垂直 padding + 行高（12/16px × 2 + 23.8px ≈ 96/112rpx），内容天然居中
   &--normal {
-    min-height: 96rpx;
+    padding-top: $dd-space-3;
+    padding-bottom: $dd-space-3;
   }
 
   &--large {
-    min-height: 112rpx;
+    padding-top: $dd-space-4;
+    padding-bottom: $dd-space-4;
   }
 
   &--center {
@@ -154,7 +159,8 @@ function handleClick(e: Event) {
     margin-right: $dd-space-2;
     display: flex;
     align-items: center;
-    height: 100%;
+    // ponytail: stretch 拉伸到兄弟 content 高度使图标居中于首行；title+label 多行时会居中于整块而非首行（vant 是贴首行），如需精确可改为固定行高盒
+    align-self: stretch;
   }
 
   &__icon-text {
@@ -167,7 +173,7 @@ function handleClick(e: Event) {
     color: var(--dd-error, #{$dd-error});
     font-size: $dd-font-size-body;
     margin-right: 4rpx;
-    line-height: $dd-line-height-caption;
+    line-height: inherit;
     text {
       line-height: 1;
     }
@@ -179,7 +185,6 @@ function handleClick(e: Event) {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    padding: $dd-space-2 0;
   }
 
   &__title {

package/components/dd-dialog/dd-dialog.vue

@@ -17,8 +17,9 @@
         <text class="dd-dialog__title">{{ title }}</text>
       </view>
       <view class="dd-dialog__body" :class="{ 'dd-dialog__body--isolated': !title }">
+        <!-- message 与 slot 共存（slot 在下）：prompt 型弹窗需同时展示说明文案与输入内容 -->
         <text v-if="message" class="dd-dialog__message">{{ message }}</text>
-        <slot v-else></slot>
+        <slot></slot>
       </view>
       <view v-if="showConfirmButton || showCancelButton" class="dd-dialog__footer" :class="`dd-dialog__footer--${theme}`">
         <template v-if="theme === 'round-button'">
@@ -83,6 +84,8 @@ interface Props {
   cancelColor?: string
   width?: string | number
   closeOnClickOverlay?: boolean
+  /** 异步关闭：确认/取消/遮罩只发事件不自动关窗，由调用方（如表单校验）自行控制 modelValue */
+  asyncClose?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -98,6 +101,7 @@ const props = withDefaults(defineProps<Props>(), {
   cancelColor: '',
   width: '640rpx',
   closeOnClickOverlay: false,
+  asyncClose: false,
 })
 
 const emit = defineEmits<{
@@ -133,17 +137,17 @@ function close() {
 function onOverlayClick() {
   if (!props.closeOnClickOverlay) return
   emit('cancel')
-  close()
+  if (!props.asyncClose) close()
 }
 
 function onConfirm() {
   emit('confirm')
-  close()
+  if (!props.asyncClose) close()
 }
 
 function onCancel() {
   emit('cancel')
-  close()
+  if (!props.asyncClose) close()
 }
 </script>
 
@@ -237,6 +241,11 @@ function onCancel() {
     &--cancel {
       border-right: 1px solid var(--dd-border-subtle, #{$dd-border-subtle});
     }
+
+    /* 确认按钮文字默认主色；confirmColor 传入时走内联样式覆盖 */
+    &--confirm .dd-dialog__btn-text {
+      color: var(--dd-primary, #{$dd-primary});
+    }
   }
 
   &__btn-text {

package/components/dd-empty-state/dd-empty-state.vue

@@ -88,11 +88,11 @@ function onAction() {
 
   &__icon {
     margin-bottom: $dd-space-4;
+    font-size: 120rpx;
+    line-height: 1;
   }
 
   &__emoji {
-    font-size: 120rpx;
-    line-height: 1;
     animation: dd-empty-float 3s ease-in-out infinite;
   }
 

package/components/dd-input/dd-input.vue

@@ -37,7 +37,7 @@ import DdIcon from '../dd-icon/dd-icon.vue'
 
 interface Props {
   modelValue?: string | number
-  type?: 'text' | 'password' | 'search' | 'number'
+  type?: 'text' | 'password' | 'search' | 'number' | 'digit'
   placeholder?: string
   disabled?: boolean
   clearable?: boolean
@@ -70,7 +70,11 @@ const isFocused = ref(false)
 const visible = ref(false)
 
 // ponytail: search 在小程序降级为 text；password 用 uni 原生 password 布尔属性跨端
-const inputType = computed<'text' | 'number'>(() => (props.type === 'number' ? 'number' : 'text'))
+const inputType = computed<'text' | 'number' | 'digit'>(() => {
+  if (props.type === 'number') return 'number'
+  if (props.type === 'digit') return 'digit'
+  return 'text'
+})
 const isPassword = computed(() => props.type === 'password' && !visible.value)
 const confirmType = computed(() => (props.type === 'search' ? 'search' : 'done'))
 const showClear = computed(() => props.clearable && !!props.modelValue && !props.disabled)

package/components/dd-segmented-tab/dd-segmented-tab.vue

@@ -2,6 +2,7 @@
   <view
     v-if="variant === 'pill'"
     class="dd-seg dd-seg--pill"
+    :class="{ 'dd-seg--sm': size === 'sm' }"
   >
     <view
       ref="trackRef"
@@ -22,7 +23,11 @@
       ></view>
     </view>
   </view>
-  <view v-else class="dd-seg dd-seg--text">
+  <view
+    v-else
+    class="dd-seg dd-seg--text"
+    :class="{ 'dd-seg--sm': size === 'sm' }"
+  >
     <view
       v-for="(opt, index) in options"
       :key="index"
@@ -44,12 +49,15 @@ interface Props {
   modelValue?: number
   options?: (string | { label: string })[]
   variant?: 'pill' | 'text'
+  /** 尺寸：md 标准；sm 小号（与页面 24rpx 字号胶囊控件同高，用于工具行等紧凑场景） */
+  size?: 'sm' | 'md'
 }
 
 const props = withDefaults(defineProps<Props>(), {
   modelValue: 0,
   options: () => [],
   variant: 'pill',
+  size: 'md',
 })
 
 const emit = defineEmits<{
@@ -135,6 +143,15 @@ watch(() => props.options, measure)
     }
   }
 
+  // sm 小号：字号 caption（12px=24rpx）、更紧内边距，整体高度对齐页面 24rpx 字号胶囊
+  &.dd-seg--sm {
+    .dd-seg__item {
+      min-width: 96rpx;
+      padding: $dd-space-1;
+      font-size: $dd-font-size-caption;
+    }
+  }
+
   .dd-seg__indicator {
     position: absolute;
     top: $dd-space-1;
@@ -154,6 +171,12 @@ watch(() => props.options, measure)
   flex-direction: row;
   gap: $dd-space-6;
 
+  &.dd-seg--sm {
+    .dd-seg-text__item {
+      font-size: $dd-font-size-caption;
+    }
+  }
+
   .dd-seg-text__item {
     position: relative;
     padding: $dd-space-2 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@didaoktv/didaoui-uniapp",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "帝到KTV UniApp 组件库",
   "main": "index.ts",
   "types": "index.ts",
@@ -24,6 +24,7 @@
     "dev:h5": "cd ../DidaoUI-uniapp-docs/h5-demo && npm run dev:h5",
     "build:docs": "cd ../DidaoUI-uniapp-docs && npm run build",
     "type-check": "vue-tsc --noEmit",
+    "bump:consumers": "node scripts/bump-consumers.mjs",
     "prepublishOnly": "node -e \"const p=require('./package.json');if(p.publishConfig&&p.publishConfig.access==='public'){process.exit(0)}console.error('publishConfig.access must be public');process.exit(1)\""
   },
   "publishConfig": {