@didaoktv/didaoui-uniapp 1.4.1 → 1.4.2

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-tree-select/dd-tree-select.vue

@@ -164,10 +164,12 @@ function onItemClick(child: TreeSelectChild) {
   }
 
   &__item {
+    position: relative;
     display: flex;
     align-items: center;
+    justify-content: space-between;
     min-height: 96rpx;
-    padding: 0 $dd-space-4;
+    padding: 0 88rpx 0 $dd-space-4;
     font-weight: 600;
     color: var(--dd-text-primary, #{$dd-text-primary});
 
@@ -176,8 +178,7 @@ function onItemClick(child: TreeSelectChild) {
     }
 
     &--active {
-      background: var(--dd-primary, #{$dd-primary});
-      color: $dd-neutral-50;
+      color: var(--dd-primary, #{$dd-primary});
     }
 
     &--disabled {
@@ -196,9 +197,12 @@ function onItemClick(child: TreeSelectChild) {
   }
 
   &__selected {
-    margin-left: $dd-space-2;
+    position: absolute;
+    top: 50%;
+    right: $dd-space-4;
+    transform: translateY(-50%);
     font-size: 32rpx;
-    color: $dd-neutral-50;
+    color: var(--dd-primary, #{$dd-primary});
   }
 }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@didaoktv/didaoui-uniapp",
-  "version": "1.4.1",
+  "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）亮一档，形成 页面→卡片→弹出层 的抬升层级