@didaoktv/didaoui-uniapp 1.3.8 → 1.4.0

package/README.md

@@ -6,7 +6,7 @@
 
 - **帝王级配色** — 帝王金 `#F5A623` + 皇家蓝 `#2D4BA0` 双主色，暗色主题默认
 - **玻璃拟态设计** — 多层级玻璃拟态效果，打造高端夜店沉浸感
-- **90 个精心打磨的组件** — 覆盖表单、导航、布局卡片、数据展示、浮层反馈、交互、画布七大类，含 KTV 业务组件（房态卡、账单明细、工单卡、日历、二维码）
+- **95 个精心打磨的组件** — 覆盖表单、导航、布局卡片、数据展示、浮层反馈、交互、画布七大类，含 KTV 业务组件（房态卡、账单明细、工单卡、日历、二维码）
 - **Vue3 + TypeScript** — 完整类型定义，Composition API
 - **多端兼容** — H5 / 微信小程序 / 抖音小程序 / Android / iOS
 
@@ -50,10 +50,10 @@ import { DdButton, DdInput } from '@didaoktv/didaoui-uniapp'
 
 | 分类    | 数量 | 组件                                                                                                                                            |
 | ----- | -- | --------------------------------------------------------------------------------------------------------------------------------------------- |
-| 表单输入  | 23 | Button, CodeButton, Input, Form, Field, Switch, Checkbox, CheckboxGroup, Radio, RadioGroup, Stepper, SearchBar, Slider, DatePicker, Picker, Rate, Upload, Icon, Keyboard, NumberKeyboard, CarKeyboard, Cascader, GoodsSku |
-| 导航    | 12 | Navigation, TopNavbar, SwipeableTab, SegmentedTab, Drawer, Tabbar, TabbarItem, Backtop, Collapse, CollapseItem, DropdownMenu, DropdownItem    |
-| 布局/卡片 | 8  | Card, RoomCard, FeatureGrid, Sticky, BillDetail, WorkorderCard, Calendar, Qrcode                                                              |
-| 数据展示  | 24 | Tag, StatCard, ChampionCard, Avatar, AvatarGroup, Badge, ListCell, Cell, CellGroup, CountDown, Divider, Image, Progress, Skeleton, EmptyState, Step, Steps, Text, Link, Copy, Album, Coupon, Parse, Markdown |
+| 表单输入  | 24 | Button, CodeButton, Input, Form, Field, Switch, Checkbox, CheckboxGroup, Radio, RadioGroup, Stepper, SearchBar, Slider, DatePicker, Picker, Rate, Upload, Icon, Keyboard, NumberKeyboard, CarKeyboard, Cascader, GoodsSku, TreeSelect |
+| 导航     | 14 | Navigation, TopNavbar, SegmentedTab, SwipeableTab, Drawer, Tabbar, TabbarItem, Backtop, Collapse, CollapseItem, DropdownMenu, DropdownItem, Sidebar, SidebarItem |  |
+| 布局/卡片 | 9  | Card, RoomCard, FeatureGrid, Sticky, BillDetail, WorkorderCard, Calendar, Qrcode, SubmitBar                                                              |
+| 数据展示  | 25 | Tag, StatCard, ChampionCard, Avatar, AvatarGroup, Badge, ListCell, Cell, CellGroup, CountDown, Divider, Image, Progress, Skeleton, EmptyState, Step, Steps, Text, Link, Copy, Album, Coupon, Parse, Markdown, Price |
 | 浮层反馈  | 11 | Modal, ActionSheet, Toast, Alert, Loading, Dialog, Overlay, Popup, Popover, PopoverItem, Portal                                                   |
 | 交互    | 5  | SwipeAction, Swipe, SwipeItem, PullRefresh, Loadmore                                                                                         |
 | 小程序专属 | 2  | CapsuleButton, MiniProgramNavbar                                                                                                             |

package/components/dd-car-keyboard/dd-car-keyboard.vue

