@didaoktv/didaoui-uniapp 1.4.0 → 1.4.2

package/README.md

@@ -77,7 +77,7 @@ import { DdButton, DdInput } from '@didaoktv/didaoui-uniapp'
 
 ### 圆角
 
-2 / 4 / 8 / 12 / 16 / 9999 px (Vant 对齐小圆角)
+2 / 4 / 8 / 12 / 16 / 9999 px
 
 ### 间距
 
@@ -144,13 +144,13 @@ $dd-primary: #d32f2f;
 
 ## 新增业务组件（2026-08-22 纳入设计系统）
 
-> 新组件统一以主流组件库（Vant 等）同名/同类组件为 API 设计基准，符合 uni-app 多端规范，只消费上层 `scss/_variables.scss` 既有 token。
+> 新组件统一以主流组件库同名/同类组件为 API 设计基准，符合 uni-app 多端规范，只消费上层 `scss/_variables.scss` 既有 token。
 
 | 组件 | 用途 | 参考基准 |
 |------|------|---------|
-| `dd-bill-detail` | 账单明细（商品项/小计/合计/支付状态/操作按钮 slot） | Vant `Card` + GoodsAction 聚合 |
-| `dd-workorder-card` | 工单条目卡片（类型/状态/进度/布置 checklist/完成确认） | Vant `Card` + `Tag` + Checklist |
-| `dd-calendar` | 月历 + 时段（日期多选区间/禁选/时段格） | Vant `Calendar` + 主流日历组件 |
+| `dd-bill-detail` | 账单明细（商品项/小计/合计/支付状态/操作按钮 slot） | 卡片 + 底部操作条聚合 |
+| `dd-workorder-card` | 工单条目卡片（类型/状态/进度/布置 checklist/完成确认） | 卡片 + 标签 + 清单聚合 |
+| `dd-calendar` | 月历 + 时段（日期多选区间/禁选/时段格） | 主流日历组件 |
 | `dd-qrcode` | 二维码渲染（canvas，内容/尺寸/前景色/背景色/logo） | 主流二维码组件 API |
 
 ## License

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

