@didaoktv/didaoui-uniapp 1.3.4 → 1.3.6

package/README.md

@@ -1,4 +1,4 @@
-# @didaoktv/didaoui-uniapp
+# @didaoktv/didaoui-uniapp
 
 专为 KTV 场景打造的 UniApp 组件库。
 
@@ -6,7 +6,7 @@
 
 - **帝王级配色** — 帝王金 `#F5A623` + 皇家蓝 `#2D4BA0` 双主色，暗色主题默认
 - **玻璃拟态设计** — 多层级玻璃拟态效果，打造高端夜店沉浸感
-- **89 个精心打磨的组件** — 覆盖表单、导航、布局卡片、数据展示、浮层反馈、交互、画布七大类，含 KTV 业务组件（房态卡、账单明细、工单卡、日历、二维码）
+- **90 个精心打磨的组件** — 覆盖表单、导航、布局卡片、数据展示、浮层反馈、交互、画布七大类，含 KTV 业务组件（房态卡、账单明细、工单卡、日历、二维码）
 - **Vue3 + TypeScript** — 完整类型定义，Composition API
 - **多端兼容** — H5 / 微信小程序 / 抖音小程序 / Android / iOS
 
@@ -54,7 +54,7 @@ import { DdButton, DdInput } from '@didaoktv/didaoui-uniapp'
 | 导航    | 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 |
-| 浮层反馈  | 10 | Modal, ActionSheet, Toast, Alert, Loading, Dialog, Overlay, Popup, Popover, PopoverItem                                                       |
+| 浮层反馈  | 11 | Modal, ActionSheet, Toast, Alert, Loading, Dialog, Overlay, Popup, Popover, PopoverItem, Portal                                                   |
 | 交互    | 5  | SwipeAction, Swipe, SwipeItem, PullRefresh, Loadmore                                                                                         |
 | 小程序专属 | 2  | CapsuleButton, MiniProgramNavbar                                                                                                             |
 | 画布    | 5  | Canvas, Barcode, Cropper, Signature, Poster                                                                                                  |

package/components/dd-action-sheet/dd-action-sheet.vue

@@ -1,4 +1,5 @@
 <template>
+  <dd-portal>
   <view class="dd-action-sheet">
     <view
       class="dd-action-sheet__mask"
@@ -33,9 +34,11 @@
       <view class="dd-action-sheet__safe-bottom"></view>
     </view>
   </view>
+  </dd-portal>
 </template>
 
 <script setup lang="ts">
+import DdPortal from '../dd-portal/dd-portal.vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
 
 interface ActionItem {

package/components/dd-alert/dd-alert.vue

@@ -1,4 +1,5 @@
 <template>
+  <dd-portal>
   <view class="dd-alert">
     <view
       class="dd-alert__mask"
@@ -21,10 +22,12 @@
       </view>
     </view>
   </view>
+  </dd-portal>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import DdPortal from '../dd-portal/dd-portal.vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
 
 type AlertType = 'info' | 'success' | 'warning' | 'error' | 'confirm'

package/components/dd-car-keyboard/carPlate.ts

@@ -0,0 +1,47 @@
+// 车牌号键盘纯逻辑：键位布局、按位锁键、光标推进（供 dd-car-keyboard.vue 消费）
+export const MAX_LEN = 8
+
+export interface KeyItem {
+	label: string
+	locked: boolean
+}
+
+// 省份行（参考实现末行含字母 W 为笔误，此处修正为 港/澳）
+export const PROVINCE_ROWS: string[][] = [
+	['京', '津', '晋', '冀', '蒙', '辽', '吉', '黑', '沪'],
+	['苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘'],
+	['粤', '桂', '琼', '渝', '川', '贵', '云', '藏'],
+	['陕', '甘', '青', '宁', '新', '港', '澳']
+]
+
+const DIGIT_ROW = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0']
+const EN_ROW2_DEFAULT = ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'O', 'P', '挂']
+// 第 6 位（新能源序号位）去掉 O，追加 学/挂
+const EN_ROW2_ENERGY = ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'P', '学', '挂']
+const EN_ROW3 = ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', '警']
+const EN_ROW4 = ['Z', 'X', 'C', 'V', 'B', 'N', 'M', '港', '澳']
+
+// 按位锁键：1 位禁数字与特殊字；2-5/7 位禁 O 与特殊字；6 位（新能源）仅禁 O
+export function getLockedKeys(pos: number): string[] {
+	if (pos <= 0) return []
+	if (pos === 1) return [...DIGIT_ROW, '学', '挂', '警', '港', '澳']
+	if (pos === MAX_LEN - 2) return ['O']
+	return ['O', '学', '挂', '警', '港', '澳']
+}
+
+// pos=0 返回省份键盘，其余位返回字母数字键盘（带锁定态）
+export function getKeyRows(pos: number): KeyItem[][] {
+	if (pos === 0) {
+		return PROVINCE_ROWS.map((row) => row.map((label) => ({ label, locked: false })))
+	}
+	const row2 = pos === MAX_LEN - 2 ? EN_ROW2_ENERGY : EN_ROW2_DEFAULT
+	const locked = getLockedKeys(pos)
+	return [DIGIT_ROW, row2, EN_ROW3, EN_ROW4].map((row) =>
+		row.map((label) => ({ label, locked: locked.includes(label) }))
+	)
+}
+
+// 填完第 7 位后收起键盘（返回 -1），新能源位（第 8 位）由用户主动点选
+export function nextPos(pos: number): number {
+	return pos < MAX_LEN - 2 ? pos + 1 : -1
+}