@@ -176,7 +176,7 @@ function emitValue() {
 </script>
 
 <style lang="scss" scoped>
-/* 头部固定引入；只消费 $dd-* token，样式值写 var(--dd-x, $dd-x) 兜底形式 */
+/* 头部固定引入；只消费 $dd-* token，样式值一律 var() 兜底形式 */
 @import '../../scss/variables';
 @import '../../scss/dd-shared';
 
@@ -184,7 +184,7 @@ $dd-car-keyboard-gap: 8rpx !default;
 $dd-car-keyboard-box-height: 76rpx !default;
 $dd-car-keyboard-box-border: 1px solid var(--dd-border-default, #{$dd-border-default}) !default;
 $dd-car-keyboard-key-height: 76rpx !default;
-$dd-car-keyboard-panel-padding: 0 var(--dd-space-2, #{$dd-space-2}) var(--dd-space-2, #{$dd-space-2}) !default;
+$dd-car-keyboard-panel-padding: 0 $dd-space-2 $dd-space-2 !default;
 
 .dd-car-keyboard {
 	&__boxes {
@@ -200,14 +200,14 @@ $dd-car-keyboard-panel-padding: 0 var(--dd-space-2, #{$dd-space-2}) var(--dd-spa
 		flex: 1;
 		height: $dd-car-keyboard-box-height;
 		border: $dd-car-keyboard-box-border;
-		border-radius: var(--dd-radius-md, #{$dd-radius-md});
+		border-radius: $dd-radius-md;
 
 		&--active {
 			border-color: var(--dd-primary-400, #{$dd-primary-400});
 		}
 
 		&--energy {
-			border-color: var(--dd-success-500, #{$dd-success-500});
+			border-color: var(--dd-success, #{$dd-success});
 		}
 	}
 
@@ -233,8 +233,8 @@ $dd-car-keyboard-panel-padding: 0 var(--dd-space-2, #{$dd-space-2}) var(--dd-spa
 		left: 50%;
 		transform: translateX(-50%);
 		padding: 0 6rpx;
-		background-color: var(--dd-success-500, #{$dd-success-500});
-		border-radius: var(--dd-radius-sm, #{$dd-radius-sm});
+		background-color: var(--dd-success, #{$dd-success});
+		border-radius: $dd-radius-sm;
 	}
 
 	&__badge-text {
@@ -281,7 +281,7 @@ $dd-car-keyboard-panel-padding: 0 var(--dd-space-2, #{$dd-space-2}) var(--dd-spa
 
 	&__row {
 		@include flex;
-		margin-top: var(--dd-space-2, #{$dd-space-2});
+		margin-top: $dd-space-2;
 		gap: $dd-car-keyboard-gap;
 	}
 
@@ -292,7 +292,7 @@ $dd-car-keyboard-panel-padding: 0 var(--dd-space-2, #{$dd-space-2}) var(--dd-spa
 		flex: 1;
 		height: $dd-car-keyboard-key-height;
 		background-color: var(--dd-surface-container-high, #{$dd-surface-container-high});
-		border-radius: var(--dd-radius-md, #{$dd-radius-md});
+		border-radius: $dd-radius-md;
 
 		&--lock {
 			opacity: 0.35;

package/components/dd-date-picker/dd-date-picker.vue

@@ -202,7 +202,7 @@ function onConfirm() {
     right: 0;
     bottom: 0;
     z-index: $dd-z-index-popup;
-    background: var(--dd-bg-elevated, #{$dd-bg-elevated});
+    background: var(--dd-bg-popup, #{$dd-bg-popup});
     border-radius: $dd-radius-2xl $dd-radius-2xl 0 0;
     transform: translateY(100%);
     @include dd-transition(transform 0.3s);

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

@@ -178,7 +178,7 @@ function onCancel() {
     transform: translate(-50%, -50%) scale(0.9);
     opacity: 0;
     visibility: hidden;
-    background: var(--dd-bg-elevated, #{$dd-bg-elevated});
+    background: var(--dd-bg-popup, #{$dd-bg-popup});
     border: 1px solid var(--dd-border-default, #{$dd-border-default});
     border-radius: $dd-radius-lg;
     box-shadow: var(--dd-shadow-4, #{$dd-shadow-4});