@@ -198,7 +198,7 @@ function onClick(e: Event) {
   color: var(--dd-error-contrast, #{$dd-error-contrast});
 }
 
-// plain：线框按钮，透明底 + 保留各 type 的主题色文字/描边（对齐 Vant 语义）
+// plain：线框按钮，透明底 + 保留各 type 的主题色文字/描边
 .dd-btn--plain {
   background: transparent;
   border-color: currentColor;

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

@@ -124,12 +124,12 @@ 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 全部基线对齐
+  // 恒定行高（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），内容天然居中
+  // 高度 = 垂直 padding + 行高（12/16px × 2 + 23.8px ≈ 96/112rpx），内容天然居中
   &--normal {
     padding-top: $dd-space-3;
     padding-bottom: $dd-space-3;
@@ -159,7 +159,7 @@ function handleClick(e: Event) {
     margin-right: $dd-space-2;
     display: flex;
     align-items: center;
-    // ponytail: stretch 拉伸到兄弟 content 高度使图标居中于首行；title+label 多行时会居中于整块而非首行（vant 是贴首行），如需精确可改为固定行高盒
+    // ponytail: stretch 拉伸到兄弟 content 高度使图标居中于首行；title+label 多行时会居中于整块而非首行，如需精确可改为固定行高盒
     align-self: stretch;
   }
 

package/components/dd-checkbox/dd-checkbox.vue

@@ -43,7 +43,7 @@ const props = withDefaults(defineProps<Props>(), {
   indeterminate: false,
 })
 
-// 必须配合 dd-checkbox-group 使用（vant/uview 同款约定）
+// 必须配合 dd-checkbox-group 使用
 const group = inject<{
   props: { modelValue: any[]; disabled: boolean }
   isMaxed: { value: boolean }

package/components/dd-field/dd-field.vue

@@ -388,7 +388,7 @@ function scrollIntoView() {
   uni.pageScrollTo({ selector: `.${rootClass}`, duration: 300 })
 }
 
-/** 手动聚焦/失焦（vant focus()/blur() 对齐；blur 经 uni.hideKeyboard 收起键盘） */
+/** 手动聚焦/失焦（blur 经 uni.hideKeyboard 收起键盘） */
 const focusState = ref(false)
 
 function focusField() {
@@ -426,7 +426,7 @@ defineExpose({ validate, validateWithTrigger, resetValidation, scrollIntoView, f
 @import '../../scss/variables';
 @import '../../scss/mixins';
 
-// 样式对齐 vant 4 Field（cell：padding 10px 16px / line-height 24px / 16px 字号 / label 6.2em 主文本色）
+// 样式基准（cell：padding 10px 16px / line-height 24px / 16px 字号 / label 6.2em 主文本色）
 // 颜色全部走 $dd-* 主题 token；1px 发丝线为刻意的例外
 .dd-field {
   position: relative;
@@ -442,7 +442,7 @@ defineExpose({ validate, validateWithTrigger, resetValidation, scrollIntoView, f
   color: var(--dd-text-primary, #{$dd-text-primary});
   background: var(--dd-bg-elevated, #{$dd-bg-elevated});
 
-  // vant 式发丝线：两侧缩进 32rpx
+  // 发丝线：两侧缩进 32rpx
   &::after {
     position: absolute;
     box-sizing: border-box;
@@ -626,7 +626,7 @@ defineExpose({ validate, validateWithTrigger, resetValidation, scrollIntoView, f
     text-align: right;
   }
 
-  // error：输入文字与 placeholder 变红，label 不变（vant 行为）
+  // error：输入文字与 placeholder 变红，label 不变
   &--error {
     .dd-field__control,
     .dd-field__control::placeholder {
@@ -634,7 +634,7 @@ defineExpose({ validate, validateWithTrigger, resetValidation, scrollIntoView, f
     }
   }
 
-  // disabled：仅文字变灰，不整体降透明度（vant 行为）
+  // disabled：仅文字变灰，不整体降透明度
   &--disabled {
     .dd-field__label,
     .dd-field__left-icon {

package/components/dd-form/rules.ts

@@ -1,5 +1,5 @@
 /**
- * dd-form 轻量校验引擎（vant runRules 思想，自研无依赖）
+ * dd-form 轻量校验引擎（自研无依赖）
  * 规则分散在各 dd-field 上，dd-form 只做调度。
  */
 
@@ -36,7 +36,7 @@ export interface DdFieldRule {
   pattern?: RegExp
   /**
    * 自定义校验：返回 true=通过，false=用 message 报错，
-   * 返回 string=直接以该字符串为错误消息（vant 语义）；支持 Promise
+   * 返回 string=直接以该字符串为错误消息；支持 Promise
    */
   validator?: (value: any) => boolean | string | Promise<boolean | string>
   /** 触发时机；缺省 = 任意触发都执行 */

package/components/dd-price/dd-price.vue

@@ -52,7 +52,7 @@ const pricePair = computed<string[] | null>(() => {
 .dd-price {
   display: inline-flex;
   align-items: baseline;
-  // ponytail: 颜色跟随使用方（inherit），Vant 亦由上下文（如 submit-bar 红价）控制
+  // ponytail: 颜色跟随使用方（inherit），如 submit-bar 的红价由使用方控制
   color: inherit;
   font-weight: 600;
   line-height: 1;

package/components/dd-radio/dd-radio.vue

@@ -37,7 +37,7 @@ const props = withDefaults(defineProps<Props>(), {
   label: '',
 })
 
-// 必须配合 dd-radio-group 使用（vant/uview 同款约定）
+// 必须配合 dd-radio-group 使用
 const group = inject<{
   props: { modelValue: any; disabled: boolean }
   toggle: (value: any) => void

package/components/dd-sidebar-item/dd-sidebar-item.vue

@@ -12,11 +12,11 @@
   >
     <view class="dd-sidebar-item__text">
       <slot name="title">{{ title }}</slot>
+      <view v-if="badge" class="dd-sidebar-item__badge">
+        <text class="dd-sidebar-item__badge-text">{{ badge }}</text>
+      </view>
+      <view v-else-if="dot" class="dd-sidebar-item__dot"></view>
     </view>
-    <view v-if="badge" class="dd-sidebar-item__badge">
-      <text class="dd-sidebar-item__badge-text">{{ badge }}</text>
-    </view>
-    <view v-else-if="dot" class="dd-sidebar-item__dot"></view>
   </view>
 </template>
 
@@ -91,23 +91,26 @@ function onClick() {
   }
 
   &--disabled {
+    // ponytail: 用透明度淡化，随主题自适应；文字对比度随之下降以强化「禁用」观感
+    opacity: 0.45;
     color: var(--dd-text-tertiary, #{$dd-text-tertiary});
   }
 
   &__text {
+    display: inline-flex;
+    align-items: center;
     @include dd-ellipsis(1);
   }
 
   &__badge {
-    position: absolute;
-    top: $dd-space-2;
-    right: $dd-space-2;
     min-width: $dd-space-4;
     height: $dd-space-4;
+    margin-left: $dd-space-1;
     padding: 0 $dd-space-1;
     border-radius: $dd-radius-full;
     background: var(--dd-error, #{$dd-error});
     @include dd-flex-center;
+    flex-shrink: 0;
   }
 
   &__badge-text {
@@ -117,11 +120,10 @@ function onClick() {
   }
 
   &__dot {
-    position: absolute;
-    top: $dd-space-2;
-    right: $dd-space-2;
+    flex-shrink: 0;
     width: $dd-space-2;
     height: $dd-space-2;
+    margin-left: $dd-space-1;
     border-radius: 50%;
     background: var(--dd-error, #{$dd-error});
   }

package/components/dd-submit-bar/dd-submit-bar.vue

@@ -103,7 +103,7 @@ const slots = useSlots()
 
 const hasTip = computed(() => !!props.tip || !!slots.tip)
 
-// Vant 口径：price 单位为分，除以 100 转元交给 dd-price 渲染
+// price 单位为分，除以 100 转元交给 dd-price 渲染
 const priceYuan = computed(() => (typeof props.price === 'number' ? props.price / 100 : undefined))
 const hasPrice = computed(() => priceYuan.value !== undefined)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@didaoktv/didaoui-uniapp",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "帝到KTV UniApp 组件库",
   "main": "index.ts",
   "types": "index.ts",

package/scss/_variables.scss

@@ -116,7 +116,7 @@ $dd-surface-container-low: $dd-neutral-800 !default;
 $dd-surface-container: $dd-neutral-800 !default;
 $dd-surface-container-high: $dd-neutral-700 !default;
 $dd-surface-container-highest: $dd-neutral-600 !default;
-$dd-bg-section: $dd-neutral-800 !default;
+$dd-bg-section: $dd-neutral-900 !default;
 $dd-bg-card: $dd-neutral-800 !default;
 $dd-bg-elevated: $dd-neutral-800 !default;
 // 弹出层专用底色：比卡片（neutral-800）亮一档，形成 页面→卡片→弹出层 的抬升层级